@charset "utf-8";

/* ----------------------------------
Name: style.css
Version: 1.0
----------------------------------
Table of contents
Google Font
Body and Default Transitions
Typography
Icon
Background Color
Border Color
Margin
Padding
Custom
OWL Carousel
Button
Form Control
Portfolio and Photo Gallery
Video and Sound
Navbar
Header
Hero Section
Slider
Feature Box
Content
Team
Pricing Table
Contact
Blog
Subscribe
Counter
Clients
Timer
Testimonial
Footer
*/


/*====================================
Google Font
=====================================*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

/*====================================
Typography
=====================================*/

body {
    color: #222;
    font-size: 14px;
    /* font-family: 'Poppins', sans-serif; */
    font-family: "Roboto", sans-serif !important;
    line-height: normal;
    font-weight: 400;
    letter-spacing: 0.5px;
    position: relative;
    z-index: 1;
}

body:before {
    background-image: url(../images/bodyimage.png);
    background-size: cover;
    background-attachment: fixed;
    content: '';
    width: 100%;
    height: 100%;
    z-index: -1;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0.2;
    background-color: #fff;
}

body,
html {
    height: 100%;
}
.card_image{
    width:200px;
    margin: auto;
}
.card_image img{
    width:100%;
    height:100%
}
.iamge_all_design_all{
    width: 100%;
}
.iamge_all_design_all img{
    width:200px;
}
.keemornimage{
    width: 300px;
    margin: auto;
}
.keemornimage img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.keemornorganic h3{
    font-size: 30px;
    margin-bottom: 10px;
}
.keemornorganic p{
    font-size: 20px;
    margin-bottom: 10px;
    color: #000;
}
.keemornorganic h6{
    margin-bottom: 8px;
    font-size: 18px;
}
.keemornorganic ul {
    padding-left: 20px;
}
.keemornorganic ul li{
     font-size: 20px;
     margin-bottom: 11px;
     list-style: circle;
}
/* heading */

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #222;
    margin: 0;
    padding: 0;
    font-weight: 600;
    line-height: normal;
}

:focus {
    outline: none;
}

a {
    color: #000;
    display: inline-block;
    text-decoration: none;
}

a:hover {
    color: #276309;
    text-decoration: none;
}

a,
a:hover {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

img {
    backface-visibility: hidden;
}

span {
    display: inline-block;
}

button {
    padding: 0;
    border: none;
    cursor: pointer;
}

button,
button:hover {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

button,
button:focus {
    outline: none;
    box-shadow: none;
}

.navbar-toggler:focus {
    box-shadow: none;
}

p {
    line-height: 25px;
    margin-bottom: 0px;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.iamgeall {
    border-radius: 50%;
    width: 120px;
    height: 120px;
    margin: auto;
}
.iamgeall img{
   width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%
}
select,
textarea {
    padding: 7px 12px;
    border: 1px solid #e2e2e2;
    border-radius: 0;
    width: 100%;
    height: 39px;
    border-radius: 5px;
}

.form-control {
    width: 100%;
    height: 39px;
}

input:focus,
select:focus,
textarea:focus {
    outline: none;
    border: 1px solid #e2e2e2;
    box-shadow: none;
}

.btn:focus,
.btn:active {
    outline: none;
    box-shadow: none;
}

.margintop-bottom {
    margin: 50px 0px;
}

/* body hidden class */
.section-title {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 0px;
}

.section-title h2 {
    position: relative;
    display: inline-block;
    font-size: 2.5rem;
    font-weight: 700;
    color: #2c3e50;
    padding: 0 20px;
    margin: 0;
}

.section-title h2::before,
.section-title h2::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 50px;
    height: 3px;
    background: linear-gradient(90deg, #198754, #4ee900);
    transform: translateY(-50%);
    border-radius: 10px;
    animation: expand 2s infinite alternate;
}

.section-title h2::before {
    left: -60px;
}

.section-title h2::after {
    right: -60px;
}

.section-title h2 span {
    position: absolute;
    width: 10px;
    height: 10px;
    background: #e74c3c;
    border-radius: 50%;
    animation: bounce 1.5s infinite ease-in-out;
}

.section-title h2 span:nth-child(1) {
    left: -30px;
    top: 30%;
    animation-delay: 0.1s;
}

.section-title h2 span:nth-child(2) {
    right: -30px;
    top: 70%;
    animation-delay: 0.3s;
}

@keyframes expand {
    0% {
        width: 50px;
        opacity: 0.8;
    }

    100% {
        width: 70px;
        opacity: 1;
    }
}

@keyframes bounce {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }
}

body.hidden {
    overflow-y: hidden;
    padding-right: 17px;
}

section {
    padding: 0px 45px;
}

/* hadeer design  */
.logos {
    width: 150px;
}

.logos img {
    width: 100%;
}

.user-info a {
    font-size: 15px;
    font-size: 15px;
    border: none;
    background: #29640e;
    border-radius: 50px;
    padding: 8px 15px;
    color: #fff;
    cursor: pointer;
}
video{
    width: 100%;
    height: 100%;
}
/* hadeer design  */
/* index page design  */
.sliderhomedesign {
      margin: 15px;
    border-radius: 15px;
    overflow: hidden;
    height: 500px;

}

/* index page design  */
/* btn style 1 css */

.btn-style1 {
    color: #fff;
    font-size: 14px;
    padding: 10px 30px;
    background-color: #276309;
    font-weight: 600;
    border: 2px solid #276309;
    border-radius: 25px;
}

.btn-style1:hover {
    color: #000;
    background-color: transparent;
}


/* btn style 2 css */

.btn-style2 {
    color: #fff;
    font-size: 14px;
    padding: 10px 30px;
    background-color: #222;
    font-weight: 600;
    border-radius: 25px;
}

.btn-style2:hover {
    color: #fff;
    background-color: #276309;
}


/* btn style 3 css */

.btn-style3 {
    color: #fff;
    font-size: 14px;
    padding: 10px 30px;
    background-color: #276309;
    font-weight: 600;
    border-radius: 0;
}

.btn-style3:hover {
    color: #222;
}


/* mm-fullscreen-bg css */

.mm-fullscreen-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 99;
    opacity: 0;
    visibility: hidden;
}

.mm-fullscreen-bg.active {
    opacity: 1;
    visibility: visible;
}

.mm-fullscreen-bg,
.mm-fullscreen-bg.active {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}


/* section padding css */
.product-cart {
    display: inline-block;
    margin: auto;
}

.product-cart a {
    padding: 6px 20px;
    margin: auto;
    border-radius: 25px;
    font-size: 13px;
    margin-right: 2px;
}

.section-t-padding {
    padding-top: 30px;
}

.section-b-padding {
    padding-bottom: 10px;
}

.section-tb-padding {
    padding-top: 10px;
    padding-bottom: 40px;
}

.section-1t-padding {
    padding-top: 60px;
}

.section-1b-padding {
    padding-bottom: 60px;
}

.section-1tb-padding {
    padding-top: 60px;
    padding-bottom: 60px;
}


/* breadcrumb padding */

.breadcrumb-t-padding {
    padding-top: 30px;
}

.breadcrumb-b-padding {
    padding-top: 30px;
}

.breadcrumb-tb-padding {
    padding-top: 30px;
    padding-bottom: 30px;
}
.top_imga{
    display: flex;
    gap: 15px;
    align-items: center;
}
@media (max-width: 767px) {
    .account-area .account .page-name {
    border-bottom: none;
    padding-bottom: 50px;
    height: 100vh;
    overflow: scroll;
}
.top_imga {
    float: left;
    /* width: 60%; */
    border-bottom: 1px solid #ddd;
    padding: 5px 5px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.identity_cart_design div h5{
        font-size: 15px;
        font-weight: 500;
    }
.identity_cart_design div span{
        font-size: 12px;
        font-weight: 500;
    }
    .breadcrumb-t-padding {
        padding-top: 20px;
    }

    .breadcrumb-b-padding {
        padding-bottom: 20px;
    }

    .breadcrumb-tb-padding {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .desks {
        display: none;
    }
}


/* section title css */

.section-title h2 {
    font-size: 30px;
    text-align: center;
    margin-bottom: 0px;
    line-height: 1;
}


/* home-1 container css */

.home-1 .container {
    max-width: 1200px;
}


/* top notification css */


/* currency css */

.top1 {
    background-color: #8cbc47;
}

.top1 ul.top-home {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.top1 ul.top-home li.top-home-li .currency {
    display: flex;
    align-items: center;
}

.top1 ul.top-home li.top-home-li .currency span.currency-head {
    color: #fff;
    padding: 10px 0;
}

.top1 ul.top-home li.top-home-li .currency .currency-drop {
    position: relative;
}

.top1 ul.top-home li.top-home-li .currency .currency-drop .eur {
    padding: 14px 11px;
    display: flex;
    align-items: center;
    position: relative;
}

.top1 ul.top-home li.top-home-li .currency .currency-drop .eur::after {
    content: "\e604";
    font-family: "simple-line-icons";
    font-size: 9px;
    color: #fff;
    position: absolute;
    right: -3px;
    bottom: 50%;
    transform: translateY(50%);
}

.top1 ul.top-home li.top-home-li .currency .currency-drop .eur span.cur-name {
    color: #fff;
    font-size: 13px;
    margin-left: 8px;
    text-transform: uppercase;
    line-height: 1;
}

.top1 ul.top-home li.top-home-li .currency .currency-drop ul.all-currency {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 7;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    opacity: 0;
    visibility: hidden;
}

.top1 ul.top-home li.top-home-li .currency .currency-drop:hover ul.all-currency {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.top1 ul.top-home li.top-home-li .currency .currency-drop ul.all-currency li {
    padding: 8px 15px;
}

.top1 ul.top-home li.top-home-li .currency .currency-drop ul.all-currency li a {
    display: flex;
    align-items: center;
}

.top1 ul.top-home li.top-home-li .currency .currency-drop ul.all-currency li a span {
    font-size: 13px;
    margin-left: 5px;
    text-transform: uppercase;
    line-height: 1;
}


/* top search css */

.top1 ul.top-home li.top-home-li .r-search {
    position: relative;
    display: none;
}

.top1 ul.top-home li.top-home-li .r-search a.search-popuup {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 0;
}

.top1 ul.top-home li.top-home-li .r-search .modal-dialog {
    margin: 0px;
    max-width: 100%;
}

.top1 ul.top-home li.top-home-li .r-search .modal-content {
    background-color: #276309;
    border: none;
    border-radius: 0px;
}

.top1 ul.top-home li.top-home-li .r-search .modal-body {
    display: flex;
    align-items: center;
    padding: 10px 15px;
}

.top1 ul.top-home li.top-home-li .r-search .m-drop-search {
    width: 100%;
    position: relative;
    border-radius: 25px;
    overflow: hidden;
}

.top1 ul.top-home li.top-home-li .r-search .m-drop-search input {
    height: 40px;
    border-radius: 25px;
    border: 1px solid #c7c7c7;
    width: 100%;
}

.top1 ul.top-home li.top-home-li .r-search .m-drop-search button.search-btn {
    color: #fff;
    font-size: 16px;
    position: absolute;
    right: 0;
    height: 100%;
    width: 40px;
    background-color: #222;
    border: none;
    border-radius: 100%;
    line-height: 0;
}

.top1 ul.top-home li.top-home-li .r-search button.close {
    display: block;
    color: #fff;
    font-size: 16px;
    margin-left: 10px;
    opacity: 1;
    line-height: 0;
    background-color: transparent;
}


/* top offer css */

.top1 ul.top-home li.top-home-li .top-content p {
    color: #fff;
    font-size: 14px;
    padding: 8px 0;
}

.top1 ul.top-home li.top-home-li .top-content p span.top-c {
    font-weight: 600;
    animation: blinker .7s infinite;
}

@keyframes blinker {
    50% {
        color: #276309;
    }
}

.img-fluid {
    height: auto;
}

/* header top css */

.header-main-area {
    padding: 15px 45px;
    background-color: #fff;
}

/*.header-main-area.is-sticky {*/
/*    background-color: #ffffff;*/
/*}*/

/*@media (max-width: 1199px) {*/
/*    .header-main-area.is-sticky {*/
/*        background-color: #ffffff;*/
/*    }*/
/*}*/

/*.header-main-area.is-sticky {*/
/*    position: fixed;*/
/*    top: 0;*/
/*    left: 0;*/
/*    right: 0;*/
/*    background-color: #fff;*/
/*    z-index: 8;*/
/*    width: 100%;*/
/*    box-shadow: 0 0 15px rgb(0 0 0 / 15%);*/
/*    -webkit-box-shadow: 0 0 15px rgb(0 0 0 / 15%);*/
/*    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);*/
/*    -ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);*/
/*    background-color: #fff;*/
/*    animation: smoothScroll 1s forwards;*/
/*}*/

@keyframes smoothScroll {
    0% {
        transform: translateY(-150px);
    }

    100% {
        transform: translateY(0px);
    }
}

.header-main-area .header-main {
    display: flex;
    align-items: center;
}

.header-main-area .header-main .header-element.logo {
    width: 33.33%;
}

.header-main-area .header-main .header-element.search-wrap {
    width: 33.33%;
}

.header-main-area .header-main .search-wrap {
    position: relative;
}

.header-main-area .header-main .search-wrap input {
    width: 100%;
    height: 40px;
    border: 1px solid #c7c7c7;
    border-radius: 25px;
}

.header-main-area .header-main .search-wrap a {
    color: #fff;
    font-size: 16px;
    position: absolute;
    top: 0;
    right: 0px;
    width: 40px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #000;
    border: none;
    border-radius: 50%;
    line-height: 0;
}

.header-main-area .header-main .search-wrap a:hover {
    background-color: #276309;
}

.header-main-area .header-main .header-element.right-block-box {
    width: 33.33%;
}

.header-main-area .header-main .header-element.right-block-box ul.shop-element li.nav-toggler {
    display: none;
    line-height: 0;
}


/* navbar-toggler css */

button.navbar-toggler {
    padding: 0;
    border: none;
}

button.navbar-toggler span.line {
    position: relative;
    margin-top: 8px;
    margin-bottom: 8px;
}

button.navbar-toggler span.line,
button.navbar-toggler span.line::before,
button.navbar-toggler span.line::after {
    width: 20px;
    height: 2px;
    display: block;
    background-color: #000;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

button.navbar-toggler span.line::before,
button.navbar-toggler span.line::after {
    content: '';
    position: absolute;
}

button.navbar-toggler span.line::before {
    top: 8px;
}

button.navbar-toggler span.line::after {
    top: -8px;
}


/* right block css */

.right-block-box {
    display: flex;
    justify-content: flex-end;
}

.right-block-box ul.shop-element {
    display: flex;
    align-items: center;
    justify-content: center;
}

.right-block-box ul.shop-element li.side-wrap {
    position: relative;
    margin-left: 30px;
}

.right-block-box ul.shop-element li.side-wrap:first-child {
    margin-left: 0;
}


/* user account css */

.right-block-box ul.shop-element li.user-wrap .acc-desk {
    display: flex;
    align-items: center;
}

.right-block-box ul.shop-element li.user-wrap .acc-desk .user-icon a.user-icon-desk {
    display: block;
    font-size: 30px;
    line-height: 0;
}

.right-block-box ul.shop-element li.user-wrap .acc-desk .user-icon a.user-icon-desk,
.right-block-box ul.shop-element li.user-wrap .acc-desk:hover .user-icon a.user-icon-desk {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.form-control {
    font-size: 13px;
}

.account-area .account ul.page-name li.active_class a {
    color: green;
    font-size: 15px;
    font-weight: 700;
}

.right-block-box ul.shop-element li.user-wrap .acc-desk .user-info {
    font-size: 30px;
}

.right-block-box ul.shop-element li.user-wrap .acc-desk .user-info span.acc-title {
    color: #276309;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1;
}

.right-block-box ul.shop-element li.user-wrap .acc-desk .user-info .account-login {
    display: flex;
    margin-top: 7px;
}

.right-block-box ul.shop-element li.user-wrap .acc-desk .user-info .account-login a {
    color: #000;
    font-size: 11px;
    padding-right: 5px;
    margin-right: 5px;
    border-right: 1px solid #c3c3c3;
    line-height: 1;
}

.right-block-box ul.shop-element li.user-wrap .acc-desk .user-info .account-login a:last-child {
    padding-right: 0px;
    margin-right: 0px;
    border-right: none;
}

.right-block-box ul.shop-element li.user-wrap .acc-desk .user-info .account-login a:hover {
    color: #276309;
}

.right-block-box ul.shop-element li.user-wrap .acc-mob {
    display: none;
}


/* wishlist css */

.wishlist-wrap a.header-wishlist {
    display: block;
    position: relative;
}

.wishlist-wrap a.header-wishlist span.wishlist-icon {
    display: block;
    font-size: 30px;
}

.wishlist-wrap a.header-wishlist span.wishlist-counter {
    color: #fff;
    font-size: 12px;
    position: absolute;
    left: 20px;
    top: 5px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: #276309;
    font-weight: 500;
    border-radius: 100%;
}


/* cart css */

.shopping-widget .shopping-cart a.cart-count {
    display: block;
}

.shopping-widget .shopping-cart a.cart-count span.cart-icon-wrap {
    display: block;
    position: relative;
}

.shopping-widget .shopping-cart a.cart-count span.cart-icon-wrap span.cart-icon {
    display: block;
    font-size: 20px;
}

.wishlist-wrap a.header-wishlist span.wishlist-icon i,
.shopping-widget .shopping-cart a.cart-count span.cart-icon-wrap span.cart-icon i {
    margin-right: 10px;
}

.shopping-widget .shopping-cart a.cart-count span.cart-icon-wrap span.bigcounter {
    color: #fff;
    font-size: 12px;
    position: absolute;
    left: 20px;
    top: 5px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: #276309;
    font-weight: 500;
    border-radius: 100%;
}


/* mini cart css */

.mini-cart {
    position: fixed;
    top: 0;
    right: -300px;
    width: 300px;
    height: 100%;
    background-color: #fff;
    box-shadow: 0 16px 26px -10px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
    z-index: 100;
    opacity: 0;
    visibility: hidden;
}

.mini-cart.show {
    right: 0px;
    opacity: 1;
    visibility: visible;
}

.mini-cart,
.mini-cart.show {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.mini-cart a.shopping-cart-close {
    position: absolute;
    top: 15px;
    right: 10px;
    line-height: 0px;
}

.mini-cart .cart-item-title p {
    padding: 10px 15px;
    font-weight: 600;
}

.mini-cart .cart-item-title p span.cart-count-item {
    color: #276309;
}

.mini-cart ul.cart-item-loop,
.all-filter .categories-page-filter ul.all-option,
.all-filter .filter-tag ul.all-tag {
    max-height: calc(100% - 219px);
    overflow-y: auto;
    border-top: 1px solid #eee;
    scrollbar-width: thin;
    -webkit-scrollbar-width: thin;
}

.mini-cart ul.cart-item-loop::-webkit-scrollbar,
.all-filter .categories-page-filter ul.all-option::-webkit-scrollbar,
.all-filter .filter-tag ul.all-tag::-webkit-scrollbar {
    width: 4px;
}

.mini-cart ul.cart-item-loop::-webkit-scrollbar-track,
.all-filter .categories-page-filter ul.all-option::-webkit-scrollbar-track,
.all-filter .filter-tag ul.all-tag::-webkit-scrollbar-track {
    background-color: #eee;
}

.mini-cart ul.cart-item-loop ul.all-option::-webkit-scrollbar-thumb,
.all-filter .categories-page-filter ul.all-option::-webkit-scrollbar-thumb,
.all-filter .filter-tag ul.all-tag::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
}

.mini-cart ul.cart-item-loop::-webkit-scrollbar-thumb:hover,
.all-filter .categories-page-filter ul.all-option::-webkit-scrollbar-thumb:hover,
.all-filter .pro-size ul.all-size::-webkit-scrollbar-thumb:hover,
.all-filter .filter-tag ul.all-tag::-webkit-scrollbar-thumb:hover {
    background-color: #276309;
}

.mini-cart ul.cart-item-loop li.cart-item {
    display: flex;
    padding: 15px;
    border-top: 1px solid #eee;
}

.mini-cart ul.cart-item-loop li.cart-item:first-child {
    border-top: none;
}

.mini-cart ul.cart-item-loop li.cart-item .cart-img {
    width: 60px;
}

.mini-cart ul.cart-item-loop li.cart-item .cart-title {
    width: calc(100% - 75px);
    margin-left: 15px;
}

.mini-cart ul.cart-item-loop li.cart-item .cart-title h6 {
    font-size: 14px;
    width: 100%;
}

.mini-cart ul.cart-item-loop li.cart-item .cart-title h6 a {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.mini-cart ul.cart-item-loop li.cart-item .cart-title .cart-pro-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 9px;
    line-height: 1;
}

.mini-cart ul.cart-item-loop li.cart-item .cart-title .cart-pro-info .cart-qty-price span.price-box {
    font-weight: 600;
}

.mini-cart ul.subtotal-title-area {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #fff;
}

.mini-cart ul.subtotal-title-area li.subtotal-info {
    padding: 10px 15px;
    border-top: 1px solid #eee;
}

.mini-cart ul.subtotal-title-area li.subtotal-info .subtotal-titles {
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 1;
}

.mini-cart ul.subtotal-title-area li.subtotal-info .subtotal-titles h6 {
    font-size: 14px;
    font-weight: 600;
}

.mini-cart ul.subtotal-title-area li.subtotal-info .subtotal-titles .subtotal-price {
    color: #276309;
    margin-top: 0;
    font-weight: 600;
}

.mini-cart ul.subtotal-title-area li.mini-cart-btns {
    padding: 15px;
    border-top: 1px solid #eee;
}

.mini-cart ul.subtotal-title-area li.mini-cart-btns .cart-btns {
    display: flex;
    flex-direction: column;
}

.mini-cart ul.subtotal-title-area li.mini-cart-btns .cart-btns a {
    width: 100%;
    margin-top: 15px;
}

.mini-cart ul.subtotal-title-area li.mini-cart-btns .cart-btns a:first-child {
    margin-top: 0;
}


/* header-bottom css */

.header-bottom-area {
    background-color: #fff;
}

.header-bottom-area .main-menu-area {
    position: relative;
    border-top: 1px solid #ddd;
}

.header-bottom-area .main-menu-area .main-navigation {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-bottom-area .main-menu-area .main-navigation .navbar-collapse {
    width: 100%;
    justify-content: center;
}

/* .header-bottom-area .main-menu-area .main-navigation .img-hotline {
    width: 25%;
} */


/* box-header css */

.main-menu-area .main-navigation .box-header {
    display: none;
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1;
    line-height: 0;
}

.main-menu-area .main-navigation .box-header button {
    font-size: 18px;
    background-color: transparent;
    line-height: 0;
}


/* main-menu css */

.megamenu-content .mainwrap ul.main-menu {
    display: flex;
}

.megamenu-content .mainwrap ul.main-menu li.menu-link {
    position: relative;
}

.megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title {
    display: block;
    position: relative;
    padding: 15px 20px;
    display: flex;
    align-items: center;
    font-weight: 500;
}

.megamenu-content .mainwrap ul.main-menu li.menu-link:first-child a.link-title {
    padding-left: 0px;
}

.megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title i {
    font-size: 14px;
    margin-left: 4px;
}

.megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title span.sp-link-title {
    display: flex;
    align-items: center;
    position: relative;
}

.megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title span.sp-link-title span.hot {
    color: #fff;
    font-size: 9px;
    padding: 2px 4px;
    position: absolute;
    right: 7px;
    top: -12px;
    background-color: #ee433f;
    transform: translateX(100%);
    text-transform: uppercase;
    font-weight: 400;
    line-height: 1;
}

.megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title span.sp-link-title span.hot::before {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    border-left: 4px solid #ee433f;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
}

.megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title.link-title-lg {
    display: none;
}

.megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title::after {
    content: '';
    position: absolute;
    right: 0px;
    bottom: 50%;
    transform: translateY(50%);
    width: 1px;
    height: 25px;
    background-color: #505050;
    opacity: 0.1;
}

.megamenu-content .mainwrap ul.main-menu li.menu-link:last-child a.link-title::after {
    display: none;
}

.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu.collapse:not(.show) {
    display: block;
}

.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu.collapse:not(.show),
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.banner-menu.collapse:not(.show) {
    display: flex;
    flex-wrap: wrap
}

.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu {
    position: absolute;
    top: calc(100% + 20px);
    padding: 15px 0px;
    margin: 0 auto;
    background-color: #fff;
    z-index: 11;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}

.megamenu-content .mainwrap ul.main-menu li.menu-link:hover ul.dropdown-submenu {
    top: calc(100% + 0px);
    opacity: 1;
    visibility: visible;
}

.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu,
.megamenu-content .mainwrap ul.main-menu li.menu-link:hover ul.dropdown-submenu {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu {
    left: auto;
    min-width: 145px;
}

.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu {
    width: 250px;
    left: 0;
    border-radius: 5px;
    gap: 10px;
}

.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.banner-menu {
    width: 100%;
    left: 0px;
}

.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu li.submenu-li {
    margin-top: 10px;
}

.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu li.submenu-li:first-child {
    margin-top: 0px;
}

.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu li.submenu-li a.submenu-link {
    width: 100%;
}

.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu li.megamenu-li {
    width: 100%;
    padding: 0px 15px;
    margin-bottom: 12px;
}

.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu li.megamenu-li h2.sublink-title {
    font-size: 16px;
    margin-bottom: 0px;
}

.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu li.megamenu-li a.sublink-title.sublink-title-lg {
    display: none;
}

.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu li.megamenu-li ul.dropdown-supmenu.collapse:not(.show) {
    display: block;
}

.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu li.megamenu-li ul.dropdown-supmenu li.supmenu-li {
    margin-top: 5px;
}

.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.banner-menu li.menu-banner {
    width: 33.33%;
    padding: 0px 15px;
}

.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.banner-menu li.menu-banner a {
    position: relative;
    overflow: hidden;
    display: block;
}

.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.banner-menu li.menu-banner a.menu-banner-img:hover img {
    transform: scale(1.1);
}

.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.banner-menu li.menu-banner a.menu-banner-img img,
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.banner-menu li.menu-banner a.menu-banner-img:hover img {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.banner-menu li.menu-banner a.menu-banner-title {
    margin-top: 10px;
    text-align: center;
}


/* blog menu */

.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li {
    position: relative;
    padding: 0px 15px;
}

.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li a.g-l-link {
    width: 100%;
}

.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li a.g-l-link i {
    float: right;
    font-size: 17px;
}

.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li a.sub-link {
    display: none;
}

.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li ul.blog-style-1.collapse:not(.show) {
    display: block;
}

.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li ul.blog-style-1 {
    position: absolute;
    top: 0px;
    right: 0px;
    transform: translateX(100%);
    min-width: 145px;
    padding: 10px 0px;
    background-color: #fff;
    box-shadow: 0 0 15px rgb(0 0 0 / 15%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li ul.blog-style-1.ex-width {
    min-width: 200px;
}

.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li:hover ul.blog-style-1 {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li ul.blog-style-1 li a {
    width: 100%;
    padding: 5px 15px;
}

.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li ul.blog-style-1 li a i {
    font-size: 17px;
    float: right;
}

.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li ul.blog-style-1 li a.blog-sub-style {
    display: none;
}

.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li ul.blog-style-1 li ul.grid-style.collapse:not(.show) {
    display: block;
}

.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li ul.blog-style-1 li ul.grid-style {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 10px 0px;
    min-width: 155px;
    transform: translateX(100%);
    background-color: #fff;
    box-shadow: 0 0 15px rgb(0 0 0 / 15%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li ul.blog-style-1 li {
    position: relative;
}

.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li ul.blog-style-1 li:hover ul.grid-style {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}


/* hotline css */

.img-hotline {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.img-hotline .image-content {
    margin-left: 15px;
}

.img-hotline .image-content span {
    color: #848484;
}

.img-hotline .image-content span.hot-l {
    display: block;
    color: #276309;
}

.orders {
    border-bottom: 1px solid #ccc;
    padding-top: 10px;
}

#myModal button.close {
    padding: 5px 10px;
    border-radius: 5px;
    background-color: #03a84e;
    color: #fff;
}

.trending-products .items {
    box-shadow: 0 0px 2px #0000006b;
    padding: 0 0px;
    margin: 10px 0;
    border-radius: 7px;
    overflow: hidden;
}

/* slider css */

.slider .home-slider .img-back {
    height: 500px;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    border-radius: 16px;
    background-size: contain;
}

.slider .home-slider .img-back .h-s-content {
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    width: 45%;
}

.slider .home-slider .img-back .h-s-content.slide-c-l {
    left: 10%;
}

.slider .home-slider .img-back .h-s-content.slide-c-r {
    right: 10%;
    text-align: right;
}

.slider .home-slider .img-back .h-s-content.slide-c-c {
    left: 10%;
    right: 10%;
    margin: 0 auto;
    text-align: center;
}

.slider .home-slider .owl-item.active .img-back .h-s-content span,
.slider .home-slider .owl-item.active .img-back .h-s-content h1,
.slider .home-slider .owl-item.active .img-back .h-s-content a {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.slider .home-slider .owl-item.active .img-back .h-s-content span {
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
    -webkit-animation-delay: 0.7s;
    animation-duration: 0.7s;
}

.slider .home-slider .owl-item.active .img-back .h-s-content h1 {
    -webkit-animation-delay: 1.0s;
    animation-delay: 1.0s;
    -webkit-animation-delay: 1.0s;
    animation-duration: 1.0s;
}

.slider .home-slider .owl-item.active .img-back .h-s-content a {
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
}

.slider .home-slider .img-back .h-s-content span {
    font-size: 20px;
    font-weight: 600;
}

.slider .home-slider .img-back .h-s-content h1 {
    font-size: 50px;
    margin-top: 12px;
}

.slider .home-slider .img-back .h-s-content a {
    margin-top: 19px;
}


/* slider navigation css */

.owl-theme .owl-nav {
    margin-top: 0px;
}

.slider .home-slider.owl-theme .owl-nav {
    margin-top: 0px;
}

.slider .home-slider .owl-nav button {
    background-color: #276309;
    color: #fff;
    border: 2px solid #276309;
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    font-size: 18px;
    width: 38px;
    height: 38px;
    margin: 0;
    border-radius: 100%;
}

.slider .home-slider .owl-nav button.owl-prev {
    left: 30px;
}

.slider .home-slider .owl-nav button.owl-next {
    right: 30px;
}

.slider .home-slider .owl-nav button:hover {
    background-color: transparent;
    color: #276309;
}


/* slider dot css */

.slider .home-slider .owl-dots {
    position: absolute;
    bottom: 10px;
    right: 0px;
    left: 0px;
    line-height: 0px;
}

.slider .home-slider .owl-dots button {
    margin-right: 10px;
}

.slider .home-slider .owl-dots button:last-child {
    margin-right: 0px;
}

.slider .home-slider .owl-dots button.owl-dot span {
    width: 6px;
    height: 6px;
    margin: 0px;
    background-color: #276309;
    border-radius: 50%;
}

.slider .home-slider .owl-dots button.owl-dot.active span,
.slider .home-slider .owl-dots button.owl-dot:hover span {
    background-color: #000000;
}

.slider .owl-theme .owl-nav .disabled {
    opacity: 1;
}


/* Banner grid css */

.t-banner1 .home-offer-banner {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -30px;
}

.t-banner1 .home-offer-banner .o-t-banner {
    width: calc(50% - 30px);
    margin-left: 30px;
    position: relative;
}

.t-banner1 .home-offer-banner .o-t-banner a.image-b {
    display: block;
    overflow: hidden;
    position: relative;
}

.t-banner1 .home-offer-banner .o-t-banner a.image-b::before,
.t-banner1 .home-offer-banner .o-t-banner a.image-b::after {
    content: "";
    position: absolute;
    top: 10px;
    bottom: 10px;
    right: 10px;
    left: 10px;
    opacity: 0;
    visibility: hidden;
    filter: alpha(opacity=0);
    z-index: 1;
}

.t-banner1 .home-offer-banner .o-t-banner a.image-b::before {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
}

.t-banner1 .home-offer-banner .o-t-banner a.image-b::after {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
}

.t-banner1 .home-offer-banner .o-t-banner a.image-b:hover::after,
.t-banner1 .home-offer-banner .o-t-banner a.image-b:hover::before {
    opacity: 1;
    visibility: visible;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.t-banner1 .home-offer-banner .o-t-banner:hover a.image-b img {
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.t-banner1 .home-offer-banner .o-t-banner a.image-b::before,
.t-banner1 .home-offer-banner .o-t-banner a.image-b::after,
.t-banner1 .home-offer-banner .o-t-banner a.image-b:hover::after,
.t-banner1 .home-offer-banner .o-t-banner a.image-b:hover::before,
.t-banner1 .home-offer-banner .o-t-banner a.image-b img,
.t-banner1 .home-offer-banner .o-t-banner:hover a.image-b img {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.t-banner1 .home-offer-banner .o-t-banner .o-t-content {
    width: 50%;
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    left: 30px;
}

.t-banner1 .home-offer-banner .o-t-banner .o-t-content h6 {
    font-size: 22px;
    color: #fff;
}

.t-banner1 .home-offer-banner .o-t-banner .o-t-content a {
    margin-top: 21px;
}

.t-banner1 .home-offer-banner .o-t-banner .banner-color h6 {
    color: #000;
}


/* Category image css */

.category-img1 {
    background-color: #f7f7f7;
}

.category-img1 .home-category .h-cate {
    text-align: center;
}

.category-img1 .home-category .h-cate .c-img a {
    position: relative;
    border: 1px solid #e5e5e5;
    border-radius: 100%;
}

.category-img1 .home-category .h-cate .c-img a::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgb(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    border-radius: 100%;
    transform: scale(0);
}

.category-img1 .home-category .h-cate .c-img a::before,
.category-img1 .home-category .h-cate:hover .c-img a::before {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.category-img1 .home-category .h-cate:hover .c-img a::before {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}

.category-img1 .home-category .h-cate .c-img a img {
    border-radius: 100%;
}

.category-img1 .home-category .h-cate .c-img a span {
    color: #fff;
    font-size: 14px;
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    right: 0px;
    left: 0px;
    opacity: 0;
    visibility: hidden;
}

.category-img1 .home-category .h-cate:hover .c-img a span {
    opacity: 1;
    visibility: visible;
}

.category-img1 .home-category .h-cate .c-img a span,
.category-img1 .home-category .h-cate:hover .c-img a span {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.category-img1 .home-category .h-cate span.cat-num {
    margin-top: 3px;
}


/* Carousel button css */

.home-category.owl-carousel .owl-nav {
    margin-top: 0;
}

.home-category.owl-carousel .owl-nav button,
.h-t-products1 .trending-products .owl-nav button,
.testimonial-bg1 .testi-m .owl-nav button {
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    background-color: #276309;
    color: #fff;
    font-size: 20px;
    margin: 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    opacity: 0;
    visibility: hidden;
}

.category-img1 .home-category:hover .owl-nav button {
    opacity: 1;
    visibility: visible;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
}

.category-img1 .home-category:hover .owl-nav button.owl-prev {
    left: -10px;
}

.category-img1 .home-category:hover .owl-nav button.owl-next {
    right: -10px;
}

.home-category.owl-carousel .owl-nav button:hover,
.h-t-products1 .trending-products .owl-nav button:hover,
.testimonial-bg1 .testi-m .owl-nav button:hover {
    background-color: #fff;
    color: #276309;
}

.home-category.owl-carousel .owl-nav button.owl-prev,
.h-t-products1 .trending-products .owl-nav button.owl-prev,
.testimonial-bg1 .testi-m .owl-nav button.owl-prev {
    left: 10px;
}

.home-category.owl-carousel .owl-nav button.owl-next,
.h-t-products1 .trending-products .owl-nav button.owl-next,
.testimonial-bg1 .testi-m .owl-nav button.owl-next {
    right: 10px;
}

.h-t-products1 .trending-products .owl-nav button,
.testimonial-bg1 .testi-m .owl-nav button {
    opacity: 1;
    visibility: visible;
}

.h-t-products1 .trending-products .owl-nav button:hover,
.testimonial-bg1 .testi-m .owl-nav button:hover {
    background-color: #fff;
    color: #276309;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
}

.h-t-products1 .trending-products .owl-nav button.owl-prev,
.testimonial-bg1 .testi-m .owl-nav button.owl-prev {
    left: -10px;
}

.h-t-products1 .trending-products .owl-nav button.owl-next,
.testimonial-bg1 .testi-m .owl-nav button.owl-next {
    right: -10px;
}


/* Carousel Dots css */

.testimonial-bg1 .testi-m.owl-theme .owl-dots {
    margin-top: 30px;
    line-height: 0px;
}

.testimonial-bg1 .testi-m.owl-theme .owl-dots button {
    margin-right: 10px;
}

.testimonial-bg1 .testi-m.owl-theme .owl-dots button:last-child {
    margin-right: 0px;
}

.testimonial-bg1 .testi-m.owl-theme .owl-dots button.owl-dot span {
    width: 6px;
    height: 6px;
    margin: 0px;
    background-color: #276309;
    border-radius: 50%;
}

.testimonial-bg1 .testi-m.owl-theme .owl-dots .owl-dot.active span,
.testimonial-bg1 .testi-m.owl-theme .owl-dots .owl-dot:hover span {
    background-color: #000;
}


/* Swiper button css */

.pro-tab-slider {
    position: relative;
}

.pro-tab-slider .swiper-buttons {
    height: calc(100%);
    height: -o-calc(100%);
    height: -ms-calc(100%);
    height: -moz-calc(100%);
    height: -webkit-calc(100%);
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
}

.pro-tab-slider .swiper-buttons .content-buttons {
    height: 100%;
    position: relative;
}

.pro-tab-slider .swiper-buttons .content-buttons .swiper-button-next,
.pro-tab-slider .swiper-buttons .content-buttons .swiper-button-prev {
    background-color: #276309;
}

.pro-tab-slider .swiper-buttons .content-buttons .swiper-button-next,
.pro-tab-slider .swiper-buttons .content-buttons .swiper-button-prev {
    background-image: none;
    height: 30px;
    width: 30px;
    display: flex;
    border-radius: 50%;
    color: #fff;
    opacity: 1;
    z-index: 6;
    font-size: 20px;
    box-shadow: 0px 0px 12px 0px rgba(123, 190, 70, 0.1);
    align-items: center;
    justify-content: center;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.pro-tab-slider .swiper-buttons .content-buttons .swiper-button-next:hover,
.pro-tab-slider .swiper-buttons .content-buttons .swiper-button-prev:hover,
.pro-tab-slider .swiper-buttons .content-buttons .swiper-button-next:focus {
    background-color: #fff;
    color: #276309;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
    outline: none;
}

.pro-tab-slider .swiper-buttons .content-buttons .swiper-button-next {
    right: -30px;
}

.pro-tab-slider .swiper-buttons .content-buttons .swiper-button-prev {
    left: -30px;
}

.pro-tab-slider .swiper-buttons .content-buttons .swiper-button-next:after {
    content: "\f105";
    font: normal normal normal 14px/1 FontAwesome;
    font-weight: 800;
}

.pro-tab-slider .swiper-buttons .content-buttons .swiper-button-prev:after {
    content: "\f104";
    font: normal normal normal 14px/1 FontAwesome;
    font-weight: 800;
}


/* Trending Products css */

.tred-pro {
    position: relative;
}

.tred-pro .Pro-lable span.p-text,
.tred-pro .Pro-lable span.p-discount {
    position: absolute;
    top: 5px;
    font-size: 13px;
    color: #fff;
    padding: 2px 10px 2px 15px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 20% 50%);
}

.tred-pro .Pro-lable span.p-text {
    left: 5px;
    background-color: #276309;
}

.tred-pro .Pro-lable span.p-discount {
    right: 5px;
    background-color: #e30514;
}

.tred-pro .pro-icn {
    position: absolute;
    bottom: 15px;
    left: 0px;
    right: 0px;
    text-align: center;
    margin: 0px;
}

.tred-pro .pro-icn a.w-c-q-icn:first-child {
    transform: translateX(40px);
}

.tred-pro .pro-icn a.w-c-q-icn:last-child {
    transform: translateX(-40px);
}

.tred-pro:hover .pro-icn a.w-c-q-icn:first-child {
    margin-right: 15px;
}

.tred-pro:hover .pro-icn a.w-c-q-icn:last-child {
    margin-left: 15px;
}

.tred-pro:hover .pro-icn a.w-c-q-icn:first-child,
.tred-pro:hover .pro-icn a.w-c-q-icn:last-child {
    transform: translateX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.tred-pro .pro-icn a.w-c-q-icn i {
    background-color: #fff;
    color: #000;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0px;
    font-size: 16px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    opacity: 0;
    visibility: hidden;
}

.tred-pro .pro-icn a.w-c-q-icn:hover i {
    color: #276309;
}

.tred-pro:hover .pro-icn a.w-c-q-icn i {
    opacity: 1;
    visibility: visible;
}

.caption {
    padding-top: 15px;
}

.caption h3 {
    font-size: 14px;
    font-weight: 400;
}

.caption h3 a {
    display: block;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.caption .rating {
    display: flex;
    margin-top: 12px;
}

.caption .rating i {
    color: #ccc;
    font-size: 14px;
    margin-right: 5px;
}

.caption .rating i.b-star,
.caption .rating i.c-star,
.caption .rating i.d-star,
.caption .rating i.e-star {
    color: #276309;
}

.caption .rating i:last-child {
    margin-right: 0px;
}

.caption .pro-price {
    margin-top: 4px;
    flex-direction: column;
    display: flex;
}

.caption .pro-price span.new-price {
    font-size: 15px;
    font-weight: 600;
    margin-right: 5px;
    line-height: 1;
    margin-bottom: 10px;
}

.caption .pro-price span.old-price {
    color: #999;
    font-size: 14px;
    line-height: 1;
}


/* additional image css */

.tred-pro .tr-pro-img a img {
    backface-visibility: hidden;
}

.tred-pro .tr-pro-img a img.additional-image {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    opacity: 0;
    visibility: hidden;
}

.tred-pro:hover .tr-pro-img a img.additional-image {
    opacity: 1;
    visibility: visible;
}

.tred-pro .tr-pro-img a img.additional-image,
.tred-pro:hover .tr-pro-img a img.additional-image {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}


/* quick view css */

.quick-view .modal.fade.show {
    display: flex !important;
    align-items: center;
    justify-items: center;
}

.quick-view .modal .modal-dialog {
    max-width: 650px;
    background-color: #fff;
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    left: 0;
    right: 0;
}

.quick-view .modal .modal-dialog .modal-content {
    border: none;
}

.quick-view .modal .modal-dialog .modal-content .modal-header {
    width: 100%;
    padding: 15px;
    float: right;
    display: flex;
    align-items: center;
}

.quick-view .modal .modal-dialog .modal-content .modal-header h5 {
    font-size: 16px;
    line-height: 1;
}

.quick-view .modal .modal-dialog .modal-content .quick-veiw-area {
    padding: 15px;
    display: flex;
    align-items: flex-start;
}

.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-image {
    width: 50%;
}

.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-image ul.quick-slider {
    margin-top: 15px;
    border-bottom: none;
}

.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-image ul.quick-slider li {}

.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-image ul.quick-slider li a {
    padding: 0px;
    border: none;
}

.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption {
    width: calc(50% - 15px);
    margin-left: 15px;
}

.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption h4 {
    font-size: 18px;
}

.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .quick-price {
    margin-top: 10px;
}

.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .quick-price span.new-price {
    margin-right: 5px;
    font-size: 15px;
    font-weight: 700;
}

.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .quick-price span.old-price {
    color: #999;
    font-size: 14px;
    font-weight: 500;
}

.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .quick-rating {
    margin-top: 10px;
}

.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .quick-rating i {
    font-size: 16px;
    color: #999;
}

.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .quick-rating i.c-star {
    color: #276309;
}

.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .pro-description p {
    color: #999;
    font-size: 13px;
}

.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .pro-size {
    margin-top: 10px;
}

.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .pro-size label {
    font-weight: 600;
}

.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .pro-size select {
    margin-left: 10px;
    padding: 8px 12px;
    border: 1px solid #eee;
    border-radius: 25px;
    text-transform: uppercase;
}

.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .plus-minus {
    margin-top: 15px;
    display: flex;
    align-items: center;
}

.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .plus-minus span {
    display: flex;
    border: 1px solid #eee;
}

.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .plus-minus span a {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .plus-minus span input {
    width: 50px;
    height: 30px;
    padding: 0px;
    text-align: center;
    border-top: none;
    border-bottom: none;
}

.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .plus-minus a.quick-cart,
.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .plus-minus a.quick-wishlist {
    width: 40px;
    height: 40px;
    background-color: #276309;
    color: #fff;
    font-size: 16px;
    margin-left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #276309;
    border-radius: 100%;
}

.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .plus-minus a.quick-cart:hover,
.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .plus-minus a.quick-wishlist:hover {
    color: #276309;
    background-color: transparent;
}


/* deal of the day css */

.home-countdown1 .back-img {
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    align-items: center;
    display: flex;
    height: 450px;
}

.home-countdown1 .back-img .deal-content {
    max-width: 427px;
}

.home-countdown1 .back-img .deal-content h2 {
    color: #fff;
    line-height: 1;
}

.home-countdown1 .back-img .deal-content span.deal-c {
    color: #fff;
    font-size: 16px;
    margin-top: 19px;
    font-weight: 500;
}


/* timer */

.home-countdown1 .back-img .deal-content ul.contdown_row {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 23px;
}

.home-countdown1 .back-img .deal-content ul.contdown_row li.countdown_section {
    background-color: #276309;
    position: relative;
    width: 70px;
    height: 70px;
    margin-right: 20px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.home-countdown1 .back-img .deal-content ul.contdown_row li.countdown_section:after {
    content: ":";
    position: absolute;
    right: -13px;
    bottom: 50%;
    transform: translateY(50%);
    color: #fff;
    font-size: 22px;
    font-weight: 600;
}

.home-countdown1 .back-img .deal-content ul.contdown_row li.countdown_section:last-child:after {
    display: none;
}

.home-countdown1 .back-img .deal-content ul.contdown_row li.countdown_section span.countdown_timer {
    color: #fff;
    font-size: 22px;
    font-weight: 600;
}

.home-countdown1 .back-img .deal-content ul.contdown_row li.countdown_section span.countdown_title {
    color: #fff;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    display: inline-block;
}

.home-countdown1 .back-img .deal-content a {
    margin-top: 30px;
}

.home-countdown1 .back-img .deal-content a:hover {
    color: #fff;
}


/* Our Products tab css */

.our-products-tab ul.nav.nav-tabs {
    border-bottom: none;
    justify-content: center;
    margin-bottom: 60px;
}

.our-products-tab ul.nav.nav-tabs li.nav-item {
    margin-right: 60px;
}

.our-products-tab ul.nav.nav-tabs li.nav-item:last-child {
    margin-right: 0px;
}

.our-products-tab ul.nav.nav-tabs li.nav-item a.nav-link {
    color: #949494;
    font-size: 14px;
    font-weight: 600;
    padding: 12px 30px;
    border-radius: 50px;
    margin-bottom: 0px;
}

.our-products-tab ul.nav.nav-tabs li.nav-item a.nav-link.active,
.our-products-tab ul.nav.nav-tabs li.nav-item a.nav-link:hover {
    color: #000;
    border: 1px solid #000;
}


/* Testimonial css */

.testimonial-bg1 {
    background-color: #f9f9f9;
}

.testimonial-bg1 .testi-m .testimonial-area {
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    border: 1px solid #eee;
}

.testimonial-bg1 .testi-m .testimonial-area:before {
    content: "\f10d";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
    font-weight: 900;
    background-color: #0fb353;
    color: #fff;
    width: 60px;
    height: 60px;
    align-items: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 7px auto;
    border-radius: 50px;
}

.testimonial-bg1 .testi-m .testimonial-area:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 30px;
    transform: translateX(-50%);
    width: 75px;
    height: 75px;
    border: 1px solid #0fb353;
    border-radius: 50px;
}

.testimonial-bg1 .testi-m .testimonial-area span.tsti-title {
    font-size: 18px;
    font-weight: 500;
    margin-top: 13px;
}

.testimonial-bg1 .testi-m .testimonial-area p {
    margin-top: 16px;
}

.testimonial-bg1 .testi-m .testimonial-area .testi-name {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 20px;
}

.testimonial-bg1 .testi-m .testimonial-area .testi-name h6 {
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
}

.testimonial-bg1 .testi-m .testimonial-area .testi-name span {
    color: #ffb503;
    display: flex;
    margin-top: 17px;
}

.testimonial-bg1 .testi-m .testimonial-area .testi-name span i {
    margin-right: 5px;
}

.testimonial-bg1 .testi-m .testimonial-area .testi-name span i:last-child {
    margin-right: 0px;
}


/* Blog css */

.blog1 .home-blog .owl-stage {
    counter-reset: my-sec-counter;
    display: flex;
}

.blog1 .home-blog .owl-item {
    padding: 0 2px;
}

.blog1 .home-blog .owl-item:before,
.blog1 .home-blog .owl-item:after {
    background-color: #276309;
}

.blog1 .home-blog .owl-item:before {
    counter-increment: my-sec-counter;
    content: counter(my-sec-counter);
    position: absolute;
    top: 0px;
    left: 15px;
    width: 50px;
    height: 50px;
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    border-radius: 0px 5% 25% 25%;
    align-items: center;
    justify-content: center;
    display: flex;
}

.blog1 .home-blog .owl-item:after {
    content: "";
    width: 20px;
    height: 15px;
    position: absolute;
    top: 0px;
    left: 2px;
    opacity: 0.8;
    border-radius: 20px 5px 0px 0px;
}

.blog1 .home-blog .blog-start {
    border: 1px solid #eee;
    border-radius: 5px;
    margin-top: 15px;
}

.blog1 .home-blog .blog-start .blog-image {
    display: flex;
}

.blog1 .home-blog .blog-start .blog-image a img {
    backface-visibility: hidden;
}

.blog1 .home-blog .blog-start .blog-content {
    padding: 30px;
}

.blog1 .home-blog .blog-start .blog-content .blog-title h6 {
    font-size: 16px;
}

.blog1 .home-blog .blog-start .blog-content .blog-title h6 a {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.blog1 .home-blog .blog-start .blog-content .blog-title span.blog-admin {
    display: block;
    margin-top: 7px;
    line-height: 1;
}

.blog1 .home-blog .blog-start .blog-content .blog-title span.blog-admin span.blog-editor {
    color: #000;
    font-weight: 600;
}

.blog1 .home-blog .blog-start .blog-content p.blog-description {
    color: #999;
    margin-top: 21px;
}

.blog1 .home-blog .blog-start .blog-content a.read-link {
    display: flex;
    align-items: center;
    margin-top: 20px;
    font-weight: 600;
    line-height: 1;
    -webkit-transition: all 0s ease-in-out 0s;
    -o-transition: all 0s ease-in-out 0s;
    transition: all 0s ease-in-out 0s;
}

.blog1 .home-blog .blog-start .blog-content a.read-link span {
    color: #222;
}

.blog1 .home-blog .blog-start .blog-content a.read-link:hover span {
    color: #276309;
}

.blog1 .home-blog .blog-start .blog-content a.read-link i {
    padding-left: 5px;
    font-size: 12px;
}

.blog1 .home-blog .blog-start .blog-content a.read-link:hover i {
    padding-left: 10px;
}

.blog1 .home-blog .blog-start .blog-content a.read-link span,
.blog1 .home-blog .blog-start .blog-content a.read-link:hover span,
.blog1 .home-blog .blog-start .blog-content a.read-link i,
.blog1 .home-blog .blog-start .blog-content a.read-link:hover i {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.blog1 .home-blog .blog-start .blog-content .blog-date-comment {
    display: flex;
    justify-content: space-between;
    margin-top: 12px;
    line-height: 1
}

.blog1 .home-blog .blog-start .blog-content .blog-date-comment a {
    font-weight: 600;
}

.blog1 .all-blog {
    text-align: center;
    margin-top: 30px;
}


/* news letter css */

.subscribe h2 {
    font-size: 30px;
    text-transform: capitalize;
}

.subscribe h2 span {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 1px;
}

.news-letter1 .home-news h2 {
    color: #fff;
    font-size: 30px;
    line-height: 1;
}

.news-letter1 .home-news p {
    color: #fff;
    margin-top: 8px;
}

.news-letter1 .home-news form {
    width: 100%;
    position: relative;
}

.news-letter1 .home-news form input {
    width: 100%;
    padding: 15px;
    border-radius: 9px;
    border: 1px solid #ccc;
}

.news-letter1 .home-news form button {
    position: absolute;
    right: 0px;
    padding: 13px 39px;
    border-radius: 9px;
    border: 1px solid #ccc;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.section-tb-padding.news-img {
    background: #faf8ed;
    padding: 40px 50px;
    border-radius: 10px;
    margin-bottom: 25px;
    background-size: contain;
}

.news-letter1 .home-news form button.news-sub {
    display: none;
}

.footer_how .section-title {
    padding: 20px 0px;
}

/* footer css */

.footer-one {
    position: relative;
    z-index: 1;
}

.footer-one:before {
    content: '';
    position: absolute;
    background: linear-gradient(rgb(39 99 9), rgba(0, 0, 0, 0.5)), url(../images/footerimage.jpg);
    background-size: cover;
    background-position: top;
    width: 100%;
    z-index: -1;
    height: 100%;
    left: 0px;
}


/* service css */

.footer-service ul.service-ul {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.footer-service ul.service-ul li.service-li {
    width: calc(25%);
    display: flex;
    align-items: center;
}

.footer-service ul.service-ul li.service-li a {
    position: relative;
    font-size: 30px;
    width: 80px;
    height: 80px;
    margin-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #276309;
    border-radius: 100%;
}

.footer-service ul.service-ul li.service-li a::before,
.footer-service ul.service-ul li.service-li a::after {
    content: "";
    position: absolute;
    background-color: #276309;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.footer-service ul.service-ul li.service-li a::after {
    width: 65px;
    height: 65px;
    border-radius: 50px;
}

.footer-service ul.service-ul li.service-li a::before {
    right: 0px;
    width: 15px;
    height: 2px;
    opacity: 0;
    visibility: hidden;
}

.footer-service ul.service-ul li.service-li:hover a::after {
    transform: skew(5deg, 5deg);
}

.footer-service ul.service-ul li.service-li:hover a::before {
    right: -15px;
    opacity: 1;
    visibility: visible;
}

.footer-service ul.service-ul li.service-li a i {
    position: relative;
    color: #fff;
    z-index: 1;
}

.footer-service ul.service-ul li.service-li span {
    font-size: 19px;
    font-weight: 600;
}


/* company detail css */



.f-logo ul.footer-ul {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: start;
}

.f-logo ul.footer-ul li.footer-li {
    width: 25%;
    padding-right: 15px;
}

.f-logo ul.footer-ul li.footer-li:last-child {
    padding-right: 0px;
}

.f-logo ul.footer-ul li.footer-li ul.f-ul-li-ul {
    display: flex;
    align-items: center;
    padding: 0px 18px;
}


.f-logo ul.footer-ul li.footer-li ul.f-ul-li-ul li.footer-icon i {
    color: #276309;
    font-size: 40px;
}

.f-social i {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome !important;
}

.f-logo ul.footer-ul li.footer-li ul.f-ul-li-ul li.footer-info {
    width: calc(100% - 30px);
    margin-left: 10px;
}

.f-logo ul.footer-ul li.footer-li ul.f-ul-li-ul li h6 {
    font-size: 20px;
    color: #ffffff;
    line-height: 1;
    display: flex;
    gap: 10px;
}

.f-logo ul.footer-ul li.footer-li ul.f-ul-li-ul li span,
.f-logo ul.footer-ul li.footer-li ul.f-ul-li-ul li a {
 display: block;
    font-size: 15px;
    margin-top: 11px;
    color: #ffffffba;
    padding-left: 30px;
}

.bg_image_footer_logo {
    background: #fff;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 15px;
}

.f-logo ul.footer-ul li.footer-li ul.f-ul-li-ul li span:first-of-type,
.f-logo ul.footer-ul li.footer-li ul.f-ul-li-ul li a:first-of-type {
    margin-top: 9px;
}


/* footer bottom css */

.footer-bottom {
    margin-top: 50px;
    border-top: 1px solid #e5e5e5;
}

.footer-link {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -30px;
}

.footer-link .f-link {
    width: calc(25% - 30px);
    margin-left: 30px;
}

.footer-link .f-link .h-footer {
    color: #276309;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
}

.footer-link .f-link a.h-footer {
    display: none;
}

.footer-link .f-link .collapse:not(.show) {
    display: block;
}

.footer-link .f-link ul.f-link-ul {
    padding-top: 20px;
}

.footer-link .f-link ul.f-link-ul li.f-link-ul-li {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #e5e5e5;
}

.footer-link .f-link ul.f-link-ul li.f-link-ul-li:first-child {
    margin-top: 0px;
    padding-top: 0px;
    border-top: none;
}

.footer-link .f-link ul.f-link-ul li.f-link-ul-li a {
    font-size: 13px;
}


/* footer copyright css */

.footer-copyright {
    background-color: #276309;
    padding: 0px;
}

.footer-copyright ul.f-bottom {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
}

.footer-copyright ul.f-bottom li.f-c {
    width: calc(33.33% - 30px);
    margin-left: 30px;
}

.footer-copyright ul.f-bottom li.f-copyright p {
    color: #fff;
    font-size: 13px;
}

.footer-copyright ul.f-bottom li.f-copyright p {
    color: #fff;
    font-size: 13px;
}

.footer-copyright ul.f-bottom li.f-social {
    display: inline-flex;
    justify-content: center;
}

.footer-copyright ul.f-bottom li.f-social a.f-icn-link {
    color: #276309;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
    border: 2px solid #fff;
    background-color: #fff;
    border-radius: 100%;
}

.footer-copyright ul.f-bottom li.f-social a.f-icn-link:last-child {
    margin-right: 0;
}

.footer-copyright ul.f-bottom li.f-social a.f-icn-link:hover {
    background-color: transparent;
    color: #fff;
}

.footer-copyright ul.f-bottom li.f-payment {
    text-align: right;
}


/* back to top css */

a.scroll {
    position: fixed;
    bottom: 80px;
    right: 30px;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0s ease-in-out 0s;
    -o-transition: all 0s ease-in-out 0s;
    transition: all 0s ease-in-out 0s;
}

a.scroll.show {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

a.scroll span {
    color: #276309;
    font-size: 16px;
    height: 37px;
    width: 37px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border: 2px solid #276309;
    border-radius: 100%;
}

a.scroll:hover span {
    color: #fff;
    background-color: #276309;
}

a.scroll span,
a.scroll:hover span {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}


/* popup css start */

.vegist-popup .modal-dialog {
    position: absolute;
    bottom: 50%;
    transform: translateY(50%) !important;
    left: 0px;
    right: 0px;
    margin: 0px auto;
}

.vegist-popup.animated {
    animation-duration: 2s;
}

.vegist-popup .modal-dialog .modal-content .modal-body {
    padding: 0px;
}

.vegist-popup .modal-dialog .modal-content .modal-body .popup-content {
    position: relative;
}

.vegist-popup .modal-dialog .modal-content .modal-body .popup-content:before {
    background-color: #fff;
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.3;
}

.vegist-popup .modal-dialog .modal-content .modal-body .popup-content a.close-btn {
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 18px;
}

.vegist-popup .modal-dialog .modal-content .modal-body .popup-content .pop-up-newsletter {
    padding: 60px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    text-align: center;
}

.vegist-popup .modal-dialog .modal-content .modal-body .popup-content .pop-up-newsletter .logo-content {
    position: relative;
}

.vegist-popup .modal-dialog .modal-content .modal-body .popup-content .pop-up-newsletter .logo-content h4 {
    font-size: 20px;
    margin-top: 12px;
}

.vegist-popup .modal-dialog .modal-content .modal-body .popup-content .pop-up-newsletter .logo-content span {
    font-size: 14px;
    font-weight: 400;
    margin-top: 7px;
}

.vegist-popup .modal-dialog .modal-content .modal-body .popup-content .pop-up-newsletter .subscribe-area {
    margin-top: 24px;
    position: relative;
}

.vegist-popup .modal-dialog .modal-content .modal-body .popup-content .pop-up-newsletter .subscribe-area input {
    width: 100%;
    padding: 8px 15px;
    background-color: transparent;
    border-color: transparent;
    border-radius: 4px;
    border-bottom: 1px solid #ccc;
}

#subscribe_email_id11-error {
    margin-top: 15px;
}

.vegist-popup .modal-dialog .modal-content .modal-body .popup-content .pop-up-newsletter .subscribe-area a {
    margin-top: 20px;
}


/* breadcrumb css */

.about-breadcrumb .about-back {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: 5;
}

.about-breadcrumb .about-back .about-l ul.about-link {
    text-align: center;
}

.about-breadcrumb .about-back .about-l ul.about-link li.go-home a {
    font-size: 18px;
    color: #333;
    position: relative;
    font-weight: 500;
    padding-bottom: 10px;
}

.about-breadcrumb .about-back .about-l ul.about-link li.go-home a::after {
    background-color: #333;
    content: "";
    position: absolute;
    bottom: -15px;
    right: 0px;
    left: 0px;
    width: 3px;
    height: 15px;
    margin: 0 auto;
}

.about-breadcrumb .about-back .about-l ul.about-link li.about-p {
    padding-top: 26px;
}

.about-breadcrumb .about-back .about-l ul.about-link li.about-p span {
    font-size: 18px;
    color: #333;
    font-weight: 500;
}


/* about page css */

.about-content .about-title {
    width: 60%;
    margin: 0 auto;
    text-align: center;
}

.about-content .about-title h1 {
    font-size: 30px;
    line-height: 1;
}

.about-content .about-title p {
    margin-top: 18px;
}

.about-content .about-details {
    text-align: center;
}

.about-content .about-details {
    margin-top: 23px;
}

.about-content .about-details p {
    margin-top: 15px;
}

.about-content .about-details p:first-child {
    margin-top: 0px;
}

.about-counter {
    background-color: #276309;
}

.about-counter .text-center {
    display: flex;
    flex-wrap: wrap;
}

.about-counter .text-center .counter {
    width: 25%;
    border-right: 1px solid #fff;
}

.about-counter .text-center .counter:last-child {
    border: none;
}

.about-counter .text-center .count-title {
    color: #fff;
    font-size: 55px;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 0;
    line-height: 1;
    text-align: center;
}

.about-counter .text-center .count-text {
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    margin-top: 15px;
    margin-bottom: 0;
    text-align: center;
}


/* billing page css */

.billing-area .billing-title h4 {
    font-size: 20px;
}

.billing-area .billing-address-1 {
    padding-top: 15px;
    margin-top: 12px;
    border-top: 1px solid #eee;
}

.billing-area .billing-address-1 ul.add-name {
    margin-left: -30px;
    display: flex;
    flex-wrap: wrap;
}

.billing-area .billing-address-1 ul.add-name li.billing-name {
    width: calc(50% - 30px);
    margin-left: 30px;
    margin-bottom: 15px;
}

.billing-area .billing-address-1 ul.add-name li.billing-name label {}

.billing-area .billing-address-1 ul.add-name li.billing-name input {
    width: 100%;
    font-size: 13px;
    margin-top: 10px;
    border: 1px solid #eee;
}

.billing-area .billing-address-1 ul.billing-locatio {
    margin-left: -30px;
    display: flex;
    flex-wrap: wrap;
}

.billing-area .billing-address-1 ul.billing-locatio li.billing-info {
    width: calc(33.33% - 30px);
    margin-left: 30px;
    margin-bottom: 15px;
}

.billing-area .billing-address-1 ul.billing-locatio li.billing-info label {}

.billing-area .billing-address-1 ul.billing-locatio li.billing-info input {
    width: 100%;
    margin-top: 10px;
    font-size: 13px;
    border: 1px solid #eee;
}

.billing-area .billing-address-1 ul.country-info {
    margin-left: -30px;
    display: flex;
    flex-wrap: wrap;
}

.billing-area .billing-address-1 ul.country-info li.billing-country {
    width: calc(50% - 30px);
    margin-left: 30px;
    margin-bottom: 22px;
}

.billing-area .billing-address-1 ul.country-info li.billing-country label {}

.billing-area .billing-address-1 ul.country-info li.billing-country input {
    width: 100%;
    margin-top: 10px;
    font-size: 13px;
    border: 1px solid #eee;
}

.billing-area .billing-address-1 ul.country-info li.billing-country select {
    width: 100%;
    margin-top: 10px;
    font-size: 13px;
    border: 1px solid #eee;
}

.billing-area .next-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 8px;
}

.billing-area .next-button a {
    background-color: #276309;
    color: #fff;
    font-weight: 600;
    padding: 7px 15px;
    border: 2px solid #276309;
    border-radius: 3px;
    line-height: 1;
}

.billing-area .next-button a:hover {
    background-color: transparent;
    color: #000;
}


/* cancellation page css */

.cancellation-title h1 {
    font-size: 30px;
    margin-bottom: 30px;
    text-align: center;
}

.cancellation-content ul.cancellation {
    list-style-type: unset;
}

.cancellation-content ul.cancellation li {
    margin-bottom: 15px;
}


/* cart page css */

.cart-area {
    padding: 20px;
    border: 1px solid #a5bd84;
    background: #f6ffea;
    border-radius: 5px;
}

.cart-area:last-child {
    padding: 5px 10px;
}

.cart-area .cart-details .cart-item {
    padding: 13px 0px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cart-area .cart-details .cart-item span.cart-head {
    font-size: 16px;
    font-weight: 700;
}

.cart-area .cart-details .cart-item span.c-items {
    border-bottom: 1px solid #000;
    margin-bottom: 3px;
}

.cart-area .cart-details .cart-all-pro {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.cart-area .cart-details .cart-all-pro .cart-pro {
    width: 60%;
    margin-top: 20px;
    display: flex;
}

.cart-area .cart-details .cart-all-pro .cart-pro .cart-pro-image {
    margin-right: 15px;
}

.cart-area .cart-details .cart-all-pro .cart-pro .pro-details h4 {
    font-size: 16px;
    line-height: 1;
}

.cart-area .cart-details .cart-all-pro .cart-pro .pro-details span.pro-size {
    margin-top: 10px;
    display: block;
    line-height: 1;
}

.cart-area .cart-details .cart-all-pro .cart-pro .pro-details span.pro-size span.size {
    font-weight: 600;
}

.cart-area .cart-details .cart-all-pro .cart-pro .pro-details span.pro-shop {
    margin-top: 10px;
    display: block;
    line-height: 1;
}

.cart-area .cart-details .cart-all-pro .cart-pro .pro-details span.cart-pro-price {
    margin-top: 10px;
    display: block;
    line-height: 1;
}

.cart-area .cart-details .cart-all-pro .qty-item {
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cart-area .cart-details .cart-all-pro .qty-item .plus-minus {
    display: flex;
    align-items: center;
}

.cart-area .cart-details .cart-all-pro .qty-item .plus-minus span {
    display: flex;
    border: 1px solid #eee;
}

.cart-area .cart-details .cart-all-pro .qty-item .plus-minus span a {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #c0e3cd;
}

.cart-area .cart-details .cart-all-pro .qty-item .plus-minus span input {
    width: 50px;
    height: 30px;
    padding: 0px;
    text-align: center;
    border-top: none !important;
    border-bottom: none !important;
    outline: none !important;
    border: 1px solid #ddd;
}

.cart-area .cart-details .cart-all-pro .qty-item .plus-minus a.quick-cart,
.cart-area .cart-details .cart-all-pro .qty-item .plus-minus a.quick-wishlist {
    width: 40px;
    height: 40px;
    background-color: #276309;
    color: #fff;
    font-size: 16px;
    margin-left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}

.cart-area .cart-details .cart-all-pro .qty-item .center a.pro-remove {
    color: #276309;
    margin-top: 15px;
    text-decoration: underline;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cart-area .cart-details .cart-all-pro .all-pro-price {
    width: 20%;
    text-align: right;
}

.cart-area .cart-details .cart-all-pro .all-pro-price span {
    font-weight: 600;
}

.cart-area .cart-details .other-link {
    padding: 15px 0px;
}

.btn_update {
    background: #8cbc47;
    border-color: #8cbc47;
}

.cart-area .cart-details .other-link ul.c-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cart-area .cart-details .other-link ul.c-link li.cart-other-link a {
    color: #276309;
    text-decoration: underline;
}

.cart-total {
    background-color: #f6ffea;
    position: sticky;
    top: 0px;
    padding: 15px;
    border-radius: 5px;
    border: 1px solid #8ea174;
}

.cart-total .cart-price {
    padding-top: 15px;
    padding-bottom: 14px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cart-total .cart-price span.total {
    font-weight: 600;
}

.cart-total .cart-info h4 {
    font-size: 14px;
    margin-top: 25px;
}

.cart-total .cart-info {
    margin: 8px 0 0;
}

.cart-total .cart-info label {
    margin-bottom: 8px;
}

.cart-total .cart-info form {
    margin-top: 8px;
}

.cart-total .cart-info form label {
    font-size: 13px;
    margin-top: 15px;
}

.cart-total .cart-info form label:first-child {
    margin-top: 0px;
}

.cart-total .cart-info form select {
    width: 100%;
    background-color: #fff;
    padding: 8px 10px;
    border: 1px solid #eee;
    border-radius: 3px;
    margin-top: 10px;
}

.cart-total .cart-info form input {
    width: 100%;
    background-color: #fff;
    padding: 8px 10px;
    font-size: 12px;
    border: 1px solid #eee;
    border-radius: 3px;
    margin-top: 10px;
}

.cart-total .cart-info a.cart-calculate {
    color: #276309;
    margin-top: 25px;
    text-decoration: underline;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cart-total .shop-total {
    margin-top: 26px;
    padding: 14px 0px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cart-total .shop-total span.total-amount {
    font-weight: 600;
}

.cart-total a.check-link {
    color: #276309;
    margin-top: 25px;
    text-decoration: underline;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* cart style-3 css */

.cart-style-3 {
    margin-top: 21px;
}

.cart-style-3 h2.cart-main-title {
    font-size: 24px;
}

.cart-style-3 .c-total {
    margin-top: 21px;
}

.cart-style-3 .c-total ul li.c-all-price {
    padding-top: 15px;
    padding-bottom: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.cart-style-3 .c-total ul li span {
    font-weight: 600;
}

.cart-style-3 .recive-details {
    margin-top: 15px;
}

.cart-style-3 .recive-details h4.recive-title {
    font-size: 14px;
}

.cart-style-3 .recive-details form {
    margin-top: 9px;
}

.cart-style-3 .recive-details form .form-1 ul {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    margin-left: -15px;
}

.cart-style-3 .recive-details form .form-1 ul li {
    width: calc(25% - 15px);
    margin-left: 15px;
}

.cart-style-3 .recive-details form .form-1 ul li label {
    display: block;
    font-size: 13px;
    font-weight: 500;
}

.cart-style-3 .recive-details form .form-1 ul li select {
    width: 100%;
    margin-top: 10px;
}

.cart-style-3 .recive-details form .form-1 ul li input {
    width: 100%;
    margin-top: 10px;
}

.cart-style-3 .recive-details form .form-1 ul li a {
    width: 100%;
    text-align: center;
    text-transform: uppercase;
}

.cart-style-3 .c-total .recive-details form .form-2 {
    border-top: 1px solid #eee;
    margin-top: 30px;
    padding-top: 25px;
}

.cart-style-3 .c-total .recive-details form .form-2 ul.recive-comments-area {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: -15px;
}

.cart-style-3 .c-total .recive-details form .form-2 ul.recive-comments-area li.recive-comments {
    width: calc(50% - 15px);
    margin-left: 15px;
}

.cart-style-3 .c-total .recive-details form .form-2 ul.recive-comments-area li.recive-comments label {
    display: block;
    font-size: 13px;
    font-weight: 500;
}

.cart-style-3 .c-total .recive-details form .form-2 ul.recive-comments-area li.recive-comments textarea {
    width: 100%;
    margin-top: 10px;
}

.cart-style-3 .c-total .recive-details form .form-2 ul.recive-comments-area li.recive-comments a.btn-style1 {
    width: 50%;
    float: right;
    text-align: center;
}


/* empty cart css */

.empty-area .empty-start {
    text-align: center;
}

.empty-area .empty-start h2.empty-title {
    font-size: 26px;
    font-weight: 600;
}

.empty-area .empty-start h2.empty-title span.color-text {
    color: #276309;
}

.empty-area .empty-start span.empty-more {
    margin-top: 30px;
}

.empty-area .empty-start span.empty-more a {
    color: #276309;
    font-size: 16px;
    font-weight: 600;
}


/* cart login box css */

.register-area {
    max-width: 60%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    box-shadow: 0 0 10px #ccc;
    padding: 0px 10px 0 0;
    border-radius: 5px;
    justify-content: center;
}

.my_dash img {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    box-shadow: 0 0 10px #ffffff;
}

.register-area .register-box {
    width: 50%;
    padding: 30px;
    border: 1px solid #eee;
    background-color: #faf8ed;
}

.register-area .register-box h1 {
    font-size: 30px;
    text-align: center;
}

.register-area .register-box p {
    margin-top: 10px;
    text-align: center;
}

.register-area .register-box form {
    margin-top: 22px;
}

.register-area .register-box form input {
    width: 100%;
    padding: 10px 15px;
    margin-top: 20px;
    font-size: 13px;
    border: 1px solid #eee;
    border-radius: 3px;
}

.register-area .register-box form input:first-child {
    margin-top: 0px;
}

.register-area .register-box a.btn-style1 {
    width: 100%;
    margin-top: 30px;
    text-align: center;
}

.register-area .register-account {
    width: calc(50% - 30px);
    margin-left: 30px;
}

.register-area .register-account h4 {
    font-size: 16px;
    text-align: center;
}

.register-area .register-account a.ceate-a {
    position: relative;
    color: #276309;
    width: 100%;
    padding: 13px 25px;
    margin-top: 30px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #276309;
    border-radius: 3px;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.register-area .register-account a.ceate-a::after {
    background-color: #276309;
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
}

.register-area .register-account a.ceate-a:hover::after {
    opacity: 0.1;
    visibility: visible;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.register-area .register-account .register-info a.terms-link span {
    color: #000;
    line-height: 1;
    font-size: 12px;
}

.register-area .register-account .register-info a.terms-link {
    color: #276309;
    margin-top: 30px;
    font-size: 12px;
    font-weight: 600;
}

.register-area .register-account .register-info p {
    font-size: 13px;
    margin-top: 10px;
}

.register-area .register-account .register-info p a {
    color: #276309;
    font-weight: 600;
}


/* coming soon page css */

.coming-soon-area {
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.coming-soon-area .coming-soon-image ul.coming-soon {
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.coming-soon-area .coming-soon-image ul.coming-soon li.coming-icn a {
    font-size: 20px;
    color: #fff;
    margin-left: 15px;
}

.coming-soon-area .coming-soon-image .coming-timer {
    color: #fff;
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    left: 0px;
    right: 0px;
    width: 30%;
    margin: 0 auto;
    text-align: center;
}

.coming-soon-area .coming-soon-image .coming-timer p.coming-slogan {
    margin-bottom: 25px;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    border-bottom: 2px solid #fff;
}

.coming-soon-area .coming-soon-image .coming-timer h3.coming-soon-title {
    color: #fff;
    font-size: 60px;
    line-height: 1;
}

.coming-soon-area .coming-soon-image .coming-timer span.subscribe {
    font-size: 18px;
    margin-top: 25px;
    margin-bottom: 25px;
    font-weight: 500;
}

.coming-soon-area .coming-soon-image .coming-timer form {
    position: relative;
}

.coming-soon-area .coming-soon-image .coming-timer form input {
    width: 100%;
    display: block;
    border: none;
    padding: 10px;
    margin: 0 auto;
    font-size: 13px;
    border-radius: 4px;
}

.coming-soon-area .coming-soon-image .coming-timer form a.subscribe-btn {
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    right: 20px;
}

.coming-soon-area .coming-soon-image ul.contdown_row {
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    right: 15px;
}

.coming-soon-area .coming-soon-image ul.contdown_row li.countdown_section {
    background-color: #276309;
    width: 200px;
    height: 150px;
    margin-top: 40px;
    margin-right: 20px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border: 3px solid #276309;
    border-radius: 50px 50px 50px 0px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.coming-soon-area .coming-soon-image ul.contdown_row li.countdown_section:first-child {
    margin-top: 0px;
}

.coming-soon-area .coming-soon-image ul.contdown_row li.countdown_section:hover {
    background-color: transparent;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.coming-soon-area .coming-soon-image ul.contdown_row li.countdown_section .countdown_timer {
    color: #fff;
    display: block;
    font-size: 50px;
    font-weight: 700;
    line-height: 1;
}

.coming-soon-area .coming-soon-image ul.contdown_row li.countdown_section .countdown_title {
    color: #fff;
    font-size: 28px;
    line-height: 1;
    font-weight: 500;
    margin-top: 20px;
}


/* faq page css */

.faq-title {
    margin-bottom: 37px;
}

.faq-collapse .faq-title {
    margin-bottom: 45px;
}

.faq-title h1 {
    font-size: 30px;
    margin-bottom: 18px;
    text-align: center;
    line-height: 1;
}

.faq-title p {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}

.faq-box {
    display: flex;
    flex-wrap: wrap;
    margin-left: -30px;
}

.faq-box ul.faq-ul {
    width: calc(50% - 30px);
    margin-left: 30px;
    margin-top: -16px;
}

.faq-box ul.faq-ul li.faq-li {
    margin-top: 16px;
}

.faq-box ul.faq-ul li.faq-li h3 {
    font-size: 16px;
    color: #333;
    font-weight: 600;
}

.faq-box ul.faq-ul li.faq-li h3 span {
    color: #276309;
}

.faq-box ul.faq-ul li.faq-li span.faq-desc {
    padding-left: 20px;
    margin-top: 6px;
    line-height: 25px;
}

.faq-box a.btn-style1 {
    margin: 0 auto;
    margin-top: 22px;
}


/* collapse css */

.faq-start {
    margin-bottom: 30px;
}

.faq-start span {
    background-color: #fff;
    display: block;
    width: 40px;
    height: 40px;
    font-size: 15px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 10%);
}

.faq-start a.collapse-title {
    background-color: #276309;
    color: #fff;
    padding: 10px 15px;
    font-size: 16px;
    display: block;
    font-weight: 600;
}

.faq-start .collapse-content {
    padding-top: 13px;
}

.faq-start .collapse-content p {
    margin-top: 14px;
}

.faq-start .collapse-content p:first-child {
    margin-top: 0px;
}


/* forgot password page css */

.forgat-password-area {
    width: 50%;
    margin: 0 auto;
}

.forgat-password-area h4.forgot-title {
    font-size: 20px;
    text-align: center;
}

.forgat-password-area .forgot-p {
    border: 1px solid #eee;
    margin-top: 21px;
}

.forgat-password-area .forgot-p span.forgot {
    width: 100%;
    background-color: #276309;
    color: #fff;
    padding: 15px;
    text-align: center;
}

.forgat-password-area .forgot-p form {
    width: 100%;
    padding: 30px;
}

.forgat-password-area .forgot-p form input {
    width: 100%;
    font-size: 13px;
    border: 1px solid #eee;
    text-align: center;
}

.forgat-password-area .forgot-p a.forgot-link {
    width: 100%;
    background-color: #276309;
    color: #fff;
    padding: 15px;
    font-weight: 400;
    text-align: center;
}

.forgat-password-area .forgot-p a.forgot-link span {
    background-color: #000;
    border: 2px solid #000;
    padding: 8px 10px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.forgat-password-area .forgot-p a.forgot-link span i {
    font-size: 18px;
    margin-left: 3px;
}

.forgat-password-area .forgot-p a.forgot-link span:hover {
    background-color: transparent;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}


/* order complete page css */

.order-area .order-price ul.total-order {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.order-area .order-price ul.total-order li:last-child {
    text-align: right;
}

.order-area .order-price ul.total-order li span.order-no {
    display: block;
    font-weight: 600;
}

.order-area .order-price ul.total-order li span.order-date {
    color: #bbbbbb;
    margin-top: 5px;
}

.order-area .order-price ul.total-order li span.total-price {
    display: block;
    text-align: right;
    font-weight: 600;
}

.order-area .order-price ul.total-order li span.amount {
    margin-top: 5px;
    text-align: right;
    font-weight: 600;
}

.order-area .order-details {
    margin-top: 24px;
    padding-top: 28px;
    border-top: 1px solid #eee;
    text-align: center;
}

.order-area .order-details span.order-i {
    font-size: 30px;
    line-height: 1;
}

.order-area .order-details span.order-s {
    display: block;
    margin-top: 8px;
}

.order-area .order-details a.tracking-link {
    margin-top: 24px;
}

.order-area .order-details a.tracking-link:hover {
    background-color: transparent;
    color: #000;
}

.order-area .order-delivery {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #eee;
}

.order-area .order-delivery ul.delivery-payment {
    display: flex;
    flex-wrap: wrap;
    margin: -30px 0px 0px -30px;
}

.order-area .order-delivery ul.delivery-payment li {
    width: calc(50% - 30px);
    margin: 30px 0px 0px 30px;
    border-right: 1px solid #eee;
}

.order-area .order-delivery ul.delivery-payment li:last-child {
    border-right: none;
}

.order-area .order-delivery ul.delivery-payment li h5 {
    font-size: 16px;
}

.order-area .order-delivery ul.delivery-payment li p {
    margin-top: 6px;
}

.order-area .order-delivery ul.delivery-payment li.delivery p {
    font-weight: 600;
}

.order-area .order-delivery ul.delivery-payment li.pay p {
    color: #bbb;
}

.order-area .order-delivery ul.delivery-payment li span.order-span {
    display: block;
    margin-top: 9px;
}

.order-area .order-delivery ul.delivery-payment li span.order-span:first-of-type {
    margin-top: 7px;
}

.order-area .order-delivery ul.delivery-payment li span.p-label {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.order-area .order-delivery ul.delivery-payment li span.p-label span.o-price {
    font-weight: 600;
}


/* track page css */

.track-area .track-price ul.track-order {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.track-area .track-price ul.track-order li h4 {
    font-size: 16px;
}

.track-area .track-price ul.track-order li span.track-status {
    font-size: 16px;
    font-weight: 600;
}

.track-area .track-main {
    margin-top: 30px;
    padding-top: 8px;
    border-top: 1px solid #eee;
}

.track-area .track-main .track {
    position: relative;
    height: 7px;
    display: flex;
    margin-bottom: 40px;
    margin-top: 40px
}

.track-area .track-main .track:before {
    background-color: #ddd;
    content: '';
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    width: 100%;
    height: 7px;
}

.track-area .track-main .track .step {
    width: 25%;
    margin-top: -18px;
    text-align: center;
    position: relative
}

.track-area .track-main .track .step.active:before {
    background-color: #276309;
}

.track-area .track-main .track .step::before {
    height: 7px;
    position: absolute;
    content: "";
    width: 100%;
    left: 0;
    top: 18px
}

.track-area .track-main .track .step.active .icon {
    background-color: #276309;
    color: #fff
}

.track-area .track-main .track .icon {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    position: relative;
    border-radius: 100%;
    background: #ddd
}

.track-area .track-main .track .step.active .text {
    font-weight: 400;
    color: #000
}

.track-area .track-main .track .text {
    display: block;
    margin-top: 7px
}


/* contact page css */

.map-area .map-title h1 {
    font-size: 30px;
    margin-bottom: 30px;
    text-align: center;
}

.map-area .map {
    display: flex;
}

.map-area .map iframe {
    width: 100%;
    height: 680px;
}

.map-area .map-details {
    display: flex;
    flex-wrap: wrap;
}

.map-area .map-details .contact-info {
    width: 50%;
}

.map-area .map-details .contact-info .contact-details h4 {
    font-size: 18px;
}

.map-area .map-details .contact-info .contact-details form {
    margin-top: 18px;
}

.map-area .map-details .contact-info .contact-details form label {
    display: block;
    margin-top: 15px;
}

.map-area .map-details .contact-info .contact-details form label:first-child {
    margin-top: 0px;
}

.map-area .map-details .contact-info .contact-details form input {
    width: 100%;
    border-radius: 4px;
    padding: 7px 15px;
    margin-top: 10px;
}

.map-area .map-details .contact-info .contact-details form textarea {
    width: 100%;
    resize: none;
    margin-top: 10px;
    border-radius: 4px;
}

.map-area .map-details .contact-info .contact-details a {
    margin-top: 24px;
    display: inline-flex;
    align-items: center;
}

.map-area .map-details .contact-info .contact-details a i {
    margin-left: 5px;
}

.map-area .map-details .contact-info .information {
    margin-left: 30px;
}

.map-area .map-details .contact-info .information h4 {
    font-size: 18px;
}

.map-area .map-details .contact-info .information p.info-description {
    margin-top: 16px;
}

.map-area .map-details .contact-info .information .contact-in {
    margin-top: 22px;
}

.map-area .map-details .contact-info .information .contact-in ul.info-details {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-top: 10px;
}

.map-area .map-details .contact-info .information .contact-in ul.info-details:first-child {
    margin-top: 0px;
}

.map-area .map-details .contact-info .information .contact-in ul.info-details li i {
    font-size: 20px;
    margin-right: 20px;
}

.map-area .map-details .contact-info .information .contact-in ul.info-details li h4 {
    font-size: 14px;
    line-height: 1;
}

.map-area .map-details .contact-info .information .contact-in ul.info-details li p {
    margin-top: 7px;
}


/* payment page css */

.payment-title h1 {
    font-size: 30px;
    margin-bottom: 37px;
    text-align: center;
}

.payment {
    margin-bottom: 30px;
}

.payment span {
    background-color: #fff;
    display: block;
    width: 40px;
    height: 40px;
    font-size: 15px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 10%);
}

.payment h4.payment-title {
    background-color: #276309;
    color: #fff;
    padding: 10px 15px;
    font-size: 16px;
    display: block;
    font-weight: 600;
}

.payment .payment-content {
    margin-top: 13px;
}

.payment .payment-content p {
    margin-top: 5px;
}

.payment .payment-content p:first-child {
    margin-top: 0px;
}


/* privacy policy page css */

.privacy-title h1 {
    font-size: 30px;
    margin-bottom: 30px;
    text-align: center;
}

.privacy-content ul {
    list-style-type: unset;
}

.privacy-content ul.privacy-policy li {
    margin-top: 5px;
}

.privacy-content ul.privacy-policy li:first-child {
    margin-top: 0px;
}


/* return page css */

.return-title h1 {
    font-size: 30px;
    margin-bottom: 37px;
    text-align: center;
}

.return {
    margin-bottom: 30px;
}

.return span {
    background-color: #fff;
    display: block;
    width: 40px;
    height: 40px;
    font-size: 15px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 10%);
}

.return h4.return-title {
    background-color: #276309;
    color: #fff;
    padding: 10px 15px;
    font-size: 16px;
    display: block;
    font-weight: 600;
}

.return .return-content {
    margin-top: 13px;
}

.return .return-content p {
    margin-top: 5px;
}

.return .return-content p:first-child {
    margin-top: 0px;
}


/* terms conditions page css */

.terms-title h1 {
    font-size: 30px;
    margin-bottom: 31px;
    text-align: center;
}

.terms-content ul.terms-policy li:first-child {
    margin-top: 0px;
}

.terms-content ul.terms-policy li {
    margin-top: 16px;
}

.terms-content ul.terms-policy li h2 {
    font-size: 16px;
    color: #222;
}

.terms-content ul.terms-policy li h2 p {
    color: #276309;
}

.terms-content ul.terms-policy li p.trems-desc {
    padding-left: 20px;
    display: block;
    margin-top: 6px;
}


/* wishlist page css */

.wishlist-area {
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}

.wishlist-area:last-child {
    border-bottom: none;
}

.wishlist-area .wishlist-details .wishlist-item {
    padding: 13px 0px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.wishlist-area .wishlist-details .wishlist-item span.wishlist-head {
    font-size: 16px;
    font-weight: 700;
}

.wishlist-area .wishlist-details .wishlist-item span.c-items {
    border-bottom: 1px solid #000;
    margin-bottom: 3px;
}

.wishlist-area .wishlist-details .wishlist-all-pro {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.wishlist-area .wishlist-details .wishlist-all-pro .wishlist-pro {
    width: 60%;
    margin-top: 20px;
    display: flex;
}

.wishlist-area .wishlist-details .wishlist-all-pro .wishlist-pro .wishlist-pro-image {
    margin-right: 15px;
}

.wishlist-area .wishlist-details .wishlist-all-pro .wishlist-pro .pro-details h4 {
    font-size: 16px;
    line-height: 1;
}

.wishlist-area .wishlist-details .wishlist-all-pro .wishlist-pro .pro-details span.all-size {
    font-size: 14px;
    margin-top: 8px;
    font-weight: 600;
    display: block;
}

.wishlist-area .wishlist-details .wishlist-all-pro .wishlist-pro .pro-details span.all-size span.pro-size {
    font-weight: 400;
}

.wishlist-area .wishlist-details .wishlist-all-pro .wishlist-pro .pro-details span.wishlist-text {
    margin-top: 8px;
    line-height: 1;
}

.wishlist-area .wishlist-details .wishlist-all-pro .qty-item {
    width: 20%;
}

.wishlist-area .wishlist-details .wishlist-all-pro .qty-item a.add-wishlist {
    color: #276309;
    margin-top: 7px;
    text-decoration: underline;
    display: block;
    text-align: center;
}

.wishlist-area .wishlist-details .wishlist-all-pro .qty-item a.add-wishlist:first-child {
    margin-top: 0px;
}

.wishlist-area .wishlist-details .wishlist-all-pro .all-pro-price {
    width: 20%;
    text-align: right;
}

.wishlist-area .wishlist-details .wishlist-all-pro .all-pro-price span.new-price {
    display: block;
    margin-bottom: 5px;
    font-weight: 700;
}

.wishlist-area .wishlist-details .wishlist-all-pro .all-pro-price span.old-price {
    color: #999;
}

.wishlist-area .wishlist-details .other-link {
    margin-top: 20px;
    padding: 15px 0px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.wishlist-area .wishlist-details .other-link ul.c-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.wishlist-area .wishlist-details .other-link ul.c-link li.wishlist-other-link a {
    color: #276309;
    text-decoration: underline;
}


/* sitemap page css */

.sit-map-area {
    display: flex;
    flex-wrap: wrap;
}

.sit-map-area ul.site-map-main {
    width: 33.33%;
    margin-top: 21px;
}

.sit-map-area ul.site-map-main:nth-child(1),
.sit-map-area ul.site-map-main:nth-child(2),
.sit-map-area ul.site-map-main:nth-child(3) {
    margin-top: 0px;
}

.sit-map-area ul.site-map-main li.site-main-title {
    position: relative;
    margin-left: 30px;
}

.sit-map-area ul.site-map-main li.site-main-title h4.title {
    line-height: 1;
}

.sit-map-area ul.site-map-main li.site-main-title h4.title a.site-title {
    color: #276309;
    font-size: 18px;
    font-weight: 600;
}

.sit-map-area ul.site-map-main li.site-main-title h4.title a.site-title:before {
    background-color: #276309;
    content: "";
    position: absolute;
    top: 10px;
    left: -20px;
    width: 10px;
    height: 10px;
    border-radius: 100%;
}

.sit-map-area ul.site-map-main li.site-main-title ul.site-main-link {
    margin-top: 21px;
    margin-left: 30px;
}

.sit-map-area ul.site-map-main li.site-main-title ul.site-main-link li.site-link {
    position: relative;
    margin-top: 5px;
}

.sit-map-area ul.site-map-main li.site-main-title ul.site-main-link a.shop-main {
    position: relative;
    color: #276309;
    font-size: 16px;
    font-weight: 500;
}

.sit-map-area ul.site-map-main li.site-main-title ul.site-main-link a.shop-main:before {
    background-color: #276309;
    content: "";
    position: absolute;
    top: 8px;
    left: -20px;
    width: 8px;
    height: 8px;
    border-radius: 100%;
}

.sit-map-area ul.site-map-main li.site-main-title ul.site-main-link li.fruit-link {
    margin-left: 30px;
    margin-top: 12px;
    line-height: 1;
}

.sit-map-area ul.site-map-main li.site-main-title ul.site-main-link li.fruit-link:nth-child(2) {
    margin-top: 11px;
}

.sit-map-area ul.site-map-main li.site-main-title ul.site-main-link li.fruit-link a {
    position: relative;
}

.sit-map-area ul.site-map-main li.site-main-title ul.site-main-link li.fruit-link a:before {
    background-color: #276309;
    content: "";
    position: absolute;
    top: 6px;
    left: -20px;
    width: 6px;
    height: 6px;
    border-radius: 100%;
}

.sit-map-area ul.site-map-main li.site-main-title ul.site-main-link li.site-link a {}

.sit-map-area ul.site-map-main li.site-main-title ul.site-main-link li.site-link a:before {
    background-color: #276309;
    content: "";
    position: absolute;
    top: 8px;
    left: -20px;
    width: 6px;
    height: 6px;
    border-radius: 100%;
}


/* fnf page css */

.fnf-area {
    text-align: center;
}

.fnf-area h1.fnf-title {
    font-size: 180px;
    line-height: 1;
}

.fnf-area h1.fnf-title span.color-font {
    color: #276309;
}

.fnf-area p {
    margin-top: 16px;
    font-weight: 500;
}

.fnf-area form {
    margin-top: 22px;
}

.fnf-area form input {
    border: 1px solid #eee;
    border-radius: 25px;
}

.fnf-area a.submit {
    padding: 9px 25px;
    background-color: #276309;
    border: 2px solid #276309;
    color: #fff;
    border-radius: 25px;
}

.fnf-area a.submit:hover {
    background-color: transparent;
    color: #000;
}

.fnf-area a.back-home {
    margin-top: 30px;
    padding: 9px 15px;
    background-color: #276309;
    color: #fff;
    font-weight: 500;
    border: 2px solid #276309;
    border-radius: 25px;
}

.fnf-area a.back-home:hover {
    background-color: transparent;
    color: #000;
}


/* register page css */

.register-area {
    max-width: 60%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.register-area .register-box {
    width: 50%;
    padding: 30px;
    border: 1px solid #eee;
}

.register-area .register-box h1 {
    font-size: 30px;
    text-align: center;
}

.register-area .register-box p {
    margin-top: 10px;
    text-align: center;
}

.register-area .register-box form input {
    width: 100%;
    padding: 10px 15px;
    margin-top: 20px;
    font-size: 13px;
    border: 1px solid #eee;
    border-radius: 3px;
}

.register-area .register-box form input:first-child {
    margin-top: 0px;
}

.register-area .register-box a.btn-style1 {
    width: 100%;
    margin-top: 30px;
    text-align: center;
}

.register-area .register-account {
    width: calc(50% - 30px);
    margin-left: 30px;
}

.register-area .register-account h4 {
    font-size: 16px;
    text-align: center;
}

.register-area .register-account a.ceate-a {
    position: relative;
    color: #276309;
    width: 100%;
    padding: 13px 25px;
    margin-top: 30px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #276309;
    border-radius: 3px;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.register-area .register-account a.ceate-a::after {
    background-color: #276309;
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
}

.register-area .register-account a.ceate-a:hover::after {
    opacity: 0.1;
    visibility: visible;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.register-area .register-account .register-info a.terms-link span {
    color: #000;
    line-height: 1;
    font-size: 12px;
}

.register-area .register-account .register-info a.terms-link {
    color: #276309;
    margin-top: 30px;
    font-size: 12px;
    font-weight: 600;
}

.register-area .register-account .register-info p {
    font-size: 13px;
    margin-top: 10px;
}

.register-area .register-account .register-info p a {
    color: #276309;
    font-weight: 600;
}


/* login page css */

.login-area {
    max-width: 52%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    box-shadow: 0 0 10px #ccc;
    padding: 0;
    border-radius: 5px;
    justify-content: center;
}

.login-area .login-box {
    width: 100%;
    padding: 30px;
    border: 1px solid #eee;
    background-color: #d3e1b7;
}

.login-area .login-box h1 {
    font-size: 30px;
    text-align: center;
}

.login-area .login-box p {
    margin-top: 10px;
    text-align: center;
}

.login-area .login-box form {
    margin-top: 17px;
}

.login-area .login-box form label {
    margin-top: 15px;
}

.login-area .login-box form label:first-child {
    margin-top: 0px;
}

.login-area .login-box form input {
    width: 100%;
    padding: 10px 15px;
    font-size: 13px;
    margin-top: 10px;
    border: 1px solid green;
    border-radius: 5px;
    height: 39px;
}

.login-area .login-box a.btn-style1 {
    width: 100%;
    margin-top: 30px;
    text-align: center;
}

.login-area .login-box a.re-password {
    color: #276309;
    margin-top: 25px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.login-area .login-account {
    width: calc(50% - 30px);
    margin-left: 30px;
}

.login-area .login-account h4 {
    font-size: 16px;
    text-align: center;
}

.login-area .login-account a.ceate-a {
    position: relative;
    color: #276309;
    width: 100%;
    padding: 13px 25px;
    margin-top: 23px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #276309;
    border-radius: 3px;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.login-area .login-account a.ceate-a::after {
    background-color: #276309;
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
}

.login-area .login-account a.ceate-a:hover::after {
    opacity: 0.1;
    visibility: visible;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.login-area .login-account .login-info {
    margin-top: 24px;
}

.login-area .login-account .login-info a.terms-link span {
    color: #000;
    line-height: 1;
    font-size: 12px;
}

.login-area .login-account .login-info a.terms-link {
    color: #276309;
    font-size: 12px;
    font-weight: 600;
}

.login-area .login-account .login-info p {
    font-size: 13px;
    margin-top: 6px;
}

.login-area .login-account .login-info p a {
    color: #276309;
    font-weight: 600;
}


/* checkout style-1 css */

.checkout-area {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-left: -30px;
}

.checkout-area .billing-area {
    width: calc(60% - 30px);
    margin-left: 30px;
    border: 1px solid #eee;
}

.checkout-area .billing-area form h2 {
    font-size: 24px;
}

.checkout-area .billing-area form {
    padding: 20px;
}

.checkout-area .billing-area form .billing-form {
    margin-top: 16px;
}

.checkout-area .billing-area form .billing-form ul.billing-ul {
    width: 100%;
    margin-top: 15px;
}

.checkout-area .billing-area form .billing-form ul.billing-ul.input-2 {
    display: flex;
    flex-wrap: wrap;
}

.checkout-area .billing-area form .billing-form ul.billing-ul:first-child {
    margin-top: 0px;
}

.checkout-area .billing-area form .billing-form ul.billing-ul.input-2 li.billing-li {
    width: calc(50% - 15px);
    margin-left: 15px;
}

.checkout-area .billing-area form .billing-form ul.billing-ul.input-2 li.billing-li:first-child {
    margin-left: 0px;
    width: calc(50% - 0px);
    margin-left: 0px;
}

.checkout-area .billing-area form .billing-form ul.billing-ul li.billing-li label {}

.checkout-area .billing-area form .billing-form ul.billing-ul li.billing-li input {
    width: 100%;
    margin-top: 10px;
}

.checkout-area .billing-area form .billing-form ul.billing-ul li.billing-li select {
    width: 100%;
    margin-top: 10px;
}

.checkout-area .billing-area form .billing-form ul.billing-ul li.billing-li option {}

.checkout-area .billing-area .billing-details {
    border-top: 1px solid #eee;
}

.checkout-area .billing-area .billing-details form h2 {
    font-size: 24px;
}

.checkout-area .billing-area .billing-details ul.shipping-form {
    margin-top: 19px;
}

.checkout-area .billing-area .billing-details ul.shipping-form li.check-box {
    display: flex;
    align-items: center;
}

.checkout-area .billing-area .billing-details ul.shipping-form li.check-box input {
    margin-right: 5px;
}

.checkout-area .billing-area .billing-details ul.shipping-form li.comment-area {
    margin-top: 11px;
}

.checkout-area .billing-area .billing-details ul.shipping-form li label {
    margin-bottom: 0px;
}

.checkout-area .billing-area .billing-details ul.shipping-form li textarea {
    margin-top: 10px;
    width: 100%;
}

.checkout-area .order-area {
    width: calc(40% - 30px);
    margin-left: 30px;
    border: 1px solid #eee;
}

.checkout-area .order-area {
    position: sticky;
    top: 0px;
}

.checkout-area .order-area .check-pro h2 {
    background-color: #f5f5f5;
    padding: 10px 20px;
    font-size: 18px;
}

.checkout-area .order-area .check-pro ul.check-ul li {
    padding: 20px;
    display: flex;
    align-items: flex-start;
    border-bottom: 1px solid #eee;
}

.checkout-area .order-area .check-pro ul.check-ul li .check-pro-img {
    width: 25%;
}

.checkout-area .order-area .check-pro ul.check-ul li .check-content {
    width: 75%;
    margin-left: 15px;
}

.checkout-area .order-area .check-pro ul.check-ul li .check-content a {
    display: block;
    font-weight: 600;
}

.checkout-area .order-area .check-pro ul.check-ul li .check-content span.check-code-blod {
    display: block;
    margin-top: 4px;
    font-weight: 600;
}

.checkout-area .order-area .check-pro ul.check-ul li .check-content span.check-code-blod span {
    font-weight: 500;
}

.checkout-area .order-area .check-pro ul.check-ul li .check-content span.check-price {
    font-size: 15px;
    font-weight: 600;
    margin-top: 5px;
}

.checkout-area .order-area h2 {
    background-color: #f5f5f5;
    padding: 10px 20px;
    font-size: 18px;
}

.checkout-area .order-area ul.order-history {
    padding: 0px 20px;
}

.checkout-area .order-area ul.order-history li.order-details {
    margin-top: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.checkout-area .order-area ul.order-history li.order-details:first-child {
    margin-top: 0px;
    border: none;
}

.checkout-area .order-area ul.order-history li.order-details:last-child {
    padding-top: 15px;
    padding-bottom: 14px;
    margin-top: 14px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.checkout-area .order-area ul.order-history li.order-details:last-child span {
    font-weight: 600;
}

.checkout-area .order-area form {
    padding: 0px 20px;
}

.checkout-area .order-area form ul.order-form {
    margin-top: 20px;
}

.checkout-area .order-area form ul.order-form li {
    margin-top: 19px;
    display: flex;
    align-items: center;
    line-height: 1;
}

.checkout-area .order-area form ul.order-form li:first-child {
    margin-top: 0px;
}

.checkout-area .order-area form ul.order-form li input {
    margin-right: 10px;
}

.checkout-area .order-area form ul.order-form label {
    margin-bottom: 0px;
}

.checkout-area .order-area form ul.order-form li.pay-icon a {
    font-size: 25px;
    margin-left: 10px;
}

.checkout-area .order-area form ul.order-form li.pay-icon a:first-child {
    margin-left: 0px;
}

.checkout-area .order-area .checkout-btn {
    padding: 28px 20px 20px 20px;
}

.checkout-area .order-area .checkout-btn a.btn-style1 {
    display: block;
    text-align: center;
}


/* checkout style-2 tab css */

.checkout-tab ul.nav.nav-tabs {
    margin-bottom: 22px;
    border-bottom: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.checkout-tab ul.nav.nav-tabs li.nav-item {
    margin-left: 40px;
}

.checkout-tab ul.nav.nav-tabs li.nav-item:first-child {
    margin-left: 0px;
}

.checkout-tab ul.nav.nav-tabs li.nav-item a.nav-link {
    font-size: 18px;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background-color: #fff;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 15px rgb(0 0 0 / 15%);
    font-weight: 600;
    border: none;
}

.checkout-tab ul.nav.nav-tabs li.nav-item a.nav-link.active {
    color: #276309;
}

.checkout-style-2 .billing-area form h2 {
    font-size: 24px;
}

.checkout-style-2 .billing-area form .billing-form {
    margin-top: 16px;
}

.checkout-style-2 .billing-area form .billing-form ul.billing-ul {
    width: 100%;
    margin-top: 15px;
}

.checkout-style-2 .billing-area form .billing-form ul.billing-ul:first-child {
    margin-top: 0px;
}

.checkout-style-2 .billing-area form .billing-form ul.billing-ul.input-2 {
    display: flex;
    flex-wrap: wrap;
}

.checkout-style-2 .billing-area form .billing-form ul.billing-ul.input-2 li.billing-li {
    width: calc(50% - 15px);
    margin-left: 15px;
}

.checkout-style-2 .billing-area form .billing-form ul.billing-ul.input-2 li.billing-li:first-child {
    margin-left: 0px;
    width: calc(50% - 0px);
    margin-left: 0px;
}

.checkout-style-2 .billing-area form .billing-form ul.billing-ul li.billing-li label {}

.checkout-style-2 .billing-area form .billing-form ul.billing-ul li.billing-li input {
    width: 100%;
    margin-top: 10px;
}

.checkout-style-2 .billing-area form .billing-form ul.billing-ul li.billing-li select {
    width: 100%;
    margin-top: 10px;
}

.checkout-style-2 .billing-area form .billing-form ul.billing-ul li.billing-li option {
    margin-top: 10px;
}

.checkout-style-2 .billing-area .billing-details form h2 {
    font-size: 24px;
}

.checkout-style-2 .billing-area .billing-details ul.shipping-form {
    margin-top: 19px;
}

.checkout-style-2 .billing-area .billing-details ul.shipping-form li {
    margin-top: 9px;
}

.checkout-style-2 .billing-area .billing-details ul.shipping-form li.check-box {
    display: flex;
    align-items: center;
}

.checkout-style-2 .billing-area .billing-details ul.shipping-form li.check-box input {
    margin-right: 5px;
}

.checkout-style-2 .billing-area .billing-details ul.shipping-form li:first-child {
    margin-top: 0px;
}

.checkout-style-2 .billing-area .billing-details ul.shipping-form li label {
    margin-bottom: 0px;
}

.checkout-style-2 .billing-area .billing-details ul.shipping-form li textarea {
    margin-top: 10px;
    width: 100%;
}

.checkout-style-2 .order-area {
    margin-left: -20px;
}

.checkout-style-2 .order-area .check-pro {
    position: sticky;
    top: 0px;
    width: calc(50% - 30px);
    margin-left: 30px;
}

.checkout-style-2 .order-area .check-pro h2 {
    font-size: 24px;
}

.checkout-style-2 .order-area .check-pro ul.check-ul {
    margin-top: 20px;
}

.checkout-style-2 .order-area .check-pro ul.check-ul li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}

.checkout-style-2 .order-area .check-pro ul.check-ul li:last-child {
    border: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.checkout-style-2 .order-area .check-pro ul.check-ul li .check-content {
    margin-left: 15px;
}

.checkout-style-2 .order-area .check-pro ul.check-ul li .check-content a {
    display: block;
    font-weight: 600;
}

.checkout-style-2 .order-area .check-pro ul.check-ul li .check-content span.check-code-blod {
    display: block;
    margin-top: 4px;
    font-weight: 600;
}

.checkout-style-2 .order-area .check-pro ul.check-ul li .check-content span.check-code-blod span {
    font-weight: 500;
}

.checkout-style-2 .order-area .check-pro ul.check-ul li .check-content span.check-price {
    font-size: 15px;
    font-weight: 600;
    margin-top: 5px;
}

.checkout-style-2 .order-area {
    display: flex;
    justify-content: space-between;
    margin-left: -30px;
}

.checkout-style-2 .order-area .order-history {
    width: calc(50% - 30px);
    margin-left: 30px;
}

.checkout-style-2 .order-area .order-history h2 {
    font-size: 18px;
}

.checkout-style-2 .order-area .order-history .order-inf {
    margin-top: 23px;
}

.checkout-style-2 .order-area .order-history .order-inf .order-details {
    margin-top: 13px;
    padding-top: 13px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.checkout-style-2 .order-area .order-history .order-inf .order-details:first-child {
    margin-top: 0px;
}

.checkout-style-2 .order-area .order-history .order-inf .order-details span {
    font-size: 16px;
    font-weight: 500;
}

.checkout-style-2 .order-area .order-history .order-inf .order-details.last {
    padding-top: 13px;
    padding-bottom: 13px;
    margin-top: 12px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.checkout-style-2 .order-area .order-history .order-inf .order-details.last span {
    font-weight: 600;
}

.checkout-style-2 .order-area .order-history .order-inf form .order-form {
    margin-top: 19px;
}

.checkout-style-2 .order-area .order-history .order-inf form .order-form .order-checkbox {
    margin-top: 19px;
    display: flex;
    align-items: center;
    line-height: 1;
}

.checkout-style-2 .order-area .order-history .order-inf form .order-form .order-checkbox :first-child {
    margin-top: 0px;
}

.checkout-style-2 .order-area .order-history .order-inf form .order-form .order-checkbox input {
    margin-right: 10px;
}

.checkout-style-2 .order-area .order-history .order-inf form .order-form .order-checkbox label {
    margin-bottom: 0px;
}

.checkout-style-2 .order-area .order-history .order-inf form .order-form .pay-icon {
    margin-top: 19px;
}

.checkout-style-2 .order-area .order-history .order-inf form .order-form .pay-icon a {
    font-size: 25px;
    margin-left: 15px;
    line-height: 1;
}

.checkout-style-2 .order-area .order-history .order-inf form .order-form .pay-icon a:first-child {
    margin-left: 0px;
}

.checkout-style-2 .order-area .order-history .order-inf a.btn-style1 {
    margin-top: 28px;
    display: block;
    text-align: center;
}


/* checkout style-3 css */

.check-3-start {
    margin-left: -30px;
    display: flex;
    align-items: flex-start;
}

.check-3 h2.style-3-title {
    font-size: 30px;
    margin-bottom: 30px;
    text-align: center;
}

.check-3-start .check-out-3 {
    width: calc(33.33% - 30px);
    margin-left: 30px;
    border: 1px solid #eee;
}

.check-3-start .check-out-3 .check-pro h2 {
    background-color: #f5f5f5;
    font-size: 18px;
    padding: 15px;
    line-height: 1;
}

.check-3-start .check-out-3 .check-pro ul.check-ul li {
    display: flex;
    align-items: flex-start;
    padding: 20px;
    border-bottom: 1px solid #eee;
}

.check-3-start .check-out-3 .check-pro ul.check-ul li .check-content {
    margin-left: 15px;
}

.check-3-start .check-out-3 .check-pro ul.check-ul li .check-content a {
    display: block;
    font-weight: 600;
}

.check-3-start .check-out-3 .check-pro ul.check-ul li .check-content span.check-code-blod {
    display: block;
    margin-top: 4px;
    font-weight: 600;
}

.check-3-start .check-out-3 .check-pro ul.check-ul li .check-content span.check-code-blod span {
    font-weight: 500;
}

.check-3-start .check-out-3 .check-pro ul.check-ul li .check-content span.check-price {
    font-size: 15px;
    font-weight: 600;
    margin-top: 5px;
}

.check-3-start .check-out-3 .check-pro form {
    padding: 20px;
}

.check-3-start .check-out-3 .check-pro form ul.style-3-check-pro li label {
    width: 100%;
    color: #333;
    font-size: 13px;
    margin-bottom: 0px;
    font-weight: 600;
}

.check-3-start .check-out-3 .check-pro form ul.style-3-check-pro li select {
    width: 100%;
    padding: 7px 10px;
    margin-top: 10px;
    border: 1px solid #eee;
    border-radius: 4px;
}

.check-3-start .check-out-3 .check-pro form ul.style-3-check-pro.selector {
    margin-top: 18px;
}

.check-3-start .check-out-3 .check-pro form ul.style-3-check-pro.selector li span {
    color: #333;
    display: block;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 2px;
    line-height: 1;
}

.check-3-start .check-out-3 .check-pro form ul.style-3-check-pro.selector li {
    margin-top: 9px;
    display: flex;
    align-items: center;
}

.check-3-start .check-out-3 .check-pro form ul.style-3-check-pro.selector li:first-child {
    margin-top: 0px;
}

.check-3-start .check-out-3 .check-pro form ul.style-3-check-pro.selector li input {
    margin-right: 5px;
}

.check-3-start .check-out-3 .check-pro .pay-op {
    padding: 20px;
    border-top: 1px solid #eee;
}

.check-3-start .check-out-3 .check-pro .pay-op span {
    display: block;
    font-size: 13px;
    color: #333;
    font-weight: 600;
}

.check-3-start .check-out-3 .check-pro .pay-op a.pay-link {
    width: 100%;
    height: 45px;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.check-3-start .check-out-3 .check-pro .pay-op a.pay-link.pay-link-1 {
    background-color: #ffc439;
    color: #000;
    margin-top: 14px;
}

.check-3-start .check-out-3 .check-pro .pay-op a.pay-link.pay-link-2 {
    background-color: #000;
    margin-top: 20px;
}

.check-3-start .check-out-3 .check-pro .pay-op a.pay-link i {
    margin-left: 5px;
}

.check-3-start .check-out-3 .check-add h2 {
    background-color: #f5f5f5;
    padding: 15px;
    font-size: 18px;
    line-height: 1;
}

.check-3-start .check-out-3 .check-add form {
    padding: 20px;
}

.check-3-start .check-out-3 .check-add form ul li {
    margin-top: 14px;
}

.check-3-start .check-out-3 .check-add form ul li:first-child {
    margin-top: 0px;
}

.check-3-start .check-out-3 .check-add form ul li label {
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 600;
}

.check-3-start .check-out-3 .check-add form ul li input {
    width: 100%;
    padding: 8px 13px;
    margin-top: 10px;
    border: 1px solid #eee;
    border-radius: 4px;
}

.check-3-start .check-out-3 .check-add form ul li select {
    width: 100%;
    margin-top: 10px;
    border: 1px solid #eee;
    padding: 8px 13px;
    border-radius: 4px;
}

.check-3-start .check-out-3 .pay-method h2 {
    background-color: #f5f5f5;
    padding: 15px;
    font-size: 18px;
    line-height: 1;
}

.check-3-start .check-out-3 .pay-method .p-method ul li {
    border-bottom: 1px solid #eee;
}

.check-3-start .check-out-3 .pay-method .p-method ul li a {
    width: 100%;
    padding: 18px 24px;
}

.check-3-start .check-out-3 .pay-method .p-method ul li a span.p-labal {
    display: flex;
    align-items: center;
}

.check-3-start .check-out-3 .pay-method .p-method ul li a span.p-labal i {
    font-size: 22px;
    margin-right: 10px;
}

.check-3-start .check-out-3 .pay-method .order-summary ul li {
    padding: 14px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #eee;
}

.check-3-start .check-out-3 .pay-method .order-summary ul li:last-child {
    border-bottom: none;
}

.check-3-start .check-out-3 .pay-method .order-summary ul li.order-total {
    background-color: #eee;
    padding: 15px 20px;
}

.check-3-start .check-out-3 .pay-method .order-summary ul li span.p-name {
    font-weight: 500;
}

.check-3-start .check-out-3 .pay-method .order-summary ul li span.p-price {
    font-weight: 600;
}

.check-3-start .check-out-3 .pay-method .order-summary .check-btn {
    padding: 30px 20px 20px 20px;
}

.check-3-start .check-out-3 .pay-method .order-summary .check-btn a.btn-style1 {
    width: 100%;
    text-align: center;
}


/* account page css */

.account-title h1 {
    font-size: 30px;
    margin-bottom: 30px;
    text-align: center;
}

.account-area {
    padding: 15px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    /*box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);*/
}

.account-area .account {
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
    /*padding: 15px;*/
    width: 24%;
    height: 120vh;
    overflow-y: scroll;
    background: #f6ffea;
}


.account-area .account .page-name {
    border-bottom: none;
}

.account-area .account h4 {
    font-size: 18px;
    margin-bottom: 15px;
}

.account-area .account ul.page-name li.register-id a {
    /*color: #51a832;*/
    margin-top: 0px;
    display: flex;
    border-bottom: 1px dashed #ccc;
    padding: 15px;
}

.account-area .account ul.page-name li.register-id a:hover {
    color: #190a8e;
}

.account-area .account-detail {
    width: 100%;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
    padding: 20px;
    position: relative;
    background: #f6ffea;
}

.account-area .account-detail .print_button {
    position: absolute;
    right: 20px;
}

.account-area .account-detail h4 {
    font-size: 18px;
    margin-bottom: 15px;
}

.account-area .account-detail ul.a-details li.mail-register {
    margin-top: 3px;
}

.order-details {
    margin-top: 30px;
}

.order-details h4 {
    font-size: 18px;
    margin-bottom: 19px;
}

.order-details p {
    padding: 15px;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
}


/* address page css */

.address-title h1 {
    font-size: 30px;
    margin-bottom: 30px;
    text-align: center;
}

.account-link a {
    color: #276309;
    text-decoration: underline;
}

.add-area a.address-link {
    padding: 45px;
    margin-top: 30px;
    text-align: center;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
}

.add-area a.address-link {
    color: #828282;
    text-align: center;
    display: block;
}

.add-area a.address-link:hover {
    color: #276309;
}

.add-area .address-link i {
    display: block;
    font-size: 40px;
    margin-bottom: 5px;
}

.add-area .add-title h4 {
    margin-top: 30px;
    font-size: 18px;
    line-height: 1;
}

.add-area .address-content ul.address-input {
    display: flex;
    flex-wrap: wrap;
    margin-left: -30px;
}

.add-area .address-content ul.address-input li.type-add {
    width: calc(50% - 30px);
    margin-left: 30px;
    margin-top: 30px;
}

.add-area .address-content ul.address-input li.type-add label {
    margin-bottom: 5px;
}

.add-area .address-content ul.address-input li.type-add input {
    width: 100%;
    padding: 8px 10px;
    font-size: 13px;
    border: 1px solid #eee;
    border-radius: 4px;
}

.add-area .address-content ul.address-input li.type-add select {
    width: 100%;
    padding: 8px 10px;
    font-size: 13px;
    border: 1px solid #eee;
    border-radius: 4px;
}

.add-area .address-content label.check {
    margin-top: 30px;
    cursor: pointer;
}

.add-area .address-content .add-link {
    margin-top: 30px;
}

.add-area .address-content .add-link a:last-child {
    margin-left: 10px;
}


/* shipping page css */

.shipping-title h1 {
    font-size: 30px;
    margin-bottom: 30px;
    text-align: center;
}

.shipping {
    margin-bottom: 22px;
}

.shipping span {
    background-color: #fff;
    display: block;
    width: 40px;
    height: 40px;
    font-size: 15px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 10%);
}

.shipping h4.shipping-title {
    background-color: #276309;
    color: #fff;
    padding: 10px 15px;
    font-size: 16px;
    margin-bottom: 24px;
    display: block;
    font-weight: 600;
}

.shipping .shipping-content p {
    margin-top: 15px;
}

.shipping .shipping-content p:first-child {
    margin-top: 0px;
}


/* header style-1 products css */

.header-style-pro {
    display: flex;
    flex-wrap: wrap;
    margin-left: -30px;
}

.header-style-pro .header-pro {
    width: calc(25% - 30px);
    margin-left: 30px;
    margin-top: 30px;
}

.header-style-pro .header-pro:nth-child(1),
.header-style-pro .header-pro:nth-child(2),
.header-style-pro .header-pro:nth-child(3),
.header-style-pro .header-pro:nth-child(4) {
    margin-top: 0px
}


/* footer style-1 products css */

.footer-style-1-pro {
    display: flex;
    flex-wrap: wrap;
    margin-left: -30px;
}

.footer-style-1-pro .header-pro {
    width: calc(50% - 30px);
    margin-left: 30px;
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
}

.footer-style-1-pro .header-pro:nth-child(1),
.footer-style-1-pro .header-pro:nth-child(2) {
    margin-top: 0px;
}

.footer-style-1-pro .header-pro:nth-child(3),
.footer-style-1-pro .header-pro:nth-child(4) {
    margin-top: 30px;
}

.footer-style-1-pro .header-pro .tred-pro {
    width: 40%;
}

.footer-style-1-pro .header-pro .caption {
    width: calc(60% - 20px);
    margin-left: 20px;
    padding-top: 0px;
}

.footer-style-1-pro .header-pro .caption h3 a {
    font-weight: 600;
    margin-bottom: 5px;
}

.footer-style-1-pro .header-pro .caption .pro-icn {
    position: unset;
    margin-top: 12px;
}

.footer-style-1-pro .header-pro .caption .pro-icn a.w-c-q-icn i {
    background-color: #276309;
    color: #fff;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0px;
    font-size: 14px;
    border-radius: 100%;
    border: 2px solid #276309;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.footer-style-1-pro .header-pro .caption .pro-icn a.w-c-q-icn:hover i {
    background-color: transparent;
    color: #276309;
}


/* other page filter css */

.all-filter .categories-page-filter h4 {
    font-size: 16px;
    padding-bottom: 23px;
}

.all-filter .categories-page-filter a.filter-link {
    display: none;
}

.all-filter .categories-page-filter ul.all-option {
    height: 271px;
    padding-top: 30px;
    overflow: auto;
    padding-right: 7px;
    border-top: 1px solid #eee;
}

.all-filter .categories-page-filter ul.all-option.collapse:not(.show) {
    display: block;
}

.all-filter .categories-page-filter ul.all-option li.grid-list-option {
    margin-top: 16px;
    display: flex;
    align-items: center;
}

.all-filter .categories-page-filter ul.all-option li.grid-list-option:first-child {
    margin-top: 0px;
}

.all-filter .categories-page-filter ul.all-option li.grid-list-option input {
    width: 19px;
    height: 16px;
}

.all-filter .categories-page-filter ul.all-option li.grid-list-option a {
    width: 100%;
    margin-left: 8px;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 1;
}

.all-filter .price-filter h4 {
    font-size: 16px;
    padding-top: 28px;
    padding-bottom: 27px;
    line-height: 1;
}

.all-filter .price-filter a.filter-link {
    display: none;
}

.all-filter .price-filter ul.all-price {
    padding-top: 30px;
    border-top: 1px solid #eee;
}

.all-filter .price-filter ul.all-price.collapse:not(.show) {
    display: block;
}

.all-filter .price-filter ul.all-price li.f-price {
    margin-top: 16px;
    display: flex;
    align-items: center;
}

.all-filter .price-filter ul.all-price li.f-price:first-child {
    margin-top: 0px;
}

.all-filter .price-filter ul.all-price li.f-price input {
    width: 18px;
    height: 16px;
    cursor: pointer;
}

.all-filter .price-filter ul.all-price li.f-price label {
    margin-bottom: 0px;
    margin-left: 9px;
    font-size: 13px;
    cursor: pointer;
    line-height: 1;
}

.all-filter .pro-size h4 {
    font-size: 16px;
    padding-top: 28px;
    padding-bottom: 27px;
    line-height: 1;
}

.all-filter .pro-size a.filter-link {
    display: none;
}

.all-filter .pro-size ul.all-size.collapse:not(.show) {
    display: block;
}

.all-filter .pro-size ul.all-size {
    padding-top: 30px;
    border-top: 1px solid #eee;
}

.all-filter .pro-size ul.all-size li.choice-size {
    margin-top: 16px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.all-filter .pro-size ul.all-size li.choice-size:first-child {
    margin-top: 0px;
}

.all-filter .pro-size ul.all-size li.choice-size input {
    width: 18px;
    height: 16px;
    cursor: pointer;
}

.all-filter .pro-size ul.all-size li.choice-size label {
    font-size: 13px;
    margin-left: 8px;
    margin-bottom: 0px;
    cursor: pointer;
    line-height: 1;
}

.all-filter .filter-tag h4 {
    font-size: 16px;
    padding-top: 27px;
    padding-bottom: 27px;
    line-height: 1;
}

.all-filter .filter-tag a.filter-link {
    display: none;
}

.all-filter .filter-tag ul.all-tag.collapse:not(.show) {
    display: block;
}

.all-filter .filter-tag ul.all-tag {
    padding-top: 25px;
}

.all-filter .filter-tag ul.all-tag li.tag {
    display: inline-block;
}

.all-filter .filter-tag ul.all-tag li.tag a {
    padding: 5px 10px;
    color: #808080;
    font-size: 13px;
    border: 1px solid #eee;
    border-radius: 50px;
    margin-top: 5px;
    margin-right: 5px;
}

.all-filter .filter-tag ul.all-tag li.tag a:hover {
    background-color: #000;
    color: #fff;
}

.all-filter .vendor-filter h4 {
    font-size: 16px;
    padding-top: 28px;
    padding-bottom: 27px;
    line-height: 1;
    border-bottom: 1px solid #eee;
}

.all-filter .vendor-filter a.filter-link {
    display: none;
}

.all-filter .vendor-filter ul.all-vendor {
    padding-top: 30px;
}

.all-filter .vendor-filter ul.all-vendor.collapse:not(.show) {
    display: block;
}

.all-filter .vendor-filter ul.all-vendor li.f-vendor {
    margin-top: 16px;
    display: flex;
    align-items: center;
}

.all-filter .vendor-filter ul.all-vendor li.f-vendor:first-child {
    margin-top: 0px;
}

.all-filter .vendor-filter ul.all-vendor li.f-vendor input {
    width: 18px;
    height: 16px;
}

.all-filter .vendor-filter ul.all-vendor li.f-vendor label {
    margin-bottom: 0px;
    margin-left: 8px;
    font-size: 13px;
    cursor: pointer;
    line-height: 1;
}

.all-filter .filter-banner a.grid-banner {
    margin-top: 30px;
    position: relative;
    overflow: hidden;
    display: block;
}

.all-filter .filter-banner a.grid-banner img {
    width: 100%;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.all-filter .filter-banner a.grid-banner:hover img {
    transform: scale(1.1);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}


/* grid-list banner-button css */

.grid-list-banner {
    height: 262px;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
}

.grid-list-banner .grid-banner-content {
    width: 50%;
    margin-left: 30px;
}

.grid-list-banner .grid-banner-content h4 {
    font-size: 20px;
}

.grid-list-banner .grid-banner-content p {
    font-size: 13px;
    margin-top: 14px;
    color: #333;
}


/* list product css */

.list-product {
    margin-top: 30px;
}

.list-product .list-items {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}

.list-product .list-items:last-child {
    border-bottom: none;
    margin: 0px;
    padding: 0px;
}

.list-product .list-items .tred-pro {
    width: 25%;
    position: relative;
}

.list-product .list-items .tred-pro .Pro-lable span.p-text,
.list-product .list-items .tred-pro .Pro-lable span.p-discount {
    position: absolute;
    top: 5px;
    font-size: 13px;
    color: #fff;
    padding: 2px 10px 2px 15px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 20% 50%);
}

.list-product .list-items .tred-pro .Pro-lable span.p-text {
    left: 5px;
    background-color: #276309;
}

.list-product .list-items .tred-pro .Pro-lable span.p-discount {
    right: 5px;
    background-color: #e30514;
}

.list-product .list-items .caption .pro-icn {
    position: unset;
    margin-top: 14px;
}

.list-product .list-items .caption .pro-icn a.w-c-q-icn i {
    background-color: #276309;
    color: #fff;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0px;
    font-size: 16px;
    border-radius: 100%;
    border: 2px solid #276309;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.list-product .list-items .caption .pro-icn a.w-c-q-icn:hover i {
    background-color: transparent;
    color: #000;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.list-product .list-items .caption {
    width: calc(75% - 20px);
    margin-left: 20px;
    padding-top: 0px;
}

.list-product .list-items .caption h3 {
    font-size: 14px;
    font-weight: 400;
}

.list-product .list-items .caption h3 a {
    display: block;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
}

.list-product .list-items .caption p.list-description {
    font-size: 13px;
    margin-top: 8px;
    line-height: 21px;
}

.list-product .list-items .caption .rating {
    display: flex;
    margin-top: 14px;
}

.list-product .list-items .caption .rating i {
    color: #ccc;
    font-size: 14px;
    margin-right: 5px;
}

.list-product .list-items .caption .rating i.b-star,
.list-product .list-items .caption .rating i.c-star,
.list-product .list-items .caption .rating i.d-star,
.list-product .list-items .caption .rating i.e-star {
    color: #276309;
}

.list-product .list-items .caption .rating i:last-child {
    margin-right: 0px;
}

.list-product .list-items .caption .pro-price {
    margin-top: 15px;
}

.list-product .list-items .caption .pro-price span.new-price {
    font-size: 16px;
    font-weight: 600;
    margin-right: 5px;
    line-height: 1;
}

.list-product .list-items .caption .pro-price span.old-price {
    color: #999;
    font-size: 14px;
    line-height: 1;
}


/* additional image css */

.list-product .list-items .tred-pro .tr-pro-img a img.additional-image {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    opacity: 0;
    visibility: hidden;
}

.list-product .list-items .tred-pro:hover .tr-pro-img a img.additional-image {
    opacity: 1;
    visibility: visible;
}

.list-product .list-items .tred-pro .tr-pro-img a img.additional-image,
.list-product .list-items .tred-pro:hover .tr-pro-img a img.additional-image {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.list-product p.list-all-page {
    margin: 0 auto;
    text-align: center;
    padding-top: 30px;
    font-weight: 700;
}

.list-all-page span.page-title {
    color: #000;
    display: block;
    text-align: center;
    margin-top: 30px;
    font-weight: 600;
}

.list-all-page .page-number {
    text-align: center;
    margin-top: 20px;
}

.list-all-page .page-number a {
    position: relative;
    margin-right: 5px;
}

.list-all-page .page-number a:after {
    background-color: #276309;
    content: "";
    position: absolute;
    bottom: 0px;
    left: 1px;
    right: 0px;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    opacity: 0;
    visibility: hidden;
}

.list-all-page .page-number a:hover:after,
.list-all-page .page-number a.active:after {
    opacity: 1;
    visibility: visible;
}

.list-all-page .page-number a:hover,
.list-all-page .page-number a.active {
    color: #276309;
}

.list-all-page .page-number a:last-child:after {
    display: none;
}


/* grid Products css */

.grid-list-area .grid-list-select {
    /*margin-top: 30px;*/
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.grid-list-area .grid-list-select ul {
    display: flex;
    align-items: center;
}

.grid-list-area .grid-list-select ul.grid-list li a {
    font-size: 17px;
    margin-right: 10px;
}

.grid-list-area .grid-list-select ul.grid-list li a.active,
.grid-list-area .grid-list-select ul.grid-list li a.active,
.grid-4-product .grid-list-select ul.grid-list li a.active,
.grid-2-product .grid-list-select ul.grid-list li a.active {
    color: #276309;
}

.grid-list-area .grid-list-select ul.grid-list-selector li label {
    font-weight: 600;
    margin-right: 10px;
}

.grid-list-area .grid-list-select ul.grid-list-selector select {
    min-width: 200px;
    padding: 6px 15px;
    border: 1px solid #eee;
    border-radius: 3px;
}

.grid-list-area .grid-pro ul.grid-product {
    display: flex;
    flex-wrap: wrap;
    margin-left: -30px;
}

.grid-list-area .grid-pro ul.grid-product li.grid-items {
    width: calc(33.33% - 30px);
    margin-left: 30px;
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 30px;
}

.grid-list-area .grid-pro ul.grid-product li.grid-items .tred-pro {
    position: relative;
    margin-top: 30px;
}

.grid-list-area .grid-pro ul.grid-product li.grid-items .tred-pro .Pro-lable span.p-text,
.grid-list-area .grid-pro ul.grid-product li.grid-items .tred-pro .Pro-lable span.p-discount {
    position: absolute;
    top: 5px;
    font-size: 13px;
    color: #fff;
    padding: 2px 10px 2px 15px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 20% 50%);
}

.grid-list-area .grid-pro ul.grid-product li.grid-items .tred-pro .Pro-lable span.p-text {
    left: 5px;
    background-color: #276309;
}

.grid-list-area .grid-pro ul.grid-product li.grid-items .tred-pro .Pro-lable span.p-discount {
    right: 5px;
    background-color: #e30514;
}

.grid-list-area .grid-pro ul.grid-product li.grid-items .tred-pro .pro-icn {
    position: absolute;
    bottom: 15px;
    left: 0px;
    right: 0px;
    text-align: center;
    margin: 0px;
}

.grid-list-area .grid-pro ul.grid-product li.grid-items .tred-pro .pro-icn a.w-c-q-icn:first-child {
    transform: translateX(40px);
}

.grid-list-area .grid-pro ul.grid-product li.grid-items .tred-pro .pro-icn a.w-c-q-icn:last-child {
    transform: translateX(-40px);
}

.grid-list-area .grid-pro ul.grid-product li.grid-items .tred-pro:hover .pro-icn a.w-c-q-icn:first-child {
    margin-right: 15px;
}

.grid-list-area .grid-pro ul.grid-product li.grid-items .tred-pro:hover .pro-icn a.w-c-q-icn:last-child {
    margin-left: 15px;
}

.grid-list-area .grid-pro ul.grid-product li.grid-items .tred-pro:hover .pro-icn a.w-c-q-icn:first-child,
.grid-list-area .grid-pro ul.grid-product li.grid-items .tred-pro:hover .pro-icn a.w-c-q-icn:last-child {
    transform: translateX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.grid-list-area .grid-pro ul.grid-product li.grid-items .tred-pro .pro-icn a.w-c-q-icn i {
    background-color: #fff;
    color: #000;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0px;
    font-size: 16px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    opacity: 0;
    visibility: hidden;
}

.grid-list-area .grid-pro ul.grid-product li.grid-items .tred-pro .pro-icn a.w-c-q-icn:hover i {
    color: #276309;
}

.grid-list-area .grid-pro ul.grid-product li.grid-items .tred-pro:hover .pro-icn a.w-c-q-icn i {
    opacity: 1;
    visibility: visible;
}

.grid-list-area .grid-pro ul.grid-product li.grid-items .caption {
    padding-top: 15px;
}

.grid-list-area .grid-pro ul.grid-product li.grid-items .caption h3 {
    font-size: 14px;
    font-weight: 400;
}

.grid-list-area .grid-pro ul.grid-product li.grid-items .caption h3 a {
    display: block;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.grid-list-area .grid-pro ul.grid-product li.grid-items .caption .rating {
    display: flex;
    margin-top: 14px;
}

.grid-list-area .grid-pro ul.grid-product li.grid-items .caption .rating i {
    color: #ccc;
    font-size: 14px;
    margin-right: 5px;
}

.grid-list-area .grid-pro ul.grid-product li.grid-items .caption .rating i.b-star,
.grid-list-area .grid-pro ul.grid-product li.grid-items .caption .rating i.c-star,
.grid-list-area .grid-pro ul.grid-product li.grid-items .caption .rating i.d-star,
.grid-list-area .grid-pro ul.grid-product li.grid-items .caption .rating i.e-star {
    color: #276309;
}

.grid-list-area .grid-pro ul.grid-product li.grid-items .caption .rating i:last-child {
    margin-right: 0px;
}

.grid-list-area .grid-pro ul.grid-product li.grid-items .caption .pro-price {
    margin-top: 16px;
}

.grid-list-area .grid-pro ul.grid-product li.grid-items .caption .pro-price span.new-price {
    font-size: 16px;
    font-weight: 600;
    margin-right: 5px;
    line-height: 1;
}

.grid-list-area .grid-pro ul.grid-product li.grid-items .caption .pro-price span.old-price {
    color: #999;
    font-size: 14px;
    line-height: 1;
}


/* additional image css */

.grid-list-area .grid-pro ul.grid-product li.grid-items .tred-pro .tr-pro-img a img.additional-image {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    opacity: 0;
    visibility: hidden;
}

.grid-list-area .grid-pro ul.grid-product li.grid-items .tred-pro:hover .tr-pro-img a img.additional-image {
    opacity: 1;
    visibility: visible;
}

.grid-list-area .grid-pro ul.grid-product li.grid-items .tred-pro .tr-pro-img a img.additional-image,
.grid-list-area .grid-pro ul.grid-product li.grid-items .tred-pro:hover .tr-pro-img a img.additional-image {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.grid-list-area .grid-pro ul.grid-product li.grid-items p {
    margin: 0 auto;
    padding-top: 30px;
    font-weight: 700;
}


/* 2-grid Products css */

.grid-2-product .grid-list-select {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.grid-2-product .grid-list-select ul {
    display: flex;
    align-items: center;
}

.grid-2-product .grid-list-select ul.grid-list li a {
    font-size: 17px;
    margin-right: 15px;
}

.grid-2-product .grid-list-select ul.grid-list-selector li label {
    font-weight: 600;
    margin-right: 10px;
}

.grid-2-product .grid-list-select ul.grid-list-selector select {
    min-width: 200px;
    padding: 6px 15px;
    border: 1px solid #eee;
    border-radius: 3px;
}

.grid-2-product .grid-pro ul.grid-product {
    display: flex;
    flex-wrap: wrap;
    margin-left: -30px;
}

.grid-2-product .grid-pro ul.grid-product li.grid-items {
    width: calc(50% - 30px);
    margin-left: 30px;
}

.grid-2-product .grid-pro ul.grid-product li.grid-items .tred-pro {
    position: relative;
    margin-top: 30px;
}

.grid-2-product .grid-pro ul.grid-product li.grid-items .tred-pro .Pro-lable span.p-text,
.grid-2-product .grid-pro ul.grid-product li.grid-items .tred-pro .Pro-lable span.p-discount {
    position: absolute;
    top: 5px;
    font-size: 13px;
    color: #fff;
    padding: 2px 10px 2px 15px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 20% 50%);
}

.grid-2-product .grid-pro ul.grid-product li.grid-items .tred-pro .Pro-lable span.p-text {
    left: 5px;
    background-color: #276309;
}

.grid-2-product .grid-pro ul.grid-product li.grid-items .tred-pro .Pro-lable span.p-discount {
    right: 5px;
    background-color: #e30514;
}

.grid-2-product .grid-pro ul.grid-product li.grid-items .tred-pro .pro-icn {
    position: absolute;
    bottom: 15px;
    left: 0px;
    right: 0px;
    text-align: center;
    margin: 0px;
}

.grid-2-product .grid-pro ul.grid-product li.grid-items .tred-pro .pro-icn a.w-c-q-icn:first-child {
    transform: translateX(40px);
}

.grid-2-product .grid-pro ul.grid-product li.grid-items .tred-pro .pro-icn a.w-c-q-icn:last-child {
    transform: translateX(-40px);
}

.grid-2-product .grid-pro ul.grid-product li.grid-items .tred-pro:hover .pro-icn a.w-c-q-icn:first-child {
    margin-right: 15px;
}

.grid-2-product .grid-pro ul.grid-product li.grid-items .tred-pro:hover .pro-icn a.w-c-q-icn:last-child {
    margin-left: 15px;
}

.grid-2-product .grid-pro ul.grid-product li.grid-items .tred-pro:hover .pro-icn a.w-c-q-icn:first-child,
.grid-2-product .grid-pro ul.grid-product li.grid-items .tred-pro:hover .pro-icn a.w-c-q-icn:last-child {
    transform: translateX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.grid-2-product .grid-pro ul.grid-product li.grid-items .tred-pro .pro-icn a.w-c-q-icn i {
    background-color: #fff;
    color: #000;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0px;
    font-size: 16px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    opacity: 0;
    visibility: hidden;
}

.grid-2-product .grid-pro ul.grid-product li.grid-items .tred-pro .pro-icn a.w-c-q-icn:hover i {
    color: #276309;
}

.grid-2-product .grid-pro ul.grid-product li.grid-items .tred-pro:hover .pro-icn a.w-c-q-icn i {
    opacity: 1;
    visibility: visible;
}

.grid-2-product .grid-pro ul.grid-product li.grid-items .caption {
    padding-top: 15px;
}

.grid-2-product .grid-pro ul.grid-product li.grid-items .caption h3 {
    font-size: 14px;
    font-weight: 400;
}

.grid-2-product .grid-pro ul.grid-product li.grid-items .caption h3 a {
    display: block;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.grid-2-product .grid-pro ul.grid-product li.grid-items .caption .rating {
    display: flex;
    margin-top: 14px;
}

.grid-2-product .grid-pro ul.grid-product li.grid-items .caption .rating i {
    color: #ccc;
    font-size: 14px;
    margin-right: 5px;
}

.grid-2-product .grid-pro ul.grid-product li.grid-items .caption .rating i.b-star,
.grid-2-product .grid-pro ul.grid-product li.grid-items .caption .rating i.c-star,
.grid-2-product .grid-pro ul.grid-product li.grid-items .caption .rating i.d-star,
.grid-2-product .grid-pro ul.grid-product li.grid-items .caption .rating i.e-star {
    color: #276309;
}

.grid-2-product .grid-pro ul.grid-product li.grid-items .caption .rating i:last-child {
    margin-right: 0px;
}

.grid-2-product .grid-pro ul.grid-product li.grid-items .caption .pro-price {
    margin-top: 16px;
}

.grid-2-product .grid-pro ul.grid-product li.grid-items .caption .pro-price span.new-price {
    font-size: 16px;
    font-weight: 600;
    margin-right: 5px;
    line-height: 1;
}

.grid-2-product .grid-pro ul.grid-product li.grid-items .caption .pro-price span.old-price {
    color: #999;
    font-size: 14px;
    line-height: 1;
}


/* additional image css */

.grid-2-product .grid-pro ul.grid-product li.grid-items .tred-pro .tr-pro-img a img.additional-image {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    opacity: 0;
    visibility: hidden;
}

.grid-2-product .grid-pro ul.grid-product li.grid-items .tred-pro:hover .tr-pro-img a img.additional-image {
    opacity: 1;
    visibility: visible;
}

.grid-2-product .grid-pro ul.grid-product li.grid-items .tred-pro .tr-pro-img a img.additional-image,
.grid-2-product .grid-pro ul.grid-product li.grid-items .tred-pro:hover .tr-pro-img a img.additional-image {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.grid-2-product .grid-pro ul.grid-product li.grid-items p {
    margin: 0 auto;
    padding-top: 30px;
    font-weight: 700;
}


/* 4-grid Products css */

.grid-4-product .grid-list-select {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.grid-4-product .grid-list-select ul {
    display: flex;
    align-items: center;
}

.grid-4-product .grid-list-select ul.grid-list li a {
    font-size: 17px;
    margin-right: 10px;
}

.grid-4-product .grid-list-select ul.grid-list-selector li label {
    font-weight: 600;
    margin-right: 10px;
}

.grid-4-product .grid-list-select ul.grid-list-selector select {
    min-width: 200px;
    padding: 6px 15px;
    border: 1px solid #eee;
    border-radius: 3px;
}

.grid-4-product .grid-pro ul.grid-product {
    display: flex;
    flex-wrap: wrap;
    margin-left: -30px;
}

.grid-4-product .grid-pro ul.grid-product li.grid-items {
    width: calc(25% - 30px);
    margin-left: 30px;
}

.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro {
    position: relative;
    margin-top: 30px;
}

.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro .Pro-lable span.p-text,
.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro .Pro-lable span.p-discount {
    position: absolute;
    top: 5px;
    font-size: 13px;
    color: #fff;
    padding: 2px 10px 2px 15px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 20% 50%);
}

.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro .Pro-lable span.p-text {
    left: 5px;
    background-color: #276309;
}

.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro .Pro-lable span.p-discount {
    right: 5px;
    background-color: #e30514;
}

.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro .pro-icn {
    position: absolute;
    bottom: 15px;
    left: 0px;
    right: 0px;
    text-align: center;
    margin: 0px;
}

.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro .pro-icn a.w-c-q-icn:first-child {
    transform: translateX(40px);
}

.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro .pro-icn a.w-c-q-icn:last-child {
    transform: translateX(-40px);
}

.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro:hover .pro-icn a.w-c-q-icn:first-child {
    margin-right: 15px;
}

.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro:hover .pro-icn a.w-c-q-icn:last-child {
    margin-left: 15px;
}

.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro:hover .pro-icn a.w-c-q-icn:first-child,
.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro:hover .pro-icn a.w-c-q-icn:last-child {
    transform: translateX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro .pro-icn a.w-c-q-icn i {
    background-color: #fff;
    color: #000;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0px;
    font-size: 16px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    opacity: 0;
    visibility: hidden;
}

.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro .pro-icn a.w-c-q-icn:hover i {
    color: #276309;
}

.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro:hover .pro-icn a.w-c-q-icn i {
    opacity: 1;
    visibility: visible;
}

.grid-4-product .grid-pro ul.grid-product li.grid-items .caption {
    padding-top: 15px;
}

.grid-4-product .grid-pro ul.grid-product li.grid-items .caption h3 {
    font-size: 14px;
    font-weight: 400;
}

.grid-4-product .grid-pro ul.grid-product li.grid-items .caption h3 a {
    display: block;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.grid-4-product .grid-pro ul.grid-product li.grid-items .caption .rating {
    display: flex;
    margin-top: 14px;
}

.grid-4-product .grid-pro ul.grid-product li.grid-items .caption .rating i {
    color: #ccc;
    font-size: 14px;
    margin-right: 5px;
}

.grid-4-product .grid-pro ul.grid-product li.grid-items .caption .rating i.b-star,
.grid-4-product .grid-pro ul.grid-product li.grid-items .caption .rating i.c-star,
.grid-4-product .grid-pro ul.grid-product li.grid-items .caption .rating i.d-star,
.grid-4-product .grid-pro ul.grid-product li.grid-items .caption .rating i.e-star {
    color: #276309;
}

.grid-4-product .grid-pro ul.grid-product li.grid-items .caption .rating i:last-child {
    margin-right: 0px;
}

.grid-4-product .grid-pro ul.grid-product li.grid-items .caption .pro-price {
    margin-top: 16px;
}

.grid-4-product .grid-pro ul.grid-product li.grid-items .caption .pro-price span.new-price {
    font-size: 16px;
    font-weight: 600;
    margin-right: 5px;
    line-height: 1;
}

.grid-4-product .grid-pro ul.grid-product li.grid-items .caption .pro-price span.old-price {
    color: #999;
    font-size: 14px;
    line-height: 1;
}


/* additional image css */

.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro .tr-pro-img a img.additional-image {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    opacity: 0;
    visibility: hidden;
}

.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro:hover .tr-pro-img a img.additional-image {
    opacity: 1;
    visibility: visible;
}

.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro .tr-pro-img a img.additional-image,
.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro:hover .tr-pro-img a img.additional-image {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.grid-4-product .grid-pro ul.grid-product li.grid-items p {
    margin: 0 auto;
    padding-top: 30px;
    font-weight: 700;
}


/* product page css */

.pro-page .pro-image .larg-image a.long-img {
    margin-bottom: 20px;
}

.pro-page .pro-image .larg-image a.long-img figure.zoom {
    background-position: 50% 50%;
    position: relative;
    overflow: hidden;
    cursor: crosshair;
    margin-bottom: 0px;
}

.pro-page .pro-image .larg-image a.long-img figure.zoom img:hover {
    opacity: 0;
}

.pro-page .pro-image .larg-image a.long-img figure.zoom img {
    transition: opacity 0.5s;
    display: block;
    width: 100%;
}

.pro-page .pro-image .larg-image ul.nav.nav-tabs.pro-page-slider {
    border-bottom: none;
}

.pro-page .pro-image .larg-image ul.nav.nav-tabs.pro-page-slider li.nav-item a {
    padding: 0px;
    border: 1px solid transparent;
    margin-bottom: 1px;
}

.pro-page .pro-image .larg-image ul.nav.nav-tabs.pro-page-slider li.nav-item a.active {
    border: 1px solid #276309;
    border-radius: 0px;
}

.pro-page .pro-image .pro-info h4 {
    font-size: 18px;
    font-weight: 600;
}

.pro-page .pro-image .pro-info .rating {
    border-top: 1px solid #ededed;
    margin-top: 15px;
    padding-top: 19px;
}

.pro-page .pro-image .pro-info .rating i {
    color: #999;
}

.pro-page .pro-image .pro-info .rating i.d-star {
    color: #276309;
    margin-right: 2px;
}

.pro-page .pro-image .pro-info .pro-availabale {
    margin-top: 12px;
}

.pro-page .pro-image .pro-info .pro-availabale span.available {
    min-width: 105px;
    font-weight: 600;
}

.pro-page .pro-image .pro-info .pro-availabale span.pro-instock {
    color: #276309;
    font-weight: 600;
}

.pro-page .pro-image .pro-info .pro-price {
    margin-top: 10px;
    display: flex;
    align-items: center;
}

.pro-page .pro-image .pro-info .pro-price span.new-price {
    font-size: 16px;
    font-weight: 600;
}

.pro-page .pro-image .pro-info .pro-price span.old-price {
    color: #999;
    margin-left: 5px;
}

.pro-page .pro-image .pro-info .pro-price .Pro-lable span.p-discount {
    background-color: #e30514;
    font-size: 13px;
    color: #fff;
    margin-left: 10px;
    padding: 2px 6px 2px 13px;
    transform: rotate(-35deg);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 20% 50%);
}

.pro-page .pro-image .pro-info span.pro-details {
    margin-top: 20px;
    font-size: 13px;
}

.pro-page .pro-image .pro-info span.pro-details span.pro-number {
    color: #276309;
    font-weight: 600;
}

.pro-page .pro-image .pro-info p {
    margin-top: 9px;
    color: #999;
}

.pro-page .pro-image .pro-info .pro-items {
    display: flex;
    align-items: center;
    margin-top: 12px;
}

.pro-page .pro-image .pro-info .pro-items span.pro-size {
    font-size: 14px;
    font-weight: 600;
}

.pro-page .pro-image .pro-info .pro-items ul.pro-wight {
    display: flex;
    flex-wrap: wrap;
}

.pro-page .pro-image .pro-info .pro-items ul.pro-wight li {
    margin-left: 15px;
}

.pro-page .pro-image .pro-info .pro-items ul.pro-wight li a {
    color: #adadad;
    border-bottom: 2px solid #adadad;
    padding: 2px 8px;
}

.pro-page .pro-image .pro-info .pro-items ul.pro-wight li a.active,
.pro-page .pro-image .pro-info .pro-items ul.pro-wight li a:hover {
    color: #000;
    border-color: #000;
    padding: 2px 8px;
}

.pro-page .pro-image .pro-info .product-color {
    display: flex;
    align-items: center;
    margin-top: 27px;
}

.pro-page .pro-image .pro-info .product-color span.color-label {
    color: #333;
    font-size: 14px;
    font-weight: 700;
}

.pro-page .pro-image .pro-info .product-color span.color {
    margin-left: 15px;
    line-height: 1;
    display: flex;
}

.pro-page .pro-image .pro-info .product-color span.color a {
    padding: 2px;
    margin-right: 10px;
    display: flex;
    align-items: center;
    border: 1px solid transparent;
    border-radius: 100%;
}

.pro-page .pro-image .pro-info .product-color span.color a.active,
.pro-page .pro-image .pro-info .product-color span.color a:hover {
    border-color: #333;
}

.pro-page .pro-image .pro-info .product-color span.color a span {
    width: 25px;
    height: 25px;
    border-radius: 100%;
}

.pro-page .pro-image .pro-info .product-color span.color a:last-child {
    margin-right: 0px;
}

.pro-page .pro-image .pro-info .product-color span.color a:nth-child(1) span {
    background-color: #5fa800;
}

.pro-page .pro-image .pro-info .product-color span.color a:nth-child(2) span {
    background-color: #276309;
}

.pro-page .pro-image .pro-info .product-color span.color a:nth-child(3) span {
    background-color: #b58555;
}

.pro-page .pro-image .pro-info .pro-qty {
    display: flex;
    align-items: center;
    margin-top: 27px;
}

.pro-page .pro-image .pro-info .pro-qty span.qty {
    font-weight: 700;
}

.pro-page .pro-image .pro-info .pro-qty .plus-minus {
    border: 1px solid #e2e2e2;
    border-radius: 25px;
}

.pro-page .pro-image .pro-info .pro-qty .plus-minus {
    margin-left: 15px;
}

.pro-page .pro-image .pro-info .pro-qty .plus-minus span {
    display: flex;
}

.pro-page .pro-image .pro-info .pro-qty .plus-minus span a {
    width: 40px;
    height: 35px;
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pro-page .pro-image .pro-info .pro-qty .plus-minus input {
    width: 50px;
    height: 35px;
    border-top: none;
    border-bottom: none;
    padding: 0;
    border-top: none;
    border-bottom: none;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.pro-page .pro-image .pro-info .pro-btn {
    margin-top: 27px;
}

.pro-page .pro-image .pro-info .pro-btn a {
    margin-left: 5px;
}

.pro-page .pro-image .pro-info .pro-btn a:first-child {
    margin-left: 0px;
}

.pro-page .pro-image .pro-info .share {
    margin-top: 27px;
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.pro-page .pro-image .pro-info .share ul.share-icn {
    display: flex;
    align-items: center;
    margin-right: 15px;
}

.pro-page .pro-image .pro-info .share ul.share-icn li {
    margin-left: 15px;
}

.pro-page .pro-image .pro-info .share ul.share-icn li a i {
    font-size: 18px;
}

.pro-page .pro-image .pro-info .share ul.share-icn li a i.fa-facebook {
    color: #3b5999;
}

.pro-page .pro-image .pro-info .share ul.share-icn li a i.fa-twitter {
    color: #55acee;
}

.pro-page .pro-image .pro-info .share ul.share-icn li a i.fa-instagram {
    color: #dd4b39;
}

.pro-page .pro-image .pro-info .share ul.share-icn li a i.fa-pinterest {
    color: #bd081c;
}

.pro-page .pro-image .pro-info .pay-img {
    margin-top: 22px;
}

.pro-page .pro-shipping .product-service {
    background-color: #f9f9f9;
    padding: 25px;
    margin-top: 30px;
}

.pro-page .pro-shipping .product-service:first-child {
    margin-top: 0px;
}

.pro-page .pro-shipping .product-service .icon-title {
    display: flex;
    align-items: center;
}

.pro-page .pro-shipping .product-service .icon-title span {
    color: #276309;
    font-size: 30px;
    border-radius: 50px;
    display: flex;
    align-items: center;
}

.pro-page .pro-shipping .product-service .icon-title h4 {
    font-size: 16px;
    margin-left: 25px;
    font-weight: 600;
    text-transform: uppercase;
}

.pro-page .pro-shipping .product-service p {
    color: #8e8e8e;
    margin-top: 18px;
}


/* tab css */

.pro-page-content .pro-page-tab ul.nav.nav-tabs {
    border-bottom: none;
    justify-content: center;
    margin-bottom: 60px;
}

.pro-page-content .pro-page-tab ul.nav.nav-tabs li.nav-item {
    margin-right: 60px;
}

.pro-page-content .pro-page-tab ul.nav.nav-tabs li.nav-item:last-child {
    margin-right: 0px;
}

.pro-page-content .pro-page-tab ul.nav.nav-tabs li.nav-item a.nav-link {
    color: #949494;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 30px;
    border-radius: 50px;
    margin-bottom: 0px;
    text-transform: uppercase;
}

.pro-page-content .pro-page-tab ul.nav.nav-tabs li.nav-item a.nav-link.active,
.pro-page-content .pro-page-tab ul.nav.nav-tabs li.nav-item a.nav-link:hover {
    color: #000;
    border: 1px solid #000;
}

.pro-page-content .pro-page-tab .tab-content iframe {
    width: 100%;
}


/* description css */

.pro-page-content .pro-page-tab .tab-content .tab-pane .tab-1content h4 {
    font-size: 16px;
}

.pro-page-content .pro-page-tab .tab-content .tab-pane .tab-1content ul.tab-description {
    list-style-type: unset;
    padding-left: 15px;
    margin-top: 18px;
}

.pro-page-content .pro-page-tab .tab-content .tab-pane .tab-1content ul.tab-description li {
    margin-top: 5px;
}

.pro-page-content .pro-page-tab .tab-content .tab-pane .tab-2content {
    margin-top: 17px;
}

.pro-page-content .pro-page-tab .tab-content .tab-pane .tab-2content h4 {
    font-size: 16px;
}

.pro-page-content .pro-page-tab .tab-content .tab-pane .tab-2content ul.tab-description {
    list-style-type: unset;
    padding-left: 15px;
    margin-top: 18px;
}

.pro-page-content .pro-page-tab .tab-content .tab-pane .tab-2content ul.tab-description li {
    margin-top: 5px;
}


/* reviews css */

.pro-page-content .pro-page-tab .tab-content .tab-pane h4.reviews-title {
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 600;
}

.pro-page-content .pro-page-tab .tab-content .tab-pane .customer-reviews {
    border-top: 1px solid #eee;
    margin-top: 28px;
    padding-top: 30px;
}

.pro-page-content .pro-page-tab .tab-content .tab-pane .customer-reviews span.p-rating i.e-star {
    color: #276309;
    font-size: 18px;
}

.pro-page-content .pro-page-tab .tab-content .tab-pane .customer-reviews p.review-desck {
    font-size: 13px;
    margin-top: 9px;
    margin-bottom: 9px;
    line-height: 1;
}

.pro-page-content .pro-page-tab .tab-content .tab-pane .customer-reviews a {
    color: #276309;
    text-decoration: underline;
}

.pro-page-content .pro-page-tab .tab-content .tab-pane .customer-reviews h4.review-head {
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 1;
}

.pro-page-content .pro-page-tab .tab-content .tab-pane .customer-reviews span.reviews-editor {
    font-weight: 500;
}

.pro-page-content .pro-page-tab .tab-content .tab-pane .customer-reviews span.reviews-editor span.review-name {
    font-weight: normal;
}

.pro-page-content .pro-page-tab .tab-content .tab-pane .customer-reviews p.r-description {
    margin-top: 10px;
    line-height: 1;
    font-size: 13px;
}

.pro-page-content .pro-page-tab .tab-content .tab-pane .review-form {
    margin-top: 24px;
}

.pro-page-content .pro-page-tab .tab-content .tab-pane .review-form h4 {
    font-size: 18px;
    color: #333;
    line-height: 1;
}

.pro-page-content .pro-page-tab .tab-content .tab-pane .review-form form {
    margin-top: 12px;
}

.pro-page-content .pro-page-tab .tab-content .tab-pane .review-form form label {
    font-size: 14px;
    margin-top: 15px;
}

.pro-page-content .pro-page-tab .tab-content .tab-pane .review-form form label:first-child {
    margin-top: 0px;
}

.pro-page-content .pro-page-tab .tab-content .tab-pane .review-form form input {
    width: 100%;
    margin-top: 10px;
    font-size: 14px;
    border: 1px solid #eee;
}

.pro-page-content .pro-page-tab .tab-content .tab-pane .review-form form textarea {
    width: 100%;
    margin-top: 10px;
    font-size: 14px;
    border: 1px solid #eee;
}

.pro-page-content .pro-page-tab .tab-content .tab-pane .review-form span {
    display: block;
    margin-top: 10px;
    line-height: 1;
}

.pro-page-content .pro-page-tab .tab-content .tab-pane .review-form span i {
    color: #ddd;
}


/* releted product css */

.pro-releted .section-title {
    text-align: center;
}

.pro-releted .section-title h2 {
    font-size: 30px;
    margin-bottom: 30px;
}

.tred-pro {
    position: relative;
}

.tred-pro .tr-pro-img a {
    display: block;
}

.tred-pro .tr-pro-img a img {
    backface-visibility: hidden;
    height: 200px;
    width: 100%;
    object-fit: contain;
}

.tred-pro .Pro-lable span.p-text,
.tred-pro .Pro-lable span.p-discount {
    position: absolute;
    top: 5px;
    font-size: 13px;
    color: #fff;
    padding: 2px 10px 2px 15px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 20% 50%);
}

.tred-pro .Pro-lable span.p-text {
    left: 5px;
    background-color: #0a9a45;
}

.tred-pro .Pro-lable span.p-discount {
    right: 5px;
    background-color: #e30514;
}

.tred-pro .pro-icn {
    position: absolute;
    bottom: 15px;
    left: 0px;
    right: 0px;
    text-align: center;
    margin: 0px;
}

.tred-pro .pro-icn a.w-c-q-icn:first-child {
    transform: translateX(40px);
}

.tred-pro .pro-icn a.w-c-q-icn:last-child {
    transform: translateX(-40px);
}

.tred-pro:hover .pro-icn a.w-c-q-icn:first-child {
    margin-right: 15px;
}

.tred-pro:hover .pro-icn a.w-c-q-icn:last-child {
    margin-left: 15px;
}

.tred-pro:hover .pro-icn a.w-c-q-icn:first-child,
.tred-pro:hover .pro-icn a.w-c-q-icn:last-child {
    transform: translateX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.tred-pro .pro-icn a.w-c-q-icn i {
    background-color: #fff;
    color: #000;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0px;
    font-size: 16px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    opacity: 0;
    visibility: hidden;
}

.tred-pro .pro-icn a.w-c-q-icn:hover i {
    color: #276309;
}

.tred-pro:hover .pro-icn a.w-c-q-icn i {
    opacity: 1;
    visibility: visible;
}

.caption {
    background: #fff;
    padding: 15px;
}

.caption h3 {
    font-size: 14px;
    font-weight: 400;
}

.caption h3 a {
    display: block;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 18px;
}

.caption .rating {
    display: flex;
    margin-top: 14px;
}

.caption .rating i {
    color: #ccc;
    font-size: 14px;
    margin-right: 5px;
}

.caption .rating i.b-star,
.caption .rating i.c-star,
.caption .rating i.d-star,
.caption .rating i.e-star {
    color: #fd9e42;
}

.caption .rating i:last-child {
    margin-right: 0px;
}

/*.caption .pro-price {
    margin-top: 16px;
}*/

.caption .pro-price span.new-price {
    font-size: 16px;
    font-weight: 500;
    margin-right: 5px;
    line-height: 1.5;
    margin-bottom: 5px;
}

.caption .pro-price span.old-price {
    color: #999;
    font-size: 14px;
    line-height: 1;
}


/* additional image css */

.tred-pro .tr-pro-img a img.additional-image {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    opacity: 0;
    visibility: hidden;
}

.tred-pro:hover .tr-pro-img a img.additional-image {
    opacity: 1;
    visibility: visible;
}

.tred-pro .tr-pro-img a img.additional-image,
.tred-pro:hover .tr-pro-img a img.additional-image {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}


/* search page css */

.search-title {
    text-align: center;
    margin-bottom: 30px;
}

.search-title h3 {
    font-size: 30px;
    font-weight: 600;
}

.saerch-input form {
    position: relative;
}

.saerch-input form input {
    width: 100%;
    padding: 10px 15px;
    border: 1px solid #eee;
    background-color: #fff;
    border-radius: 25px;
}

.saerch-input form a.search-btn {
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    right: 0px;
    font-size: 18px;
    background-color: #000;
    padding: 6px 11px;
    color: #fff;
    border: 1px solid #000;
    border-radius: 50%;
}

.saerch-input form a.search-btn:hover {
    background-color: #276309;
    border-color: #276309;
}


/* search product css */

.search-pro-area {
    display: flex;
    flex-wrap: wrap;
    margin-left: -30px;
}

.search-pro-area .search-pro-items {
    width: calc(25% - 30px);
    margin-top: 30px;
    margin-left: 30px;
}

.search-pro-area .search-pro-items .search-img {
    position: relative;
}

.search-pro-area .search-pro-items .search-img .pro-icn {
    position: absolute;
    bottom: 20px;
    left: 0px;
    right: 0px;
    text-align: center;
}

.search-pro-area .search-pro-items .search-img .pro-icn a.w-c-q-icn:first-child {
    transform: translateX(40px);
}

.search-pro-area .search-pro-items .search-img .pro-icn a.w-c-q-icn:last-child {
    transform: translateX(-40px);
}

.search-pro-area .search-pro-items .search-img:hover .pro-icn a.w-c-q-icn:first-child {
    margin-right: 15px;
}

.search-pro-area .search-pro-items .search-img:hover .pro-icn a.w-c-q-icn:last-child {
    margin-left: 15px;
}

.search-pro-area .search-pro-items .search-img:hover .pro-icn a.w-c-q-icn:first-child,
.search-pro-area .search-pro-items .search-img:hover .pro-icn a.w-c-q-icn:last-child {
    transform: translateX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.search-pro-area .search-pro-items .search-img .pro-icn a.w-c-q-icn i {
    background-color: #fff;
    color: #000;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0px;
    font-size: 16px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    opacity: 0;
    visibility: hidden;
}

.search-pro-area .search-pro-items .search-img .pro-icn a.w-c-q-icn:hover i {
    color: #276309;
}

.search-pro-area .search-pro-items .search-img:hover .pro-icn a.w-c-q-icn i {
    opacity: 1;
    visibility: visible;
}

.search-pro-area .search-pro-items .search-img a img.search-hover {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.search-pro-area .search-pro-items:hover .search-img a img.search-hover {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.search-pro-area .search-pro-items .search-caption h4 {
    margin-top: 15px;
    font-size: 14px;
    font-weight: 400;
}

.search-pro-area .search-pro-items .search-caption h4 a {
    display: block;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.search-pro-area .search-pro-items .search-caption span.all-price {
    margin-top: 6px;
}

.search-pro-area .search-pro-items .search-caption span.all-price span.search-new-price {
    color: #222;
    font-size: 14px;
    font-weight: 600;
}

.search-pro-area .search-pro-items .search-caption span.all-price span.search-old-price {
    color: #999;
    font-size: 12px;
    font-weight: 500;
}


/* search style-2 css */

.saerch-style-2-input form {
    position: relative;
}

.saerch-style-2-input form input {
    width: 100%;
    padding: 8px 10px;
    border: 1px solid #eee;
    background-color: #fff;
    border-radius: 25px;
}

.saerch-style-2-input form a.search-btn {
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    right: 0px;
    font-size: 18px;
    background-color: #276309;
    padding: 5px 10px;
    color: #fff;
    border-radius: 50%;
}

.saerch-style-2-input form a.search-btn:hover {
    background-color: #000;
}

.search-selector {
    margin-top: 30px;
    margin-bottom: 30px;
}

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

.search-selector ul li.search-items {
    font-size: 15px;
    font-weight: 500;
}

.search-selector ul li.search-pro-select {
    display: flex;
    align-items: center;
}

.search-selector ul li.search-pro-select form select {
    padding: 8px 10px;
    border: 1px solid #eee;
}

.search-selector ul li.search-pro-select a {
    font-size: 20px;
    margin-right: 20px;
    line-height: 0;
}

.search-selector ul li.search-pro-select a:hover,
.search-selector ul li.search-pro-select a.active {
    color: #276309;
}


/* search left column css */

.search-category {
    position: sticky;
    top: 0px;
}

.search-category .select-category h4.search-cat-title {
    padding-bottom: 27px;
    font-size: 16px;
    line-height: 1;
    border-bottom: 1px solid #eee;
}

.search-category .select-category ul {
    height: 223px;
    overflow: auto;
    padding-right: 5px;
}

.search-category .select-category ul {
    max-height: calc(100% - 219px);
    overflow-y: auto;
    scrollbar-width: thin;
    -webkit-scrollbar-width: thin;
}

.search-category .select-category ul::-webkit-scrollbar {
    width: 4px;
}

.search-category .select-category ul::-webkit-scrollbar-track {
    background-color: #eee;
}

.search-category .select-category ul::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
}

.search-category .select-category ul::-webkit-scrollbar-thumb:hover {
    background-color: #276309;
}

.search-category .select-category ul {
    padding-top: 25px;
}

.search-category .select-category ul li {
    margin-top: 5px;
}

.search-category .select-category ul li:first-child {
    margin-top: 0px;
}

.search-category .search-pro-color h4.search-cate-color {
    font-size: 16px;
    padding-top: 27px;
    padding-bottom: 28px;
    line-height: 1;
    border-bottom: 1px solid #eee;
}

.search-category .search-pro-color ul.select-cat-color {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-top: 30px;
    margin-left: -10px;
    margin-top: -16px;
}

.search-category .search-pro-color ul.select-cat-color li {
    line-height: 0;
    margin-top: 16px;
}

.search-category .search-pro-color ul.select-cat-color li a.cat-color-1,
.search-category .search-pro-color ul.select-cat-color li a.cat-color-2,
.search-category .search-pro-color ul.select-cat-color li a.cat-color-3,
.search-category .search-pro-color ul.select-cat-color li a.cat-color-4,
.search-category .search-pro-color ul.select-cat-color li a.cat-color-5,
.search-category .search-pro-color ul.select-cat-color li a.cat-color-6,
.search-category .search-pro-color ul.select-cat-color li a.cat-color-7,
.search-category .search-pro-color ul.select-cat-color li a.cat-color-8,
.search-category .search-pro-color ul.select-cat-color li a.cat-color-9,
.search-category .search-pro-color ul.select-cat-color li a.cat-color-10,
.search-category .search-pro-color ul.select-cat-color li a.cat-color-11,
.search-category .search-pro-color ul.select-cat-color li a.cat-color-12,
.search-category .search-pro-color ul.select-cat-color li a.cat-color-13,
.search-category .search-pro-color ul.select-cat-color li a.cat-color-14,
.search-category .search-pro-color ul.select-cat-color li a.cat-color-15,
.search-category .search-pro-color ul.select-cat-color li a.cat-color-16,
.search-category .search-pro-color ul.select-cat-color li a.cat-color-17,
.search-category .search-pro-color ul.select-cat-color li a.cat-color-18 {
    width: 20px;
    height: 20px;
    margin-left: 10px;
    border-radius: 100%;
}

.search-category .search-pro-color ul.select-cat-color li a.cat-color-1 {
    background-color: #86aab0;
}

.search-category .search-pro-color ul.select-cat-color li a.cat-color-2 {
    background-color: #e32323;
}

.search-category .search-pro-color ul.select-cat-color li a.cat-color-3 {
    background-color: #4f4f51;
}

.search-category .search-pro-color ul.select-cat-color li a.cat-color-4 {
    background-color: #efe4d7;
}

.search-category .search-pro-color ul.select-cat-color li a.cat-color-5 {
    background-color: #795548;
}

.search-category .search-pro-color ul.select-cat-color li a.cat-color-6 {
    background-color: #cdd1c6;
}

.search-category .search-pro-color ul.select-cat-color li a.cat-color-7 {
    background-color: #666;
}

.search-category .search-pro-color ul.select-cat-color li a.cat-color-8 {
    background-color: #b3b8a8;
}

.search-category .search-pro-color ul.select-cat-color li a.cat-color-9 {
    background-color: #e0b756;
}

.search-category .search-pro-color ul.select-cat-color li a.cat-color-10 {
    background-color: #6f6963;
}

.search-category .search-pro-color ul.select-cat-color li a.cat-color-11 {
    background-color: #9e9e9e;
}

.search-category .search-pro-color ul.select-cat-color li a.cat-color-12 {
    background-color: #719297;
}

.search-category .search-pro-color ul.select-cat-color li a.cat-color-13 {
    background-color: #b58555;
}

.search-category .search-pro-color ul.select-cat-color li a.cat-color-14 {
    background-color: #6ca6b7;
}

.search-category .search-pro-color ul.select-cat-color li a.cat-color-15 {
    background-color: #a2c4d4;
}

.search-category .search-pro-color ul.select-cat-color li a.cat-color-16 {
    background-color: #bb9290;
}

.search-category .search-pro-color ul.select-cat-color li a.cat-color-17 {
    background-color: #877666;
}

.search-category .search-pro-color ul.select-cat-color li a.cat-color-18 {
    background-color: #e2e2e2;
}

.search-category .search-pro h4 {
    padding-bottom: 28px;
    font-size: 16px;
    padding-top: 28px;
    margin-bottom: 30px;
    border-bottom: 1px solid #eee;
    line-height: 1;
}

.search-category .search-pro .search-pro-main {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}

.search-category .search-pro .search-pro-main:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: none;
}

.search-category .search-pro .search-pro-main .search-main-caption {
    margin-left: 10px;
    overflow: hidden;
}

.search-category .search-pro .search-pro-main .search-main-caption a {
    font-size: 15px;
    font-weight: 600;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.search-category .search-pro .search-pro-main .search-main-caption span.search-all-price {
    margin-top: 5px;
}

.search-category .search-pro .search-pro-main .search-main-caption span.search-all-price span.search-n-p {
    color: #276309;
    font-weight: 600;
}

.search-category .search-pro .search-pro-main .search-main-caption span.search-all-price span.search-o-p {
    font-size: 12px;
    color: #666;
    font-weight: 500;
}


/* search product css */

.style-2-search-pro-area {
    display: flex;
    flex-wrap: wrap;
    margin-left: -30px;
}

.style-2-search-pro-area .search-pro-items {
    width: calc(33.33% - 30px);
    margin-top: 30px;
    margin-left: 30px;
}

.style-2-search-pro-area .search-pro-items:nth-child(1),
.style-2-search-pro-area .search-pro-items:nth-child(2),
.style-2-search-pro-area .search-pro-items:nth-child(3) {
    margin-top: 0px;
}

.style-2-search-pro-area .search-pro-items .search-img {
    position: relative;
}

.style-2-search-pro-area .search-pro-items .search-img a {
    position: relative;
    overflow: hidden;
}

.style-2-search-pro-area .search-pro-items .search-img a img {
    -webkit-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}

.style-2-search-pro-area .search-pro-items .search-img:hover a img {
    transform: scale(1.1);
    -webkit-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}

.style-2-search-pro-area .search-pro-items .search-img .pro-icn {
    position: absolute;
    bottom: 20px;
    left: 0px;
    right: 0px;
    text-align: center;
}

.style-2-search-pro-area .search-pro-items .search-img .pro-icn a.w-c-q-icn:first-child {
    transform: translateX(40px);
}

.style-2-search-pro-area .search-pro-items .search-img .pro-icn a.w-c-q-icn:last-child {
    transform: translateX(-40px);
}

.style-2-search-pro-area .search-pro-items .search-img:hover .pro-icn a.w-c-q-icn:first-child {
    margin-right: 15px;
}

.style-2-search-pro-area .search-pro-items .search-img:hover .pro-icn a.w-c-q-icn:last-child {
    margin-left: 15px;
}

.style-2-search-pro-area .search-pro-items .search-img:hover .pro-icn a.w-c-q-icn:first-child,
.style-2-search-pro-area .search-pro-items .search-img:hover .pro-icn a.w-c-q-icn:last-child {
    transform: translateX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.style-2-search-pro-area .search-pro-items .search-img .pro-icn a.w-c-q-icn i {
    background-color: #fff;
    color: #000;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0px;
    font-size: 16px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    opacity: 0;
    visibility: hidden;
}

.style-2-search-pro-area .search-pro-items .search-img .pro-icn a.w-c-q-icn:hover i {
    color: #276309;
}

.style-2-search-pro-area .search-pro-items .search-img:hover .pro-icn a.w-c-q-icn i {
    opacity: 1;
    visibility: visible;
}

.style-2-search-pro-area .search-pro-items .search-caption h4 {
    margin-top: 15px;
    font-size: 14px;
    font-weight: 400;
}

.style-2-search-pro-area .search-pro-items .search-caption h4 a {
    display: block;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.style-2-search-pro-area .search-pro-items .search-caption span.all-price {
    margin-top: 6px;
}

.style-2-search-pro-area .search-pro-items .search-caption span.all-price span.search-new-price {
    color: #222;
    font-size: 14px;
    font-weight: 600;
}

.style-2-search-pro-area .search-pro-items .search-caption span.all-price span.search-old-price {
    color: #999;
    font-size: 12px;
    font-weight: 500;
}


/* style-2 list search product css */

.style-2-list-search-pro-area {
    display: flex;
    flex-wrap: wrap;
}

.style-2-list-search-pro-area .search-pro-items {
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
    display: flex;
}

.style-2-list-search-pro-area .search-pro-items:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: none;
}

.style-2-list-search-pro-area .search-pro-items:nth-child(1) {
    margin-top: 0px;
}

.style-2-list-search-pro-area .search-pro-items .search-img {
    width: 25%;
}

.style-2-list-search-pro-area .search-pro-items .search-img a {
    position: relative;
    overflow: hidden;
    display: block;
}

.style-2-list-search-pro-area .search-pro-items .search-img a img {
    -webkit-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}

.style-2-list-search-pro-area .search-pro-items:hover .search-img a img {
    transform: scale(1.1);
    -webkit-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}

.style-2-list-search-pro-area .search-pro-items .search-caption .pro-icn {
    margin-top: 11px;
}

.style-2-list-search-pro-area .search-pro-items .search-caption .pro-icn a.w-c-q-icn i {
    background-color: #276309;
    color: #fff;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0px;
    font-size: 16px;
    border-radius: 100%;
    border: 2px solid #276309;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.style-2-list-search-pro-area .search-pro-items .search-caption .pro-icn a.w-c-q-icn:hover i {
    background-color: transparent;
    color: #276309;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.style-2-list-search-pro-area .search-pro-items .search-caption {
    width: 75%;
    margin-left: 20px;
}

.style-2-list-search-pro-area .search-pro-items .search-caption h4 {
    font-size: 14px;
    font-weight: 400;
}

.style-2-list-search-pro-area .search-pro-items .search-caption h4 a {
    display: block;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.style-2-list-search-pro-area .search-pro-items .search-caption span.all-price {
    margin-top: 6px;
}

.style-2-list-search-pro-area .search-pro-items .search-caption span.all-price span.search-new-price {
    color: #222;
    font-size: 14px;
    font-weight: 600;
}

.style-2-list-search-pro-area .search-pro-items .search-caption span.all-price span.search-old-price {
    color: #999;
    font-size: 12px;
    font-weight: 500;
}

.style-2-list-search-pro-area .search-pro-items .search-caption p.search-pro-desc {
    margin-top: 5px;
}


/* pagination css */

.all-page span.page-title {
    color: #333;
    display: block;
    text-align: center;
    margin-top: 30px;
    font-weight: 500;
}

.all-page .page-number {
    text-align: center;
    margin-top: 19px;
}

.all-page .page-number a {
    position: relative;
    margin-right: 5px;
}

.all-page .page-number a:after {
    background-color: #276309;
    content: "";
    position: absolute;
    bottom: 0px;
    left: 1px;
    right: 0px;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    opacity: 0;
    visibility: hidden;
}

.all-page .page-number a:hover:after,
.all-page .page-number a.active:after {
    opacity: 1;
    visibility: visible;
}

.all-page .page-number a:hover,
.all-page .page-number a.active {
    color: #276309;
}

.all-page .page-number a:last-child:after {
    display: none;
}


/* blog left-right column css */

.left-column {
    position: sticky;
    top: 0px;
}

.left-column .blog-search h4 {
    font-size: 16px;
}

.left-column .blog-search form {
    position: relative;
}

.left-column .blog-search form input {
    width: 100%;
    color: #aeaeae;
    font-size: 13px;
    padding: 8px 10px;
    margin-top: 23px;
    border: 1px solid #e2e2e2;
    border-radius: 4px;
}

.left-column.style-1 .blog-search form input {
    margin-top: 23px;
    border-radius: 25px;
}

.left-column .blog-search form a {
    position: absolute;
    bottom: 35%;
    right: 15px;
    transform: translateY(50%);
    font-size: 16px;
    color: #999;
    line-height: 0;
}

.left-column .blog-head h4 {
    font-size: 18px;
    margin-top: 15px;
}

.left-column .blog-title h4 {
    font-size: 16px;
    margin-top: 30px;
    margin-bottom: 23px;
    padding-top: 23px;
    border-top: 1px solid #eee;
}

.left-column .left-blog .blog-item {
    display: flex;
    margin-bottom: 20px;
    align-items: center;
}

.left-column .left-blog .blog-item:last-child {
    margin-bottom: 0px;
}

.left-column .left-blog .blog-item .l-blog-image {
    margin-right: 15px;
}

.left-column .left-blog .blog-item .l-blog-caption h4 {
    font-size: 14px;
    margin-top: 5px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.left-column.style-1 .left-blog .blog-item .l-blog-caption h4 a:hover,
.left-column.style-5 .left-blog .blog-item .l-blog-caption h4 a:hover {
    color: #276309;
}

.left-column.style-2 .left-blog .blog-item .l-blog-caption h4 a:hover,
.left-column.style-3 .left-blog .blog-item .l-blog-caption h4 a:hover {
    color: #5fa800;
}

.left-column.style-6 .left-blog .blog-item .l-blog-caption h4 a:hover {
    color: #73841b;
}

.left-column .blog-tag h4 {
    font-size: 16px;
    margin-top: 30px;
    margin-bottom: 18px;
    padding-top: 23px;
    border-top: 1px solid #eee;
}

.left-column .blog-tag ul.tegs {
    display: flex;
    flex-wrap: wrap;
    margin-top: -5px;
    margin-left: -10px;
}

.left-column .blog-tag ul.tegs li a {
    color: #999;
    font-size: 13px;
    padding: 5px 10px;
    margin-left: 10px;
    margin-top: 10px;
    border: 1px solid #e2e2e2;
    border-radius: 4px;
}

.left-column .blog-tag ul.tegs li a:hover {
    background-color: #000;
    color: #fff;
}

.left-column .blog-tag.style-1 ul.tegs li a {
    border-radius: 25px;
}


/* right column css */

.right-area {
    margin-top: 28px;
    margin-bottom: -12px;
}

.right-c .right-area {
    margin-top: 0px;
}

.right-area .right-column-start h4 {
    font-size: 16px;
    margin-top: 0px;
    margin-bottom: 32px;
    line-height: 1;
}

.right-area .right-column-start .archive-link h5 {
    display: inline;
    color: #fff;
    font-size: 14px;
    padding: 5px 15px;
    background-color: #276309;
    font-weight: 400;
    line-height: 1;
}

.right-area.style-3 .right-column-start .archive-link h5 {
    background-color: #5fa800;
}

.right-area.style-6 .right-column-start .archive-link h5 {
    background-color: #73841b;
}

.right-area.style-7 .right-column-start .archive-link h5 {
    background-color: #cd7752;
}

.right-area .right-column-start .archive-link ul {
    margin-top: 29px;
}

.right-area .right-column-start .archive-link ul li {
    margin-top: 3px;
    width: 100%;
}

.right-area .right-column-start .archive-link ul li a {
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.right-area .right-column-start .archive-link ul li:first-child {
    margin-top: 0px;
}

.right-area .right-column-start .archive-link ul li a i {
    font-size: 12px;
}

.right-area .b-Reply {
    margin-top: 22px;
}

.right-area.style-1 .b-Reply {
    margin-top: 16px;
}

.right-area.style-2 .b-Reply {
    margin-top: 16px;
}

.right-area.style-5 .b-Reply {
    margin-top: 16px;
}

.right-area .b-Reply h4 {
    font-size: 16px;
    line-height: 1;
}

.right-area .b-Reply form {
    margin-top: 17px;
}

.right-area.style-1 .b-Reply form {
    margin-top: 27px;
}

.right-area.style-2 .b-Reply form {
    margin-top: 27px;
}

.right-area.style-5 .b-Reply form {
    margin-top: 27px;
}

.right-area .b-Reply form input {
    width: 100%;
    padding: 8px 15px;
    margin-top: 16px;
}

.right-area .b-Reply form input:first-child {
    margin-top: 0px;
}

.right-area .b-Reply form a.Reply-link {
    background-color: #276309;
    color: #fff;
    width: 100%;
    padding: 8px 15px;
    margin-top: 30px;
    text-align: center;
    font-weight: 500;
    border: 2px solid #276309;
}

.right-area .b-Reply form a.Reply-link:hover {
    background-color: transparent;
    color: #000;
    border-color: #276309;
}

.right-area .r-image {
    padding: 10px;
    margin-top: 20px;
    border: 1px solid #eee;
}


/* full grid blog css */

.blog-style-1-full-grid {
    counter-reset: my-sec-counter;
    display: flex;
    flex-wrap: wrap;
    margin-left: -30px;
    margin-top: -30px;
}

.blog-style-1-full-grid .blog-start {
    position: relative;
}

.blog-style-1-full-grid .blog-start .blog-post {
    margin-top: 15px;
    border: 1px solid #eee;
}

.blog-style-1-full-grid .blog-start:before,
.blog-style-1-full-grid .blog-start:after {
    background-color: #276309;
}

.blog-style-1-full-grid .blog-start:before {
    counter-increment: my-sec-counter;
    content: counter(my-sec-counter);
    position: absolute;
    top: 0px;
    left: 15px;
    width: 50px;
    height: 50px;
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    border-radius: 0px 5% 25% 25%;
    align-items: center;
    justify-content: center;
    display: flex;
}

.blog-style-1-full-grid .blog-start:after {
    content: "";
    width: 20px;
    height: 15px;
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0.8;
    border-radius: 20px 5px 0px 0px;
}

.blog-style-1-full-grid .blog-start {
    width: calc(33.33% - 30px);
    margin-top: 30px;
    margin-left: 30px;
    border-radius: 5px;
    ;
}

.blog-style-1-full-grid .blog-start .blog-image {
    display: flex;
}

.blog-style-1-full-grid .blog-start .blog-image a img,
.blog-style-1-left-grid .blog-start .blog-image a img,
.blog-style-1-right-grid .blog-start .blog-image a img {
    backface-visibility: hidden;
}

.blog-style-1-full-grid .blog-start .blog-content {
    padding: 30px;
}

.blog-style-1-full-grid .blog-start .blog-content .blog-title h6 {
    font-size: 16px;
}

.blog-style-1-full-grid .blog-start .blog-content .blog-title h6 a {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.blog-style-1-full-grid .blog-start .blog-content span.blog-admin {
    display: block;
    margin-top: 7px;
    line-height: 1;
}

.blog-style-1-full-grid .blog-start .blog-content span.blog-admin span.blog-editor {
    color: #000;
    font-weight: 600;
}

.blog-style-1-full-grid .blog-start .blog-content p.blog-description {
    margin-top: 21px;
}

.blog-style-1-full-grid .blog-start .blog-content a.read-link {
    display: flex;
    align-items: center;
    margin-top: 20px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    -webkit-transition: all 0s ease-in-out 0s;
    -o-transition: all 0s ease-in-out 0s;
    transition: all 0s ease-in-out 0s;
}

.blog-style-1-full-grid .blog-start .blog-content a.read-link span {
    color: #222;
}

.blog-style-1-full-grid .blog-start .blog-content a.read-link:hover span {
    color: #276309;
}

.blog-style-1-full-grid .blog-start .blog-content a.read-link i {
    padding-left: 5px;
    font-size: 12px;
}

.blog-style-1-full-grid .blog-start .blog-content a.read-link:hover i {
    padding-left: 10px;
}

.blog-style-1-full-grid .blog-start .blog-content a.read-link span,
.blog-style-1-full-grid .blog-start .blog-content a.read-link:hover span,
.blog-style-1-full-grid .blog-start .blog-content a.read-link i,
.blog-style-1-full-grid .blog-start .blog-content a.read-link:hover i {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.blog-style-1-full-grid .blog-start .blog-content .blog-date-comment {
    margin-top: 12px;
    display: flex;
    justify-content: space-between;
    line-height: 1
}

.blog-style-1-full-grid .blog-start .blog-content .blog-date-comment a {
    font-weight: 600;
}


/* left-right grid blog css */

.blog-style-1-left-grid,
.blog-style-1-right-grid {
    counter-reset: my-sec-counter;
    display: flex;
    flex-wrap: wrap;
    margin-top: -30px;
    margin-left: -20px;
}

.blog-style-1-left-grid .blog-start,
.blog-style-1-right-grid .blog-start {
    position: relative;
}

.blog-style-1-left-grid .blog-start .blog-post,
.blog-style-1-right-grid .blog-start .blog-post {
    margin-top: 15px;
    border: 1px solid #eee;
}

.blog-style-1-left-grid .blog-start:before,
.blog-style-1-left-grid .blog-start:after,
.blog-style-1-right-grid .blog-start:before,
.blog-style-1-right-grid .blog-start:after {
    background-color: #276309;
}

.blog-style-1-left-grid .blog-start:before,
.blog-style-1-right-grid .blog-start:before {
    counter-increment: my-sec-counter;
    content: counter(my-sec-counter);
    position: absolute;
    top: 0px;
    left: 15px;
    width: 50px;
    height: 50px;
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    border-radius: 0px 5% 25% 25%;
    align-items: center;
    justify-content: center;
    display: flex;
}

.blog-style-1-left-grid .blog-start:after,
.blog-style-1-right-grid .blog-start:after {
    content: "";
    width: 20px;
    height: 15px;
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0.8;
    border-radius: 20px 5px 0px 0px;
}

.blog-style-1-left-grid .blog-start,
.blog-style-1-right-grid .blog-start {
    width: calc(33.33% - 20px);
    margin-top: 30px;
    margin-left: 20px;
    border-radius: 5px;
    ;
}

.blog-style-1-left-grid .blog-start .blog-image,
.blog-style-1-right-grid .blog-start .blog-image {
    display: flex;
}

.blog-style-1-left-grid .blog-start .blog-content,
.blog-style-1-right-grid .blog-start .blog-content {
    padding: 30px;
}

.blog-style-1-left-grid .blog-start .blog-content .blog-date-comment,
.blog-style-1-right-grid .blog-start .blog-content .blog-date-comment {
    margin-top: 12px;
    display: flex;
    justify-content: space-between;
    line-height: 1
}

.blog-style-1-left-grid .blog-start .blog-content .blog-date-comment a,
.blog-style-1-right-grid .blog-start .blog-content .blog-date-comment a {
    font-weight: 600;
}

.blog-style-1-left-grid .blog-start .blog-content .blog-title h6,
.blog-style-1-right-grid .blog-start .blog-content .blog-title h6 {
    font-size: 16px;
}

.blog-style-1-left-grid .blog-start .blog-content .blog-title h6 a,
.blog-style-1-right-grid .blog-start .blog-content .blog-title h6 a {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.blog-style-1-left-grid .blog-start .blog-content p.blog-description,
.blog-style-1-right-grid .blog-start .blog-content p.blog-description {
    margin-top: 21px;
    font-size: 14px;
}

.blog-style-1-left-grid .blog-start .blog-content a.read-link,
.blog-style-1-right-grid .blog-start .blog-content a.read-link {
    display: flex;
    align-items: center;
    margin-top: 20px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    -webkit-transition: all 0s ease-in-out 0s;
    -o-transition: all 0s ease-in-out 0s;
    transition: all 0s ease-in-out 0s;
}

.blog-style-1-left-grid .blog-start .blog-content a.read-link span,
.blog-style-1-right-grid .blog-start .blog-content a.read-link span {
    color: #222;
}

.blog-style-1-left-grid .blog-start .blog-content a.read-link:hover span,
.blog-style-1-right-grid .blog-start .blog-content a.read-link:hover span {
    color: #276309;
}

.blog-style-1-left-grid .blog-start .blog-content a.read-link i,
.blog-style-1-right-grid .blog-start .blog-content a.read-link i {
    padding-left: 5px;
    font-size: 12px;
}

.blog-style-1-left-grid .blog-start .blog-content a.read-link:hover i,
.blog-style-1-right-grid .blog-start .blog-content a.read-link:hover i {
    padding-left: 10px;
}

.blog-style-1-left-grid .blog-start .blog-content a.read-link span,
.blog-style-1-left-grid .blog-start .blog-content a.read-link:hover span,
.blog-style-1-left-grid .blog-start .blog-content a.read-link i,
.blog-style-1-left-grid .blog-start .blog-content a.read-link:hover i,
.blog-style-1-right-grid .blog-start .blog-content a.read-link span,
.blog-style-1-right-grid .blog-start .blog-content a.read-link:hover span,
.blog-style-1-right-grid .blog-start .blog-content a.read-link i,
.blog-style-1-right-grid .blog-start .blog-content a.read-link:hover i {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.blog-style-1-left-grid .blog-start .blog-content span.blog-admin,
.blog-style-1-right-grid .blog-start .blog-content span.blog-admin {
    display: block;
    margin-top: 7px;
    line-height: 1;
}

.blog-style-1-left-grid .blog-start .blog-content span.blog-admin span.blog-editor,
.blog-style-1-right-grid .blog-start .blog-content span.blog-admin span.blog-editor {
    color: #000;
    font-weight: 600;
}


/* full blog list css */

.blog-style-1-list {
    counter-reset: my-sec-counter;
    display: flex;
    flex-wrap: wrap;
    margin-top: -30px;
    margin-left: -30px;
}

.blog-style-1-list .blog-start {
    position: relative;
}

.blog-style-1-list .blog-start .blog-post {
    margin-top: 15px;
    display: flex;
    align-items: center;
}

.blog-style-1-list .blog-start:before,
.blog-style-1-list .blog-start:after {
    background-color: #276309;
}

.blog-style-1-list .blog-start:before {
    counter-increment: my-sec-counter;
    content: counter(my-sec-counter);
    position: absolute;
    top: 0px;
    left: 15px;
    width: 50px;
    height: 50px;
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    border-radius: 0px 5% 25% 25%;
    align-items: center;
    justify-content: center;
    display: flex;
}

.blog-style-1-list .blog-start:after {
    content: "";
    width: 20px;
    height: 15px;
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0.8;
    border-radius: 20px 5px 0px 0px;
}

.blog-style-1-list .blog-start {
    width: calc(100% - 30px);
    margin-top: 30px;
    margin-left: 30px;
    border-radius: 5px;
}

.blog-style-1-list .blog-start .blog-image {
    width: 50%;
}

.blog-style-1-list .blog-start .blog-content {
    width: 50%;
    margin-left: 30px;
}

.blog-style-1-list .blog-start .blog-content .blog-title h6 {
    font-size: 16px;
}

.blog-style-1-list .blog-start .blog-content .blog-title h6 a {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.blog-style-1-list .blog-start .blog-content .date-comm-adit {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #dfdfdf;
    margin-top: 23px;
    padding-top: 25px;
}

.blog-style-1-list .blog-start .blog-content .date-comm-adit span.blog-admin i {
    margin-right: 5px;
}

.blog-style-1-list .blog-start .blog-content .date-comm-adit span.blog-admin span.blog-editor {
    font-weight: 600;
    margin-left: 5px;
}

.blog-style-1-list .blog-start .blog-content .date-comm-adit span.blog-date i {
    margin-right: 5px;
}

.blog-style-1-right-blog .blog-start .blog-content .date-comm-adit a,
.blog-style-1-left-list-blog .blog-start .blog-content .date-comm-adit a,
.blog-style-1-list .blog-start .blog-content .date-comm-adit a {
    font-weight: 600;
    display: flex;
    align-items: center;
}

.blog-style-1-list .blog-start .blog-content .date-comm-adit a i {
    margin-right: 5px;
}

.blog-style-1-list .blog-start .blog-content p.blog-description {
    margin-top: 20px;
    color: #999;
}

.blog-style-1-list .blog-start .blog-content a.read-link {
    display: flex;
    align-items: center;
    margin-top: 20px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    -webkit-transition: all 0s ease-in-out 0s;
    -o-transition: all 0s ease-in-out 0s;
    transition: all 0s ease-in-out 0s;
}

.blog-style-1-list .blog-start .blog-content a.read-link span {
    color: #222;
}

.blog-style-1-list .blog-start .blog-content a.read-link:hover span {
    color: #276309;
}

.blog-style-1-list .blog-start .blog-content a.read-link i {
    padding-left: 5px;
    font-size: 12px;
}

.blog-style-1-list .blog-start .blog-content a.read-link:hover i {
    padding-left: 10px;
}

.blog-style-1-list .blog-start .blog-content a.read-link span,
.blog-style-1-list .blog-start .blog-content a.read-link:hover span,
.blog-style-1-list .blog-start .blog-content a.read-link i,
.blog-style-1-list .blog-start .blog-content a.read-link:hover i {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}


/* left-right blog list css */

.blog-style-1-left-list-blog,
.blog-style-1-right-blog {
    counter-reset: my-sec-counter;
    display: flex;
    flex-wrap: wrap;
    margin-top: -30px;
    margin-left: -30px;
}

.blog-style-1-left-list-blog .blog-start,
.blog-style-1-right-blog .blog-start {
    position: relative;
}

.blog-style-1-left-list-blog .blog-start .blog-post,
.blog-style-1-right-blog .blog-start .blog-post {
    margin-top: 15px;
    display: flex;
    align-items: center;
}

.blog-style-1-left-list-blog .blog-start:before,
.blog-style-1-left-list-blog .blog-start:after,
.blog-style-1-right-blog .blog-start:before,
.blog-style-1-right-blog .blog-start:after {
    background-color: #276309;
}

.blog-style-1-left-list-blog .blog-start:before,
.blog-style-1-right-blog .blog-start:before {
    counter-increment: my-sec-counter;
    content: counter(my-sec-counter);
    position: absolute;
    top: 0px;
    left: 15px;
    width: 50px;
    height: 50px;
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    border-radius: 0px 5% 25% 25%;
    align-items: center;
    justify-content: center;
    display: flex;
}

.blog-style-1-left-list-blog .blog-start:after,
.blog-style-1-right-blog .blog-start:after {
    content: "";
    width: 20px;
    height: 15px;
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0.8;
    border-radius: 20px 5px 0px 0px;
}

.blog-style-1-left-list-blog .blog-start,
.blog-style-1-right-blog .blog-start {
    width: calc(100% - 30px);
    margin-top: 30px;
    margin-left: 30px;
    border-radius: 5px;
    ;
}

.blog-style-1-left-list-blog .blog-start .blog-image,
.blog-style-1-right-blog .blog-start .blog-image {
    display: flex;
    width: 50%;
}

.blog-style-1-list .blog-start .blog-image a img,
.blog-style-1-left-list-blog .blog-start .blog-image a img,
.blog-style-1-right-blog .blog-start .blog-image a img {
    backface-visibility: hidden;
}

.blog-style-1-left-list-blog .blog-start .blog-content,
.blog-style-1-right-blog .blog-start .blog-content {
    width: 50%;
    margin-left: 30px;
}

.blog-style-1-right-blog .blog-start .blog-content .blog-date,
.blog-style-1-left-list-blog .blog-start .blog-content .blog-date,
.blog-style-1-list .blog-start .blog-content .blog-date {
    display: flex;
    align-items: center;
    line-height: 1;
    font-weight: 600;
}

.blog-style-1-left-list-blog .blog-start .blog-content .blog-date-comment a,
.blog-style-1-right-blog .blog-start .blog-content .blog-date-comment a {
    font-weight: 600;
}

.blog-style-1-left-list-blog .blog-start .blog-content .blog-title h6,
.blog-style-1-right-blog .blog-start .blog-content .blog-title h6 {
    font-size: 16px;
}

.blog-style-1-left-list-blog .blog-start .blog-content .blog-title h6 a,
.blog-style-1-right-blog .blog-start .blog-content .blog-title h6 a {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.blog-style-1-left-list-blog .blog-start .blog-content .date-comm-adit,
.blog-style-1-right-blog .blog-start .blog-content .date-comm-adit {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #dfdfdf;
    margin-top: 23px;
    padding-top: 25px;
}

.blog-style-1-left-list-blog .blog-start .blog-content .date-comm-adit span.blog-date i,
.blog-style-1-right-blog .blog-start .blog-content .date-comm-adit span.blog-date i {
    margin-right: 5px;
}

.blog-style-1-left-list-blog .blog-start .blog-content .date-comm-adit a,
.blog-style-1-right-blog .blog-start .blog-content .date-comm-adit a {
    font-size: 14px;
    font-weight: 600;
}

.blog-style-1-left-list-blog .blog-start .blog-content .date-comm-adit a i,
.blog-style-1-right-blog .blog-start .blog-content .date-comm-adit a i {
    margin-right: 5px;
}

.blog-style-1-left-list-blog .blog-start .blog-content .date-comm-adit span.blog-admin,
.blog-style-1-right-blog .blog-start .blog-content .date-comm-adit span.blog-admin,
.blog-style-1-list .blog-start .blog-content .date-comm-adit span.blog-admin {
    display: flex;
    align-items: center;
    line-height: 1;
}

.blog-style-1-left-list-blog .blog-start .blog-content .date-comm-adit span.blog-admin i,
.blog-style-1-right-blog .blog-start .blog-content .date-comm-adit span.blog-admin i {
    margin-right: 5px;
}

.blog-style-1-left-list-blog .blog-start .blog-content .date-comm-adit span.blog-admin span.blog-editor,
.blog-style-1-right-blog .blog-start .blog-content .date-comm-adit span.blog-admin span.blog-editor {
    font-weight: 600;
    margin-left: 5px;
}

.blog-style-1-left-list-blog .blog-start .blog-content p.blog-description,
.blog-style-1-right-blog .blog-start .blog-content p.blog-description {
    margin-top: 20px;
    color: #999;
}

.blog-style-1-left-list-blog .blog-start .blog-content a.read-link,
.blog-style-1-right-blog .blog-start .blog-content a.read-link {
    display: flex;
    align-items: center;
    margin-top: 20px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    -webkit-transition: all 0s ease-in-out 0s;
    -o-transition: all 0s ease-in-out 0s;
    transition: all 0s ease-in-out 0s;
}

.blog-style-1-left-list-blog .blog-start .blog-content a.read-link span,
.blog-style-1-right-blog .blog-start .blog-content a.read-link span {
    color: #222;
}

.blog-style-1-left-list-blog .blog-start .blog-content a.read-link:hover span,
.blog-style-1-right-blog .blog-start .blog-content a.read-link:hover span {
    color: #276309;
}

.blog-style-1-left-list-blog .blog-start .blog-content a.read-link i,
.blog-style-1-right-blog .blog-start .blog-content a.read-link i {
    padding-left: 5px;
    font-size: 12px;
}

.blog-style-1-left-list-blog .blog-start .blog-content a.read-link:hover i,
.blog-style-1-right-blog .blog-start .blog-content a.read-link:hover i {
    padding-left: 10px;
}

.blog-style-1-left-list-blog .blog-start .blog-content a.read-link span,
.blog-style-1-left-list-blog .blog-start .blog-content a.read-link:hover span,
.blog-style-1-left-list-blog .blog-start .blog-content a.read-link i,
.blog-style-1-left-list-blog .blog-start .blog-content a.read-link:hover i,
.blog-style-1-right-blog .blog-start .blog-content a.read-link span,
.blog-style-1-right-blog .blog-start .blog-content a.read-link:hover span,
.blog-style-1-right-blog .blog-start .blog-content a.read-link i,
.blog-style-1-right-blog .blog-start .blog-content a.read-link:hover i {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}


/* full-left-right details blog css */

.blog-style-1-details .single-blog-content,
.blog-style-1-left-details .single-blog-content,
.blog-style-1-right-details .single-blog-content {
    margin-top: 33px;
}

.blog-style-1-details .single-blog-content .single-b-title h4,
.blog-style-1-left-details .single-blog-content .single-b-title h4,
.blog-style-1-right-details .single-blog-content .single-b-title h4 {
    font-size: 16px;
}

.blog-style-1-details .single-blog-content .date-edit-comments,
.blog-style-1-left-details .single-blog-content .date-edit-comments,
.blog-style-1-right-details .single-blog-content .date-edit-comments {
    margin-top: 23px;
}

.blog-style-1-details .single-blog-content .date-edit-comments .blog-info-wrap,
.blog-style-1-left-details .single-blog-content .date-edit-comments .blog-info-wrap,
.blog-style-1-right-details .single-blog-content .date-edit-comments .blog-info-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: -15px 0px 0px -30px;
}

.blog-style-1-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-data,
.blog-style-1-left-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-data,
.blog-style-1-right-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-data {
    margin: 15px 0px 0px 30px;
}

.blog-style-1-details .single-blog-content .date-edit-comments .blog-info-wrap span.date,
.blog-style-1-left-details .single-blog-content .date-edit-comments .blog-info-wrap span.date,
.blog-style-1-right-details .single-blog-content .date-edit-comments .blog-info-wrap span.date {
    display: flex;
    align-items: center;
    line-height: 1;
}

.blog-style-1-details .single-blog-content .date-edit-comments .blog-info-wrap span.date span.blog-d-n-c,
.blog-style-1-left-details .single-blog-content .date-edit-comments .blog-info-wrap span.date span.blog-d-n-c,
.blog-style-1-right-details .single-blog-content .date-edit-comments .blog-info-wrap span.date span.blog-d-n-c {
    margin-left: 5px;
}

.blog-style-1-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-edit,
.blog-style-1-left-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-edit,
.blog-style-1-right-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-edit {
    display: flex;
    align-items: center;
    line-height: 1;
}

.blog-style-1-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-edit span.blog-d-n-c,
.blog-style-1-left-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-edit span.blog-d-n-c,
.blog-style-1-right-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-edit span.blog-d-n-c {
    margin-left: 5px;
}

.blog-style-1-left-details .single-blog-content .date-edit-comments .blog-info-wrap span.comments,
.blog-style-1-details .single-blog-content .date-edit-comments .blog-info-wrap span.comments,
.blog-style-1-right-details .single-blog-content .date-edit-comments .blog-info-wrap span.comments {
    display: flex;
    align-items: center;
    line-height: 1;
}

.blog-style-1-left-details .single-blog-content .date-edit-comments .blog-info-wrap span.comments span.blog-d-n-c,
.blog-style-1-details .single-blog-content .date-edit-comments .blog-info-wrap span.comments span.blog-d-n-c,
.blog-style-1-right-details .single-blog-content .date-edit-comments .blog-info-wrap span.comments span.blog-d-n-c {
    margin-left: 5px;
}

.blog-style-1-details .single-blog-content .blog-description,
.blog-style-1-left-details .single-blog-content .blog-description,
.blog-style-1-right-details .single-blog-content .blog-description {
    margin-top: 23px;
}

.blog-style-1-details .single-blog-content .blog-description p,
.blog-style-1-left-details .single-blog-content .blog-description p,
.blog-style-1-right-details .single-blog-content .blog-description p {
    margin-top: 2px;
    letter-spacing: 0.6px;
}

.blog-style-1-details .single-blog-content .blog-description .blog-image-description,
.blog-style-1-left-details .single-blog-content .blog-description .blog-image-description,
.blog-style-1-right-details .single-blog-content .blog-description .blog-image-description {
    margin-top: 22px;
}

.blog-style-1-details .single-blog-content .blog-description .blog-image-description img,
.blog-style-1-left-details .single-blog-content .blog-description .blog-image-description img,
.blog-style-1-right-details .single-blog-content .blog-description .blog-image-description img {
    float: left;
    margin-right: 15px;
}

.blog-style-1-details .single-blog-content .blog-description .blog-image-description p.bold-description,
.blog-style-1-left-details .single-blog-content .blog-description .blog-image-description p.bold-description,
.blog-style-1-right-details .single-blog-content .blog-description .blog-image-description p.bold-description {
    font-size: 14px;
    font-weight: 600;
}

.blog-style-1-details .single-blog-content .blog-description p.color-description,
.blog-style-1-left-details .single-blog-content .blog-description p.color-description,
.blog-style-1-right-details .single-blog-content .blog-description p.color-description {
    background-color: #f7f7f7;
    font-size: 16px;
    color: #276309;
    margin: 23px 0px;
    padding: 30px;
    border-left: 1px solid #eee;
    font-weight: 500;
    letter-spacing: 0.5px;
}

.blog-style-1-details .single-blog-content .blog-info,
.blog-style-1-left-details .single-blog-content .blog-info,
.blog-style-1-right-details .single-blog-content .blog-info {
    padding: 30px;
    margin-top: 22px;
    background-color: #f7f7f7;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.blog-style-1-details .single-blog-content .blog-info i.fa-quote-left,
.blog-style-1-left-details .single-blog-content .blog-info i.fa-quote-left,
.blog-style-1-right-details .single-blog-content .blog-info i.fa-quote-left {
    font-size: 30px;
    color: #276309;
}

.blog-style-1-details .single-blog-content .blog-info h6,
.blog-style-1-left-details .single-blog-content .blog-info h6,
.blog-style-1-right-details .single-blog-content .blog-info h6 {
    color: #276309;
    font-size: 16px;
    margin-top: 9px;
    font-weight: 500;
}

.blog-style-1-details .single-blog-content .b-link,
.blog-style-1-left-details .single-blog-content .b-link,
.blog-style-1-right-details .single-blog-content .b-link {
    margin-top: 30px;
}

.blog-style-1-details .single-blog-content .b-link a,
.blog-style-1-left-details .single-blog-content .b-link a,
.blog-style-1-right-details .single-blog-content .b-link a {
    background-color: #276309;
    padding: 5px 10px;
    color: #fff;
    border-radius: 4px;
}

.blog-style-1-details .single-blog-content .b-link a:hover,
.blog-style-1-left-details .single-blog-content .b-link a:hover,
.blog-style-1-right-details .single-blog-content .b-link a:hover {
    background-color: #000;
    color: #fff;
}

.blog-style-1-details .single-blog-content .blog-social,
.blog-style-1-left-details .single-blog-content .blog-social,
.blog-style-1-right-details .single-blog-content .blog-social {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.blog-style-1-details .single-blog-content .blog-social a.facebook,
.blog-style-1-details .single-blog-content .blog-social a.twitter,
.blog-style-1-details .single-blog-content .blog-social a.insta,
.blog-style-1-details .single-blog-content .blog-social a.pinterest,
.blog-style-1-left-details .single-blog-content .blog-social a.facebook,
.blog-style-1-left-details .single-blog-content .blog-social a.twitter,
.blog-style-1-left-details .single-blog-content .blog-social a.insta,
.blog-style-1-left-details .single-blog-content .blog-social a.pinterest,
.blog-style-1-right-details .single-blog-content .blog-social a.facebook,
.blog-style-1-right-details .single-blog-content .blog-social a.twitter,
.blog-style-1-right-details .single-blog-content .blog-social a.insta,
.blog-style-1-right-details .single-blog-content .blog-social a.pinterest {
    width: 35px;
    height: 35px;
    font-size: 14px;
    margin-right: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
}

.blog-style-1-details .single-blog-content .blog-social a.facebook,
.blog-style-1-left-details .single-blog-content .blog-social a.facebook,
.blog-style-1-right-details .single-blog-content .blog-social a.facebook {
    background-color: #3b5999;
    color: #fff;
}

.blog-style-1-details .single-blog-content .blog-social a.twitter,
.blog-style-1-left-details .single-blog-content .blog-social a.twitter,
.blog-style-1-right-details .single-blog-content .blog-social a.twitter {
    background-color: #55acee;
    color: #fff;
}

.blog-style-1-details .single-blog-content .blog-social a.insta,
.blog-style-1-left-details .single-blog-content .blog-social a.insta,
.blog-style-1-right-details .single-blog-content .blog-social a.insta {
    background-color: #dd4b39;
    color: #fff;
}

.blog-style-1-details .single-blog-content .blog-social a.pinterest,
.blog-style-1-left-details .single-blog-content .blog-social a.pinterest,
.blog-style-1-right-details .single-blog-content .blog-social a.pinterest {
    background-color: #bd081c;
    color: #fff;
}

.blog-style-1-details .single-blog-content .blog-social a:hover,
.blog-style-1-left-details .single-blog-content .blog-social a:hover,
.blog-style-1-right-details .single-blog-content .blog-social a:hover {
    background-color: #276309;
}

.blog-style-1-details .single-blog-content .blog-comments,
.blog-style-1-left-details .single-blog-content .blog-comments,
.blog-style-1-right-details .single-blog-content .blog-comments {
    margin-top: 23px;
}

.blog-style-1-details .single-blog-content .blog-comments h4,
.blog-style-1-left-details .single-blog-content .blog-comments h4,
.blog-style-1-right-details .single-blog-content .blog-comments h4 {
    font-size: 18px;
}

.blog-style-1-details .single-blog-content .blog-comments h4 span,
.blog-style-1-left-details .single-blog-content .blog-comments h4 span,
.blog-style-1-right-details .single-blog-content .blog-comments h4 span {
    color: #276309;
}

.blog-style-1-details .single-blog-content .blog-comments .blog-comment-info,
.blog-style-1-left-details .single-blog-content .blog-comments .blog-comment-info,
.blog-style-1-right-details .single-blog-content .blog-comments .blog-comment-info {
    margin-top: 23px;
    padding-top: 30px;
    border-top: 1px solid #eee;
}

.blog-style-1-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae,
.blog-style-1-left-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae,
.blog-style-1-right-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae {
    display: flex;
    margin-top: 24px;
}

.blog-style-1-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.comment-reply,
.blog-style-1-left-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.comment-reply,
.blog-style-1-right-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.comment-reply {
    margin-left: 50px;
}

.blog-style-1-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.all-reply,
.blog-style-1-left-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.all-reply,
.blog-style-1-right-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.all-reply {
    margin-top: 24px;
    padding-top: 30px;
    border-top: 1px solid #eee;
}

.blog-style-1-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae:first-of-type,
.blog-style-1-left-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae:first-of-type,
.blog-style-1-right-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae:first-of-type {
    margin-top: 0px;
}

.blog-style-1-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-man,
.blog-style-1-left-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-man,
.blog-style-1-right-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-man {
    width: 45px;
    height: 45px;
    background-color: #276309;
    color: #fff;
    margin-right: 15px;
    font-size: 15px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    font-weight: 600;
}

.blog-style-1-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content,
.blog-style-1-left-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content,
.blog-style-1-right-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content {
    width: calc(100% - 45px);
}

.blog-style-1-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result,
.blog-style-1-left-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result,
.blog-style-1-right-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result {
    display: block;
}

.blog-style-1-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name,
.blog-style-1-left-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name,
.blog-style-1-right-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name {
    margin-top: 5px;
}

.blog-style-1-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name i,
.blog-style-1-left-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name i,
.blog-style-1-right-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name i {
    font-style: normal;
}

.blog-style-1-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date,
.blog-style-1-left-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date,
.blog-style-1-right-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date {
    font-weight: 600;
    margin-top: 6px;
}

.blog-style-1-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date a.Reply,
.blog-style-1-left-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date a.Reply,
.blog-style-1-right-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date a.Reply {
    margin-left: 30px;
    color: #276309;
    font-weight: 500;
}

.blog-style-1-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span span.comments-title,
.blog-style-1-left-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span span.comments-title,
.blog-style-1-right-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span span.comments-title {
    font-weight: 600;
    color: #276309;
}

.blog-style-1-details .single-blog-content .comments-form,
.blog-style-1-left-details .single-blog-content .comments-form,
.blog-style-1-right-details .single-blog-content .comments-form {
    margin-top: 24px;
    padding-top: 23px;
    border-top: 1px solid #eee;
}

.blog-style-1-details .single-blog-content .comments-form h4,
.blog-style-1-left-details .single-blog-content .comments-form h4,
.blog-style-1-right-details .single-blog-content .comments-form h4 {
    font-size: 18px;
}

.blog-style-1-details .single-blog-content .comments-form form,
.blog-style-1-left-details .single-blog-content .comments-form form,
.blog-style-1-right-details .single-blog-content .comments-form form {
    margin-top: 18px;
}

.blog-style-1-details .single-blog-content .comments-form form label,
.blog-style-1-left-details .single-blog-content .comments-form form label,
.blog-style-1-right-details .single-blog-content .comments-form form label {
    margin-top: 15px;
}

.blog-style-1-details .single-blog-content .comments-form form label:first-child,
.blog-style-1-left-details .single-blog-content .comments-form form label:first-child,
.blog-style-1-right-details .single-blog-content .comments-form form label:first-child {
    margin-top: 0px;
}

.blog-style-1-details .single-blog-content .comments-form form input,
.blog-style-1-left-details .single-blog-content .comments-form form input,
.blog-style-1-right-details .single-blog-content .comments-form form input {
    width: 100%;
    padding: 10px 15px;
    margin-top: 10px;
    border: 1px solid #eee;
    border-radius: 3px;
}

.blog-style-1-details .single-blog-content .comments-form form input:focus,
.blog-style-1-left-details .single-blog-content .comments-form form input:focus,
.blog-style-1-right-details .single-blog-content .comments-form form input:focus {
    border-color: #276309;
}

.blog-style-1-details .single-blog-content .comments-form form textarea,
.blog-style-1-left-details .single-blog-content .comments-form form textarea,
.blog-style-1-right-details .single-blog-content .comments-form form textarea {
    width: 100%;
    margin-top: 10px;
    min-height: 100px;
    padding: 10px 15px;
    border: 1px solid #eee;
    border-radius: 3px;
    resize: unset;
}

.blog-style-1-details .single-blog-content .comments-form form textarea:focus,
.blog-style-1-left-details .single-blog-content .comments-form form textarea:focus,
.blog-style-1-right-details .single-blog-content .comments-form form textarea:focus {
    border-color: #276309;
}

.blog-style-1-details .single-blog-content .comments-form a.btn-style1,
.blog-style-1-left-details .single-blog-content .comments-form a.btn-style1,
.blog-style-1-right-details .single-blog-content .comments-form a.btn-style1 {
    margin-top: 24px;
}


/* center blog css */

.cetner-blog-area {
    counter-reset: my-sec-counter;
    display: flex;
    flex-wrap: wrap;
}

.cetner-blog-area .blog-start {
    position: relative;
}

.cetner-blog-area .blog-start .blog-post {
    margin-top: 15px;
    border: 1px solid #eee;
}

.cetner-blog-area .blog-start:before,
.cetner-blog-area .blog-start:after {
    background-color: #276309;
}

.cetner-blog-area .blog-start:before {
    counter-increment: my-sec-counter;
    content: counter(my-sec-counter);
    position: absolute;
    top: 0px;
    left: 15px;
    width: 60px;
    height: 60px;
    font-size: 30px;
    font-weight: 600;
    color: #fff;
    border-radius: 0px 5% 25% 25%;
    align-items: center;
    justify-content: center;
    display: flex;
}

.cetner-blog-area .blog-start:after {
    content: "";
    width: 20px;
    height: 15px;
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0.8;
    border-radius: 20px 5px 0px 0px;
}

.cetner-blog-area .blog-start {
    width: 100%;
    margin-top: 30px;
    border-radius: 5px;
}

.cetner-blog-area .blog-start:nth-child(1) {
    margin-top: 0px;
}

.cetner-blog-area .blog-start .blog-image {
    display: flex;
}

.cetner-blog-area .blog-start .blog-content {
    padding: 30px;
}

.cetner-blog-area .blog-start .blog-content .blog-title h6 {
    font-size: 16px;
}

.cetner-blog-area .blog-start .blog-content .blog-title h6 a {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.cetner-blog-area .blog-start .blog-content span.blog-admin {
    display: block;
    margin-top: 7px;
    line-height: 1;
}

.cetner-blog-area .blog-start .blog-content span.blog-admin span.blog-editor {
    color: #000;
    font-weight: 600;
}

.cetner-blog-area .blog-start .blog-content p.blog-description {
    font-size: 14px;
    margin-top: 21px;
}

.cetner-blog-area .blog-start .blog-content a.read-link {
    display: flex;
    align-items: center;
    margin-top: 20px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    -webkit-transition: all 0s ease-in-out 0s;
    -o-transition: all 0s ease-in-out 0s;
    transition: all 0s ease-in-out 0s;
}

.cetner-blog-area .blog-start .blog-content a.read-link span {
    color: #222;
}

.cetner-blog-area .blog-start .blog-content a.read-link:hover span {
    color: #276309;
}

.cetner-blog-area .blog-start .blog-content a.read-link i {
    padding-left: 5px;
    font-size: 12px;
}

.cetner-blog-area .blog-start .blog-content a.read-link:hover i {
    padding-left: 10px;
}

.cetner-blog-area .blog-start .blog-content a.read-link span,
.cetner-blog-area .blog-start .blog-content a.read-link:hover span,
.cetner-blog-area .blog-start .blog-content a.read-link i,
.cetner-blog-area .blog-start .blog-content a.read-link:hover i {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.cetner-blog-area .blog-start .blog-content .blog-date-comment {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 9px;
}

.cetner-blog-area .blog-start .blog-content .blog-date-comment a {
    font-size: 14px;
    font-weight: 600;
}


/* center blog right column btn css */

.right-area .b-Reply form a.btn-style1 {
    width: 100%;
    margin-top: 30px;
}

.center-right-area.style-3 .b-Reply form a.Reply-link-3 {
    background-color: #5fa800;
    width: 100%;
    position: relative;
    color: #fff;
    font-size: 13px;
    padding: 8px 25px;
    margin-top: 30px;
    border: 2px solid #5fa800;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 4px;
}

.right-area.style-5 .b-Reply form a.Reply-link {
    position: relative;
    color: #fff;
    font-size: 14px;
    padding: 10px 30px;
    background-color: #276309;
    font-weight: 600;
    border: 2px solid #276309;
    border-radius: 3px;
    border-color: #276309;
}

.right-area.style-5 .b-Reply form a.Reply-link:hover {
    background-color: transparent;
    color: #276309;
    border-color: #276309;
}

.center-right-area.style-6 .b-Reply form a.Reply-link-6 {
    position: relative;
    width: 100%;
    background-color: #73841b;
    color: #fff;
    font-size: 14px;
    padding: 10px 30px;
    margin-top: 30px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 50px;
    border-color: #73841b;
}


/* style-2 blog pagination css */

.all-page span.page-title {
    color: #333;
    display: block;
    text-align: center;
    margin-top: 30px;
    font-weight: 500;
}

.all-page .page-number {
    text-align: center;
    margin-top: 19px;
}

.all-page .page-number a {
    position: relative;
    margin-right: 5px;
}

.all-page .page-number a:after {
    background-color: #5fa800;
    content: "";
    position: absolute;
    bottom: 0px;
    left: 1px;
    right: 0px;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    opacity: 0;
    visibility: hidden;
}

.all-page .page-number a:hover:after,
.all-page .page-number a.active:after {
    opacity: 1;
    visibility: visible;
}

.all-page .page-number a:hover,
.all-page .page-number a.active {
    color: #5fa800;
}

.all-page .page-number a:last-child:after {
    display: none;
}


/* right column css */

.right-area.style-1 .right-column-start .archive-link ul li a:hover,
.right-area.style-5 .right-column-start .archive-link ul li a:hover {
    color: #276309;
}

.right-area.style-2 .right-column-start .archive-link ul li a:hover,
.center-right-area.style-3 .right-column-start .archive-link ul li a:hover,
.right-area.style-3 .right-column-start .archive-link ul li a:hover {
    color: #5fa800;
}

.center-right-area.style-6 .right-column-start .archive-link ul li a:hover {
    color: #73841b;
}

.right-area.style-7 .right-column-start .archive-link ul li a:hover {
    color: #cd7752;
}

.right-area .b-Reply form a.Reply-link {
    background-color: #5fa800;
    color: #fff;
    width: 100%;
    padding: 8px 15px;
    margin-top: 30px;
    text-align: center;
    font-weight: 500;
    border: 2px solid #5fa800;
}

.right-area .b-Reply form a.Reply-link:hover {
    background-color: transparent;
    color: #000;
    border-color: #5fa800;
}


/* left-right-full grid blog css */

.full-blog-style-2,
.left-style-2-blog,
.right-style-2-blog {
    display: flex;
    flex-wrap: wrap;
    margin-left: -30px;
    margin-top: -30px;
}

.full-blog-style-2 .blog-start,
.left-style-2-blog .blog-start,
.right-style-2-blog .blog-start {
    width: calc(33.33% - 30px);
    margin-left: 30px;
    margin-top: 30px;
}

.full-blog-style-2 .blog-start .blog-image a,
.left-style-2-blog .blog-start .blog-image a,
.right-style-2-blog .blog-start .blog-image a {
    display: block;
}

.full-blog-style-2 .blog-start .blog-image a img,
.left-style-2-blog .blog-start .blog-image a img,
.right-style-2-blog .blog-start .blog-image a img {
    backface-visibility: hidden;
}

.full-blog-style-2 .blog-start .blog-content,
.left-style-2-blog .blog-start .blog-content,
.right-style-2-blog .blog-start .blog-content {
    padding-top: 30px;
}

.full-blog-style-2 .blog-start .blog-content .blog-date-comment,
.left-style-2-blog .blog-start .blog-content .blog-date-comment,
.right-style-2-blog .blog-start .blog-content .blog-date-comment {
    display: flex;
    justify-content: space-between;
}

.right-style-2 .blog-start .blog-content .blog-date-comment span.blog-date,
.right-style-2 .blog-start .blog-content .blog-date-comment a,
.left-style-2-blog .blog-start .blog-content .blog-date-comment span.blog-date,
.right-style-2-blog .blog-start .blog-content .blog-date-comment a {
    display: flex;
    align-items: center;
    line-height: 1;
}

.right-style-2 .blog-start .blog-content .blog-date-comment span.blog-date i,
.right-style-2 .blog-start .blog-content .blog-date-comment a i,
.left-style-2-blog .blog-start .blog-content .blog-date-comment span.blog-date i,
.right-style-2-blog .blog-start .blog-content .blog-date-comment a i {
    margin-right: 5px;
}

.full-blog-style-2 .blog-start .blog-content .blog-date-comment span.blog-date {
    display: flex;
    align-items: center;
    line-height: 1;
}

.full-blog-style-2 .blog-start .blog-content .blog-date-comment span.blog-date i {
    margin-right: 5px;
}

.full-blog-style-2 .blog-start .blog-content .blog-date-comment a,
.left-style-2-blog .blog-start .blog-content .blog-date-comment a,
.right-style-2-blog .blog-start .blog-content .blog-date-comment a {
    display: flex;
    align-items: center;
    line-height: 1;
}

.full-blog-style-2 .blog-start .blog-content .blog-date-comment a:hover,
.left-style-2-blog .blog-start .blog-content .blog-date-comment a:hover,
.right-style-2-blog .blog-start .blog-content .blog-date-comment a:hover {
    color: #5fa800;
}

.left-style-2-blog .blog-start .blog-content .blog-date-comment span.blog-date i,
.full-blog-style-2 .blog-start .blog-content .blog-date-comment a i,
.left-style-2-blog .blog-start .blog-content .blog-date-comment a i {
    margin-right: 5px;
}

.full-blog-style-2 .blog-start .blog-content .blog-title h6,
.left-style-2-blog .blog-start .blog-content .blog-title h6,
.right-style-2-blog .blog-start .blog-content .blog-title h6 {
    font-size: 16px;
    margin-top: 20px;
    padding-top: 13px;
    border-top: 1px solid #ededed;
}

.full-blog-style-2 .blog-start .blog-content .blog-title h6 a,
.left-style-2-blog .blog-start .blog-content .blog-title h6 a,
.right-style-2-blog .blog-start .blog-content .blog-title h6 a {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.full-blog-style-2 .blog-start .blog-content .blog-title h6 a:hover,
.left-style-2-blog .blog-start .blog-content .blog-title h6 a:hover,
.right-style-2-blog .blog-start .blog-content .blog-title h6 a:hover {
    color: #5fa800;
}

.full-blog-style-2 .blog-start .blog-content p.blog-description,
.left-style-2-blog .blog-start .blog-content p.blog-description,
.right-style-2-blog .blog-start .blog-content p.blog-description {
    margin-top: 16px;
}

.full-blog-style-2 .blog-start .blog-content .more-blog,
.left-style-2-blog .blog-start .blog-content .more-blog,
.right-style-2-blog .blog-start .blog-content .more-blog {
    margin-top: 17px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.full-blog-style-2 .blog-start .blog-content .more-blog a.read-link,
.left-style-2-blog .blog-start .blog-content .more-blog a.read-link,
.right-style-2-blog .blog-start .blog-content .more-blog a.read-link {
    color: #5fa800;
    font-size: 14px;
    font-weight: 600;
}

.full-blog-style-2 .blog-start .blog-content .more-blog a.read-link i,
.left-style-2-blog .blog-start .blog-content .more-blog a.read-link i,
.right-style-2-blog .blog-start .blog-content .more-blog a.read-link i {
    font-size: 12px;
}

.full-blog-style-2 .blog-start .blog-content .more-blog a.read-link i,
.full-blog-style-2 .blog-start .blog-content .more-blog a.read-link:hover i,
.left-style-2-blog .blog-start .blog-content .more-blog a.read-link i,
.left-style-2-blog .blog-start .blog-content .more-blog a.read-link:hover i,
.right-style-2-blog .blog-start .blog-content .more-blog a.read-link i,
.right-style-2-blog .blog-start .blog-content .more-blog a.read-link:hover i {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.full-blog-style-2 .blog-start .blog-content .more-blog a.read-link:hover i,
.left-style-2-blog .blog-start .blog-content .more-blog a.read-link:hover i,
.right-style-2-blog .blog-start .blog-content .more-blog a.read-link:hover i {
    margin-left: 8px;
}

.full-blog-style-2 .blog-start .blog-content .more-blog span.blog-admin span.blog-editor,
.left-style-2-blog .blog-start .blog-content .more-blog span.blog-admin span.blog-editor,
.right-style-2-blog .blog-start .blog-content .more-blog span.blog-admin span.blog-editor {
    font-weight: 600;
}


/* left-right-full list blog css */

.full-blog-list-style-2 .blog-start {
    width: 100%;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.left-blog-list-style-2 .blog-start {
    width: 100%;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.right-blog-list-style-2 .blog-start {
    width: 100%;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.full-blog-list-style-2 .blog-start .blog-image,
.left-blog-list-style-2 .blog-start .blog-image,
.right-blog-list-style-2 .blog-start .blog-image {
    width: 50%;
}

.full-blog-list-style-2 .blog-start .blog-image a,
.left-blog-list-style-2 .blog-start .blog-image a,
.right-blog-list-style-2 .blog-start .blog-image a {
    display: block;
}

.full-blog-list-style-2 .blog-start .blog-image a img,
.left-blog-list-style-2 .blog-start .blog-image a img,
.right-blog-list-style-2 .blog-start .blog-image a img {
    backface-visibility: hidden;
}

.full-blog-list-style-2 .blog-start .blog-content,
.left-blog-list-style-2 .blog-start .blog-content,
.right-blog-list-style-2 .blog-start .blog-content {
    width: calc(50% - 30px);
    margin-left: 30px;
}

.full-blog-list-style-2 .blog-start .blog-content .blog-date-comment,
.left-blog-list-style-2 .blog-start .blog-content .blog-date-comment,
.right-blog-list-style-2 .blog-start .blog-content .blog-date-comment {
    display: flex;
    justify-content: space-between;
}

.full-blog-list-style-2 .blog-start .blog-content .blog-date-comment a,
.left-blog-list-style-2 .blog-start .blog-content .blog-date-comment a,
.right-blog-list-style-2 .blog-start .blog-content .blog-date-comment a,
.full-blog-list-style-2 .blog-start .blog-content .blog-date-comment span.blog-date,
.left-blog-list-style-2 .blog-start .blog-content .blog-date-comment span.blog-date,
.right-blog-list-style-2 .blog-start .blog-content .blog-date-comment span.blog-date {
    display: flex;
    align-items: center;
    line-height: 1;
}

.full-blog-list-style-2 .blog-start .blog-content .blog-date-comment a:hover,
.left-blog-list-style-2 .blog-start .blog-content .blog-date-comment a:hover,
.right-blog-list-style-2 .blog-start .blog-content .blog-date-comment a:hover {
    color: #5fa800;
}

.full-blog-list-style-2 .blog-start .blog-content .blog-date-comment a i,
.left-blog-list-style-2 .blog-start .blog-content .blog-date-comment a i,
.right-blog-list-style-2 .blog-start .blog-content .blog-date-comment a i,
.full-blog-list-style-2 .blog-start .blog-content .blog-date-comment span.blog-date i,
.left-blog-list-style-2 .blog-start .blog-content .blog-date-comment span.blog-date i,
.right-blog-list-style-2 .blog-start .blog-content .blog-date-comment span.blog-date i {
    margin-right: 5px;
}

.full-blog-list-style-2 .blog-start .blog-content .blog-title h6,
.left-blog-list-style-2 .blog-start .blog-content .blog-title h6,
.right-blog-list-style-2 .blog-start .blog-content .blog-title h6 {
    font-size: 16px;
    margin-top: 30px;
    padding-top: 23px;
    border-top: 1px solid #ededed;
}

.full-blog-list-style-2 .blog-start .blog-content .blog-title h6 a,
.left-blog-list-style-2 .blog-start .blog-content .blog-title h6 a,
.right-blog-list-style-2 .blog-start .blog-content .blog-title h6 a {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.full-blog-list-style-2 .blog-start .blog-content .blog-title h6 a:hover,
.left-blog-list-style-2 .blog-start .blog-content .blog-title h6 a:hover,
.right-blog-list-style-2 .blog-start .blog-content .blog-title h6 a:hover {
    color: #5fa800;
}

.full-blog-list-style-2 .blog-start .blog-content p.blog-description,
.left-blog-list-style-2 .blog-start .blog-content p.blog-description,
.right-blog-list-style-2 .blog-start .blog-content p.blog-description {
    margin-top: 16px;
}

.full-blog-list-style-2 .blog-start .blog-content .more-blog,
.left-blog-list-style-2 .blog-start .blog-content .more-blog,
.right-blog-list-style-2 .blog-start .blog-content .more-blog {
    margin-top: 17px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.full-blog-list-style-2 .blog-start .blog-content .more-blog a.read-link,
.left-blog-list-style-2 .blog-start .blog-content .more-blog a.read-link,
.right-blog-list-style-2 .blog-start .blog-content .more-blog a.read-link {
    color: #5fa800;
    font-size: 14px;
    font-weight: 600;
}

.full-blog-list-style-2 .blog-start .blog-content .more-blog a.read-link i,
.left-blog-list-style-2 .blog-start .blog-content .more-blog a.read-link i,
.right-blog-list-style-2 .blog-start .blog-content .more-blog a.read-link i {
    font-size: 12px;
}

.full-blog-list-style-2 .blog-start .blog-content .more-blog a.read-link i,
.full-blog-list-style-2 .blog-start .blog-content .more-blog a.read-link:hover i,
.left-blog-list-style-2 .blog-start .blog-content .more-blog a.read-link i,
.left-blog-list-style-2 .blog-start .blog-content .more-blog a.read-link:hover i,
.right-blog-list-style-2 .blog-start .blog-content .more-blog a.read-link i,
.right-blog-list-style-2 .blog-start .blog-content .more-blog a.read-link:hover i {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.full-blog-list-style-2 .blog-start .blog-content .more-blog a.read-link:hover i,
.left-blog-list-style-2 .blog-start .blog-content .more-blog a.read-link:hover i,
.right-blog-list-style-2 .blog-start .blog-content .more-blog a.read-link:hover i {
    margin-left: 8px;
}

.full-blog-list-style-2 .blog-start .blog-content .more-blog span.blog-admin span.blog-editor,
.left-blog-list-style-2 .blog-start .blog-content .more-blog span.blog-admin span.blog-editor,
.right-blog-list-style-2 .blog-start .blog-content .more-blog span.blog-admin span.blog-editor {
    font-weight: 600;
}


/* left-right-full details blog css */

.style-2-full-blog-area .single-image {
    margin-bottom: 33px;
}

.style-2-right-blog-details .single-blog-content,
.style-2-left-blog-details .single-blog-content {
    margin-top: 33px;
}

.style-2-full-blog-area .single-blog-content .single-b-title h4,
.style-2-right-blog-details .single-blog-content .single-b-title h4,
.style-2-left-blog-details .single-blog-content .single-b-title h4 {
    font-size: 16px;
}

.style-2-full-blog-area .single-blog-content .date-edit-comments,
.style-2-right-blog-details .single-blog-content .date-edit-comments,
.style-2-left-blog-details .single-blog-content .date-edit-comments {
    margin-top: 23px;
}

.style-2-full-blog-area .single-blog-content .date-edit-comments .blog-info-wrap,
.style-2-right-blog-details .single-blog-content .date-edit-comments .blog-info-wrap,
.style-2-left-blog-details .single-blog-content .date-edit-comments .blog-info-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: -15px 0px 0px -30px;
}

.style-2-full-blog-area .single-blog-content .date-edit-comments .blog-info-wrap span.blog-data,
.style-2-right-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-data,
.style-2-left-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-data {
    margin: 15px 0px 0px 30px;
}

.style-2-full-blog-area .single-blog-content .date-edit-comments .blog-info-wrap span.date,
.style-2-right-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.date,
.style-2-left-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.date {
    margin-right: 30px;
    display: flex;
    align-items: center;
    line-height: 1;
}

.style-2-full-blog-area .single-blog-content .date-edit-comments .blog-info-wrap span.date span.blog-d-n-c,
.style-2-right-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.date span.blog-d-n-c,
.style-2-left-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.date span.blog-d-n-c {
    margin-left: 5px;
}

.style-2-full-blog-area .single-blog-content .date-edit-comments .blog-info-wrap span.blog-edit,
.style-2-right-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-edit,
.style-2-left-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-edit {
    margin-right: 30px;
    display: flex;
    align-items: center;
    line-height: 1;
}

.style-2-full-blog-area .single-blog-content .date-edit-comments .blog-info-wrap span.blog-edit span.blog-d-n-c,
.style-2-right-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-edit span.blog-d-n-c,
.style-2-left-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-edit span.blog-d-n-c {
    margin-left: 5px;
}

.style-2-full-blog-area .single-blog-content .date-edit-comments .blog-info-wrap span.comments,
.style-2-right-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.comments,
.style-2-left-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.comments {
    display: flex;
    align-items: center;
    line-height: 1;
}

.style-2-full-blog-area .single-blog-content .date-edit-comments .blog-info-wrap span.comments span.blog-d-n-c,
.style-2-right-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.comments span.blog-d-n-c,
.style-2-left-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.comments span.blog-d-n-c {
    margin-left: 5px;
}

.style-2-full-blog-area .single-blog-content .blog-description,
.style-2-right-blog-details .single-blog-content .blog-description,
.style-2-left-blog-details .single-blog-content .blog-description {
    margin-top: 23px;
}

.style-2-full-blog-area .single-blog-content .blog-description p,
.style-2-right-blog-details .single-blog-content .blog-description p,
.style-2-left-blog-details .single-blog-content .blog-description p {
    margin-top: 1px;
}

.style-2-full-blog-area .single-blog-content .blog-description .blog-image-description,
.style-2-right-blog-details .single-blog-content .blog-description .blog-image-description,
.style-2-left-blog-details .single-blog-content .blog-description .blog-image-description {
    margin-top: 22px;
}

.style-2-full-blog-area .single-blog-content .blog-description .blog-image-description img,
.style-2-right-blog-details .single-blog-content .blog-description .blog-image-description img,
.style-2-left-blog-details .single-blog-content .blog-description .blog-image-description img {
    float: left;
    margin-right: 30px;
}

.style-2-full-blog-area .single-blog-content .blog-description .blog-image-description p.bold-description,
.style-2-right-blog-details .single-blog-content .blog-description .blog-image-description p.bold-description,
.style-2-left-blog-details .single-blog-content .blog-description .blog-image-description p.bold-description {
    font-size: 15px;
    font-weight: 600;
}

.style-2-full-blog-area .single-blog-content .blog-description p.color-description,
.style-2-right-blog-details .single-blog-content .blog-description p.color-description,
.style-2-left-blog-details .single-blog-content .blog-description p.color-description {
    background-color: #f7f7f7;
    font-size: 16px;
    color: #5fa800;
    margin: 22px 0px;
    padding: 30px;
    border-left: 1px solid #eee;
}

.style-2-full-blog-area .single-blog-content .blog-info,
.style-2-right-blog-details .single-blog-content .blog-info,
.style-2-left-blog-details .single-blog-content .blog-info {
    padding: 30px;
    margin-top: 22px;
    background-color: #f7f7f7;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.style-2-full-blog-area .single-blog-content .blog-info i.fa-quote-left,
.style-2-right-blog-details .single-blog-content .blog-info i.fa-quote-left,
.style-2-left-blog-details .single-blog-content .blog-info i.fa-quote-left {
    font-size: 30px;
    color: #5fa800;
}

.style-2-full-blog-area .single-blog-content .blog-info h6,
.style-2-right-blog-details .single-blog-content .blog-info h6,
.style-2-left-blog-details .single-blog-content .blog-info h6 {
    color: #5fa800;
    font-size: 16px;
    font-weight: 600;
    margin-top: 9px;
}

.style-2-full-blog-area .single-blog-content .b-link,
.style-2-right-blog-details .single-blog-content .b-link,
.style-2-left-blog-details .single-blog-content .b-link {
    margin-top: 30px;
}

.style-2-full-blog-area .single-blog-content .b-link a,
.style-2-right-blog-details .single-blog-content .b-link a,
.style-2-left-blog-details .single-blog-content .b-link a {
    background-color: #5fa800;
    padding: 5px 10px;
    color: #fff;
    border-radius: 4px;
}

.style-2-full-blog-area .single-blog-content .b-link a:hover,
.style-2-right-blog-details .single-blog-content .b-link a:hover,
.style-2-left-blog-details .single-blog-content .b-link a:hover {
    background-color: #000;
    color: #fff;
}

.style-2-full-blog-area .single-blog-content .blog-social,
.style-2-right-blog-details .single-blog-content .blog-social,
.style-2-left-blog-details .single-blog-content .blog-social {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.style-2-full-blog-area .single-blog-content .blog-social a.facebook,
.style-2-full-blog-area .single-blog-content .blog-social a.twitter,
.style-2-full-blog-area .single-blog-content .blog-social a.insta,
.style-2-full-blog-area .single-blog-content .blog-social a.pinterest,
.style-2-right-blog-details .single-blog-content .blog-social a.facebook,
.style-2-right-blog-details .single-blog-content .blog-social a.twitter,
.style-2-right-blog-details .single-blog-content .blog-social a.insta,
.style-2-right-blog-details .single-blog-content .blog-social a.pinterest,
.style-2-left-blog-details .single-blog-content .blog-social a.facebook,
.style-2-left-blog-details .single-blog-content .blog-social a.twitter,
.style-2-left-blog-details .single-blog-content .blog-social a.insta,
.style-2-left-blog-details .single-blog-content .blog-social a.pinterest {
    width: 30px;
    height: 30px;
    margin-right: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
}

.style-2-full-blog-area .single-blog-content .blog-social a.facebook,
.style-2-right-blog-details .single-blog-content .blog-social a.facebook,
.style-2-left-blog-details .single-blog-content .blog-social a.facebook {
    background-color: #3b5999;
    color: #fff;
}

.style-2-full-blog-area .single-blog-content .blog-social a.twitter,
.style-2-right-blog-details .single-blog-content .blog-social a.twitter,
.style-2-left-blog-details .single-blog-content .blog-social a.twitter {
    background-color: #55acee;
    color: #fff;
}

.style-2-full-blog-area .single-blog-content .blog-social a.insta,
.style-2-right-blog-details .single-blog-content .blog-social a.insta,
.style-2-left-blog-details .single-blog-content .blog-social a.insta {
    background-color: #dd4b39;
    color: #fff;
}

.style-2-full-blog-area .single-blog-content .blog-social a.pinterest,
.style-2-right-blog-details .single-blog-content .blog-social a.pinterest,
.style-2-left-blog-details .single-blog-content .blog-social a.pinterest {
    background-color: #bd081c;
    color: #fff;
}

.style-2-full-blog-area .single-blog-content .blog-social a:hover,
.style-2-right-blog-details .single-blog-content .blog-social a:hover,
.style-2-left-blog-details .single-blog-content .blog-social a:hover {
    background-color: #5fa800;
}

.style-2-full-blog-area .single-blog-content .blog-comments,
.style-2-right-blog-details .single-blog-content .blog-comments,
.style-2-left-blog-details .single-blog-content .blog-comments {
    margin-top: 23px;
}

.style-2-full-blog-area .single-blog-content .blog-comments h4,
.style-2-right-blog-details .single-blog-content .blog-comments h4,
.style-2-left-blog-details .single-blog-content .blog-comments h4 {
    font-size: 18px;
}

.style-2-full-blog-area .single-blog-content .blog-comments h4 span,
.style-2-right-blog-details .single-blog-content .blog-comments h4 span,
.style-2-left-blog-details .single-blog-content .blog-comments h4 span {
    color: #5fa800;
}

.style-2-full-blog-area .single-blog-content .blog-comments .blog-comment-info,
.style-2-right-blog-details .single-blog-content .blog-comments .blog-comment-info,
.style-2-left-blog-details .single-blog-content .blog-comments .blog-comment-info {
    margin-top: 23px;
    padding-top: 30px;
    border-top: 1px solid #eee;
}

.style-2-full-blog-area .single-blog-content .blog-comments .blog-comment-info ul.comments-arae,
.style-2-right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae,
.style-2-left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae {
    margin-top: 24px;
    display: flex;
}

.style-2-full-blog-area .single-blog-content .blog-comments .blog-comment-info ul.comments-arae:first-of-type,
.style-2-right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae:first-of-type,
.style-2-left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae:first-of-type {
    margin-top: 0px;
}

.style-2-full-blog-area .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.comment-reply,
.style-2-right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.comment-reply,
.style-2-left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.comment-reply {
    padding-left: 50px;
}

.style-2-full-blog-area .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.all-reply,
.style-2-right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.all-reply,
.style-2-left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.all-reply {
    margin-top: 24px;
    padding-top: 30px;
    border-top: 1px solid #eee;
}

.style-2-full-blog-area .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-man,
.style-2-right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-man,
.style-2-left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-man {
    width: 45px;
    height: 45px;
    background-color: #5fa800;
    color: #fff;
    margin-right: 15px;
    font-size: 15px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    font-weight: 600;
}

.style-2-full-blog-area .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content,
.style-2-right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content,
.style-2-left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content {
    width: calc(100% - 45px);
}

.style-2-full-blog-area .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result,
.style-2-right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result,
.style-2-left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result {
    display: block;
}

.style-2-full-blog-area .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name,
.style-2-right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name,
.style-2-left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name {
    margin-top: 5px;
    margin-bottom: 5px;
}

.style-2-full-blog-area .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name i,
.style-2-right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name i,
.style-2-left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name i {
    font-style: normal;
}

.style-2-full-blog-area .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date,
.style-2-right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date,
.style-2-left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date {
    font-weight: 600;
}

.style-2-full-blog-area .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date a.Reply,
.style-2-right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date a.Reply,
.style-2-left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date a.Reply {
    color: #5fa800;
    margin-left: 30px;
    font-weight: 500;
}

.style-2-full-blog-area .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span span.comments-title,
.style-2-right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span span.comments-title,
.style-2-left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span span.comments-title {
    font-weight: 600;
    color: #5fa800;
}

.style-2-full-blog-area .single-blog-content .comments-form,
.style-2-right-blog-details .single-blog-content .comments-form,
.style-2-left-blog-details .single-blog-content .comments-form {
    margin-top: 24px;
    padding-top: 23px;
    border-top: 1px solid #eee;
}

.style-2-full-blog-area .single-blog-content .comments-form h4,
.style-2-right-blog-details .single-blog-content .comments-form h4,
.style-2-left-blog-details .single-blog-content .comments-form h4 {
    font-size: 18px;
}

.style-2-full-blog-area .single-blog-content .comments-form form,
.style-2-right-blog-details .single-blog-content .comments-form form,
.style-2-left-blog-details .single-blog-content .comments-form form {
    margin-top: 18px;
}

.style-2-full-blog-area .single-blog-content .comments-form form label,
.style-2-right-blog-details .single-blog-content .comments-form form label,
.style-2-left-blog-details .single-blog-content .comments-form form label {
    margin-top: 15px;
}

.style-2-full-blog-area .single-blog-content .comments-form form label:first-child,
.style-2-right-blog-details .single-blog-content .comments-form form label:first-child,
.style-2-left-blog-details .single-blog-content .comments-form form label:first-child {
    margin-top: 0px;
}

.style-2-full-blog-area .single-blog-content .comments-form form input,
.style-2-right-blog-details .single-blog-content .comments-form form input,
.style-2-left-blog-details .single-blog-content .comments-form form input {
    width: 100%;
    padding: 10px 15px;
    margin-top: 10px;
    border: 1px solid #eee;
    border-radius: 3px;
}

.style-2-full-blog-area .single-blog-content .comments-form form input:focus,
.style-2-right-blog-details .single-blog-content .comments-form form input:focus,
.style-2-left-blog-details .single-blog-content .comments-form form input:focus {
    border-color: #5fa800;
}

.style-2-full-blog-area .single-blog-content .comments-form form textarea,
.style-2-right-blog-details .single-blog-content .comments-form form textarea,
.style-2-left-blog-details .single-blog-content .comments-form form textarea {
    width: 100%;
    min-height: 100px;
    padding: 10px 15px;
    margin-top: 10px;
    border: 1px solid #eee;
    border-radius: 3px;
    resize: unset;
}

.style-2-full-blog-area .single-blog-content .comments-form form textarea:focus,
.style-2-right-blog-details .single-blog-content .comments-form form textarea:focus,
.style-2-left-blog-details .single-blog-content .comments-form form textarea:focus {
    border-color: #5fa800;
}

.style-2-full-blog-area .single-blog-content .comments-form a.btn-style1,
.style-2-right-blog-details .single-blog-content .comments-form a.btn-style1,
.style-2-left-blog-details .single-blog-content .comments-form a.btn-style1 {
    margin-top: 24px;
    background-color: #5fa800;
    border-color: #5fa800;
}

.style-2-full-blog-area .single-blog-content .comments-form a.btn-style1:hover,
.style-2-right-blog-details .single-blog-content .comments-form a.btn-style1:hover,
.style-2-left-blog-details .single-blog-content .comments-form a.btn-style1:hover {
    background-color: transparent;
    color: #000;
    border-color: #5fa800;
}


/* center blog css */

.cetner-blog-style-2 {
    display: flex;
    flex-wrap: wrap;
}

.cetner-blog-style-2 .blog-start {
    width: 100%;
    margin-top: 30px;
}

.cetner-blog-style-2 .blog-start:nth-child(1) {
    margin-top: 0px;
}

.cetner-blog-style-2 .blog-start .blog-image a {
    display: block;
}

.cetner-blog-style-2 .blog-start .blog-content {
    padding-top: 30px;
}

.cetner-blog-style-2 .blog-start .blog-content .blog-date-comment {
    display: flex;
    justify-content: space-between;
}

.cetner-blog-style-2 .blog-start .blog-content .blog-date-comment span.blog-date,
.cetner-blog-style-2 .blog-start .blog-content .blog-date-comment a {
    display: flex;
    align-items: center;
    line-height: 1;
}

.cetner-blog-style-2 .blog-start .blog-content .blog-date-comment span.blog-date i,
.cetner-blog-style-2 .blog-start .blog-content .blog-date-comment a i {
    margin-right: 5px;
}

.cetner-blog-style-2 .blog-start .blog-content .blog-title h6 {
    font-size: 16px;
    margin-top: 20px;
    padding-top: 13px;
    border-top: 1px solid #ededed;
}

.cetner-blog-style-2 .blog-start .blog-content .blog-title h6 a {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.cetner-blog-style-2 .blog-start .blog-content .blog-title h6 a:hover {
    color: #5fa800;
}

.cetner-blog-style-2 .blog-start .blog-content p.blog-description {
    margin-top: 16px;
}

.cetner-blog-style-2 .blog-start .blog-content .more-blog {
    margin-top: 17px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cetner-blog-style-2 .blog-start .blog-content .more-blog a.read-link {
    color: #5fa800;
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.cetner-blog-style-2 .blog-start .blog-content .more-blog a.read-link i {
    font-size: 12px;
    padding-left: 5px;
}

.cetner-blog-style-2 .blog-start .blog-content .more-blog a.read-link i,
.cetner-blog-style-2 .blog-start .blog-content .more-blog a.read-link:hover i {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.cetner-blog-style-2 .blog-start .blog-content .more-blog a.read-link:hover i {
    margin-left: 8px;
}

.cetner-blog-style-2 .blog-start .blog-content .more-blog span.blog-admin span.blog-editor {
    font-weight: 600;
}


/* blog style-3 section title */

.section-title3 h2 {
    font-size: 20px;
    text-align: center;
    margin-bottom: 20px;
    font-weight: bold;
}

.section-title3 h2 span {
    position: relative;
}

.section-title3 h2 span::before,
.section-title3 h2 span::after {
    background-color: #5fa800;
    content: "";
    position: absolute;
    bottom: 50%;
    width: 10px;
    height: 2px;
}

.section-title3 h2 span::before {
    left: -25px;
}

.section-title3 h2 span::after {
    right: -25px;
}


/* style-3 blog css */

.full-blog-style-3,
.blog-style-3-left-grid,
.blog-style-3-right-grid {
    display: flex;
    flex-wrap: wrap;
    margin-left: -30px;
    margin-top: -30px;
}

.full-blog-style-3 .blog-start,
.blog-style-3-left-grid .blog-start,
.blog-style-3-right-grid .blog-start {
    width: calc(33.33% - 30px);
    margin-left: 30px;
    margin-top: 30px;
}

.full-blog-style-3 .blog-start .blog-image,
.blog-style-3-left-grid .blog-start .blog-image,
.blog-style-3-right-grid .blog-start .blog-image {
    display: flex;
}

.full-blog-style-3 .blog-start .blog-image a::after,
.blog-style-3-left-grid .blog-start .blog-image a::after,
.blog-style-3-right-grid .blog-start .blog-image a::after {
    background-color: rgba(0, 0, 0, 0.5);
    content: "";
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    opacity: 0;
    -webkit-transition: all 0.6s ease-in-out 0s;
    -o-transition: all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s;
}

.full-blog-style-3 .blog-start:hover .blog-image a::after,
.blog-style-3-left-grid .blog-start:hover .blog-image a::after,
.blog-style-3-right-grid .blog-start:hover .blog-image a::after {
    opacity: 1;
    -webkit-transition: all 0.6s ease-in-out 0s;
    -o-transition: all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s;
}

.full-blog-style-3 .blog-start .blog-image a,
.blog-style-3-left-grid .blog-start .blog-image a,
.blog-style-3-right-grid .blog-start .blog-image a {
    position: relative;
    overflow: hidden;
}

.full-blog-style-3 .blog-start .blog-image a img,
.blog-style-3-left-grid .blog-start .blog-image a img,
.blog-style-3-right-grid .blog-start .blog-image a img {
    backface-visibility: hidden;
}

.full-blog-style-3 .blog-start:hover .blog-image a img,
.blog-style-3-left-grid .blog-start:hover .blog-image a img,
.blog-style-3-right-grid .blog-start:hover .blog-image a img {
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.full-blog-style-3 .blog-start .blog-image a img,
.full-blog-style-3 .blog-start:hover .blog-image a img,
.blog-style-3-left-grid .blog-start .blog-image a img,
.blog-style-3-left-grid .blog-start:hover .blog-image a img,
.blog-style-3-right-grid .blog-start .blog-image a img,
.blog-style-3-right-grid .blog-start:hover .blog-image a img {
    -webkit-transition: all 0.6s ease-in-out 0s;
    -o-transition: all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s;
}

.full-blog-style-3 .blog-start .blog-content,
.blog-style-3-left-grid .blog-start .blog-content,
.blog-style-3-right-grid .blog-start .blog-content {
    padding-top: 30px;
}

.full-blog-style-3 .blog-start .blog-content .blog-date-comment,
.blog-style-3-left-grid .blog-start .blog-content .blog-date-comment,
.blog-style-3-right-grid .blog-start .blog-content .blog-date-comment {
    display: flex;
    justify-content: space-between;
}

.full-blog-style-3 .blog-start .blog-content .blog-date-comment a,
.blog-style-3-left-grid .blog-start .blog-content .blog-date-comment a,
.blog-style-3-right-grid .blog-start .blog-content .blog-date-comment a,
.full-blog-style-3 .blog-start .blog-content .blog-date-comment span.blog-date,
.blog-style-3-left-grid .blog-start .blog-content .blog-date-comment span.blog-date,
.blog-style-3-right-grid .blog-start .blog-content .blog-date-comment span.blog-date {
    display: flex;
    align-items: center;
    line-height: 1;
}

.full-blog-style-3 .blog-start .blog-content .blog-date-comment a:hover,
.blog-style-3-left-grid .blog-start .blog-content .blog-date-comment a:hover,
.blog-style-3-right-grid .blog-start .blog-content .blog-date-comment a:hover {
    color: #5fa800;
}

.full-blog-style-3 .blog-start .blog-content .blog-date-comment a i,
.blog-style-3-left-grid .blog-start .blog-content .blog-date-comment a i,
.blog-style-3-right-grid .blog-start .blog-content .blog-date-comment a i,
.full-blog-style-3 .blog-start .blog-content .blog-date-comment span.blog-date i,
.blog-style-3-left-grid .blog-start .blog-content .blog-date-comment span.blog-date i,
.blog-style-3-right-grid .blog-start .blog-content .blog-date-comment span.blog-date i {
    margin-right: 5px;
}

.full-blog-style-3 .blog-start .blog-content .blog-title h6,
.blog-style-3-left-grid .blog-start .blog-content .blog-title h6,
.blog-style-3-right-grid .blog-start .blog-content .blog-title h6 {
    font-size: 16px;
    margin-top: 20px;
    padding-top: 13px;
    border-top: 1px solid #ededed;
}

.full-blog-style-3 .blog-start .blog-content .blog-title h6 a,
.blog-style-3-left-grid .blog-start .blog-content .blog-title h6 a,
.blog-style-3-right-grid .blog-start .blog-content .blog-title h6 a {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.full-blog-style-3 .blog-start .blog-content .blog-title h6 a:hover,
.blog-style-3-left-grid .blog-start .blog-content .blog-title h6 a:hover,
.blog-style-3-right-grid .blog-start .blog-content .blog-title h6 a:hover {
    color: #5fa800;
}

.full-blog-style-3 .blog-start .blog-content p.blog-description,
.blog-style-3-left-grid .blog-start .blog-content p.blog-description,
.blog-style-3-right-grid .blog-start .blog-content p.blog-description {
    color: #999;
    margin-top: 16px;
    font-size: 14px;
}

.full-blog-style-3 .blog-start .blog-content .more-blog,
.blog-style-3-left-grid .blog-start .blog-content .more-blog,
.blog-style-3-right-grid .blog-start .blog-content .more-blog {
    margin-top: 17px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.full-blog-style-3 .blog-start .blog-content .more-blog a.read-link,
.blog-style-3-left-grid .blog-start .blog-content .more-blog a.read-link,
.blog-style-3-right-grid .blog-start .blog-content .more-blog a.read-link {
    color: #5fa800;
    font-size: 14px;
}

.full-blog-style-3 .blog-start .blog-content .more-blog a.read-link i,
.blog-style-3-left-grid .blog-start .blog-content .more-blog a.read-link i,
.blog-style-3-right-grid .blog-start .blog-content .more-blog a.read-link i {
    font-size: 12px;
}

.full-blog-style-3 .blog-start .blog-content .more-blog a.read-link i,
.full-blog-style-3 .blog-start .blog-content .more-blog a.read-link:hover i,
.blog-style-3-left-grid .blog-start .blog-content .more-blog a.read-link i,
.blog-style-3-left-grid .blog-start .blog-content .more-blog a.read-link:hover i,
.blog-style-3-right-grid .blog-start .blog-content .more-blog a.read-link i,
.blog-style-3-right-grid .blog-start .blog-content .more-blog a.read-link:hover i {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.full-blog-style-3 .blog-start .blog-content .more-blog a.read-link:hover i,
.blog-style-3-left-grid .blog-start .blog-content .more-blog a.read-link:hover i,
.blog-style-3-right-grid .blog-start .blog-content .more-blog a.read-link:hover i {
    margin-left: 8px;
}

.full-blog-style-3 .blog-start .blog-content .more-blog span.blog-admin span.blog-editor,
.blog-style-3-left-grid .blog-start .blog-content .more-blog span.blog-admin span.blog-editor,
.blog-style-3-right-grid .blog-start .blog-content .more-blog span.blog-admin span.blog-editor {
    font-weight: 600;
}

.all-page span.page-title {
    color: #333;
    display: block;
    text-align: center;
    margin-top: 30px;
    font-weight: 500;
}


/* full-left-right list blog css */

.full-blog-list-style-3,
.left-blog-list-style-3,
.right-blog-style-3 {
    display: flex;
    flex-wrap: wrap;
}

.full-blog-list-style-3 .blog-start,
.left-blog-list-style-3 .blog-start,
.right-blog-style-3 .blog-start {
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
}

.full-blog-list-style-3 .blog-start .blog-image,
.left-blog-list-style-3 .blog-start .blog-image,
.right-blog-style-3 .blog-start .blog-image {
    display: flex;
    width: 50%;
}

.full-blog-list-style-3 .blog-start .blog-image a::after,
.left-blog-list-style-3 .blog-start .blog-image a::after,
.right-blog-style-3 .blog-start .blog-image a::after {
    background-color: rgba(0, 0, 0, 0.5);
    content: "";
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    opacity: 0;
    -webkit-transition: all 0.6s ease-in-out 0s;
    -o-transition: all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s;
}

.full-blog-list-style-3 .blog-start:hover .blog-image a::after,
.left-blog-list-style-3 .blog-start:hover .blog-image a::after,
.right-blog-style-3 .blog-start:hover .blog-image a::after {
    opacity: 1;
    -webkit-transition: all 0.6s ease-in-out 0s;
    -o-transition: all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s;
}

.full-blog-list-style-3 .blog-start .blog-image a,
.left-blog-list-style-3 .blog-start .blog-image a,
.right-blog-style-3 .blog-start .blog-image a {
    position: relative;
    overflow: hidden;
}

.full-blog-list-style-3 .blog-start .blog-image a img,
.left-blog-list-style-3 .blog-start .blog-image a img,
.right-blog-style-3 .blog-start .blog-image a img {
    backface-visibility: hidden;
}

.full-blog-list-style-3 .blog-start:hover .blog-image a img,
.left-blog-list-style-3 .blog-start:hover .blog-image a img,
.right-blog-style-3 .blog-start:hover .blog-image a img {
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.full-blog-list-style-3 .blog-start .blog-image a img,
.full-blog-list-style-3 .blog-start:hover .blog-image a img,
.left-blog-list-style-3 .blog-start .blog-image a img,
.left-blog-list-style-3 .blog-start:hover .blog-image a img,
.right-blog-style-3 .blog-start .blog-image a img,
.right-blog-style-3 .blog-start:hover .blog-image a img {
    -webkit-transition: all 0.6s ease-in-out 0s;
    -o-transition: all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s;
}

.full-blog-list-style-3 .blog-start .blog-content,
.left-blog-list-style-3 .blog-start .blog-content,
.right-blog-style-3 .blog-start .blog-content {
    width: calc(50% - 30px);
    margin-left: 30px;
}

.full-blog-list-style-3 .blog-start .blog-content .blog-date-comment,
.left-blog-list-style-3 .blog-start .blog-content .blog-date-comment,
.right-blog-style-3 .blog-start .blog-content .blog-date-comment {
    display: flex;
    justify-content: space-between;
}

.full-blog-list-style-3 .blog-start .blog-content .blog-date-comment a,
.left-blog-list-style-3 .blog-start .blog-content .blog-date-comment a,
.right-blog-style-3 .blog-start .blog-content .blog-date-comment a,
.full-blog-list-style-3 .blog-start .blog-content .blog-date-comment span.blog-date,
.left-blog-list-style-3 .blog-start .blog-content .blog-date-comment span.blog-date,
.right-blog-style-3 .blog-start .blog-content .blog-date-comment span.blog-date {
    display: flex;
    align-items: center;
    line-height: 1;
}

.full-blog-list-style-3 .blog-start .blog-content .blog-date-comment a:hover,
.left-blog-list-style-3 .blog-start .blog-content .blog-date-comment a:hover,
.right-blog-style-3 .blog-start .blog-content .blog-date-comment a:hover {
    color: #5fa800;
}

.full-blog-list-style-3 .blog-start .blog-content .blog-date-comment a i,
.left-blog-list-style-3 .blog-start .blog-content .blog-date-comment a i,
.right-blog-style-3 .blog-start .blog-content .blog-date-comment a i,
.full-blog-list-style-3 .blog-start .blog-content .blog-date-comment span.blog-date i,
.left-blog-list-style-3 .blog-start .blog-content .blog-date-comment span.blog-date i,
.right-blog-style-3 .blog-start .blog-content .blog-date-comment span.blog-date i {
    margin-right: 5px;
}

.full-blog-list-style-3 .blog-start .blog-content .blog-title h6,
.left-blog-list-style-3 .blog-start .blog-content .blog-title h6,
.right-blog-style-3 .blog-start .blog-content .blog-title h6 {
    font-size: 16px;
    margin-top: 30px;
    padding-top: 24px;
    border-top: 1px solid #ededed;
}

.full-blog-list-style-3 .blog-start .blog-content .blog-title h6 a,
.left-blog-list-style-3 .blog-start .blog-content .blog-title h6 a,
.right-blog-style-3 .blog-start .blog-content .blog-title h6 a {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.full-blog-list-style-3 .blog-start .blog-content .blog-title h6 a:hover,
.left-blog-list-style-3 .blog-start .blog-content .blog-title h6 a:hover,
.right-blog-style-3 .blog-start .blog-content .blog-title h6 a:hover {
    color: #5fa800;
}

.full-blog-list-style-3 .blog-start .blog-content p.blog-description,
.left-blog-list-style-3 .blog-start .blog-content p.blog-description,
.right-blog-style-3 .blog-start .blog-content p.blog-description {
    color: #999;
    margin-top: 17px;
    font-size: 14px;
}

.full-blog-list-style-3 .blog-start .blog-content .more-blog,
.left-blog-list-style-3 .blog-start .blog-content .more-blog,
.right-blog-style-3 .blog-start .blog-content .more-blog {
    margin-top: 17px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.full-blog-list-style-3 .blog-start .blog-content .more-blog a.read-link,
.left-blog-list-style-3 .blog-start .blog-content .more-blog a.read-link,
.right-blog-style-3 .blog-start .blog-content .more-blog a.read-link {
    color: #5fa800;
    font-size: 14px;
    display: flex;
    align-items: center;
}

.full-blog-list-style-3 .blog-start .blog-content .more-blog a.read-link i,
.left-blog-list-style-3 .blog-start .blog-content .more-blog a.read-link i,
.right-blog-style-3 .blog-start .blog-content .more-blog a.read-link i {
    font-size: 12px;
    padding-left: 5px;
}

.full-blog-list-style-3 .blog-start .blog-content .more-blog a.read-link i,
.full-blog-list-style-3 .blog-start .blog-content .more-blog a.read-link:hover i,
.left-blog-list-style-3 .blog-start .blog-content .more-blog a.read-link i,
.left-blog-list-style-3 .blog-start .blog-content .more-blog a.read-link:hover i,
.right-blog-style-3 .blog-start .blog-content .more-blog a.read-link i,
.right-blog-style-3 .blog-start .blog-content .more-blog a.read-link:hover i {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.full-blog-list-style-3 .blog-start .blog-content .more-blog a.read-link:hover i,
.left-blog-list-style-3 .blog-start .blog-content .more-blog a.read-link:hover i,
.right-blog-style-3 .blog-start .blog-content .more-blog a.read-link:hover i {
    margin-left: 8px;
}

.full-blog-list-style-3 .blog-start .blog-content .more-blog span.blog-admin span.blog-editor,
.left-blog-list-style-3 .blog-start .blog-content .more-blog span.blog-admin span.blog-editor,
.right-blog-style-3 .blog-start .blog-content .more-blog span.blog-admin span.blog-editor {
    font-weight: 600;
}


/* style 3 full-left-right blog details css */


/* carousel dots css */

.blog-page .full-blog-details .single-image-carousel,
.left-blog-details .single-image-carousel,
.right-blog-details .single-image-carousel {
    position: relative;
}

.blog-page .full-blog-details .single-image-carousel .owl-dots,
.left-blog-details .single-image-carousel .owl-dots,
.right-blog-details .single-image-carousel .owl-dots {
    position: absolute;
    bottom: 10px;
    right: 0px;
    left: 0px;
    margin-top: 0px;
}

.blog-page .full-blog-details .single-image-carousel .owl-dots button.owl-dot span,
.left-blog-details .single-image-carousel .owl-dots button.owl-dot span,
.right-blog-details .single-image-carousel .owl-dots button.owl-dot span {
    background-color: #5fa800;
    width: 7px;
    height: 7px;
}

.blog-page .full-blog-details .single-image-carousel .owl-dots button.owl-dot :hover,
.blog-page .full-blog-details .single-image-carousel .owl-dots button.owl-dot.active span,
.left-blog-details .single-image-carousel .owl-dots button.owl-dot :hover,
.left-blog-details .single-image-carousel .owl-dots button.owl-dot.active span,
.right-blog-details .single-image-carousel .owl-dots button.owl-dot :hover,
.right-blog-details .single-image-carousel .owl-dots button.owl-dot.active span {
    background-color: #000;
}

.full-blog-details .single-image-carousel .items,
.left-blog-details .single-image-carousel .items,
.right-blog-details .single-image-carousel .items {
    display: flex;
}

.full-blog-details .single-image-carousel a::after,
.left-blog-details .single-image-carousel a::after,
.right-blog-details .single-image-carousel a::after {
    background-color: rgba(0, 0, 0, 0.5);
    content: "";
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    opacity: 0;
    -webkit-transition: all 0.6s ease-in-out 0s;
    -o-transition: all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s;
}

.full-blog-details .single-image-carousel:hover a::after,
.left-blog-details .single-image-carousel:hover a::after,
.right-blog-details .single-image-carousel:hover a::after {
    opacity: 1;
    -webkit-transition: all 0.6s ease-in-out 0s;
    -o-transition: all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s;
}

.full-blog-details .single-image-carousel a,
.left-blog-details .single-image-carousel a,
.right-blog-details .single-image-carousel a {
    position: relative;
    overflow: hidden;
}

.full-blog-details .single-image-carousel:hover a img,
.left-blog-details .single-image-carousel:hover a img,
.right-blog-details .single-image-carousel:hover a img {
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.full-blog-details .single-image-carousel a img,
.full-blog-details .single-image-carousel:hover a img,
.left-blog-details .single-image-carousel a img,
.left-blog-details .single-image-carousel:hover a img,
.right-blog-details .single-image-carousel a img,
.right-blog-details .single-image-carousel:hover a img {
    -webkit-transition: all 0.6s ease-in-out 0s;
    -o-transition: all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s;
}

.full-blog-details .single-blog-content,
.left-blog-details .single-blog-content,
.right-blog-details .single-blog-content {
    margin-top: 33px;
}

.full-blog-details .single-blog-content .single-b-title h4,
.left-blog-details .single-blog-content .single-b-title h4,
.right-blog-details .single-blog-content .single-b-title h4 {
    font-size: 16px;
}

.full-blog-details .single-blog-content .date-edit-comments,
.left-blog-details .single-blog-content .date-edit-comments,
.right-blog-details .single-blog-content .date-edit-comments {
    margin-top: 23px;
}

.full-blog-details .single-blog-content .date-edit-comments .blog-info-wrap,
.left-blog-details .single-blog-content .date-edit-comments .blog-info-wrap,
.right-blog-details .single-blog-content .date-edit-comments .blog-info-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: -15px 0px 0px -30px;
}

.full-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-data,
.left-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-data,
.right-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-data {
    margin: 15px 0px 0px 30px;
}

.full-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.date,
.left-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.date,
.right-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.date {
    display: flex;
    align-items: center;
    line-height: 1;
}

.full-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.date span.blog-d-n-c,
.left-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.date span.blog-d-n-c,
.right-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.date span.blog-d-n-c {
    margin-left: 5px;
}

.full-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-edit,
.left-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-edit,
.right-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-edit {
    display: flex;
    align-items: center;
    line-height: 1;
}

.full-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-edit span.blog-d-n-c,
.left-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-edit span.blog-d-n-c,
.right-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-edit span.blog-d-n-c {
    margin-left: 5px;
}

.full-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.comments,
.left-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.comments,
.right-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.comments {
    display: flex;
    align-items: center;
    line-height: 1;
}

.full-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.comments span.blog-d-n-c,
.left-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.comments span.blog-d-n-c,
.right-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.comments span.blog-d-n-c {
    margin-left: 5px;
}

.full-blog-details .single-blog-content .blog-description,
.left-blog-details .single-blog-content .blog-description,
.right-blog-details .single-blog-content .blog-description {
    margin-top: 23px;
}

.full-blog-details .single-blog-content .blog-description p,
.left-blog-details .single-blog-content .blog-description p,
.right-blog-details .single-blog-content .blog-description p {
    margin-top: 1px;
}

.full-blog-details .single-blog-content .blog-description .blog-image-description,
.left-blog-details .single-blog-content .blog-description .blog-image-description,
.right-blog-details .single-blog-content .blog-description .blog-image-description {
    margin-top: 22px;
}

.full-blog-details .single-blog-content .blog-description .blog-image-description img,
.left-blog-details .single-blog-content .blog-description .blog-image-description img,
.right-blog-details .single-blog-content .blog-description .blog-image-description img {
    float: left;
    margin-right: 30px;
}

.full-blog-details .single-blog-content .blog-description .blog-image-description p.bold-description,
.left-blog-details .single-blog-content .blog-description .blog-image-description p.bold-description,
.right-blog-details .single-blog-content .blog-description .blog-image-description p.bold-description {
    font-size: 15px;
    font-weight: 600;
}

.full-blog-details .single-blog-content .blog-description p.color-description,
.left-blog-details .single-blog-content .blog-description p.color-description,
.right-blog-details .single-blog-content .blog-description p.color-description {
    background-color: #f7f7f7;
    font-size: 16px;
    color: #5fa800;
    margin: 22px 0px;
    padding: 30px;
    border-left: 1px solid #eee;
}

.full-blog-details .single-blog-content .blog-info,
.left-blog-details .single-blog-content .blog-info,
.right-blog-details .single-blog-content .blog-info {
    padding: 30px;
    margin-top: 22px;
    background-color: #f7f7f7;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.full-blog-details .single-blog-content .blog-info i.fa-quote-left,
.left-blog-details .single-blog-content .blog-info i.fa-quote-left,
.right-blog-details .single-blog-content .blog-info i.fa-quote-left {
    font-size: 30px;
    color: #5fa800;
}

.full-blog-details .single-blog-content .blog-info h6,
.left-blog-details .single-blog-content .blog-info h6,
.right-blog-details .single-blog-content .blog-info h6 {
    color: #5fa800;
    font-size: 16px;
    margin-top: 9px;
    font-weight: 600;
}

.full-blog-details .single-blog-content .blog-comments h4,
.left-blog-details .single-blog-content .blog-comments h4,
.right-blog-details .single-blog-content .blog-comments h4 {
    font-size: 18px;
}

.full-blog-details .single-blog-content .blog-comments h4 span,
.left-blog-details .single-blog-content .blog-comments h4 span,
.right-blog-details .single-blog-content .blog-comments h4 span {
    color: #5fa800;
}

.full-blog-details .single-blog-content .blog-comments .blog-comment-info,
.left-blog-details .single-blog-content .blog-comments .blog-comment-info,
.right-blog-details .single-blog-content .blog-comments .blog-comment-info {
    margin-top: 22px;
    padding-top: 30px;
    border-top: 1px solid #eee;
}

.full-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae,
.left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae,
.right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae {
    display: flex;
    margin-top: 24px;
}

.full-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.comment-reply,
.left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.comment-reply,
.right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.comment-reply {
    padding-left: 50px;
}

.full-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.all-reply,
.left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.all-reply,
.right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.all-reply {
    margin-top: 24px;
    padding-top: 30px;
    border-top: 1px solid #eee;
}

.full-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae:first-of-type,
.left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae:first-of-type,
.right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae:first-of-type {
    margin-top: 0px;
}

.full-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-man,
.left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-man,
.right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-man {
    width: 45px;
    height: 45px;
    background-color: #5fa800;
    color: #fff;
    margin-right: 15px;
    font-size: 15px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    font-weight: 600;
}

.full-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content,
.left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content,
.right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content {
    width: calc(100% - 45px);
}

.full-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result,
.left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result,
.right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result {
    display: block;
}

.full-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name,
.left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name,
.right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name {
    margin: 5px 0px;
}

.full-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name i,
.left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name i,
.right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name i {
    font-style: normal;
}

.full-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date,
.left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date,
.right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date {
    font-weight: 600;
}

.full-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date a.Reply,
.left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date a.Reply,
.right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date a.Reply {
    margin-left: 30px;
    color: #5fa800;
    font-weight: 500;
}

.full-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span span.comments-title,
.left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span span.comments-title,
.right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span span.comments-title {
    font-weight: 600;
    color: #5fa800;
}

.full-blog-details .single-blog-content .b-link,
.left-blog-details .single-blog-content .b-link,
.right-blog-details .single-blog-content .b-link {
    margin-top: 30px;
}

.full-blog-details .single-blog-content .b-link a,
.left-blog-details .single-blog-content .b-link a,
.right-blog-details .single-blog-content .b-link a {
    background-color: #5fa800;
    padding: 5px 10px;
    color: #fff;
    border-radius: 4px;
}

.full-blog-details .single-blog-content .b-link a:hover,
.left-blog-details .single-blog-content .b-link a:hover,
.right-blog-details .single-blog-content .b-link a:hover {
    background-color: #000;
    color: #fff;
}

.full-blog-details .single-blog-content .blog-social,
.left-blog-details .single-blog-content .blog-social,
.right-blog-details .single-blog-content .blog-social {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.full-blog-details .single-blog-content .blog-social a.facebook,
.full-blog-details .single-blog-content .blog-social a.twitter,
.full-blog-details .single-blog-content .blog-social a.insta,
.full-blog-details .single-blog-content .blog-social a.pinterest,
.left-blog-details .single-blog-content .blog-social a.facebook,
.left-blog-details .single-blog-content .blog-social a.twitter,
.left-blog-details .single-blog-content .blog-social a.insta,
.left-blog-details .single-blog-content .blog-social a.pinterest,
.right-blog-details .single-blog-content .blog-social a.facebook,
.right-blog-details .single-blog-content .blog-social a.twitter,
.right-blog-details .single-blog-content .blog-social a.insta,
.right-blog-details .single-blog-content .blog-social a.pinterest {
    width: 30px;
    height: 30px;
    margin-right: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
}

.full-blog-details .single-blog-content .blog-social a.facebook,
.left-blog-details .single-blog-content .blog-social a.facebook,
.right-blog-details .single-blog-content .blog-social a.facebook {
    background-color: #3b5999;
    color: #fff;
}

.full-blog-details .single-blog-content .blog-social a.twitter,
.left-blog-details .single-blog-content .blog-social a.twitter,
.right-blog-details .single-blog-content .blog-social a.twitter {
    background-color: #55acee;
    color: #fff;
}

.full-blog-details .single-blog-content .blog-social a.insta,
.left-blog-details .single-blog-content .blog-social a.insta,
.right-blog-details .single-blog-content .blog-social a.insta {
    background-color: #dd4b39;
    color: #fff;
}

.full-blog-details .single-blog-content .blog-social a.pinterest,
.left-blog-details .single-blog-content .blog-social a.pinterest,
.right-blog-details .single-blog-content .blog-social a.pinterest {
    background-color: #bd081c;
    color: #fff;
}

.full-blog-details .single-blog-content .blog-social a:hover,
.left-blog-details .single-blog-content .blog-social a:hover,
.right-blog-details .single-blog-content .blog-social a:hover {
    background-color: #5fa800;
}

.full-blog-details .single-blog-content .blog-comments,
.left-blog-details .single-blog-content .blog-comments,
.right-blog-details .single-blog-content .blog-comments {
    margin-top: 23px;
}

.full-blog-details .single-blog-content .blog-comments h4,
.left-blog-details .single-blog-content .blog-comments h4,
.right-blog-details .single-blog-content .blog-comments h4 {
    font-size: 20px;
}

.full-blog-details .single-blog-content .blog-comments h4 span,
.left-blog-details .single-blog-content .blog-comments h4 span,
.right-blog-details .single-blog-content .blog-comments h4 span {
    color: #5fa800;
}

.full-blog-details .single-blog-content .comments-form,
.left-blog-details .single-blog-content .comments-form,
.right-blog-details .single-blog-content .comments-form {
    margin-top: 20px;
}

.full-blog-details .single-blog-content .comments-form h4,
.left-blog-details .single-blog-content .comments-form h4,
.right-blog-details .single-blog-content .comments-form h4 {
    font-size: 18px;
}

.full-blog-details .single-blog-content .comments-form form label,
.left-blog-details .single-blog-content .comments-form form label,
.right-blog-details .single-blog-content .comments-form form label {
    margin-top: 15px;
    margin-bottom: 5px;
}

.full-blog-details .single-blog-content .comments-form form input,
.left-blog-details .single-blog-content .comments-form form input,
.right-blog-details .single-blog-content .comments-form form input {
    width: 100%;
    padding: 10px 15px;
    border: 1px solid #eee;
    border-radius: 3px;
}

.full-blog-details .single-blog-content .comments-form form input:focus,
.left-blog-details .single-blog-content .comments-form form input:focus,
.right-blog-details .single-blog-content .comments-form form input:focus {
    border-color: #5fa800;
}

.full-blog-details .single-blog-content .comments-form form textarea,
.left-blog-details .single-blog-content .comments-form form textarea,
.right-blog-details .single-blog-content .comments-form form textarea {
    width: 100%;
    min-height: 100px;
    padding: 10px 15px;
    border: 1px solid #eee;
    border-radius: 3px;
    resize: unset;
}

.full-blog-details .single-blog-content .comments-form form textarea:focus,
.left-blog-details .single-blog-content .comments-form form textarea:focus,
.right-blog-details .single-blog-content .comments-form form textarea:focus {
    border-color: #5fa800;
}

.full-blog-details .single-blog-content .comments-form a.btn-style1,
.left-blog-details .single-blog-content .comments-form a.btn-style1,
.right-blog-details .single-blog-content .comments-form a.btn-style1 {
    margin-top: 15px;
}


/* Blog css */

.details-blog-carousel .blog-start .blog-image {
    display: flex;
}

.details-blog-carousel .blog-start .blog-image a::after {
    background-color: rgba(0, 0, 0, 0.5);
    content: "";
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    opacity: 0;
    -webkit-transition: all 0.6s ease-in-out 0s;
    -o-transition: all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s;
}

.details-blog-carousel .blog-start:hover .blog-image a::after {
    opacity: 1;
    -webkit-transition: all 0.6s ease-in-out 0s;
    -o-transition: all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s;
}

.details-blog-carousel .blog-start .blog-image a {
    position: relative;
    overflow: hidden;
}

.details-blog-carousel .blog-start .blog-image a img {
    backface-visibility: hidden;
}

.details-blog-carousel .blog-start:hover .blog-image a img {
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.details-blog-carousel .blog-start .blog-image a img,
.details-blog-carousel .blog-start:hover .blog-image a img {
    -webkit-transition: all 0.6s ease-in-out 0s;
    -o-transition: all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s;
}

.details-blog-carousel .blog-start .blog-content {
    padding-top: 27px;
}

.details-blog-carousel .blog-start .blog-content .blog-date-comment {
    display: flex;
    justify-content: space-between;
}

.details-blog-carousel .blog-start .blog-content .blog-date-comment a {
    display: flex;
    align-items: center;
}

.details-blog-carousel .blog-start .blog-content .blog-date-comment a:hover {
    color: #5fa800;
}

.details-blog-carousel .blog-start .blog-content .blog-date-comment a i {
    margin-right: 5px;
}

.details-blog-carousel .blog-start .blog-content .blog-title h6 {
    font-size: 16px;
    margin-top: 15px;
    padding-top: 13px;
    border-top: 1px solid #ededed;
}

.details-blog-carousel .blog-start .blog-content .blog-title h6 a {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.details-blog-carousel .blog-start .blog-content .blog-title h6 a:hover {
    color: #5fa800;
}

.details-blog-carousel .blog-start .blog-content p.blog-description {
    color: #999;
    margin-top: 16px;
}

.details-blog-carousel .blog-start .blog-content .more-blog {
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.details-blog-carousel .blog-start .blog-content .more-blog a.read-link {
    color: #5fa800;
    font-size: 16px;
}

.details-blog-carousel .blog-start .blog-content .more-blog a.read-link i {
    font-size: 12px;
}

.details-blog-carousel .blog-start .blog-content .more-blog a.read-link i,
.details-blog-carousel .blog-start .blog-content .more-blog a.read-link:hover i {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.details-blog-carousel .blog-start .blog-content .more-blog a.read-link:hover i {
    margin-left: 8px;
}

.details-blog-carousel .blog-start .blog-content .more-blog span.blog-admin span.blog-editor {
    font-weight: 600;
}


/* center blog css */

.cetner-blog-style-3 {
    display: flex;
    flex-wrap: wrap;
}

.cetner-blog-style-3 .blog-start {
    width: 100%;
    margin-top: 30px;
}

.cetner-blog-style-3 .blog-start:nth-child(1) {
    margin-top: 0px;
}

.cetner-blog-style-3 .blog-start .blog-image {
    display: flex;
}

.cetner-blog-style-3 .blog-start .blog-image a::after {
    background-color: rgba(0, 0, 0, 0.5);
    content: "";
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    opacity: 0;
    -webkit-transition: all 0.6s ease-in-out 0s;
    -o-transition: all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s;
}

.cetner-blog-style-3 .blog-start:hover .blog-image a::after {
    opacity: 1;
    -webkit-transition: all 0.6s ease-in-out 0s;
    -o-transition: all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s;
}

.cetner-blog-style-3 .blog-start .blog-image a {
    position: relative;
    overflow: hidden;
}

.cetner-blog-style-3 .blog-start:hover .blog-image a img {
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.cetner-blog-style-3 .blog-start .blog-image a img,
.cetner-blog-style-3 .blog-start:hover .blog-image a img {
    -webkit-transition: all 0.6s ease-in-out 0s;
    -o-transition: all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s;
}

.cetner-blog-style-3 .blog-start .blog-content {
    padding-top: 30px;
}

.cetner-blog-style-3 .blog-start .blog-content .blog-date-comment {
    display: flex;
    justify-content: space-between;
}

.cetner-blog-style-3 .blog-start .blog-content .blog-date-comment span.blog-date,
.cetner-blog-style-3 .blog-start .blog-content .blog-date-comment a {
    display: flex;
    align-items: center;
    line-height: 1;
}

.cetner-blog-style-3 .blog-start .blog-content .blog-date-comment a:hover {
    color: #5fa800;
}

.cetner-blog-style-3 .blog-start .blog-content .blog-date-comment span.blog-date i,
.cetner-blog-style-3 .blog-start .blog-content .blog-date-comment a i {
    margin-right: 5px;
}

.cetner-blog-style-3 .blog-start .blog-content .blog-title h6 {
    font-size: 16px;
    margin-top: 20px;
    padding-top: 14px;
    border-top: 1px solid #ededed;
}

.cetner-blog-style-3 .blog-start .blog-content .blog-title h6 a {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.cetner-blog-style-3 .blog-start .blog-content .blog-title h6 a:hover {
    color: #5fa800;
}

.cetner-blog-style-3 .blog-start .blog-content p.blog-description {
    color: #999;
    margin-top: 17px;
    font-size: 14px;
}

.cetner-blog-style-3 .blog-start .blog-content .more-blog {
    margin-top: 17px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cetner-blog-style-3 .blog-start .blog-content .more-blog a.read-link {
    color: #5fa800;
    font-size: 14px;
    display: flex;
    align-items: center;
}

.cetner-blog-style-3 .blog-start .blog-content .more-blog a.read-link i {
    font-size: 12px;
    padding-left: 5px;
}

.cetner-blog-style-3 .blog-start .blog-content .more-blog a.read-link i,
.cetner-blog-style-3 .blog-start .blog-content .more-blog a.read-link:hover i {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.cetner-blog-style-3 .blog-start .blog-content .more-blog a.read-link:hover i {
    margin-left: 8px;
}

.cetner-blog-style-3 .blog-start .blog-content .more-blog span.blog-admin span.blog-editor {
    font-weight: 600;
}


/* right column css */

.center-right-area .right-column-start h4 {
    font-size: 16px;
    margin-bottom: 32px;
    line-height: 1;
}

.center-right-area .right-column-start .archive-link h5 {
    display: inline;
    font-size: 14px;
    padding: 5px 15px;
    margin-bottom: 22px;
    line-height: 1;
    font-weight: 400;
}

.center-right-area.style-7 .right-column-start .archive-link h5 {
    background-color: #cd7752;
    color: #fff;
}

.center-right-area .right-column-start .archive-link h5 {
    background-color: #73841b;
    color: #fff;
}

.center-right-area.style-3 .right-column-start .archive-link h5 {
    background-color: #5fa800;
    color: #fff;
}

.right-area.style-2 .right-column-start .archive-link h5 {
    background-color: #5fa800;
    color: #fff;
}

.center-right-area .right-column-start .archive-link ul {
    margin-top: 29px;
}

.center-right-area .right-column-start .archive-link ul li {
    margin-top: 9px;
}

.center-right-area .right-column-start .archive-link ul li a i {
    font-size: 12px;
}

.center-right-area .right-column-start .archive-link ul li a:hover {
    color: #5fa800;
}

.center-right-area .b-Reply {
    margin-top: 22px;
}

.center-right-area .b-Reply h4 {
    margin-bottom: 27px;
    font-size: 16px;
    line-height: 1;
}

.center-right-area .b-Reply form input {
    width: 100%;
    padding: 8px 15px;
    margin-top: 16px;
}

.center-right-area .b-Reply form input:first-child {
    margin-top: 0px;
}

.center-right-area .b-Reply form a.Reply-link {
    background-color: #5fa800;
    color: #fff;
    width: 100%;
    padding: 8px 15px;
    margin-top: 30px;
    text-align: center;
    font-weight: 500;
    border: 2px solid #5fa800;
}

.center-right-area .b-Reply form a.Reply-link:hover {
    background-color: transparent;
    color: #000;
    border-color: #5fa800;
}

.center-right-area .r-image {
    padding: 10px;
    margin-top: 20px;
    border: 1px solid #eee;
}


/* blog style-5 right column css */

.right-area .right-column-start .archive-link ul li a:hover {
    color: #276309;
}


/* blog style-5 pagination css */

.all-page .page-number a:after {
    background-color: #276309;
    content: "";
    position: absolute;
    bottom: 0px;
    left: 1px;
    right: 0px;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    opacity: 0;
    visibility: hidden;
}

.all-page .page-number a:hover:after,
.all-page .page-number a.active:after {
    opacity: 1;
    visibility: visible;
}

.all-page .page-number a:hover,
.all-page .page-number a.active {
    color: #276309;
}


/* blog style-5 center blog right column css */

.right-area .b-Reply form a.Reply-link {
    background-color: #276309;
    color: #fff;
    width: 100%;
    padding: 8px 15px;
    margin-top: 30px;
    text-align: center;
    font-weight: 500;
    border: 2px solid #276309;
}

.right-area .b-Reply form a.Reply-link:hover {
    background-color: transparent;
    color: #000;
    border-color: #276309;
}


/* blog style-5 full-left-right grid blog css */

.full-blog-style-5,
.left-blog-style-5,
.right-blog-style-5 {
    display: flex;
    flex-wrap: wrap;
    margin-top: -30px;
    margin-left: -30px;
}

.full-blog-style-5 .blog-start,
.left-blog-style-5 .blog-start,
.right-blog-style-5 .blog-start {
    width: calc(33.33% - 30px);
    margin-left: 30px;
    margin-top: 30px;
}

.full-blog-style-5 .blog-start .blog-image a,
.left-blog-style-5 .blog-start .blog-image a,
.right-blog-style-5 .blog-start .blog-image a {
    display: block;
}

.full-blog-style-5 .blog-start .blog-content .blog-date-comment,
.left-blog-style-5 .blog-start .blog-content .blog-date-comment,
.right-blog-style-5 .blog-start .blog-content .blog-date-comment {
    background-color: #276309;
    color: #fff;
    padding: 5px 10px;
    display: flex;
    justify-content: space-between;
}

.full-blog-style-5 .blog-start .blog-content .blog-date-comment a,
.left-blog-style-5 .blog-start .blog-content .blog-date-comment a,
.right-blog-style-5 .blog-start .blog-content .blog-date-comment a {
    color: #fff;
    display: flex;
    align-items: center;
}

.full-blog-style-5 .blog-start .blog-content .blog-date-comment a i,
.left-blog-style-5 .blog-start .blog-content .blog-date-comment a i,
.right-blog-style-5 .blog-start .blog-content .blog-date-comment a i {
    margin-right: 5px;
}

.full-blog-style-5 .blog-start .blog-content .blog-title h6,
.left-blog-style-5 .blog-start .blog-content .blog-title h6,
.right-blog-style-5 .blog-start .blog-content .blog-title h6 {
    font-size: 16px;
    margin-top: 23px;
}

.full-blog-style-5 .blog-start .blog-content .blog-title h6 a,
.left-blog-style-5 .blog-start .blog-content .blog-title h6 a,
.right-blog-style-5 .blog-start .blog-content .blog-title h6 a {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.full-blog-style-5 .blog-start .blog-content p.blog-description,
.left-blog-style-5 .blog-start .blog-content p.blog-description,
.right-blog-style-5 .blog-start .blog-content p.blog-description {
    margin-top: 16px;
}

.full-blog-style-5 .blog-start .blog-content .more-blog,
.left-blog-style-5 .blog-start .blog-content .more-blog,
.right-blog-style-5 .blog-start .blog-content .more-blog {
    margin-top: 17px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.full-blog-style-5 .blog-start .blog-content .more-blog a.read-link,
.left-blog-style-5 .blog-start .blog-content .more-blog a.read-link,
.right-blog-style-5 .blog-start .blog-content .more-blog a.read-link {
    color: #276309;
    font-size: 14px;
    font-weight: 600;
}

.full-blog-style-5 .blog-start .blog-content .more-blog a.read-link i,
.left-blog-style-5 .blog-start .blog-content .more-blog a.read-link i,
.right-blog-style-5 .blog-start .blog-content .more-blog a.read-link i {
    font-size: 12px;
}

.full-blog-style-5 .blog-start .blog-content .more-blog a.read-link i,
.full-blog-style-5 .blog-start .blog-content .more-blog a.read-link:hover i,
.left-blog-style-5 .blog-start .blog-content .more-blog a.read-link i,
.left-blog-style-5 .blog-start .blog-content .more-blog a.read-link:hover i,
.right-blog-style-5 .blog-start .blog-content .more-blog a.read-link i,
.right-blog-style-5 .blog-start .blog-content .more-blog a.read-link:hover i {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.full-blog-style-5 .blog-start .blog-content .more-blog a.read-link:hover i,
.left-blog-style-5 .blog-start .blog-content .more-blog a.read-link:hover i,
.right-blog-style-5 .blog-start .blog-content .more-blog a.read-link:hover i {
    margin-left: 8px;
}

.full-blog-style-5 .blog-start .blog-content .more-blog span.blog-admin span.blog-editor,
.left-blog-style-5 .blog-start .blog-content .more-blog span.blog-admin span.blog-editor,
.right-blog-style-5 .blog-start .blog-content .more-blog span.blog-admin span.blog-editor {
    font-weight: 600;
}


/* full-left-right list blog css */

.full-blog-list-style-5,
.left-blog-list-style-5,
.right-blog-list-style-5 {
    display: flex;
    flex-wrap: wrap;
}

.full-blog-list-style-5 .blog-start,
.left-blog-list-style-5 .blog-start,
.right-blog-list-style-5 .blog-start {
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
}

.full-blog-list-style-5 .blog-start .blog-image {
    width: 35%;
}

.left-blog-list-style-5 .blog-start .blog-image,
.right-blog-list-style-5 .blog-start .blog-image {
    width: 48%;
}

.full-blog-list-style-5 .blog-start .blog-image a,
.left-blog-list-style-5 .blog-start .blog-image a,
.right-blog-list-style-5 .blog-start .blog-image a {
    display: block;
}

.full-blog-list-style-5 .blog-start .blog-content {
    width: calc(65% - 30px);
    margin-left: 30px;
}

.left-blog-list-style-5 .blog-start .blog-content,
.right-blog-list-style-5 .blog-start .blog-content {
    width: calc(52% - 30px);
    margin-left: 30px;
}

.full-blog-list-style-5 .blog-start .blog-content .blog-date-comment,
.left-blog-list-style-5 .blog-start .blog-content .blog-date-comment,
.right-blog-list-style-5 .blog-start .blog-content .blog-date-comment {
    color: #222;
    display: flex;
    justify-content: space-between;
}

.full-blog-list-style-5 .blog-start .blog-content .blog-date-comment a,
.left-blog-list-style-5 .blog-start .blog-content .blog-date-comment a,
.right-blog-list-style-5 .blog-start .blog-content .blog-date-comment a,
.full-blog-list-style-5 .blog-start .blog-content .blog-date-comment span.blog-date,
.left-blog-list-style-5 .blog-start .blog-content .blog-date-comment span.blog-date,
.right-blog-list-style-5 .blog-start .blog-content .blog-date-comment span.blog-date {
    display: flex;
    align-items: center;
    line-height: 1;
}

.full-blog-list-style-5 .blog-start .blog-content .blog-date-comment a i,
.left-blog-list-style-5 .blog-start .blog-content .blog-date-comment a i,
.right-blog-list-style-5 .blog-start .blog-content .blog-date-comment a i,
.full-blog-list-style-5 .blog-start .blog-content .blog-date-comment span.blog-date i,
.left-blog-list-style-5 .blog-start .blog-content .blog-date-comment span.blog-date i,
.right-blog-list-style-5 .blog-start .blog-content .blog-date-comment span.blog-date i {
    margin-right: 5px;
}

.full-blog-list-style-5 .blog-start .blog-content .blog-title h6,
.left-blog-list-style-5 .blog-start .blog-content .blog-title h6,
.right-blog-list-style-5 .blog-start .blog-content .blog-title h6 {
    font-size: 16px;
    margin-top: 23px;
}

.full-blog-list-style-5 .blog-start .blog-content .blog-title h6 a,
.left-blog-list-style-5 .blog-start .blog-content .blog-title h6 a,
.right-blog-list-style-5 .blog-start .blog-content .blog-title h6 a {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.full-blog-list-style-5 .blog-start .blog-content p.blog-description,
.left-blog-list-style-5 .blog-start .blog-content p.blog-description,
.right-blog-list-style-5 .blog-start .blog-content p.blog-description {
    margin-top: 16px;
}

.full-blog-list-style-5 .blog-start .blog-content .more-blog,
.left-blog-list-style-5 .blog-start .blog-content .more-blog,
.right-blog-list-style-5 .blog-start .blog-content .more-blog {
    margin-top: 17px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.full-blog-list-style-5 .blog-start .blog-content .more-blog a.read-link,
.left-blog-list-style-5 .blog-start .blog-content .more-blog a.read-link,
.right-blog-list-style-5 .blog-start .blog-content .more-blog a.read-link {
    color: #276309;
    font-size: 14px;
    font-weight: 600;
}

.full-blog-list-style-5 .blog-start .blog-content .more-blog a.read-link i,
.left-blog-list-style-5 .blog-start .blog-content .more-blog a.read-link i,
.right-blog-list-style-5 .blog-start .blog-content .more-blog a.read-link i {
    font-size: 12px;
}

.full-blog-list-style-5 .blog-start .blog-content .more-blog a.read-link i,
.full-blog-list-style-5 .blog-start .blog-content .more-blog a.read-link:hover i,
.left-blog-list-style-5 .blog-start .blog-content .more-blog a.read-link i,
.left-blog-list-style-5 .blog-start .blog-content .more-blog a.read-link:hover i,
.right-blog-list-style-5 .blog-start .blog-content .more-blog a.read-link i,
.right-blog-list-style-5 .blog-start .blog-content .more-blog a.read-link:hover i {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.full-blog-list-style-5 .blog-start .blog-content .more-blog a.read-link:hover i,
.left-blog-list-style-5 .blog-start .blog-content .more-blog a.read-link:hover i,
.right-blog-list-style-5 .blog-start .blog-content .more-blog a.read-link:hover i {
    margin-left: 8px;
}

.full-blog-list-style-5 .blog-start .blog-content .more-blog span.blog-admin span.blog-editor,
.left-blog-list-style-5 .blog-start .blog-content .more-blog span.blog-admin span.blog-editor,
.right-blog-list-style-5 .blog-start .blog-content .more-blog span.blog-admin span.blog-editor {
    font-weight: 600;
}


/* style-5 full-left-right details blog css */

.single-image-5 {
    margin-bottom: 33px;
}

.single-image-5 a img.image-xs {
    display: none;
}

.style-5-b-details .single-image {
    margin-bottom: 33px;
}

.style-5-left-blog-details .single-blog-content .full-image,
.style-5-right-blog-details .single-blog-content .full-image {
    display: none;
}

.blog-style-5-details .single-blog-content .single-b-title h4,
.style-5-left-blog-details .single-blog-content .single-b-title h4,
.style-5-right-blog-details .single-blog-content .single-b-title h4 {
    font-size: 16px;
}

.blog-style-5-details .single-blog-content .date-edit-comments,
.style-5-left-blog-details .single-blog-content .date-edit-comments,
.style-5-right-blog-details .single-blog-content .date-edit-comments {
    margin-top: 23px;
}

.blog-style-5-details .single-blog-content .date-edit-comments .blog-info-wrap,
.style-5-left-blog-details .single-blog-content .date-edit-comments .blog-info-wrap,
.style-5-right-blog-details .single-blog-content .date-edit-comments .blog-info-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: -15px 0px 0px -30px;
}

.blog-style-5-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-data,
.style-5-left-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-data,
.style-5-right-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-data {
    margin: 15px 0px 0px 30px;
}

.blog-style-5-details .single-blog-content .date-edit-comments .blog-info-wrap span.date,
.style-5-left-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.date,
.style-5-right-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.date {
    display: flex;
    align-items: center;
    line-height: 1;
}

.blog-style-5-details .single-blog-content .date-edit-comments .blog-info-wrap span.date span.blog-d-n-c,
.style-5-left-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.date span.blog-d-n-c,
.style-5-right-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.date span.blog-d-n-c {
    margin-left: 5px;
}

.blog-style-5-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-edit,
.style-5-left-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-edit,
.style-5-right-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-edit {
    display: flex;
    align-items: center;
    line-height: 1;
}

.blog-style-5-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-edit span.blog-d-n-c,
.style-5-left-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-edit span.blog-d-n-c,
.style-5-right-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-edit span.blog-d-n-c {
    margin-left: 5px;
}

.blog-style-5-details .single-blog-content .date-edit-comments .blog-info-wrap span.comments,
.style-5-left-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.comments,
.style-5-right-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.comments {
    display: flex;
    align-items: center;
    line-height: 1;
}

.blog-style-5-details .single-blog-content .date-edit-comments .blog-info-wrap span.comments span.blog-d-n-c,
.style-5-left-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.comments span.blog-d-n-c,
.style-5-right-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.comments span.blog-d-n-c {
    margin-left: 5px;
}

.blog-style-5-details .single-blog-content .blog-description,
.style-5-left-blog-details .single-blog-content .blog-description,
.style-5-right-blog-details .single-blog-content .blog-description {
    margin-top: 23px;
}

.blog-style-5-details .single-blog-content .blog-description p,
.style-5-left-blog-details .single-blog-content .blog-description p,
.style-5-right-blog-details .single-blog-content .blog-description p {
    margin-top: 5px;
}

.blog-style-5-details .single-blog-content .blog-description .blog-image-description,
.style-5-left-blog-details .single-blog-content .blog-description .blog-image-description,
.style-5-right-blog-details .single-blog-content .blog-description .blog-image-description {
    margin-top: 22px;
    margin-bottom: 23px;
    display: flex;
    flex-wrap: wrap;
}

.blog-style-5-details .single-blog-content .blog-description .blog-image-description img.b-image-1,
.style-5-left-blog-details .single-blog-content .blog-description .blog-image-description img.b-image-1,
.style-5-right-blog-details .single-blog-content .blog-description .blog-image-description img.b-image-1 {
    width: calc(50% - 30px);
    margin-right: 30px;
}

.blog-style-5-details .single-blog-content .blog-description .blog-image-description img.b-image-2,
.style-5-left-blog-details .single-blog-content .blog-description .blog-image-description img.b-image-2,
.style-5-right-blog-details .single-blog-content .blog-description .blog-image-description img.b-image-2 {
    width: 50%;
}

.blog-style-5-details .single-blog-content .blog-description p.color-description,
.style-5-left-blog-details .single-blog-content .blog-description p.color-description,
.style-5-right-blog-details .single-blog-content .blog-description p.color-description {
    font-size: 16px;
    color: #276309;
    margin: 22px 0px;
    padding: 30px;
    border-left: 1px solid #ddd;
    background-color: #f7f7f7;
}

.blog-style-5-details .single-blog-content .blog-info,
.style-5-left-blog-details .single-blog-content .blog-info,
.style-5-right-blog-details .single-blog-content .blog-info {
    padding: 30px;
    margin-top: 22px;
    background-color: #f7f7f7;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.blog-style-5-details .single-blog-content .blog-info i.fa-quote-left,
.style-5-left-blog-details .single-blog-content .blog-info i.fa-quote-left,
.style-5-right-blog-details .single-blog-content .blog-info i.fa-quote-left {
    font-size: 30px;
    color: #276309;
}

.blog-style-5-details .single-blog-content .blog-info h6,
.style-5-left-blog-details .single-blog-content .blog-info h6,
.style-5-right-blog-details .single-blog-content .blog-info h6 {
    color: #276309;
    font-size: 16px;
    margin-top: 9px;
    font-weight: 600;
}

.blog-style-5-details .single-blog-content .b-link,
.style-5-left-blog-details .single-blog-content .b-link,
.style-5-right-blog-details .single-blog-content .b-link {
    margin-top: 30px;
}

.blog-style-5-details .single-blog-content .b-link a,
.style-5-left-blog-details .single-blog-content .b-link a,
.style-5-right-blog-details .single-blog-content .b-link a {
    background-color: #276309;
    padding: 5px 10px;
    color: #fff;
    border-radius: 4px;
}

.blog-style-5-details .single-blog-content .b-link a:hover,
.style-5-left-blog-details .single-blog-content .b-link a:hover,
.style-5-right-blog-details .single-blog-content .b-link a:hover {
    background-color: #000;
    color: #fff;
}

.blog-style-5-details .single-blog-content .blog-comments,
.style-5-left-blog-details .single-blog-content .blog-comments,
.style-5-right-blog-details .single-blog-content .blog-comments {
    margin-top: 28px;
}

.blog-style-5-details .single-blog-content .blog-comments h4,
.style-5-left-blog-details .single-blog-content .blog-comments h4,
.style-5-right-blog-details .single-blog-content .blog-comments h4 {
    font-size: 18px;
    line-height: 1;
}

.blog-style-5-details .single-blog-content .blog-comments h4 span,
.style-5-left-blog-details .single-blog-content .blog-comments h4 span,
.style-5-right-blog-details .single-blog-content .blog-comments h4 span {
    color: #276309;
}

.blog-style-5-details .single-blog-content .blog-comments .blog-comment-info,
.style-5-left-blog-details .single-blog-content .blog-comments .blog-comment-info,
.style-5-right-blog-details .single-blog-content .blog-comments .blog-comment-info {
    margin-top: 27px;
    padding-top: 30px;
    border-top: 1px solid #eee;
}

.blog-style-5-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae,
.style-5-left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae,
.style-5-right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae {
    margin-top: 24px;
    display: flex;
}

.blog-style-5-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae:first-of-type,
.style-5-left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae:first-of-type,
.style-5-right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae:first-of-type {
    margin-top: 0px;
}

.blog-style-5-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.comment-reply,
.style-5-left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.comment-reply,
.style-5-right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.comment-reply {
    padding-left: 50px;
}

.blog-style-5-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.all-reply,
.style-5-left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.all-reply,
.style-5-right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.all-reply {
    margin-top: 24px;
    padding-top: 30px;
    border-top: 1px solid #eee;
}

.blog-style-5-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-man,
.style-5-left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-man,
.style-5-right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-man {
    width: 45px;
    height: 45px;
    background-color: #276309;
    color: #fff;
    margin-right: 15px;
    font-size: 15px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    font-weight: 600;
}

.blog-style-5-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content,
.style-5-left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content,
.style-5-right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content {
    width: calc(100% - 45px);
}

.blog-style-5-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result,
.style-5-left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result,
.style-5-right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result {
    display: block;
}

.blog-style-5-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name,
.style-5-left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name,
.style-5-right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name {
    margin-top: 5px;
}

.blog-style-5-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name i,
.style-5-left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name i,
.style-5-right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name i {
    font-style: normal;
}

.blog-style-5-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date,
.style-5-left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date,
.style-5-right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date {
    margin-top: 6px;
    margin-bottom: 0px;
    font-weight: 600;
}

.blog-style-5-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span span.comments-title,
.style-5-left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span span.comments-title,
.style-5-right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span span.comments-title {
    font-weight: 600;
    color: #276309;
}

.blog-style-5-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.Reply-btn,
.style-5-left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.Reply-btn,
.style-5-right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.Reply-btn {
    width: 120px;
}

.blog-style-5-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date a.Reply,
.style-5-left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date a.Reply,
.style-5-right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date a.Reply {
    color: #276309;
    margin-left: 30px;
    font-weight: 500;
}


/* style-5 center blog css */

.cetner-blog-style-5 {
    display: flex;
    flex-wrap: wrap;
}

.cetner-blog-style-5 .blog-start {
    width: 100%;
    margin-top: 30px;
}

.cetner-blog-style-5 .blog-start:nth-child(1) {
    margin-top: 0px;
}

.cetner-blog-style-5 .blog-start .blog-image a {
    display: block;
}

.cetner-blog-style-5 .blog-start .blog-content .blog-date-comment {
    background-color: #276309;
    color: #fff;
    padding: 5px 10px;
    display: flex;
    justify-content: space-between;
}

.cetner-blog-style-5 .blog-start .blog-content .blog-date-comment a {
    color: #fff;
    display: flex;
    align-items: center;
}

.cetner-blog-style-5 .blog-start .blog-content .blog-date-comment a i {
    margin-right: 5px;
}

.cetner-blog-style-5 .blog-start .blog-content .blog-title h6 {
    font-size: 16px;
    margin-top: 23px;
}

.cetner-blog-style-5 .blog-start .blog-content .blog-title h6 a {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.cetner-blog-style-5 .blog-start .blog-content p.blog-description {
    margin-top: 16px;
}

.cetner-blog-style-5 .blog-start .blog-content .more-blog {
    margin-top: 17px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cetner-blog-style-5 .blog-start .blog-content .more-blog a.read-link {
    color: #276309;
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.cetner-blog-style-5 .blog-start .blog-content .more-blog a.read-link i {
    font-size: 12px;
    padding-left: 5px;
}

.cetner-blog-style-5 .blog-start .blog-content .more-blog a.read-link i,
.cetner-blog-style-5 .blog-start .blog-content .more-blog a.read-link:hover i {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.cetner-blog-style-5 .blog-start .blog-content .more-blog a.read-link:hover i {
    margin-left: 8px;
}

.cetner-blog-style-5 .blog-start .blog-content .more-blog span.blog-admin span.blog-editor {
    font-weight: 600;
}


/* style-6 left-right column css */

.right-area .right-column-start .archive-link ul li a:hover {
    color: #73841b;
}


/* style-6 center right column css */

.center-right-area .b-Reply form a.Reply-link {
    background-color: #73841b;
    color: #fff;
    width: 100%;
    padding: 8px 15px;
    margin-top: 30px;
    text-align: center;
    font-weight: 500;
    border: 2px solid #73841b;
}

.center-right-area .b-Reply form a.Reply-link:hover {
    background-color: transparent;
    color: #000;
    border-color: #73841b;
}


/* pagination css */

.all-page .page-number a:after {
    background-color: #73841b;
    content: "";
    position: absolute;
    bottom: 0px;
    left: 1px;
    right: 0px;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    opacity: 0;
    visibility: hidden;
}

.all-page .page-number a:hover:after,
.all-page .page-number a.active:after {
    opacity: 1;
    visibility: visible;
}

.all-page .page-number a:hover,
.all-page .page-number a.active {
    color: #73841b;
}


/* style-6 full-left-right 3 grid blog css */

.blog-style-6-3-grid,
.blog-style-6-left-3-grid,
.blog-style-6-right-3-grid {
    display: flex;
    flex-wrap: wrap;
    margin-top: -30px;
    margin-left: -30px;
}

.blog-style-6-3-grid .blog-start,
.blog-style-6-left-3-grid .blog-start,
.blog-style-6-right-3-grid .blog-start {
    width: calc(33.33% - 30px);
    margin-left: 30px;
    margin-top: 30px;
}

.blog-style-6-3-grid .blog-start .blog-image,
.blog-style-6-left-3-grid .blog-start .blog-image,
.blog-style-6-right-3-grid .blog-start .blog-image {
    position: relative;
    display: flex;
}

.blog-style-6-3-grid .blog-start .blog-image a,
.blog-style-6-left-3-grid .blog-start .blog-image a,
.blog-style-6-right-3-grid .blog-start .blog-image a {
    position: relative;
    overflow: hidden;
}

.blog-style-6-3-grid .blog-start:hover .blog-image a img,
.blog-style-6-left-3-grid .blog-start:hover .blog-image a img,
.blog-style-6-right-3-grid .blog-start:hover .blog-image a img {
    -webkit-transform: scale(1.06);
    -o-transform: scale(1.06);
    transform: scale(1.06);
}

.blog-style-6-3-grid .blog-start .blog-image a img,
.blog-style-6-3-grid .blog-start:hover .blog-image a img,
.blog-style-6-left-3-grid .blog-start .blog-image a img,
.blog-style-6-left-3-grid .blog-start:hover .blog-image a img,
.blog-style-6-right-3-grid .blog-start .blog-image a img,
.blog-style-6-right-3-grid .blog-start:hover .blog-image a img {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.blog-style-6-3-grid .blog-start .blog-image .image-link,
.blog-style-6-left-3-grid .blog-start .blog-image .image-link,
.blog-style-6-right-3-grid .blog-start .blog-image .image-link {
    position: absolute;
    bottom: 0px;
    left: 6px;
}

.blog-style-6-3-grid .blog-start .blog-image .image-link a,
.blog-style-6-left-3-grid .blog-start .blog-image .image-link a,
.blog-style-6-right-3-grid .blog-start .blog-image .image-link a {
    background-color: #73841b;
    color: #fff;
    padding: 2px 6px;
    font-size: 12px;
    border-radius: 3px;
    text-transform: uppercase;
}

.blog-style-6-3-grid .blog-start .blog-image .image-link a:hover,
.blog-style-6-left-3-grid .blog-start .blog-image .image-link a:hover,
.blog-style-6-right-3-grid .blog-start .blog-image .image-link a:hover {
    background-color: #000;
}

.blog-style-6-3-grid .blog-start .blog-content .blog-title h6,
.blog-style-6-left-3-grid .blog-start .blog-content .blog-title h6,
.blog-style-6-right-3-grid .blog-start .blog-content .blog-title h6 {
    font-size: 16px;
    padding-top: 23px;
}

.blog-style-6-3-grid .blog-start .blog-content .blog-title h6 a,
.blog-style-6-left-3-grid .blog-start .blog-content .blog-title h6 a,
.blog-style-6-right-3-grid .blog-start .blog-content .blog-title h6 a {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.blog-style-6-3-grid .blog-start .blog-content .blog-title h6 a:hover,
.blog-style-6-left-3-grid .blog-start .blog-content .blog-title h6 a:hover,
.blog-style-6-right-3-grid .blog-start .blog-content .blog-title h6 a:hover {
    color: #73841b;
}

.blog-style-6-3-grid .blog-start .blog-content p.blog-description,
.blog-style-6-left-3-grid .blog-start .blog-content p.blog-description,
.blog-style-6-right-3-grid .blog-start .blog-content p.blog-description {
    color: #999;
    margin-top: 16px;
}

.blog-style-6-3-grid .blog-start .blog-content .more-blog,
.blog-style-6-left-3-grid .blog-start .blog-content .more-blog,
.blog-style-6-right-3-grid .blog-start .blog-content .more-blog {
    margin-top: 17px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.blog-style-6-3-grid .blog-start .blog-content .more-blog a.read-link,
.blog-style-6-left-3-grid .blog-start .blog-content .more-blog a.read-link,
.blog-style-6-right-3-grid .blog-start .blog-content .more-blog a.read-link {
    color: #73841b;
    font-size: 14px;
}

.blog-style-6-right-3-grid .blog-start .blog-content .more-blog a.read-link i,
.blog-style-6-left-3-grid .blog-start .blog-content .more-blog a.read-link i,
.blog-style-6-3-grid .blog-start .blog-content .more-blog a.read-link i {
    font-size: 12px;
}

.blog-style-6-3-grid .blog-start .blog-content .more-blog a.read-link i,
.blog-style-6-3-grid .blog-start .blog-content .more-blog a.read-link:hover i,
.blog-style-6-left-3-grid .blog-start .blog-content .more-blog a.read-link i,
.blog-style-6-left-3-grid .blog-start .blog-content .more-blog a.read-link:hover i,
.blog-style-6-right-3-grid .blog-start .blog-content .more-blog a.read-link i,
.blog-style-6-right-3-grid .blog-start .blog-content .more-blog a.read-link:hover i {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.blog-style-6-3-grid .blog-start .blog-content .more-blog a.read-link:hover i,
.blog-style-6-left-3-grid .blog-start .blog-content .more-blog a.read-link:hover i,
.blog-style-6-right-3-grid .blog-start .blog-content .more-blog a.read-link:hover i {
    margin-left: 8px;
}


/* style-6 full-left-right list blog css */

.full-blog-list-style-6,
.left-blog-list-style-6,
.right-blog-list-style-6 {
    display: flex;
    flex-wrap: wrap;
}

.full-blog-list-style-6 .blog-start,
.left-blog-list-style-6 .blog-start,
.right-blog-list-style-6 .blog-start {
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 20px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #eee;
}

.full-blog-list-style-6 .blog-start .blog-image,
.left-blog-list-style-6 .blog-start .blog-image,
.right-blog-list-style-6 .blog-start .blog-image {
    position: relative;
    display: flex;
    width: 50%;
}

.full-blog-list-style-6 .blog-start .blog-image a,
.left-blog-list-style-6 .blog-start .blog-image a,
.right-blog-list-style-6 .blog-start .blog-image a {
    position: relative;
    overflow: hidden;
}

.full-blog-list-style-6 .blog-start:hover .blog-image a img,
.left-blog-list-style-6 .blog-start:hover .blog-image a img,
.right-blog-list-style-6 .blog-start:hover .blog-image a img {
    -webkit-transform: scale(1.06);
    -o-transform: scale(1.06);
    transform: scale(1.06);
}

.full-blog-list-style-6 .blog-start .blog-image a img,
.full-blog-list-style-6 .blog-start:hover .blog-image a img,
.left-blog-list-style-6 .blog-start .blog-image a img,
.left-blog-list-style-6 .blog-start:hover .blog-image a img,
.right-blog-list-style-6 .blog-start .blog-image a img,
.right-blog-list-style-6 .blog-start:hover .blog-image a img {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.full-blog-list-style-6 .blog-start .blog-image .image-link,
.left-blog-list-style-6 .blog-start .blog-image .image-link,
.right-blog-list-style-6 .blog-start .blog-image .image-link {
    position: absolute;
    bottom: 0px;
    left: 6px;
}

.full-blog-list-style-6 .blog-start .blog-image .image-link a,
.left-blog-list-style-6 .blog-start .blog-image .image-link a,
.right-blog-list-style-6 .blog-start .blog-image .image-link a {
    background-color: #73841b;
    color: #fff;
    padding: 4px 8px;
    font-size: 12px;
    border-radius: 3px;
    text-transform: uppercase;
}

.full-blog-list-style-6 .blog-start .blog-image .image-link a:hover,
.left-blog-list-style-6 .blog-start .blog-image .image-link a:hover,
.right-blog-list-style-6 .blog-start .blog-image .image-link a:hover {
    background-color: #000;
}

.full-blog-list-style-6 .blog-start .blog-content,
.left-blog-list-style-6 .blog-start .blog-content,
.right-blog-list-style-6 .blog-start .blog-content {
    width: calc(50% - 30px);
    margin-left: 30px;
}

.full-blog-list-style-6 .blog-start .blog-content .blog-title h6,
.left-blog-list-style-6 .blog-start .blog-content .blog-title h6,
.right-blog-list-style-6 .blog-start .blog-content .blog-title h6 {
    font-size: 16px;
}

.full-blog-list-style-6 .blog-start .blog-content .blog-title h6 a,
.left-blog-list-style-6 .blog-start .blog-content .blog-title h6 a,
.right-blog-list-style-6 .blog-start .blog-content .blog-title h6 a {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.full-blog-list-style-6 .blog-start .blog-content .blog-title h6 a:hover,
.left-blog-list-style-6 .blog-start .blog-content .blog-title h6 a:hover,
.right-blog-list-style-6 .blog-start .blog-content .blog-title h6 a:hover {
    color: #73841b;
}

.full-blog-list-style-6 .blog-start .blog-content p.blog-description,
.left-blog-list-style-6 .blog-start .blog-content p.blog-description,
.right-blog-list-style-6 .blog-start .blog-content p.blog-description {
    color: #999;
    margin-top: 16px;
    font-size: 14px;
}

.full-blog-list-style-6 .blog-start .blog-content .more-blog,
.left-blog-list-style-6 .blog-start .blog-content .more-blog,
.right-blog-list-style-6 .blog-start .blog-content .more-blog {
    margin-top: 17px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.full-blog-list-style-6 .blog-start .blog-content .more-blog a.read-link,
.left-blog-list-style-6 .blog-start .blog-content .more-blog a.read-link,
.right-blog-list-style-6 .blog-start .blog-content .more-blog a.read-link {
    color: #73841b;
    font-size: 14px;
}

.full-blog-list-style-6 .blog-start .blog-content .more-blog a.read-link i,
.left-blog-list-style-6 .blog-start .blog-content .more-blog a.read-link i,
.right-blog-list-style-6 .blog-start .blog-content .more-blog a.read-link i {
    font-size: 12px;
}

.full-blog-list-style-6 .blog-start .blog-content .more-blog a.read-link i,
.full-blog-list-style-6 .blog-start .blog-content .more-blog a.read-link:hover i,
.left-blog-list-style-6 .blog-start .blog-content .more-blog a.read-link i,
.left-blog-list-style-6 .blog-start .blog-content .more-blog a.read-link:hover i,
.right-blog-list-style-6 .blog-start .blog-content .more-blog a.read-link i,
.right-blog-list-style-6 .blog-start .blog-content .more-blog a.read-link:hover i {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.full-blog-list-style-6 .blog-start .blog-content .more-blog a.read-link:hover i,
.left-blog-list-style-6 .blog-start .blog-content .more-blog a.read-link:hover i,
.right-blog-list-style-6 .blog-start .blog-content .more-blog a.read-link:hover i {
    margin-left: 8px;
}


/* full-left-right blog details css */

.full-blog-details-style-6 .single-image,
.right-blog-details-style-6 .single-image,
.left-blog-details-style-6 .single-image {
    width: 100%;
    line-height: 0;
}

.full-blog-details-style-6 .single-image iframe,
.right-blog-details-style-6 .single-image iframe,
.left-blog-details-style-6 .single-image iframe {
    width: 100%;
}

.full-blog-details-style-6 .single-blog-content,
.left-blog-details-style-6 .single-blog-content,
.right-blog-details-style-6 .single-blog-content {
    margin-top: 33px;
}

.full-blog-details-style-6 .single-blog-content .single-b-title h4,
.left-blog-details-style-6 .single-blog-content .single-b-title h4,
.right-blog-details-style-6 .single-blog-content .single-b-title h4 {
    font-size: 16px;
}

.full-blog-details-style-6 .single-blog-content .date-edit-comments,
.left-blog-details-style-6 .single-blog-content .date-edit-comments,
.right-blog-details-style-6 .single-blog-content .date-edit-comments {
    margin-top: 23px;
}

.full-blog-details-style-6 .single-blog-content .date-edit-comments .blog-info-wrap,
.left-blog-details-style-6 .single-blog-content .date-edit-comments .blog-info-wrap,
.right-blog-details-style-6 .single-blog-content .date-edit-comments .blog-info-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: -15px 0px 0px -30px;
}

.full-blog-details-style-6 .single-blog-content .date-edit-comments .blog-info-wrap span.blog-data,
.left-blog-details-style-6 .single-blog-content .date-edit-comments .blog-info-wrap span.blog-data,
.right-blog-details-style-6 .single-blog-content .date-edit-comments .blog-info-wrap span.blog-data {
    margin: 15px 0px 0px 30px;
}

.full-blog-details-style-6 .single-blog-content .date-edit-comments span.date,
.left-blog-details-style-6 .single-blog-content .date-edit-comments span.date,
.right-blog-details-style-6 .single-blog-content .date-edit-comments span.date {
    margin-right: 25px;
    display: flex;
    align-items: center;
    line-height: 1;
}

.full-blog-details-style-6 .single-blog-content .date-edit-comments span.date span.blog-d-n-c,
.left-blog-details-style-6 .single-blog-content .date-edit-comments span.date span.blog-d-n-c,
.right-blog-details-style-6 .single-blog-content .date-edit-comments span.date span.blog-d-n-c {
    margin-left: 5px;
}

.full-blog-details-style-6 .single-blog-content .date-edit-comments span.blog-edit,
.left-blog-details-style-6 .single-blog-content .date-edit-comments span.blog-edit,
.right-blog-details-style-6 .single-blog-content .date-edit-comments span.blog-edit {
    margin-right: 25px;
    display: flex;
    align-items: center;
    line-height: 1;
}

.full-blog-details-style-6 .single-blog-content .date-edit-comments span.blog-edit span.blog-d-n-c,
.left-blog-details-style-6 .single-blog-content .date-edit-comments span.blog-edit span.blog-d-n-c,
.right-blog-details-style-6 .single-blog-content .date-edit-comments span.blog-edit span.blog-d-n-c {
    margin-left: 5px;
}

.full-blog-details-style-6 .single-blog-content .date-edit-comments span.comments,
.left-blog-details-style-6 .single-blog-content .date-edit-comments span.comments,
.right-blog-details-style-6 .single-blog-content .date-edit-comments span.comments {
    display: flex;
    align-items: center;
    line-height: 1;
}

.full-blog-details-style-6 .single-blog-content .date-edit-comments span.comments span.blog-d-n-c,
.left-blog-details-style-6 .single-blog-content .date-edit-comments span.comments span.blog-d-n-c,
.right-blog-details-style-6 .single-blog-content .date-edit-comments span.comments span.blog-d-n-c {
    margin-left: 5px;
}

.full-blog-details-style-6 .single-blog-content .blog-description,
.left-blog-details-style-6 .single-blog-content .blog-description,
.right-blog-details-style-6 .single-blog-content .blog-description {
    margin-top: 24px;
}

.full-blog-details-style-6 .single-blog-content .blog-description p,
.left-blog-details-style-6 .single-blog-content .blog-description p,
.right-blog-details-style-6 .single-blog-content .blog-description p {
    margin-top: 4px;
    line-height: 22px;
}

.full-blog-details-style-6 .single-blog-content .blog-description .blog-image-description,
.left-blog-details-style-6 .single-blog-content .blog-description .blog-image-description,
.right-blog-details-style-6 .single-blog-content .blog-description .blog-image-description {
    margin-top: 24px;
}

.full-blog-details-style-6 .single-blog-content .blog-description .blog-image-description img,
.left-blog-details-style-6 .single-blog-content .blog-description .blog-image-description img,
.right-blog-details-style-6 .single-blog-content .blog-description .blog-image-description img {
    float: left;
    margin-right: 30px;
}

.full-blog-details-style-6 .single-blog-content .blog-description .blog-image-description p.bold-description,
.left-blog-details-style-6 .single-blog-content .blog-description .blog-image-description p.bold-description,
.right-blog-details-style-6 .single-blog-content .blog-description .blog-image-description p.bold-description {
    font-size: 14px;
    font-weight: 600;
}

.full-blog-details-style-6 .single-blog-content .blog-description p.color-description,
.left-blog-details-style-6 .single-blog-content .blog-description p.color-description,
.right-blog-details-style-6 .single-blog-content .blog-description p.color-description {
    background-color: #f7f7f7;
    font-size: 16px;
    color: #73841b;
    margin: 24px 0px;
    padding: 30px;
    border-left: 1px solid #ddd;
}

.full-blog-details-style-6 .single-blog-content .blog-info,
.left-blog-details-style-6 .single-blog-content .blog-info,
.right-blog-details-style-6 .single-blog-content .blog-info {
    padding: 30px;
    margin-top: 24px;
    background-color: #f7f7f7;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.full-blog-details-style-6 .single-blog-content .blog-info i.fa-quote-left,
.left-blog-details-style-6 .single-blog-content .blog-info i.fa-quote-left,
.right-blog-details-style-6 .single-blog-content .blog-info i.fa-quote-left {
    font-size: 30px;
    color: #73841b;
}

.full-blog-details-style-6 .single-blog-content .blog-info h6,
.left-blog-details-style-6 .single-blog-content .blog-info h6,
.right-blog-details-style-6 .single-blog-content .blog-info h6 {
    color: #73841b;
    font-size: 16px;
    margin-top: 9px;
    font-weight: 600;
}

.full-blog-details-style-6 .single-blog-content .last-video,
.right-blog-details-style-6 .single-blog-content .last-video,
.left-blog-details-style-6 .single-blog-content .last-video {
    margin-top: 30px;
    margin-right: -30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.full-blog-details-style-6 .single-blog-content .last-video .video,
.right-blog-details-style-6 .single-blog-content .last-video .video,
.left-blog-details-style-6 .single-blog-content .last-video .video {
    width: 100%;
    margin-right: 30px;
    line-height: 0;
}

.full-blog-details-style-6 .single-blog-content .last-video .video iframe,
.right-blog-details-style-6 .single-blog-content .last-video .video iframe,
.left-blog-details-style-6 .single-blog-content .last-video .video iframe {
    width: 100%;
}

.full-blog-details-style-6 .single-blog-content .b-link,
.left-blog-details-style-6 .single-blog-content .b-link,
.right-blog-details-style-6 .single-blog-content .b-link {
    margin-top: 30px;
}

.full-blog-details-style-6 .single-blog-content .b-link a,
.left-blog-details-style-6 .single-blog-content .b-link a,
.right-blog-details-style-6 .single-blog-content .b-link a {
    background-color: #73841b;
    padding: 5px 10px;
    color: #fff;
    border: 2px solid #73841b;
    border-radius: 4px;
}

.full-blog-details-style-6 .single-blog-content .b-link a:hover,
.left-blog-details-style-6 .single-blog-content .b-link a:hover,
.right-blog-details-style-6 .single-blog-content .b-link a:hover {
    background-color: transparent;
    color: #000;
    border-color: #73841b;
}

.full-blog-details-style-6 .single-blog-content .blog-social,
.left-blog-details-style-6 .single-blog-content .blog-social,
.right-blog-details-style-6 .single-blog-content .blog-social {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.full-blog-details-style-6 .single-blog-content .blog-social a.facebook,
.full-blog-details-style-6 .single-blog-content .blog-social a.twitter,
.full-blog-details-style-6 .single-blog-content .blog-social a.insta,
.full-blog-details-style-6 .single-blog-content .blog-social a.pinterest,
.left-blog-details-style-6 .single-blog-content .blog-social a.facebook,
.left-blog-details-style-6 .single-blog-content .blog-social a.twitter,
.left-blog-details-style-6 .single-blog-content .blog-social a.insta,
.left-blog-details-style-6 .single-blog-content .blog-social a.pinterest,
.right-blog-details-style-6 .single-blog-content .blog-social a.facebook,
.right-blog-details-style-6 .single-blog-content .blog-social a.twitter,
.right-blog-details-style-6 .single-blog-content .blog-social a.insta,
.right-blog-details-style-6 .single-blog-content .blog-social a.pinterest {
    width: 30px;
    height: 30px;
    margin-right: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
}

.full-blog-details-style-6 .single-blog-content .blog-social a,
.left-blog-details-style-6 .single-blog-content .blog-social a,
.right-blog-details-style-6 .single-blog-content .blog-social a {
    background-color: #f7f7f7;
    color: #222;
}

.full-blog-details-style-6 .single-blog-content .blog-social a:hover,
.left-blog-details-style-6 .single-blog-content .blog-social a:hover,
.right-blog-details-style-6 .single-blog-content .blog-social a:hover {
    background-color: #73841b;
    color: #fff;
}

.full-blog-details-style-6 .single-blog-content .blog-comments,
.left-blog-details-style-6 .single-blog-content .blog-comments,
.right-blog-details-style-6 .single-blog-content .blog-comments {
    margin-top: 25px;
}

.full-blog-details-style-6 .single-blog-content .blog-comments h4,
.left-blog-details-style-6 .single-blog-content .blog-comments h4,
.right-blog-details-style-6 .single-blog-content .blog-comments h4 {
    font-size: 20px;
}

.full-blog-details-style-6 .single-blog-content .blog-comments h4 span,
.left-blog-details-style-6 .single-blog-content .blog-comments h4 span,
.right-blog-details-style-6 .single-blog-content .blog-comments h4 span {
    color: #73841b;
}

.full-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info,
.left-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info,
.right-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info {
    margin-top: 23px;
    padding-top: 30px;
    border-top: 1px solid #eee;
}

.full-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae,
.left-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae,
.right-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae {
    display: flex;
    margin-top: 24px;
}

.full-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae:first-child,
.left-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae:first-child,
.right-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae:first-child {
    margin-top: 0px;
}

.full-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.comment-reply,
.left-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.comment-reply,
.right-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.comment-reply {
    padding-left: 50px;
}

.full-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.all-reply,
.left-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.all-reply,
.right-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.all-reply {
    margin-top: 24px;
    padding-top: 30px;
    border-top: 1px solid #eee;
}

.full-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-man,
.left-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-man,
.right-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-man {
    width: 45px;
    height: 45px;
    background-color: #73841b;
    color: #fff;
    margin-right: 15px;
    font-size: 15px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    font-weight: 600;
}

.full-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content,
.left-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content,
.right-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content {
    width: calc(100% - 45px);
}

.full-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result,
.left-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result,
.right-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result {
    display: block;
}

.full-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name,
.left-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name,
.right-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name {
    margin: 5px 0px;
}

.full-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name i,
.left-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name i,
.right-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name i {
    font-style: normal;
}

.full-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date,
.left-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date,
.right-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date {
    font-weight: 600;
}

.full-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date a.Reply,
.left-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date a.Reply,
.right-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date a.Reply {
    color: #73841b;
    margin-left: 30px;
    font-weight: 500;
}

.full-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span span.comments-title,
.left-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span span.comments-title,
.right-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span span.comments-title {
    font-weight: 600;
    color: #73841b;
}

.full-blog-details-style-6 .single-blog-content .comments-form,
.left-blog-details-style-6 .single-blog-content .comments-form,
.right-blog-details-style-6 .single-blog-content .comments-form {
    margin-top: 20px;
}

.full-blog-details-style-6 .single-blog-content .comments-form h4,
.left-blog-details-style-6 .single-blog-content .comments-form h4,
.right-blog-details-style-6 .single-blog-content .comments-form h4 {
    font-size: 18px;
}

.full-blog-details-style-6 .single-blog-content .comments-form form label,
.left-blog-details-style-6 .single-blog-content .comments-form form label,
.right-blog-details-style-6 .single-blog-content .comments-form form label {
    margin-top: 15px;
    margin-bottom: 5px;
}

.full-blog-details-style-6 .single-blog-content .comments-form form input,
.left-blog-details-style-6 .single-blog-content .comments-form form input,
.right-blog-details-style-6 .single-blog-content .comments-form form input {
    width: 100%;
    padding: 10px 15px;
    border: 1px solid #eee;
    border-radius: 3px;
}

.full-blog-details-style-6 .single-blog-content .comments-form form input:focus,
.left-blog-details-style-6 .single-blog-content .comments-form form input:focus,
.right-blog-details-style-6 .single-blog-content .comments-form form input:focus {
    border-color: #73841b;
}

.full-blog-details-style-6 .single-blog-content .comments-form form textarea,
.left-blog-details-style-6 .single-blog-content .comments-form form textarea,
.right-blog-details-style-6 .single-blog-content .comments-form form textarea {
    width: 100%;
    min-height: 100px;
    padding: 10px 15px;
    border: 1px solid #eee;
    border-radius: 3px;
    resize: unset;
}

.full-blog-details-style-6 .single-blog-content .comments-form form textarea:focus,
.left-blog-details-style-6 .single-blog-content .comments-form form textarea:focus,
.right-blog-details-style-6 .single-blog-content .comments-form form textarea:focus {
    border-color: #73841b;
}

.full-blog-details-style-6 .single-blog-content .comments-form a.btn-style1,
.left-blog-details-style-6 .single-blog-content .comments-form a.btn-style1,
.right-blog-details-style-6 .single-blog-content .comments-form a.btn-style1 {
    margin-top: 15px;
}

.full-blog-details-style-6 .single-blog-content .blog-comments,
.left-blog-details-style-6 .single-blog-content .blog-comments,
.right-blog-details-style-6 .single-blog-content .blog-comments {
    margin-top: 23px;
}

.full-blog-details-style-6 .single-blog-content .blog-comments h4,
.left-blog-details-style-6 .single-blog-content .blog-comments h4,
.right-blog-details-style-6 .single-blog-content .blog-comments h4 {
    font-size: 18px;
}

.full-blog-details-style-6 .single-blog-content .blog-comments h4 span,
.left-blog-details-style-6 .single-blog-content .blog-comments h4 span,
.right-blog-details-style-6 .single-blog-content .blog-comments h4 span {
    color: #73841b;
}


/* Center blog css */

.cetner-blog-style-6 {
    display: flex;
    flex-wrap: wrap;
}

.cetner-blog-style-6 .blog-start {
    width: 100%;
    margin-top: 30px;
}

.cetner-blog-style-6 .blog-start:nth-child(1) {
    margin-top: 0px;
}

.cetner-blog-style-6 .blog-start .blog-image {
    position: relative;
    display: flex;
}

.cetner-blog-style-6 .blog-start .blog-image a {
    position: relative;
    overflow: hidden;
}

.cetner-blog-style-6 .blog-start:hover .blog-image a img {
    -webkit-transform: scale(1.06);
    -o-transform: scale(1.06);
    transform: scale(1.06);
}

.cetner-blog-style-6 .blog-start .blog-image a img,
.cetner-blog-style-6 .blog-start:hover .blog-image a img {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.cetner-blog-style-6 .blog-start .blog-image .image-link {
    position: absolute;
    bottom: 10px;
    left: 15px;
}

.cetner-blog-style-6 .blog-start .blog-image .image-link a {
    background-color: #73841b;
    color: #fff;
    padding: 3px 8px;
    font-size: 14px;
    border-radius: 3px;
    text-transform: uppercase;
}

.cetner-blog-style-6 .blog-start .blog-image .image-link a:hover {
    background-color: #000;
}

.cetner-blog-style-6 .blog-start .blog-content {
    padding-top: 23px;
}

.cetner-blog-style-6 .blog-start .blog-content .blog-title h6 {
    font-size: 16px;
}

.cetner-blog-style-6 .blog-start .blog-content .blog-title h6 a {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.cetner-blog-style-6 .blog-start .blog-content .blog-title h6 a:hover {
    color: #73841b;
}

.cetner-blog-style-6 .blog-start .blog-content p.blog-description {
    color: #999;
    margin-top: 16px;
    font-size: 14px;
}

.cetner-blog-style-6 .blog-start .blog-content .more-blog {
    margin-top: 17px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cetner-blog-style-6 .blog-start .blog-content .more-blog a.read-link {
    color: #73841b;
    font-size: 14px;
    display: flex;
    align-items: center;
}

.cetner-blog-style-6 .blog-start .blog-content .more-blog a.read-link i {
    font-size: 12px;
    padding-left: 5px;
}

.cetner-blog-style-6 .blog-start .blog-content .more-blog a.read-link i,
.cetner-blog-style-6 .blog-start .blog-content .more-blog a.read-link:hover i {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.cetner-blog-style-6 .blog-start .blog-content .more-blog a.read-link:hover i {
    margin-left: 8px;
}


/* style-7 right column css */

.right-area .b-Reply form a.Reply-link {
    background-color: #5fa800;
    color: #fff;
    width: 100%;
    padding: 8px 15px;
    margin-top: 30px;
    text-align: center;
    font-weight: 500;
    border: 2px solid #5fa800;
}

.right-area .b-Reply form a.Reply-link:hover {
    background-color: transparent;
    color: #000;
    border-color: #5fa800;
}

.center-right-area .right-column-start .archive-link ul li a:hover {
    color: #cd7752;
}

.left-column .left-blog .blog-item .l-blog-caption h4 a:hover {
    color: #cd7752;
}


/* style-7 center blog right column css */

.center-right-area .b-Reply form a.Reply-link {
    background-color: #cd7752;
    color: #fff;
    width: 100%;
    padding: 8px 15px;
    margin-top: 30px;
    text-align: center;
    font-weight: 500;
    border: 2px solid #cd7752;
}

.center-right-area .b-Reply form a.Reply-link:hover {
    background-color: transparent;
    color: #000;
    border-color: #cd7752;
}


/* style-7 full-left-right grid blog css */

.blog-style-7-3-grid,
.blog-style-7-left-grid-blog,
.blog-style-7-right-grid-blog {
    display: flex;
    flex-wrap: wrap;
    margin-top: -30px;
    margin-left: -30px;
}

.blog-style-7-3-grid .blog-start,
.blog-style-7-left-grid-blog .blog-start,
.blog-style-7-right-grid-blog .blog-start {
    width: calc(33.33% - 30px);
    margin-left: 30px;
    margin-top: 30px;
}

.blog-style-7-3-grid .blog-start .blog-image,
.blog-style-7-left-grid-blog .blog-start .blog-image,
.blog-style-7-right-grid-blog .blog-start .blog-image {
    position: relative;
    display: flex;
}

.blog-style-7-3-grid .blog-start .blog-image a,
.blog-style-7-left-grid-blog .blog-start .blog-image a,
.blog-style-7-right-grid-blog .blog-start .blog-image a {
    position: relative;
    overflow: hidden;
}

.blog-style-7-3-grid .blog-start .blog-image a img,
.blog-style-7-left-grid-blog .blog-start .blog-image a img,
.blog-style-7-right-grid-blog .blog-start .blog-image a img {
    height: 255px;
    object-fit: cover;
}

.blog-style-7-3-grid .blog-start:hover .blog-image a img,
.blog-style-7-left-grid-blog .blog-start:hover .blog-image a img,
.blog-style-7-right-grid-blog .blog-start:hover .blog-image a img {
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.blog-style-7-3-grid .blog-start .blog-image a img,
.blog-style-7-3-grid .blog-start:hover .blog-image a img,
.blog-style-7-left-grid-blog .blog-start .blog-image a img,
.blog-style-7-left-grid-blog .blog-start:hover .blog-image a img,
.blog-style-7-right-grid-blog .blog-start .blog-image a img,
.blog-style-7-right-grid-blog .blog-start:hover .blog-image a img {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.blog-style-7-3-grid .blog-start .blog-content .blog-title h6,
.blog-style-7-left-grid-blog .blog-start .blog-content .blog-title h6,
.blog-style-7-right-grid-blog .blog-start .blog-content .blog-title h6 {
    font-size: 16px;
    padding-top: 23px;
}

.blog-style-7-3-grid .blog-start .blog-content .blog-title h6 a,
.blog-style-7-left-grid-blog .blog-start .blog-content .blog-title h6 a,
.blog-style-7-right-grid-blog .blog-start .blog-content .blog-title h6 a {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.blog-style-7-3-grid .blog-start .blog-content .blog-title h6 a:hover,
.blog-style-7-left-grid-blog .blog-start .blog-content .blog-title h6 a:hover,
.blog-style-7-right-grid-blog .blog-start .blog-content .blog-title h6 a:hover {
    color: #cd7752;
}

.blog-style-7-3-grid .blog-start .blog-content p.blog-description,
.blog-style-7-left-grid-blog .blog-start .blog-content p.blog-description,
.blog-style-7-right-grid-blog .blog-start .blog-content p.blog-description {
    color: #999;
    margin-top: 16px;
}

.blog-style-7-3-grid .blog-start .blog-content .more-blog,
.blog-style-7-left-grid-blog .blog-start .blog-content .more-blog,
.blog-style-7-right-grid-blog .blog-start .blog-content .more-blog {
    margin-top: 17px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.blog-style-7-3-grid .blog-start .blog-content .more-blog a.read-link,
.blog-style-7-left-grid-blog .blog-start .blog-content .more-blog a.read-link,
.blog-style-7-right-grid-blog .blog-start .blog-content .more-blog a.read-link {
    color: #cd7752;
    font-size: 14px;
    display: flex;
    align-items: center;
}

.blog-style-7-3-grid .blog-start .blog-content .more-blog a.read-link i,
.blog-style-7-left-grid-blog .blog-start .blog-content .more-blog a.read-link i,
.blog-style-7-right-grid-blog .blog-start .blog-content .more-blog a.read-link i {
    font-size: 12px;
    padding-left: 5px;
}

.blog-style-7-3-grid .blog-start .blog-content .more-blog a.read-link i,
.blog-style-7-3-grid .blog-start .blog-content .more-blog a.read-link:hover i,
.blog-style-7-left-grid-blog .blog-start .blog-content .more-blog a.read-link i,
.blog-style-7-left-grid-blog .blog-start .blog-content .more-blog a.read-link:hover i,
.blog-style-7-right-grid-blog .blog-start .blog-content .more-blog a.read-link i,
.blog-style-7-right-grid-blog .blog-start .blog-content .more-blog a.read-link:hover i {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.blog-style-7-3-grid .blog-start .blog-content .more-blog a.read-link:hover i,
.blog-style-7-left-grid-blog .blog-start .blog-content .more-blog a.read-link:hover i,
.blog-style-7-right-grid-blog .blog-start .blog-content .more-blog a.read-link:hover i {
    margin-left: 8px;
}


/* pagination css */

.all-page .page-number a:after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 1px;
    right: 0px;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    opacity: 0;
    visibility: hidden;
}

.all-page .page-number.style-1 a:after,
.all-page .page-number.style-5 a:after {
    background-color: #276309;
}

.all-page .page-number.style-2 a:after,
.all-page .page-number.style-3 a:after {
    background-color: #5fa800;
}

.all-page .page-number.style-6 a:after {
    background-color: #73841b;
}

.all-page .page-number.style-7 a:after {
    background-color: #cd7752;
}

.all-page .page-number a:hover:after,
.all-page .page-number a.active:after {
    opacity: 1;
    visibility: visible;
}

.all-page .page-number.style-1 a:hover,
.all-page .page-number.style-1 a.active,
.all-page .page-number.style-5 a:hover,
.all-page .page-number.style-5 a.active {
    color: #276309;
}

.all-page .page-number.style-2 a:hover,
.all-page .page-number.style-2 a.active,
.all-page .page-number.style-3 a:hover,
.all-page .page-number.style-3 a.active {
    color: #5fa800;
}

.all-page .page-number.style-7 a:hover,
.all-page .page-number.style-7 a.active {
    color: #cd7752;
}

.all-page .page-number a:last-child:after {
    display: none;
}


/* style-7 full-left-right list blog css */

.full-blog-list-style-7 .blog-start,
.blog-style-7-left-list-blog .blog-start,
.blog-style-7-right-list-blog .blog-start {
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 20px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #eee;
}

.full-blog-list-style-7 .blog-start .blog-image {
    width: 42%;
}

.blog-style-7-left-list-blog .blog-start .blog-image,
.blog-style-7-right-list-blog .blog-start .blog-image {
    width: 50%;
}

.full-blog-list-style-7 .blog-start .blog-image a,
.blog-style-7-left-list-blog .blog-start .blog-image a,
.blog-style-7-right-list-blog .blog-start .blog-image a {
    position: relative;
    overflow: hidden;
    display: block;
}

.full-blog-list-style-7 .blog-start .blog-image a img,
.blog-style-7-left-list-blog .blog-start .blog-image a img,
.blog-style-7-right-list-blog .blog-start .blog-image a img {
    width: 100%;
    height: 255px;
    object-fit: cover;
}

.full-blog-list-style-7 .blog-start:hover .blog-image a img,
.blog-style-7-left-list-blog .blog-start:hover .blog-image a img,
.blog-style-7-right-list-blog .blog-start:hover .blog-image a img {
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.full-blog-list-style-7 .blog-start .blog-image a img,
.full-blog-list-style-7 .blog-start:hover .blog-image a img,
.blog-style-7-left-list-blog .blog-start .blog-image a img,
.blog-style-7-left-list-blog .blog-start:hover .blog-image a img,
.blog-style-7-right-list-blog .blog-start .blog-image a img,
.blog-style-7-right-list-blog .blog-start:hover .blog-image a img {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.full-blog-list-style-7 .blog-start .blog-content {
    width: calc(58% - 30px);
    margin-left: 30px;
}

.blog-style-7-left-list-blog .blog-start .blog-content,
.blog-style-7-right-list-blog .blog-start .blog-content {
    width: calc(50% - 30px);
    margin-left: 30px;
}

.full-blog-list-style-7 .blog-start .blog-content .blog-title h6,
.blog-style-7-left-list-blog .blog-start .blog-content .blog-title h6,
.blog-style-7-right-grid-blog .blog-start .blog-content .blog-title h6 {
    font-size: 16px;
}

.full-blog-list-style-7 .blog-start .blog-content .blog-title h6 a,
.blog-style-7-left-list-blog .blog-start .blog-content .blog-title h6 a,
.blog-style-7-right-list-blog .blog-start .blog-content .blog-title h6 a {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.full-blog-list-style-7 .blog-start .blog-content .blog-title h6 a:hover,
.blog-style-7-left-list-blog .blog-start .blog-content .blog-title h6 a:hover,
.blog-style-7-right-list-blog .blog-start .blog-content .blog-title h6 a:hover {
    color: #cd7752;
}

.full-blog-list-style-7 .blog-start .blog-content p.blog-description,
.blog-style-7-left-list-blog .blog-start .blog-content p.blog-description,
.blog-style-7-right-list-blog .blog-start .blog-content p.blog-description {
    color: #999;
    margin-top: 16px;
}

.full-blog-list-style-7 .blog-start .blog-content .more-blog,
.blog-style-7-left-list-blog .blog-start .blog-content .more-blog,
.blog-style-7-right-list-blog .blog-start .blog-content .more-blog {
    margin-top: 17px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.full-blog-list-style-7 .blog-start .blog-content .more-blog a.read-link,
.blog-style-7-left-list-blog .blog-start .blog-content .more-blog a.read-link,
.blog-style-7-right-list-blog .blog-start .blog-content .more-blog a.read-link {
    color: #cd7752;
    font-size: 14px;
}

.full-blog-list-style-7 .blog-start .blog-content .more-blog a.read-link i,
.blog-style-7-left-list-blog .blog-start .blog-content .more-blog a.read-link i,
.blog-style-7-right-list-blog .blog-start .blog-content .more-blog a.read-link i {
    font-size: 12px;
}

.full-blog-list-style-7 .blog-start .blog-content .more-blog a.read-link i,
.full-blog-list-style-7 .blog-start .blog-content .more-blog a.read-link:hover i,
.blog-style-7-left-list-blog .blog-start .blog-content .more-blog a.read-link i,
.blog-style-7-left-list-blog .blog-start .blog-content .more-blog a.read-link:hover i,
.blog-style-7-right-list-blog .blog-start .blog-content .more-blog a.read-link i,
.blog-style-7-right-list-blog .blog-start .blog-content .more-blog a.read-link:hover i {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.full-blog-list-style-7 .blog-start .blog-content .more-blog a.read-link:hover i,
.blog-style-7-left-list-blog .blog-start .blog-content .more-blog a.read-link:hover i,
.blog-style-7-right-list-blog .blog-start .blog-content .more-blog a.read-link:hover i {
    margin-left: 8px;
}


/* style-7 full-left-right blog details css */

.full-blog-details-style-7 .single-blog-content,
.left-blog-details-style7 .single-blog-content,
.right-blog-details-style7 .single-blog-content {
    margin-top: 33px;
}

.full-blog-details-style-7 .single-blog-content .single-b-title h4,
.left-blog-details-style7 .single-blog-content .single-b-title h4,
.right-blog-details-style7 .single-blog-content .single-b-title h4 {
    font-size: 16px;
}

.full-blog-details-style-7 .single-blog-content .date-edit-comments,
.left-blog-details-style7 .single-blog-content .date-edit-comments,
.right-blog-details-style7 .single-blog-content .date-edit-comments {
    margin-top: 23px;
}

.full-blog-details-style-7 .single-blog-content .date-edit-comments .blog-info-wrap,
.left-blog-details-style7 .single-blog-content .date-edit-comments .blog-info-wrap,
.right-blog-details-style7 .single-blog-content .date-edit-comments .blog-info-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: -15px 0px 0px -30px;
}

.full-blog-details-style-7 .single-blog-content .date-edit-comments .blog-info-wrap span.blog-data,
.left-blog-details-style7 .single-blog-content .date-edit-comments .blog-info-wrap span.blog-data,
.right-blog-details-style7 .single-blog-content .date-edit-comments .blog-info-wrap span.blog-data {
    margin: 15px 0px 0px 30px;
    display: flex;
    align-items: center;
    line-height: 1;
}

.full-blog-details-style-7 .single-blog-content .date-edit-comments .blog-info-wrap span.blog-data i,
.left-blog-details-style7 .single-blog-content .date-edit-comments .blog-info-wrap span.blog-data i,
.right-blog-details-style7 .single-blog-content .date-edit-comments .blog-info-wrap span.blog-data i {
    margin-right: 5px;
}

.full-blog-details-style-7 .single-blog-content .blog-description,
.left-blog-details-style7 .single-blog-content .blog-description,
.right-blog-details-style7 .single-blog-content .blog-description {
    margin-top: 23px;
}

.full-blog-details-style-7 .single-blog-content .blog-description p,
.left-blog-details-style7 .single-blog-content .blog-description p,
.right-blog-details-style7 .single-blog-content .blog-description p {
    margin-top: 5px;
}

.full-blog-details-style-7 .single-blog-content .blog-description .blog-image-description,
.left-blog-details-style7 .single-blog-content .blog-description .blog-image-description,
.right-blog-details-style7 .single-blog-content .blog-description .blog-image-description {
    margin-top: 7px;
}

.full-blog-details-style-7 .single-blog-content .blog-description .blog-image-description img,
.left-blog-details-style7 .single-blog-content .blog-description .blog-image-description img,
.right-blog-details-style7 .single-blog-content .blog-description .blog-image-description img {
    float: left;
    margin-right: 15px;
}

.full-blog-details-style-7 .single-blog-content .blog-description .blog-image-description p.bold-description,
.left-blog-details-style7 .single-blog-content .blog-description .blog-image-description p.bold-description,
.right-blog-details-style7 .single-blog-content .blog-description .blog-image-description p.bold-description {
    font-size: 15px;
    font-weight: 700;
}

.full-blog-details-style-7 .single-blog-content .blog-description p.color-description,
.left-blog-details-style7 .single-blog-content .blog-description p.color-description,
.right-blog-details-style7 .single-blog-content .blog-description p.color-description {
    background-color: #f7f7f7;
    font-size: 16px;
    color: #cd7752;
    margin: 22px 0px;
    padding: 30px;
    border-left: 1px solid #ddd;
}

.full-blog-details-style-7 .single-blog-content .blog-img,
.left-blog-details-style7 .single-blog-content .blog-img,
.right-blog-details-style7 .single-blog-content .blog-img {
    margin-left: -30px;
    margin-top: 22px;
    display: flex;
}

.full-blog-details-style-7 .single-blog-content .blog-img .b-image1,
.left-blog-details-style7 .single-blog-content .blog-img .b-image1,
.right-blog-details-style7 .single-blog-content .blog-img .b-image1 {
    width: calc(50% - 30px);
    margin-left: 30px;
    line-height: 0;
}

.full-blog-details-style-7 .single-blog-content .blog-img .b-image1 a,
.left-blog-details-style7 .single-blog-content .blog-img .b-image1 a,
.right-blog-details-style7 .single-blog-content .blog-img .b-image1 a {
    position: relative;
    overflow: hidden;
}

.full-blog-details-style-7 .single-blog-content .blog-img .b-image1 a img,
.left-blog-details-style7 .single-blog-content .blog-img .b-image1 a img,
.right-blog-details-style7 .single-blog-content .blog-img .b-image1 a img {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.full-blog-details-style-7 .single-blog-content .blog-img .b-image1 a img:hover,
.left-blog-details-style7 .single-blog-content .blog-img .b-image1 a img:hover,
.right-blog-details-style7 .single-blog-content .blog-img .b-image1 a img:hover {
    transform: scale(1.1);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.full-blog-details-style-7 .single-blog-content .blog-info,
.left-blog-details-style7 .single-blog-content .blog-info,
.right-blog-details-style7 .single-blog-content .blog-info {
    padding: 30px;
    margin-top: 30px;
    background-color: #f7f7f7;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.full-blog-details-style-7 .single-blog-content .blog-info i.fa-quote-left,
.left-blog-details-style7 .single-blog-content .blog-info i.fa-quote-left,
.right-blog-details-style7 .single-blog-content .blog-info i.fa-quote-left {
    font-size: 30px;
    color: #cd7752;
}

.full-blog-details-style-7 .single-blog-content .blog-info h6,
.left-blog-details-style7 .single-blog-content .blog-info h6,
.right-blog-details-style7 .single-blog-content .blog-info h6 {
    color: #cd7752;
    font-size: 16px;
    margin-top: 9px;
    font-weight: 600;
}

.full-blog-details-style-7 .single-blog-content .b-link,
.left-blog-details-style7 .single-blog-content .b-link,
.right-blog-details-style7 .single-blog-content .b-link {
    margin-top: 30px;
}

.full-blog-details-style-7 .single-blog-content .b-link a,
.left-blog-details-style7 .single-blog-content .b-link a,
.right-blog-details-style7 .single-blog-content .b-link a {
    background-color: #cd7752;
    padding: 5px 10px;
    color: #fff;
    border: 2px solid #cd7752;
    border-radius: 4px;
}

.full-blog-details-style-7 .single-blog-content .b-link a:hover,
.left-blog-details-style7 .single-blog-content .b-link a:hover,
.right-blog-details-style7 .single-blog-content .b-link a:hover {
    background-color: transparent;
    color: #000;
    border-color: #cd7752;
}

.full-blog-details-style-7 .single-blog-content .blog-social,
.left-blog-details-style7 .single-blog-content .blog-social,
.right-blog-details-style7 .single-blog-content .blog-social {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.full-blog-details-style-7 .single-blog-content .blog-social a.facebook,
.full-blog-details-style-7 .single-blog-content .blog-social a.twitter,
.full-blog-details-style-7 .single-blog-content .blog-social a.insta,
.full-blog-details-style-7 .single-blog-content .blog-social a.pinterest,
.left-blog-details-style7 .single-blog-content .blog-social a.facebook,
.left-blog-details-style7 .single-blog-content .blog-social a.twitter,
.left-blog-details-style7 .single-blog-content .blog-social a.insta,
.left-blog-details-style7 .single-blog-content .blog-social a.pinterest,
.right-blog-details-style7 .single-blog-content .blog-social a.facebook,
.right-blog-details-style7 .single-blog-content .blog-social a.twitter,
.right-blog-details-style7 .single-blog-content .blog-social a.insta,
.right-blog-details-style7 .single-blog-content .blog-social a.pinterest {
    width: 30px;
    height: 30px;
    margin-right: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
}

.full-blog-details-style-7 .single-blog-content .blog-social a,
.left-blog-details-style7 .single-blog-content .blog-social a,
.right-blog-details-style7 .single-blog-content .blog-social a {
    background-color: #cd7752;
    color: #222;
}

.full-blog-details-style-7 .single-blog-content .blog-social a:hover,
.left-blog-details-style7 .single-blog-content .blog-social a:hover,
.right-blog-details-style7 .single-blog-content .blog-social a:hover {
    background-color: #cd7752;
    color: #fff;
}

.full-blog-details-style-7 .single-blog-content .blog-comments,
.left-blog-details-style7 .single-blog-content .blog-comments,
.right-blog-details-style7 .single-blog-content .blog-comments {
    margin-top: 23px;
}

.full-blog-details-style-7 .single-blog-content .blog-comments h4,
.left-blog-details-style7 .single-blog-content .blog-comments h4,
.right-blog-details-style7 .single-blog-content .blog-comments h4 {
    font-size: 18px;
}

.full-blog-details-style-7 .single-blog-content .blog-comments h4 span,
.left-blog-details-style7 .single-blog-content .blog-comments h4 span,
.right-blog-details-style7 .single-blog-content .blog-comments h4 span {
    color: #cd7752;
}

.full-blog-details-style-7 .single-blog-content .blog-comments .blog-comment-info,
.left-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info,
.right-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info {
    margin-top: 23px;
    padding-top: 30px;
    border-top: 1px solid #eee;
}

.full-blog-details-style-7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae,
.left-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae,
.right-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae {
    margin-top: 24px;
    display: flex;
}

.full-blog-details-style-7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae:first-child,
.left-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae:first-child,
.right-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae:first-child {
    margin-top: 0px;
}

.full-blog-details-style-7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.comment-reply,
.left-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.comment-reply,
.right-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.comment-reply {
    padding-left: 50px;
}

.full-blog-details-style-7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.all-reply,
.left-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.all-reply,
.right-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.all-reply {
    margin-top: 24px;
    padding-top: 30px;
    border-top: 1px solid #eee;
}

.full-blog-details-style-7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-man,
.left-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-man,
.right-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-man {
    width: 45px;
    height: 45px;
    background-color: #cd7752;
    color: #fff;
    margin-right: 15px;
    font-size: 15px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    font-weight: 600;
}

.full-blog-details-style-7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content,
.left-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content,
.right-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content {
    width: calc(100% - 45px);
}

.full-blog-details-style-7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result,
.left-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result,
.right-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result {
    display: block;
}

.full-blog-details-style-7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name,
.left-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name,
.right-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name {
    margin: 5px 0px;
}

.full-blog-details-style-7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name i,
.left-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name i,
.right-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name i {
    font-style: normal;
}

.full-blog-details-style-7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date,
.left-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date,
.right-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date {
    font-weight: 600;
}

.full-blog-details-style-7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date a.Reply,
.left-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date a.Reply,
.right-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date a.Reply {
    color: #cd7752;
    margin-left: 30px;
    font-weight: 500;
}

.full-blog-details-style-7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span span.comments-title,
.left-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span span.comments-title,
.right-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span span.comments-title {
    font-weight: 600;
    color: #cd7752;
}


/* style-7 center blog css */

.center-blog-style-7 {
    display: flex;
    flex-wrap: wrap;
}

.center-blog-style-7 .blog-start {
    width: 100%;
    margin-top: 30px;
}

.center-blog-style-7 .blog-start:nth-child(1) {
    margin-top: 0px;
}

.center-blog-style-7 .blog-start .blog-image {
    position: relative;
    display: flex;
}

.center-blog-style-7 .blog-start .blog-image a {
    position: relative;
    overflow: hidden;
}

.center-blog-style-7 .blog-start:hover .blog-image a img {
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.center-blog-style-7 .blog-start .blog-image a img,
.center-blog-style-7 .blog-start:hover .blog-image a img {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.center-blog-style-7 .blog-start .blog-content {
    padding-top: 23px;
}

.center-blog-style-7 .blog-start .blog-content .blog-title h6 {
    font-size: 16px;
}

.center-blog-style-7 .blog-start .blog-content .blog-title h6 a {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.center-blog-style-7 .blog-start .blog-content .blog-title h6 a:hover {
    color: #cd7752;
}

.center-blog-style-7 .blog-start .blog-content p.blog-description {
    color: #999;
    margin-top: 16px;
}

.center-blog-style-7 .blog-start .blog-content .more-blog {
    margin-top: 17px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.center-blog-style-7 .blog-start .blog-content .more-blog a.read-link {
    color: #cd7752;
    font-size: 14px;
    display: flex;
    align-items: center;
}

.center-blog-style-7 .blog-start .blog-content .more-blog a.read-link i {
    font-size: 12px;
    padding-left: 5px;
}

.center-blog-style-7 .blog-start .blog-content .more-blog a.read-link i,
.center-blog-style-7 .blog-start .blog-content .more-blog a.read-link:hover i {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.center-blog-style-7 .blog-start .blog-content .more-blog a.read-link:hover i {
    margin-left: 8px;
}


/* order history page css */

.order-histry-area .order-history {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-left: -30px;
}

.order-histry-area .order-history .profile {
    width: calc(35% - 30px);
    margin-left: 30px;
    border: 1px solid #eee;
    border-radius: 5px;
}

.order-histry-area .order-history .profile .order-pro {
    padding: 30px;
    display: flex;
    align-items: center;
}

.order-histry-area .order-history .profile .order-pro .pro-img img {
    border: 3px solid #eee;
    border-radius: 100%;
}

.order-histry-area .order-history .profile .order-pro .order-name {
    margin-left: 15px;
}

.order-histry-area .order-history .profile .order-pro .order-name h4 {
    font-size: 18px;
    color: #333;
    font-weight: 600;
    line-height: 1;
}

.order-histry-area .order-history .profile .order-pro .order-name span {
    font-size: 13px;
    color: #9da9b9;
    margin-top: 12px;
}

.order-histry-area .order-history .profile .order-his-page ul.profile-ul li.profile-li a {
    position: relative;
    width: 100%;
    padding: 15px 30px;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #ddd;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.order-histry-area .order-history .profile .order-his-page ul.profile-ul li.profile-li a:after {
    background-color: #276309;
    content: '';
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    left: 18px;
    width: 2px;
    height: 15px;
}

.order-histry-area .order-history .profile .order-his-page ul.profile-ul li.profile-li a.active:after {
    background-color: #fff;
}

.order-histry-area .order-history .profile .order-his-page ul.profile-ul li.profile-li a:hover {
    background-color: #f5f5f5;
    color: #333;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.order-histry-area .order-history .profile .order-his-page ul.profile-ul li.profile-li a.active {
    background-color: #276309;
    color: #fff;
    border-color: #276309;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.order-histry-area .order-history .profile .order-his-page ul.profile-ul li.profile-li a span.pro-count {
    background-color: #276309;
    width: 25px;
    height: 25px;
    font-size: 12px;
    line-height: 1;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
}

.order-histry-area .order-history .profile .order-his-page ul.profile-ul li.profile-li a.active span.pro-count {
    background-color: #fff;
    color: #333;
}

.order-histry-area .order-history .order-info {
    width: calc(65% - 30px);
    margin-left: 30px;
}

.order-histry-area .order-history .order-info .table {
    border-top: 1px solid #eee;
}

.order-histry-area .order-history .order-info .table thead {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.order-histry-area .order-history .order-info .table thead tr th {
    padding-top: 11px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

.order-histry-area .order-history .order-info .table tbody tr td {
    padding-top: 11px;
    padding-bottom: 10px;
}

.order-histry-area .order-history .order-info .table tbody tr td.canceled {
    color: #ff5252;
}

.order-histry-area .order-history .order-info .table tbody tr td.process {
    color: #50c6e9;
}

.order-histry-area .order-history .order-info .table tbody tr td.delayed {
    color: #ffb74f;
}

.order-histry-area .order-history .order-info .table tbody tr td.delivered {
    color: #43d9a3;
}


/* profile page css */

.order-histry-area .order-history .profile-form {
    width: calc(65% - 30px);
    margin-left: 30px;
}

.order-histry-area .order-history .profile-form form ul.pro-input-label {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: -30px;
    margin-top: 15px;
}

.order-histry-area .order-history .profile-form form ul.pro-input-label:first-child {
    margin-top: 0px;
}

.order-histry-area .order-history .profile-form form ul.pro-input-label li {
    width: calc(50% - 30px);
    margin-left: 30px;
}

.order-histry-area .order-history .profile-form form ul.pro-input-label li label {
    font-size: 14px;
}

.order-histry-area .order-history .profile-form form ul.pro-input-label li input {
    width: 100%;
    border: 1px solid #eee;
    margin-top: 10px;
    border-radius: 5px;
}

.order-histry-area .order-history .profile-form form ul.pro-submit {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid #eee;
}


/* pro address css */

.order-histry-area .order-history .profile-address {
    width: calc(65% - 30px);
    margin-left: 30px;
}

.order-histry-area .order-history .profile-address form .pro-add-title h4 {
    font-size: 22px;
    color: #333;
    font-weight: 500;
    padding-bottom: 12px;
    border-bottom: 1px solid #eee;
    line-height: 1;
}

.order-histry-area .order-history .profile-address form ul.add-label-input {
    margin-left: -30px;
    margin-top: 15px;
    display: flex;
    align-items: center;
}

.order-histry-area .order-history .profile-address form ul.add-label-input li {
    width: calc(50% - 30px);
    margin-left: 30px;
}

.order-histry-area .order-history .profile-address form ul.add-label-input li label {
    font-size: 14px;
    color: #333;
}

.order-histry-area .order-history .profile-address form ul.add-label-input li input {
    width: 100%;
    margin-top: 10px;
    border: 1px solid #eee;
    border-radius: 5px;
}

.order-histry-area .order-history .profile-address form ul.add-label-input li select {
    width: 100%;
    margin-top: 10px;
    border: 1px solid #eee;
    border-radius: 5px;
}

.order-histry-area .order-history .profile-address form ul.pro-submit {
    margin-top: 30px;
    padding-top: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #eee;
}

.order-histry-area .order-history .profile-address form ul.pro-submit li {
    display: flex;
    align-items: center;
}

.order-histry-area .order-history .profile-address form ul.pro-submit li input {
    margin-right: 5px;
}

.order-histry-area .order-history .profile-form form ul.pro-submit li {
    display: flex;
    align-items: center;
    line-height: 1;
}

.order-histry-area .order-history .profile-form form ul.pro-submit li input {
    margin-right: 5px;
}


/* profile wishlist page css */

.order-histry-area .order-history .profile-wishlist {
    width: calc(65% - 30px);
    margin-left: 30px;
}


/* tickets page css */

.order-histry-area .order-history .profile-tickets {
    width: calc(65% - 30px);
    margin-left: 30px;
}

.order-histry-area .order-history .profile-tickets .table {
    border-top: 1px solid #eee;
}

.order-histry-area .order-history .profile-tickets .table thead tr th {
    padding-top: 11px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

.order-histry-area .order-history .profile-tickets .table tbody tr td {
    padding-top: 11px;
    padding-bottom: 10px;
}

.order-histry-area .order-history .profile-tickets .table tbody tr td.canceled {
    color: #ff5252;
}

.order-histry-area .order-history .profile-tickets .table tbody tr td.process {
    color: #50c6e9;
}

.order-histry-area .order-history .profile-tickets .table tbody tr td.delayed {
    color: #ffb74f;
}

.order-histry-area .order-history .profile-tickets .table tbody tr td.delivered {
    color: #43d9a3;
}

.icons {
    margin-left: 20px;
}



.user-icon {
    font-size: 25px;
}

.pro-input-label-1 li a {
    border: 1px solid #eee;
    padding: 10px;
    float: left;
    width: 50%;
}

.pro-input-label-1 li a i {
    float: right;
    font-weight: 600;
    padding-top: 5px;
}

ol.gradient-list {
    counter-reset: gradient-counter;
    list-style: none;
    margin: 1.75rem 0;
    padding-left: 1rem;
}

ol.gradient-list>li {
    background: white;
    border-radius: 0 0.5rem 0.5rem 0.5rem;
    counter-increment: gradient-counter;
    margin-top: 1rem;
    min-height: 3rem;
    padding: 1rem 1rem 1rem 3rem;
    position: relative;
    width: 100%;
    display: inline-block;
}

.floors i {
    font-size: 25px;
    color: green;
    margin-top: 5px;
}

.floors {
    float: right !important;
}

ol.gradient-list>li p {
    float: left;
}

ol.gradient-list>li::before,
ol.gradient-list>li::after {
    background: linear-gradient(135deg, #83e4e2 0%, #a2ed56 100%);
    border-radius: 1rem 1rem 0 1rem;
    content: "";
    height: 2rem;
    left: -1rem;
    overflow: hidden;
    position: absolute;
    top: -1rem;
    width: 2rem;
}

ol.gradient-list>li::before,
ol.gradient-list>li {
    box-shadow: 0.25rem 0.25rem 0.6rem rgb(0 0 0 / 5%), 0 0.5rem 1.125rem rgb(75 0 0 / 5%);
}

ol.gradient-list>li::before {
    align-items: flex-end;
    content: counter(gradient-counter);
    color: #1d1f20;
    display: flex;
    font: 900 1.5em/1 "Montserrat";
    justify-content: flex-end;
    padding: 0.125em 0.25em;
    z-index: 1;
}

ol.gradient-list>li:nth-child(10n+1):before {
    background: linear-gradient(135deg, rgba(162, 237, 86, 0.2) 0%, rgba(253, 220, 50, 0.2) 100%);
}

ol.gradient-list>li:nth-child(10n+2):before {
    background: linear-gradient(135deg, rgba(162, 237, 86, 0.4) 0%, rgba(253, 220, 50, 0.4) 100%);
}

ol.gradient-list>li:nth-child(10n+3):before {
    background: linear-gradient(135deg, rgba(162, 237, 86, 0.6) 0%, rgba(253, 220, 50, 0.6) 100%);
}

ol.gradient-list>li:nth-child(10n+4):before {
    background: linear-gradient(135deg, rgba(162, 237, 86, 0.8) 0%, rgba(253, 220, 50, 0.8) 100%);
}

ol.gradient-list>li:nth-child(10n+5):before {
    background: linear-gradient(135deg, #a2ed56 0%, #fddc32 100%);
}

ol.gradient-list>li:nth-child(10n+6):before {
    background: linear-gradient(135deg, rgba(162, 237, 86, 0.8) 0%, rgba(253, 220, 50, 0.8) 100%);
}

ol.gradient-list>li:nth-child(10n+7):before {
    background: linear-gradient(135deg, rgba(162, 237, 86, 0.6) 0%, rgba(253, 220, 50, 0.6) 100%);
}

ol.gradient-list>li:nth-child(10n+8):before {
    background: linear-gradient(135deg, rgba(162, 237, 86, 0.4) 0%, rgba(253, 220, 50, 0.4) 100%);
}

ol.gradient-list>li:nth-child(10n+9):before {
    background: linear-gradient(135deg, rgba(162, 237, 86, 0.2) 0%, rgba(253, 220, 50, 0.2) 100%);
}

ol.gradient-list>li:nth-child(10n+10):before {
    background: linear-gradient(135deg, rgba(162, 237, 86, 0) 0%, rgba(253, 220, 50, 0) 100%);
}

ol.gradient-list>li+li {
    margin-top: 2rem;
}

.earnings {
    width: 100%;
    display: inline-block;
    border-radius: 50px;
    background: linear-gradient(45deg, #589e75, #e6efea);
}

.earnings_1 {
    float: left;
    background: #059942f2;
    border-radius: 50px;
    padding: 5px 40px;
    color: #fff;
}

.daily_earning {
    box-shadow: 0 0 10px #ccc;
    padding: 20px;
    margin: 20px 0;
    border-radius: 20px;
}

.eran {
    float: right;
    padding: 5px 30px;
}

.repurchase_status_eraning {
    float: left;
    padding: 3px 20px;
    border-radius: 5px;
    border: 1px solid #ccc;
    margin-right: 15px;
    text-align: center;
}

.repurchase_status {
    width: 100%;
    display: inline-block;
}

.levels_earning {
    text-align: center;
    margin: 20px 0;
}

.level_fist {
    float: left;
    width: 50%;
    border: 1px solid #cccc;
    padding: 3px 10px;
    text-align: center;
}

.level_table p {
    border: 1px solid #cccc;
    padding: 0 10px;
    border-bottom: none;
    text-align: center;
}

.error {
    color: red;
}

.blog-style-5-details .single-blog-content .blog-info,
.style-5-left-blog-details .single-blog-content .blog-info,
.style-5-right-blog-details .single-blog-content .blog-info {
    padding: 30px;
    margin-top: 22px;
    background-color: #f7f7f7;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.blog-style-5-details .single-blog-content .blog-info i.fa-quote-left,
.style-5-left-blog-details .single-blog-content .blog-info i.fa-quote-left,
.style-5-right-blog-details .single-blog-content .blog-info i.fa-quote-left {
    font-size: 30px;
    color: #276309;
}

.blog-style-5-details .single-blog-content .blog-info h6,
.style-5-left-blog-details .single-blog-content .blog-info h6,
.style-5-right-blog-details .single-blog-content .blog-info h6 {
    color: #276309;
    font-size: 16px;
    margin-top: 9px;
    font-weight: 600;
}

.blog-style-5-details .single-blog-content .b-link,
.style-5-left-blog-details .single-blog-content .b-link,
.style-5-right-blog-details .single-blog-content .b-link {
    margin-top: 30px;
}

.blog-style-5-details .single-blog-content .b-link a,
.style-5-left-blog-details .single-blog-content .b-link a,
.style-5-right-blog-details .single-blog-content .b-link a {
    background-color: #276309;
    padding: 5px 10px;
    color: #fff;
    border-radius: 4px;
}

.blog-style-5-details .single-blog-content .b-link a:hover,
.style-5-left-blog-details .single-blog-content .b-link a:hover,
.style-5-right-blog-details .single-blog-content .b-link a:hover {
    background-color: #000;
    color: #fff;
}

.blog-style-5-details .single-blog-content .blog-comments,
.style-5-left-blog-details .single-blog-content .blog-comments,
.style-5-right-blog-details .single-blog-content .blog-comments {
    margin-top: 28px;
}

.blog-style-5-details .single-blog-content .blog-comments h4,
.style-5-left-blog-details .single-blog-content .blog-comments h4,
.style-5-right-blog-details .single-blog-content .blog-comments h4 {
    font-size: 18px;
    line-height: 1;
}

.blog-style-5-details .single-blog-content .blog-comments h4 span,
.style-5-left-blog-details .single-blog-content .blog-comments h4 span,
.style-5-right-blog-details .single-blog-content .blog-comments h4 span {
    color: #276309;
}

.blog-style-5-details .single-blog-content .blog-comments .blog-comment-info,
.style-5-left-blog-details .single-blog-content .blog-comments .blog-comment-info,
.style-5-right-blog-details .single-blog-content .blog-comments .blog-comment-info {
    margin-top: 27px;
    padding-top: 30px;
    border-top: 1px solid #eee;
}

.blog-style-5-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae,
.style-5-left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae,
.style-5-right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae {
    margin-top: 24px;
    display: flex;
}

.blog-style-5-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae:first-of-type,
.style-5-left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae:first-of-type,
.style-5-right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae:first-of-type {
    margin-top: 0px;
}

.blog-style-5-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.comment-reply,
.style-5-left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.comment-reply,
.style-5-right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.comment-reply {
    padding-left: 50px;
}

.blog-style-5-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.all-reply,
.style-5-left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.all-reply,
.style-5-right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.all-reply {
    margin-top: 24px;
    padding-top: 30px;
    border-top: 1px solid #eee;
}

.blog-style-5-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-man,
.style-5-left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-man,
.style-5-right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-man {
    width: 45px;
    height: 45px;
    background-color: #276309;
    color: #fff;
    margin-right: 15px;
    font-size: 15px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    font-weight: 600;
}

.blog-style-5-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content,
.style-5-left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content,
.style-5-right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content {
    width: calc(100% - 45px);
}

.blog-style-5-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result,
.style-5-left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result,
.style-5-right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result {
    display: block;
}

.blog-style-5-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name,
.style-5-left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name,
.style-5-right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name {
    margin-top: 5px;
}

.blog-style-5-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name i,
.style-5-left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name i,
.style-5-right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name i {
    font-style: normal;
}

.blog-style-5-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date,
.style-5-left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date,
.style-5-right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date {
    margin-top: 6px;
    margin-bottom: 0px;
    font-weight: 600;
}

.blog-style-5-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span span.comments-title,
.style-5-left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span span.comments-title,
.style-5-right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span span.comments-title {
    font-weight: 600;
    color: #276309;
}

.blog-style-5-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.Reply-btn,
.style-5-left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.Reply-btn,
.style-5-right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.Reply-btn {
    width: 120px;
}

.blog-style-5-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date a.Reply,
.style-5-left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date a.Reply,
.style-5-right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date a.Reply {
    color: #276309;
    margin-left: 30px;
    font-weight: 500;
}


/* style-5 center blog css */

.cetner-blog-style-5 {
    display: flex;
    flex-wrap: wrap;
}

.cetner-blog-style-5 .blog-start {
    width: 100%;
    margin-top: 30px;
}

.cetner-blog-style-5 .blog-start:nth-child(1) {
    margin-top: 0px;
}

.cetner-blog-style-5 .blog-start .blog-image a {
    display: block;
}

.cetner-blog-style-5 .blog-start .blog-content .blog-date-comment {
    background-color: #276309;
    color: #fff;
    padding: 5px 10px;
    display: flex;
    justify-content: space-between;
}

.cetner-blog-style-5 .blog-start .blog-content .blog-date-comment a {
    color: #fff;
    display: flex;
    align-items: center;
}

.cetner-blog-style-5 .blog-start .blog-content .blog-date-comment a i {
    margin-right: 5px;
}

.cetner-blog-style-5 .blog-start .blog-content .blog-title h6 {
    font-size: 16px;
    margin-top: 23px;
}

.cetner-blog-style-5 .blog-start .blog-content .blog-title h6 a {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.cetner-blog-style-5 .blog-start .blog-content p.blog-description {
    margin-top: 16px;
}

.cetner-blog-style-5 .blog-start .blog-content .more-blog {
    margin-top: 17px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cetner-blog-style-5 .blog-start .blog-content .more-blog a.read-link {
    color: #276309;
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.cetner-blog-style-5 .blog-start .blog-content .more-blog a.read-link i {
    font-size: 12px;
    padding-left: 5px;
}

.cetner-blog-style-5 .blog-start .blog-content .more-blog a.read-link i,
.cetner-blog-style-5 .blog-start .blog-content .more-blog a.read-link:hover i {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.cetner-blog-style-5 .blog-start .blog-content .more-blog a.read-link:hover i {
    margin-left: 8px;
}

.cetner-blog-style-5 .blog-start .blog-content .more-blog span.blog-admin span.blog-editor {
    font-weight: 600;
}


/* style-6 left-right column css */

.right-area .right-column-start .archive-link ul li a:hover {
    color: #73841b;
}


/* style-6 center right column css */

.center-right-area .b-Reply form a.Reply-link {
    background-color: #73841b;
    color: #fff;
    width: 100%;
    padding: 8px 15px;
    margin-top: 30px;
    text-align: center;
    font-weight: 500;
    border: 2px solid #73841b;
}

.center-right-area .b-Reply form a.Reply-link:hover {
    background-color: transparent;
    color: #000;
    border-color: #73841b;
}


/* pagination css */

.all-page .page-number a:after {
    background-color: #73841b;
    content: "";
    position: absolute;
    bottom: 0px;
    left: 1px;
    right: 0px;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    opacity: 0;
    visibility: hidden;
}

.all-page .page-number a:hover:after,
.all-page .page-number a.active:after {
    opacity: 1;
    visibility: visible;
}

.all-page .page-number a:hover,
.all-page .page-number a.active {
    color: #73841b;
}


/* style-6 full-left-right 3 grid blog css */

.blog-style-6-3-grid,
.blog-style-6-left-3-grid,
.blog-style-6-right-3-grid {
    display: flex;
    flex-wrap: wrap;
    margin-top: -30px;
    margin-left: -30px;
}

.blog-style-6-3-grid .blog-start,
.blog-style-6-left-3-grid .blog-start,
.blog-style-6-right-3-grid .blog-start {
    width: calc(33.33% - 30px);
    margin-left: 30px;
    margin-top: 30px;
}

.blog-style-6-3-grid .blog-start .blog-image,
.blog-style-6-left-3-grid .blog-start .blog-image,
.blog-style-6-right-3-grid .blog-start .blog-image {
    position: relative;
    display: flex;
}

.blog-style-6-3-grid .blog-start .blog-image a,
.blog-style-6-left-3-grid .blog-start .blog-image a,
.blog-style-6-right-3-grid .blog-start .blog-image a {
    position: relative;
    overflow: hidden;
}

.blog-style-6-3-grid .blog-start:hover .blog-image a img,
.blog-style-6-left-3-grid .blog-start:hover .blog-image a img,
.blog-style-6-right-3-grid .blog-start:hover .blog-image a img {
    -webkit-transform: scale(1.06);
    -o-transform: scale(1.06);
    transform: scale(1.06);
}

.blog-style-6-3-grid .blog-start .blog-image a img,
.blog-style-6-3-grid .blog-start:hover .blog-image a img,
.blog-style-6-left-3-grid .blog-start .blog-image a img,
.blog-style-6-left-3-grid .blog-start:hover .blog-image a img,
.blog-style-6-right-3-grid .blog-start .blog-image a img,
.blog-style-6-right-3-grid .blog-start:hover .blog-image a img {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.blog-style-6-3-grid .blog-start .blog-image .image-link,
.blog-style-6-left-3-grid .blog-start .blog-image .image-link,
.blog-style-6-right-3-grid .blog-start .blog-image .image-link {
    position: absolute;
    bottom: 0px;
    left: 6px;
}

.blog-style-6-3-grid .blog-start .blog-image .image-link a,
.blog-style-6-left-3-grid .blog-start .blog-image .image-link a,
.blog-style-6-right-3-grid .blog-start .blog-image .image-link a {
    background-color: #73841b;
    color: #fff;
    padding: 2px 6px;
    font-size: 12px;
    border-radius: 3px;
    text-transform: uppercase;
}

.blog-style-6-3-grid .blog-start .blog-image .image-link a:hover,
.blog-style-6-left-3-grid .blog-start .blog-image .image-link a:hover,
.blog-style-6-right-3-grid .blog-start .blog-image .image-link a:hover {
    background-color: #000;
}

.blog-style-6-3-grid .blog-start .blog-content .blog-title h6,
.blog-style-6-left-3-grid .blog-start .blog-content .blog-title h6,
.blog-style-6-right-3-grid .blog-start .blog-content .blog-title h6 {
    font-size: 16px;
    padding-top: 23px;
}

.blog-style-6-3-grid .blog-start .blog-content .blog-title h6 a,
.blog-style-6-left-3-grid .blog-start .blog-content .blog-title h6 a,
.blog-style-6-right-3-grid .blog-start .blog-content .blog-title h6 a {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.blog-style-6-3-grid .blog-start .blog-content .blog-title h6 a:hover,
.blog-style-6-left-3-grid .blog-start .blog-content .blog-title h6 a:hover,
.blog-style-6-right-3-grid .blog-start .blog-content .blog-title h6 a:hover {
    color: #73841b;
}

.blog-style-6-3-grid .blog-start .blog-content p.blog-description,
.blog-style-6-left-3-grid .blog-start .blog-content p.blog-description,
.blog-style-6-right-3-grid .blog-start .blog-content p.blog-description {
    color: #999;
    margin-top: 16px;
}

.blog-style-6-3-grid .blog-start .blog-content .more-blog,
.blog-style-6-left-3-grid .blog-start .blog-content .more-blog,
.blog-style-6-right-3-grid .blog-start .blog-content .more-blog {
    margin-top: 17px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.blog-style-6-3-grid .blog-start .blog-content .more-blog a.read-link,
.blog-style-6-left-3-grid .blog-start .blog-content .more-blog a.read-link,
.blog-style-6-right-3-grid .blog-start .blog-content .more-blog a.read-link {
    color: #73841b;
    font-size: 14px;
}

.blog-style-6-right-3-grid .blog-start .blog-content .more-blog a.read-link i,
.blog-style-6-left-3-grid .blog-start .blog-content .more-blog a.read-link i,
.blog-style-6-3-grid .blog-start .blog-content .more-blog a.read-link i {
    font-size: 12px;
}

.blog-style-6-3-grid .blog-start .blog-content .more-blog a.read-link i,
.blog-style-6-3-grid .blog-start .blog-content .more-blog a.read-link:hover i,
.blog-style-6-left-3-grid .blog-start .blog-content .more-blog a.read-link i,
.blog-style-6-left-3-grid .blog-start .blog-content .more-blog a.read-link:hover i,
.blog-style-6-right-3-grid .blog-start .blog-content .more-blog a.read-link i,
.blog-style-6-right-3-grid .blog-start .blog-content .more-blog a.read-link:hover i {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.blog-style-6-3-grid .blog-start .blog-content .more-blog a.read-link:hover i,
.blog-style-6-left-3-grid .blog-start .blog-content .more-blog a.read-link:hover i,
.blog-style-6-right-3-grid .blog-start .blog-content .more-blog a.read-link:hover i {
    margin-left: 8px;
}


/* style-6 full-left-right list blog css */

.full-blog-list-style-6,
.left-blog-list-style-6,
.right-blog-list-style-6 {
    display: flex;
    flex-wrap: wrap;
}

.full-blog-list-style-6 .blog-start,
.left-blog-list-style-6 .blog-start,
.right-blog-list-style-6 .blog-start {
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 20px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #eee;
}

.full-blog-list-style-6 .blog-start .blog-image,
.left-blog-list-style-6 .blog-start .blog-image,
.right-blog-list-style-6 .blog-start .blog-image {
    position: relative;
    display: flex;
    width: 50%;
}

.full-blog-list-style-6 .blog-start .blog-image a,
.left-blog-list-style-6 .blog-start .blog-image a,
.right-blog-list-style-6 .blog-start .blog-image a {
    position: relative;
    overflow: hidden;
}

.full-blog-list-style-6 .blog-start:hover .blog-image a img,
.left-blog-list-style-6 .blog-start:hover .blog-image a img,
.right-blog-list-style-6 .blog-start:hover .blog-image a img {
    -webkit-transform: scale(1.06);
    -o-transform: scale(1.06);
    transform: scale(1.06);
}

.full-blog-list-style-6 .blog-start .blog-image a img,
.full-blog-list-style-6 .blog-start:hover .blog-image a img,
.left-blog-list-style-6 .blog-start .blog-image a img,
.left-blog-list-style-6 .blog-start:hover .blog-image a img,
.right-blog-list-style-6 .blog-start .blog-image a img,
.right-blog-list-style-6 .blog-start:hover .blog-image a img {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.full-blog-list-style-6 .blog-start .blog-image .image-link,
.left-blog-list-style-6 .blog-start .blog-image .image-link,
.right-blog-list-style-6 .blog-start .blog-image .image-link {
    position: absolute;
    bottom: 0px;
    left: 6px;
}

.full-blog-list-style-6 .blog-start .blog-image .image-link a,
.left-blog-list-style-6 .blog-start .blog-image .image-link a,
.right-blog-list-style-6 .blog-start .blog-image .image-link a {
    background-color: #73841b;
    color: #fff;
    padding: 4px 8px;
    font-size: 12px;
    border-radius: 3px;
    text-transform: uppercase;
}

.full-blog-list-style-6 .blog-start .blog-image .image-link a:hover,
.left-blog-list-style-6 .blog-start .blog-image .image-link a:hover,
.right-blog-list-style-6 .blog-start .blog-image .image-link a:hover {
    background-color: #000;
}

.full-blog-list-style-6 .blog-start .blog-content,
.left-blog-list-style-6 .blog-start .blog-content,
.right-blog-list-style-6 .blog-start .blog-content {
    width: calc(50% - 30px);
    margin-left: 30px;
}

.full-blog-list-style-6 .blog-start .blog-content .blog-title h6,
.left-blog-list-style-6 .blog-start .blog-content .blog-title h6,
.right-blog-list-style-6 .blog-start .blog-content .blog-title h6 {
    font-size: 16px;
}

.full-blog-list-style-6 .blog-start .blog-content .blog-title h6 a,
.left-blog-list-style-6 .blog-start .blog-content .blog-title h6 a,
.right-blog-list-style-6 .blog-start .blog-content .blog-title h6 a {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.full-blog-list-style-6 .blog-start .blog-content .blog-title h6 a:hover,
.left-blog-list-style-6 .blog-start .blog-content .blog-title h6 a:hover,
.right-blog-list-style-6 .blog-start .blog-content .blog-title h6 a:hover {
    color: #73841b;
}

.full-blog-list-style-6 .blog-start .blog-content p.blog-description,
.left-blog-list-style-6 .blog-start .blog-content p.blog-description,
.right-blog-list-style-6 .blog-start .blog-content p.blog-description {
    color: #999;
    margin-top: 16px;
    font-size: 14px;
}

.full-blog-list-style-6 .blog-start .blog-content .more-blog,
.left-blog-list-style-6 .blog-start .blog-content .more-blog,
.right-blog-list-style-6 .blog-start .blog-content .more-blog {
    margin-top: 17px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.full-blog-list-style-6 .blog-start .blog-content .more-blog a.read-link,
.left-blog-list-style-6 .blog-start .blog-content .more-blog a.read-link,
.right-blog-list-style-6 .blog-start .blog-content .more-blog a.read-link {
    color: #73841b;
    font-size: 14px;
}

.full-blog-list-style-6 .blog-start .blog-content .more-blog a.read-link i,
.left-blog-list-style-6 .blog-start .blog-content .more-blog a.read-link i,
.right-blog-list-style-6 .blog-start .blog-content .more-blog a.read-link i {
    font-size: 12px;
}

.full-blog-list-style-6 .blog-start .blog-content .more-blog a.read-link i,
.full-blog-list-style-6 .blog-start .blog-content .more-blog a.read-link:hover i,
.left-blog-list-style-6 .blog-start .blog-content .more-blog a.read-link i,
.left-blog-list-style-6 .blog-start .blog-content .more-blog a.read-link:hover i,
.right-blog-list-style-6 .blog-start .blog-content .more-blog a.read-link i,
.right-blog-list-style-6 .blog-start .blog-content .more-blog a.read-link:hover i {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.full-blog-list-style-6 .blog-start .blog-content .more-blog a.read-link:hover i,
.left-blog-list-style-6 .blog-start .blog-content .more-blog a.read-link:hover i,
.right-blog-list-style-6 .blog-start .blog-content .more-blog a.read-link:hover i {
    margin-left: 8px;
}


/* full-left-right blog details css */

.full-blog-details-style-6 .single-image,
.right-blog-details-style-6 .single-image,
.left-blog-details-style-6 .single-image {
    width: 100%;
    line-height: 0;
}

.full-blog-details-style-6 .single-image iframe,
.right-blog-details-style-6 .single-image iframe,
.left-blog-details-style-6 .single-image iframe {
    width: 100%;
}

.full-blog-details-style-6 .single-blog-content,
.left-blog-details-style-6 .single-blog-content,
.right-blog-details-style-6 .single-blog-content {
    margin-top: 33px;
}

.full-blog-details-style-6 .single-blog-content .single-b-title h4,
.left-blog-details-style-6 .single-blog-content .single-b-title h4,
.right-blog-details-style-6 .single-blog-content .single-b-title h4 {
    font-size: 16px;
}

.full-blog-details-style-6 .single-blog-content .date-edit-comments,
.left-blog-details-style-6 .single-blog-content .date-edit-comments,
.right-blog-details-style-6 .single-blog-content .date-edit-comments {
    margin-top: 23px;
}

.full-blog-details-style-6 .single-blog-content .date-edit-comments .blog-info-wrap,
.left-blog-details-style-6 .single-blog-content .date-edit-comments .blog-info-wrap,
.right-blog-details-style-6 .single-blog-content .date-edit-comments .blog-info-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: -15px 0px 0px -30px;
}

.full-blog-details-style-6 .single-blog-content .date-edit-comments .blog-info-wrap span.blog-data,
.left-blog-details-style-6 .single-blog-content .date-edit-comments .blog-info-wrap span.blog-data,
.right-blog-details-style-6 .single-blog-content .date-edit-comments .blog-info-wrap span.blog-data {
    margin: 15px 0px 0px 30px;
}

.full-blog-details-style-6 .single-blog-content .date-edit-comments span.date,
.left-blog-details-style-6 .single-blog-content .date-edit-comments span.date,
.right-blog-details-style-6 .single-blog-content .date-edit-comments span.date {
    margin-right: 25px;
    display: flex;
    align-items: center;
    line-height: 1;
}

.full-blog-details-style-6 .single-blog-content .date-edit-comments span.date span.blog-d-n-c,
.left-blog-details-style-6 .single-blog-content .date-edit-comments span.date span.blog-d-n-c,
.right-blog-details-style-6 .single-blog-content .date-edit-comments span.date span.blog-d-n-c {
    margin-left: 5px;
}

.full-blog-details-style-6 .single-blog-content .date-edit-comments span.blog-edit,
.left-blog-details-style-6 .single-blog-content .date-edit-comments span.blog-edit,
.right-blog-details-style-6 .single-blog-content .date-edit-comments span.blog-edit {
    margin-right: 25px;
    display: flex;
    align-items: center;
    line-height: 1;
}

.full-blog-details-style-6 .single-blog-content .date-edit-comments span.blog-edit span.blog-d-n-c,
.left-blog-details-style-6 .single-blog-content .date-edit-comments span.blog-edit span.blog-d-n-c,
.right-blog-details-style-6 .single-blog-content .date-edit-comments span.blog-edit span.blog-d-n-c {
    margin-left: 5px;
}

.full-blog-details-style-6 .single-blog-content .date-edit-comments span.comments,
.left-blog-details-style-6 .single-blog-content .date-edit-comments span.comments,
.right-blog-details-style-6 .single-blog-content .date-edit-comments span.comments {
    display: flex;
    align-items: center;
    line-height: 1;
}

.full-blog-details-style-6 .single-blog-content .date-edit-comments span.comments span.blog-d-n-c,
.left-blog-details-style-6 .single-blog-content .date-edit-comments span.comments span.blog-d-n-c,
.right-blog-details-style-6 .single-blog-content .date-edit-comments span.comments span.blog-d-n-c {
    margin-left: 5px;
}

.full-blog-details-style-6 .single-blog-content .blog-description,
.left-blog-details-style-6 .single-blog-content .blog-description,
.right-blog-details-style-6 .single-blog-content .blog-description {
    margin-top: 24px;
}

.full-blog-details-style-6 .single-blog-content .blog-description p,
.left-blog-details-style-6 .single-blog-content .blog-description p,
.right-blog-details-style-6 .single-blog-content .blog-description p {
    margin-top: 4px;
    line-height: 22px;
}

.full-blog-details-style-6 .single-blog-content .blog-description .blog-image-description,
.left-blog-details-style-6 .single-blog-content .blog-description .blog-image-description,
.right-blog-details-style-6 .single-blog-content .blog-description .blog-image-description {
    margin-top: 24px;
}

.full-blog-details-style-6 .single-blog-content .blog-description .blog-image-description img,
.left-blog-details-style-6 .single-blog-content .blog-description .blog-image-description img,
.right-blog-details-style-6 .single-blog-content .blog-description .blog-image-description img {
    float: left;
    margin-right: 30px;
}

.full-blog-details-style-6 .single-blog-content .blog-description .blog-image-description p.bold-description,
.left-blog-details-style-6 .single-blog-content .blog-description .blog-image-description p.bold-description,
.right-blog-details-style-6 .single-blog-content .blog-description .blog-image-description p.bold-description {
    font-size: 14px;
    font-weight: 600;
}

.full-blog-details-style-6 .single-blog-content .blog-description p.color-description,
.left-blog-details-style-6 .single-blog-content .blog-description p.color-description,
.right-blog-details-style-6 .single-blog-content .blog-description p.color-description {
    background-color: #f7f7f7;
    font-size: 16px;
    color: #73841b;
    margin: 24px 0px;
    padding: 30px;
    border-left: 1px solid #ddd;
}

.full-blog-details-style-6 .single-blog-content .blog-info,
.left-blog-details-style-6 .single-blog-content .blog-info,
.right-blog-details-style-6 .single-blog-content .blog-info {
    padding: 30px;
    margin-top: 24px;
    background-color: #f7f7f7;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.full-blog-details-style-6 .single-blog-content .blog-info i.fa-quote-left,
.left-blog-details-style-6 .single-blog-content .blog-info i.fa-quote-left,
.right-blog-details-style-6 .single-blog-content .blog-info i.fa-quote-left {
    font-size: 30px;
    color: #73841b;
}

.full-blog-details-style-6 .single-blog-content .blog-info h6,
.left-blog-details-style-6 .single-blog-content .blog-info h6,
.right-blog-details-style-6 .single-blog-content .blog-info h6 {
    color: #73841b;
    font-size: 16px;
    margin-top: 9px;
    font-weight: 600;
}

.full-blog-details-style-6 .single-blog-content .last-video,
.right-blog-details-style-6 .single-blog-content .last-video,
.left-blog-details-style-6 .single-blog-content .last-video {
    margin-top: 30px;
    margin-right: -30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.full-blog-details-style-6 .single-blog-content .last-video .video,
.right-blog-details-style-6 .single-blog-content .last-video .video,
.left-blog-details-style-6 .single-blog-content .last-video .video {
    width: 100%;
    margin-right: 30px;
    line-height: 0;
}

.full-blog-details-style-6 .single-blog-content .last-video .video iframe,
.right-blog-details-style-6 .single-blog-content .last-video .video iframe,
.left-blog-details-style-6 .single-blog-content .last-video .video iframe {
    width: 100%;
}

.full-blog-details-style-6 .single-blog-content .b-link,
.left-blog-details-style-6 .single-blog-content .b-link,
.right-blog-details-style-6 .single-blog-content .b-link {
    margin-top: 30px;
}

.full-blog-details-style-6 .single-blog-content .b-link a,
.left-blog-details-style-6 .single-blog-content .b-link a,
.right-blog-details-style-6 .single-blog-content .b-link a {
    background-color: #73841b;
    padding: 5px 10px;
    color: #fff;
    border: 2px solid #73841b;
    border-radius: 4px;
}

.full-blog-details-style-6 .single-blog-content .b-link a:hover,
.left-blog-details-style-6 .single-blog-content .b-link a:hover,
.right-blog-details-style-6 .single-blog-content .b-link a:hover {
    background-color: transparent;
    color: #000;
    border-color: #73841b;
}

.full-blog-details-style-6 .single-blog-content .blog-social,
.left-blog-details-style-6 .single-blog-content .blog-social,
.right-blog-details-style-6 .single-blog-content .blog-social {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.full-blog-details-style-6 .single-blog-content .blog-social a.facebook,
.full-blog-details-style-6 .single-blog-content .blog-social a.twitter,
.full-blog-details-style-6 .single-blog-content .blog-social a.insta,
.full-blog-details-style-6 .single-blog-content .blog-social a.pinterest,
.left-blog-details-style-6 .single-blog-content .blog-social a.facebook,
.left-blog-details-style-6 .single-blog-content .blog-social a.twitter,
.left-blog-details-style-6 .single-blog-content .blog-social a.insta,
.left-blog-details-style-6 .single-blog-content .blog-social a.pinterest,
.right-blog-details-style-6 .single-blog-content .blog-social a.facebook,
.right-blog-details-style-6 .single-blog-content .blog-social a.twitter,
.right-blog-details-style-6 .single-blog-content .blog-social a.insta,
.right-blog-details-style-6 .single-blog-content .blog-social a.pinterest {
    width: 30px;
    height: 30px;
    margin-right: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
}

.full-blog-details-style-6 .single-blog-content .blog-social a,
.left-blog-details-style-6 .single-blog-content .blog-social a,
.right-blog-details-style-6 .single-blog-content .blog-social a {
    background-color: #f7f7f7;
    color: #222;
}

.full-blog-details-style-6 .single-blog-content .blog-social a:hover,
.left-blog-details-style-6 .single-blog-content .blog-social a:hover,
.right-blog-details-style-6 .single-blog-content .blog-social a:hover {
    background-color: #73841b;
    color: #fff;
}

.full-blog-details-style-6 .single-blog-content .blog-comments,
.left-blog-details-style-6 .single-blog-content .blog-comments,
.right-blog-details-style-6 .single-blog-content .blog-comments {
    margin-top: 25px;
}

.full-blog-details-style-6 .single-blog-content .blog-comments h4,
.left-blog-details-style-6 .single-blog-content .blog-comments h4,
.right-blog-details-style-6 .single-blog-content .blog-comments h4 {
    font-size: 20px;
}

.full-blog-details-style-6 .single-blog-content .blog-comments h4 span,
.left-blog-details-style-6 .single-blog-content .blog-comments h4 span,
.right-blog-details-style-6 .single-blog-content .blog-comments h4 span {
    color: #73841b;
}

.full-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info,
.left-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info,
.right-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info {
    margin-top: 23px;
    padding-top: 30px;
    border-top: 1px solid #eee;
}

.full-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae,
.left-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae,
.right-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae {
    display: flex;
    margin-top: 24px;
}

.full-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae:first-child,
.left-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae:first-child,
.right-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae:first-child {
    margin-top: 0px;
}

.full-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.comment-reply,
.left-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.comment-reply,
.right-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.comment-reply {
    padding-left: 50px;
}

.full-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.all-reply,
.left-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.all-reply,
.right-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.all-reply {
    margin-top: 24px;
    padding-top: 30px;
    border-top: 1px solid #eee;
}

.full-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-man,
.left-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-man,
.right-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-man {
    width: 45px;
    height: 45px;
    background-color: #73841b;
    color: #fff;
    margin-right: 15px;
    font-size: 15px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    font-weight: 600;
}

.full-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content,
.left-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content,
.right-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content {
    width: calc(100% - 45px);
}

.full-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result,
.left-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result,
.right-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result {
    display: block;
}

.full-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name,
.left-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name,
.right-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name {
    margin: 5px 0px;
}

.full-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name i,
.left-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name i,
.right-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name i {
    font-style: normal;
}

.full-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date,
.left-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date,
.right-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date {
    font-weight: 600;
}

.full-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date a.Reply,
.left-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date a.Reply,
.right-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date a.Reply {
    color: #73841b;
    margin-left: 30px;
    font-weight: 500;
}

.full-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span span.comments-title,
.left-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span span.comments-title,
.right-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span span.comments-title {
    font-weight: 600;
    color: #73841b;
}

.full-blog-details-style-6 .single-blog-content .comments-form,
.left-blog-details-style-6 .single-blog-content .comments-form,
.right-blog-details-style-6 .single-blog-content .comments-form {
    margin-top: 20px;
}

.full-blog-details-style-6 .single-blog-content .comments-form h4,
.left-blog-details-style-6 .single-blog-content .comments-form h4,
.right-blog-details-style-6 .single-blog-content .comments-form h4 {
    font-size: 18px;
}

.full-blog-details-style-6 .single-blog-content .comments-form form label,
.left-blog-details-style-6 .single-blog-content .comments-form form label,
.right-blog-details-style-6 .single-blog-content .comments-form form label {
    margin-top: 15px;
    margin-bottom: 5px;
}

.full-blog-details-style-6 .single-blog-content .comments-form form input,
.left-blog-details-style-6 .single-blog-content .comments-form form input,
.right-blog-details-style-6 .single-blog-content .comments-form form input {
    width: 100%;
    padding: 10px 15px;
    border: 1px solid #eee;
    border-radius: 3px;
}

.full-blog-details-style-6 .single-blog-content .comments-form form input:focus,
.left-blog-details-style-6 .single-blog-content .comments-form form input:focus,
.right-blog-details-style-6 .single-blog-content .comments-form form input:focus {
    border-color: #73841b;
}

.full-blog-details-style-6 .single-blog-content .comments-form form textarea,
.left-blog-details-style-6 .single-blog-content .comments-form form textarea,
.right-blog-details-style-6 .single-blog-content .comments-form form textarea {
    width: 100%;
    min-height: 100px;
    padding: 10px 15px;
    border: 1px solid #eee;
    border-radius: 3px;
    resize: unset;
}

.full-blog-details-style-6 .single-blog-content .comments-form form textarea:focus,
.left-blog-details-style-6 .single-blog-content .comments-form form textarea:focus,
.right-blog-details-style-6 .single-blog-content .comments-form form textarea:focus {
    border-color: #73841b;
}

.full-blog-details-style-6 .single-blog-content .comments-form a.btn-style1,
.left-blog-details-style-6 .single-blog-content .comments-form a.btn-style1,
.right-blog-details-style-6 .single-blog-content .comments-form a.btn-style1 {
    margin-top: 15px;
}

.full-blog-details-style-6 .single-blog-content .blog-comments,
.left-blog-details-style-6 .single-blog-content .blog-comments,
.right-blog-details-style-6 .single-blog-content .blog-comments {
    margin-top: 23px;
}

.full-blog-details-style-6 .single-blog-content .blog-comments h4,
.left-blog-details-style-6 .single-blog-content .blog-comments h4,
.right-blog-details-style-6 .single-blog-content .blog-comments h4 {
    font-size: 18px;
}

.full-blog-details-style-6 .single-blog-content .blog-comments h4 span,
.left-blog-details-style-6 .single-blog-content .blog-comments h4 span,
.right-blog-details-style-6 .single-blog-content .blog-comments h4 span {
    color: #73841b;
}


/* Center blog css */

.cetner-blog-style-6 {
    display: flex;
    flex-wrap: wrap;
}

.cetner-blog-style-6 .blog-start {
    width: 100%;
    margin-top: 30px;
}

.cetner-blog-style-6 .blog-start:nth-child(1) {
    margin-top: 0px;
}

.cetner-blog-style-6 .blog-start .blog-image {
    position: relative;
    display: flex;
}

.cetner-blog-style-6 .blog-start .blog-image a {
    position: relative;
    overflow: hidden;
}

.cetner-blog-style-6 .blog-start:hover .blog-image a img {
    -webkit-transform: scale(1.06);
    -o-transform: scale(1.06);
    transform: scale(1.06);
}

.cetner-blog-style-6 .blog-start .blog-image a img,
.cetner-blog-style-6 .blog-start:hover .blog-image a img {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.cetner-blog-style-6 .blog-start .blog-image .image-link {
    position: absolute;
    bottom: 10px;
    left: 15px;
}

.cetner-blog-style-6 .blog-start .blog-image .image-link a {
    background-color: #73841b;
    color: #fff;
    padding: 3px 8px;
    font-size: 14px;
    border-radius: 3px;
    text-transform: uppercase;
}

.cetner-blog-style-6 .blog-start .blog-image .image-link a:hover {
    background-color: #000;
}

.cetner-blog-style-6 .blog-start .blog-content {
    padding-top: 23px;
}

.cetner-blog-style-6 .blog-start .blog-content .blog-title h6 {
    font-size: 16px;
}

.cetner-blog-style-6 .blog-start .blog-content .blog-title h6 a {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.cetner-blog-style-6 .blog-start .blog-content .blog-title h6 a:hover {
    color: #73841b;
}

.cetner-blog-style-6 .blog-start .blog-content p.blog-description {
    color: #999;
    margin-top: 16px;
    font-size: 14px;
}

.cetner-blog-style-6 .blog-start .blog-content .more-blog {
    margin-top: 17px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cetner-blog-style-6 .blog-start .blog-content .more-blog a.read-link {
    color: #73841b;
    font-size: 14px;
    display: flex;
    align-items: center;
}

.cetner-blog-style-6 .blog-start .blog-content .more-blog a.read-link i {
    font-size: 12px;
    padding-left: 5px;
}

.cetner-blog-style-6 .blog-start .blog-content .more-blog a.read-link i,
.cetner-blog-style-6 .blog-start .blog-content .more-blog a.read-link:hover i {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.cetner-blog-style-6 .blog-start .blog-content .more-blog a.read-link:hover i {
    margin-left: 8px;
}


/* style-7 right column css */

.right-area .b-Reply form a.Reply-link {
    background-color: #5fa800;
    color: #fff;
    width: 100%;
    padding: 8px 15px;
    margin-top: 30px;
    text-align: center;
    font-weight: 500;
    border: 2px solid #5fa800;
}

.right-area .b-Reply form a.Reply-link:hover {
    background-color: transparent;
    color: #000;
    border-color: #5fa800;
}

.center-right-area .right-column-start .archive-link ul li a:hover {
    color: #cd7752;
}

.left-column .left-blog .blog-item .l-blog-caption h4 a:hover {
    color: #cd7752;
}


/* style-7 center blog right column css */

.center-right-area .b-Reply form a.Reply-link {
    background-color: #cd7752;
    color: #fff;
    width: 100%;
    padding: 8px 15px;
    margin-top: 30px;
    text-align: center;
    font-weight: 500;
    border: 2px solid #cd7752;
}

.center-right-area .b-Reply form a.Reply-link:hover {
    background-color: transparent;
    color: #000;
    border-color: #cd7752;
}


/* style-7 full-left-right grid blog css */

.blog-style-7-3-grid,
.blog-style-7-left-grid-blog,
.blog-style-7-right-grid-blog {
    display: flex;
    flex-wrap: wrap;
    margin-top: -30px;
    margin-left: -30px;
}

.blog-style-7-3-grid .blog-start,
.blog-style-7-left-grid-blog .blog-start,
.blog-style-7-right-grid-blog .blog-start {
    width: calc(33.33% - 30px);
    margin-left: 30px;
    margin-top: 30px;
}

.blog-style-7-3-grid .blog-start .blog-image,
.blog-style-7-left-grid-blog .blog-start .blog-image,
.blog-style-7-right-grid-blog .blog-start .blog-image {
    position: relative;
    display: flex;
}

.blog-style-7-3-grid .blog-start .blog-image a,
.blog-style-7-left-grid-blog .blog-start .blog-image a,
.blog-style-7-right-grid-blog .blog-start .blog-image a {
    position: relative;
    overflow: hidden;
}

.blog-style-7-3-grid .blog-start .blog-image a img,
.blog-style-7-left-grid-blog .blog-start .blog-image a img,
.blog-style-7-right-grid-blog .blog-start .blog-image a img {
    height: 255px;
    object-fit: cover;
}

.blog-style-7-3-grid .blog-start:hover .blog-image a img,
.blog-style-7-left-grid-blog .blog-start:hover .blog-image a img,
.blog-style-7-right-grid-blog .blog-start:hover .blog-image a img {
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.blog-style-7-3-grid .blog-start .blog-image a img,
.blog-style-7-3-grid .blog-start:hover .blog-image a img,
.blog-style-7-left-grid-blog .blog-start .blog-image a img,
.blog-style-7-left-grid-blog .blog-start:hover .blog-image a img,
.blog-style-7-right-grid-blog .blog-start .blog-image a img,
.blog-style-7-right-grid-blog .blog-start:hover .blog-image a img {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.blog-style-7-3-grid .blog-start .blog-content .blog-title h6,
.blog-style-7-left-grid-blog .blog-start .blog-content .blog-title h6,
.blog-style-7-right-grid-blog .blog-start .blog-content .blog-title h6 {
    font-size: 16px;
    padding-top: 23px;
}

.blog-style-7-3-grid .blog-start .blog-content .blog-title h6 a,
.blog-style-7-left-grid-blog .blog-start .blog-content .blog-title h6 a,
.blog-style-7-right-grid-blog .blog-start .blog-content .blog-title h6 a {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.blog-style-7-3-grid .blog-start .blog-content .blog-title h6 a:hover,
.blog-style-7-left-grid-blog .blog-start .blog-content .blog-title h6 a:hover,
.blog-style-7-right-grid-blog .blog-start .blog-content .blog-title h6 a:hover {
    color: #cd7752;
}

.blog-style-7-3-grid .blog-start .blog-content p.blog-description,
.blog-style-7-left-grid-blog .blog-start .blog-content p.blog-description,
.blog-style-7-right-grid-blog .blog-start .blog-content p.blog-description {
    color: #999;
    margin-top: 16px;
}

.blog-style-7-3-grid .blog-start .blog-content .more-blog,
.blog-style-7-left-grid-blog .blog-start .blog-content .more-blog,
.blog-style-7-right-grid-blog .blog-start .blog-content .more-blog {
    margin-top: 17px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.blog-style-7-3-grid .blog-start .blog-content .more-blog a.read-link,
.blog-style-7-left-grid-blog .blog-start .blog-content .more-blog a.read-link,
.blog-style-7-right-grid-blog .blog-start .blog-content .more-blog a.read-link {
    color: #cd7752;
    font-size: 14px;
    display: flex;
    align-items: center;
}

.blog-style-7-3-grid .blog-start .blog-content .more-blog a.read-link i,
.blog-style-7-left-grid-blog .blog-start .blog-content .more-blog a.read-link i,
.blog-style-7-right-grid-blog .blog-start .blog-content .more-blog a.read-link i {
    font-size: 12px;
    padding-left: 5px;
}

.blog-style-7-3-grid .blog-start .blog-content .more-blog a.read-link i,
.blog-style-7-3-grid .blog-start .blog-content .more-blog a.read-link:hover i,
.blog-style-7-left-grid-blog .blog-start .blog-content .more-blog a.read-link i,
.blog-style-7-left-grid-blog .blog-start .blog-content .more-blog a.read-link:hover i,
.blog-style-7-right-grid-blog .blog-start .blog-content .more-blog a.read-link i,
.blog-style-7-right-grid-blog .blog-start .blog-content .more-blog a.read-link:hover i {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.blog-style-7-3-grid .blog-start .blog-content .more-blog a.read-link:hover i,
.blog-style-7-left-grid-blog .blog-start .blog-content .more-blog a.read-link:hover i,
.blog-style-7-right-grid-blog .blog-start .blog-content .more-blog a.read-link:hover i {
    margin-left: 8px;
}


/* pagination css */

.all-page .page-number a:after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 1px;
    right: 0px;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    opacity: 0;
    visibility: hidden;
}

.all-page .page-number.style-1 a:after,
.all-page .page-number.style-5 a:after {
    background-color: #276309;
}

.all-page .page-number.style-2 a:after,
.all-page .page-number.style-3 a:after {
    background-color: #5fa800;
}

.all-page .page-number.style-6 a:after {
    background-color: #73841b;
}

.all-page .page-number.style-7 a:after {
    background-color: #cd7752;
}

.all-page .page-number a:hover:after,
.all-page .page-number a.active:after {
    opacity: 1;
    visibility: visible;
}

.all-page .page-number.style-1 a:hover,
.all-page .page-number.style-1 a.active,
.all-page .page-number.style-5 a:hover,
.all-page .page-number.style-5 a.active {
    color: #276309;
}

.all-page .page-number.style-2 a:hover,
.all-page .page-number.style-2 a.active,
.all-page .page-number.style-3 a:hover,
.all-page .page-number.style-3 a.active {
    color: #5fa800;
}

.all-page .page-number.style-7 a:hover,
.all-page .page-number.style-7 a.active {
    color: #cd7752;
}

.all-page .page-number a:last-child:after {
    display: none;
}


/* style-7 full-left-right list blog css */

.full-blog-list-style-7 .blog-start,
.blog-style-7-left-list-blog .blog-start,
.blog-style-7-right-list-blog .blog-start {
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 20px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #eee;
}

.full-blog-list-style-7 .blog-start .blog-image {
    width: 42%;
}

.blog-style-7-left-list-blog .blog-start .blog-image,
.blog-style-7-right-list-blog .blog-start .blog-image {
    width: 50%;
}

.full-blog-list-style-7 .blog-start .blog-image a,
.blog-style-7-left-list-blog .blog-start .blog-image a,
.blog-style-7-right-list-blog .blog-start .blog-image a {
    position: relative;
    overflow: hidden;
    display: block;
}

.full-blog-list-style-7 .blog-start .blog-image a img,
.blog-style-7-left-list-blog .blog-start .blog-image a img,
.blog-style-7-right-list-blog .blog-start .blog-image a img {
    width: 100%;
    height: 255px;
    object-fit: cover;
}

.full-blog-list-style-7 .blog-start:hover .blog-image a img,
.blog-style-7-left-list-blog .blog-start:hover .blog-image a img,
.blog-style-7-right-list-blog .blog-start:hover .blog-image a img {
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.full-blog-list-style-7 .blog-start .blog-image a img,
.full-blog-list-style-7 .blog-start:hover .blog-image a img,
.blog-style-7-left-list-blog .blog-start .blog-image a img,
.blog-style-7-left-list-blog .blog-start:hover .blog-image a img,
.blog-style-7-right-list-blog .blog-start .blog-image a img,
.blog-style-7-right-list-blog .blog-start:hover .blog-image a img {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.full-blog-list-style-7 .blog-start .blog-content {
    width: calc(58% - 30px);
    margin-left: 30px;
}

.blog-style-7-left-list-blog .blog-start .blog-content,
.blog-style-7-right-list-blog .blog-start .blog-content {
    width: calc(50% - 30px);
    margin-left: 30px;
}

.full-blog-list-style-7 .blog-start .blog-content .blog-title h6,
.blog-style-7-left-list-blog .blog-start .blog-content .blog-title h6,
.blog-style-7-right-grid-blog .blog-start .blog-content .blog-title h6 {
    font-size: 16px;
}

.full-blog-list-style-7 .blog-start .blog-content .blog-title h6 a,
.blog-style-7-left-list-blog .blog-start .blog-content .blog-title h6 a,
.blog-style-7-right-list-blog .blog-start .blog-content .blog-title h6 a {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.full-blog-list-style-7 .blog-start .blog-content .blog-title h6 a:hover,
.blog-style-7-left-list-blog .blog-start .blog-content .blog-title h6 a:hover,
.blog-style-7-right-list-blog .blog-start .blog-content .blog-title h6 a:hover {
    color: #cd7752;
}

.full-blog-list-style-7 .blog-start .blog-content p.blog-description,
.blog-style-7-left-list-blog .blog-start .blog-content p.blog-description,
.blog-style-7-right-list-blog .blog-start .blog-content p.blog-description {
    color: #999;
    margin-top: 16px;
}

.full-blog-list-style-7 .blog-start .blog-content .more-blog,
.blog-style-7-left-list-blog .blog-start .blog-content .more-blog,
.blog-style-7-right-list-blog .blog-start .blog-content .more-blog {
    margin-top: 17px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.full-blog-list-style-7 .blog-start .blog-content .more-blog a.read-link,
.blog-style-7-left-list-blog .blog-start .blog-content .more-blog a.read-link,
.blog-style-7-right-list-blog .blog-start .blog-content .more-blog a.read-link {
    color: #cd7752;
    font-size: 14px;
}

.full-blog-list-style-7 .blog-start .blog-content .more-blog a.read-link i,
.blog-style-7-left-list-blog .blog-start .blog-content .more-blog a.read-link i,
.blog-style-7-right-list-blog .blog-start .blog-content .more-blog a.read-link i {
    font-size: 12px;
}

.full-blog-list-style-7 .blog-start .blog-content .more-blog a.read-link i,
.full-blog-list-style-7 .blog-start .blog-content .more-blog a.read-link:hover i,
.blog-style-7-left-list-blog .blog-start .blog-content .more-blog a.read-link i,
.blog-style-7-left-list-blog .blog-start .blog-content .more-blog a.read-link:hover i,
.blog-style-7-right-list-blog .blog-start .blog-content .more-blog a.read-link i,
.blog-style-7-right-list-blog .blog-start .blog-content .more-blog a.read-link:hover i {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.full-blog-list-style-7 .blog-start .blog-content .more-blog a.read-link:hover i,
.blog-style-7-left-list-blog .blog-start .blog-content .more-blog a.read-link:hover i,
.blog-style-7-right-list-blog .blog-start .blog-content .more-blog a.read-link:hover i {
    margin-left: 8px;
}


/* style-7 full-left-right blog details css */

.full-blog-details-style-7 .single-blog-content,
.left-blog-details-style7 .single-blog-content,
.right-blog-details-style7 .single-blog-content {
    margin-top: 33px;
}

.full-blog-details-style-7 .single-blog-content .single-b-title h4,
.left-blog-details-style7 .single-blog-content .single-b-title h4,
.right-blog-details-style7 .single-blog-content .single-b-title h4 {
    font-size: 16px;
}

.full-blog-details-style-7 .single-blog-content .date-edit-comments,
.left-blog-details-style7 .single-blog-content .date-edit-comments,
.right-blog-details-style7 .single-blog-content .date-edit-comments {
    margin-top: 23px;
}

.full-blog-details-style-7 .single-blog-content .date-edit-comments .blog-info-wrap,
.left-blog-details-style7 .single-blog-content .date-edit-comments .blog-info-wrap,
.right-blog-details-style7 .single-blog-content .date-edit-comments .blog-info-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: -15px 0px 0px -30px;
}

.full-blog-details-style-7 .single-blog-content .date-edit-comments .blog-info-wrap span.blog-data,
.left-blog-details-style7 .single-blog-content .date-edit-comments .blog-info-wrap span.blog-data,
.right-blog-details-style7 .single-blog-content .date-edit-comments .blog-info-wrap span.blog-data {
    margin: 15px 0px 0px 30px;
    display: flex;
    align-items: center;
    line-height: 1;
}

.full-blog-details-style-7 .single-blog-content .date-edit-comments .blog-info-wrap span.blog-data i,
.left-blog-details-style7 .single-blog-content .date-edit-comments .blog-info-wrap span.blog-data i,
.right-blog-details-style7 .single-blog-content .date-edit-comments .blog-info-wrap span.blog-data i {
    margin-right: 5px;
}

.full-blog-details-style-7 .single-blog-content .blog-description,
.left-blog-details-style7 .single-blog-content .blog-description,
.right-blog-details-style7 .single-blog-content .blog-description {
    margin-top: 23px;
}

.full-blog-details-style-7 .single-blog-content .blog-description p,
.left-blog-details-style7 .single-blog-content .blog-description p,
.right-blog-details-style7 .single-blog-content .blog-description p {
    margin-top: 5px;
}

.full-blog-details-style-7 .single-blog-content .blog-description .blog-image-description,
.left-blog-details-style7 .single-blog-content .blog-description .blog-image-description,
.right-blog-details-style7 .single-blog-content .blog-description .blog-image-description {
    margin-top: 7px;
}

.full-blog-details-style-7 .single-blog-content .blog-description .blog-image-description img,
.left-blog-details-style7 .single-blog-content .blog-description .blog-image-description img,
.right-blog-details-style7 .single-blog-content .blog-description .blog-image-description img {
    float: left;
    margin-right: 15px;
}

.full-blog-details-style-7 .single-blog-content .blog-description .blog-image-description p.bold-description,
.left-blog-details-style7 .single-blog-content .blog-description .blog-image-description p.bold-description,
.right-blog-details-style7 .single-blog-content .blog-description .blog-image-description p.bold-description {
    font-size: 15px;
    font-weight: 700;
}

.full-blog-details-style-7 .single-blog-content .blog-description p.color-description,
.left-blog-details-style7 .single-blog-content .blog-description p.color-description,
.right-blog-details-style7 .single-blog-content .blog-description p.color-description {
    background-color: #f7f7f7;
    font-size: 16px;
    color: #cd7752;
    margin: 22px 0px;
    padding: 30px;
    border-left: 1px solid #ddd;
}

.full-blog-details-style-7 .single-blog-content .blog-img,
.left-blog-details-style7 .single-blog-content .blog-img,
.right-blog-details-style7 .single-blog-content .blog-img {
    margin-left: -30px;
    margin-top: 22px;
    display: flex;
}

.full-blog-details-style-7 .single-blog-content .blog-img .b-image1,
.left-blog-details-style7 .single-blog-content .blog-img .b-image1,
.right-blog-details-style7 .single-blog-content .blog-img .b-image1 {
    width: calc(50% - 30px);
    margin-left: 30px;
    line-height: 0;
}

.full-blog-details-style-7 .single-blog-content .blog-img .b-image1 a,
.left-blog-details-style7 .single-blog-content .blog-img .b-image1 a,
.right-blog-details-style7 .single-blog-content .blog-img .b-image1 a {
    position: relative;
    overflow: hidden;
}

.full-blog-details-style-7 .single-blog-content .blog-img .b-image1 a img,
.left-blog-details-style7 .single-blog-content .blog-img .b-image1 a img,
.right-blog-details-style7 .single-blog-content .blog-img .b-image1 a img {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.full-blog-details-style-7 .single-blog-content .blog-img .b-image1 a img:hover,
.left-blog-details-style7 .single-blog-content .blog-img .b-image1 a img:hover,
.right-blog-details-style7 .single-blog-content .blog-img .b-image1 a img:hover {
    transform: scale(1.1);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.full-blog-details-style-7 .single-blog-content .blog-info,
.left-blog-details-style7 .single-blog-content .blog-info,
.right-blog-details-style7 .single-blog-content .blog-info {
    padding: 30px;
    margin-top: 30px;
    background-color: #f7f7f7;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.full-blog-details-style-7 .single-blog-content .blog-info i.fa-quote-left,
.left-blog-details-style7 .single-blog-content .blog-info i.fa-quote-left,
.right-blog-details-style7 .single-blog-content .blog-info i.fa-quote-left {
    font-size: 30px;
    color: #cd7752;
}

.full-blog-details-style-7 .single-blog-content .blog-info h6,
.left-blog-details-style7 .single-blog-content .blog-info h6,
.right-blog-details-style7 .single-blog-content .blog-info h6 {
    color: #cd7752;
    font-size: 16px;
    margin-top: 9px;
    font-weight: 600;
}

.full-blog-details-style-7 .single-blog-content .b-link,
.left-blog-details-style7 .single-blog-content .b-link,
.right-blog-details-style7 .single-blog-content .b-link {
    margin-top: 30px;
}

.full-blog-details-style-7 .single-blog-content .b-link a,
.left-blog-details-style7 .single-blog-content .b-link a,
.right-blog-details-style7 .single-blog-content .b-link a {
    background-color: #cd7752;
    padding: 5px 10px;
    color: #fff;
    border: 2px solid #cd7752;
    border-radius: 4px;
}

.full-blog-details-style-7 .single-blog-content .b-link a:hover,
.left-blog-details-style7 .single-blog-content .b-link a:hover,
.right-blog-details-style7 .single-blog-content .b-link a:hover {
    background-color: transparent;
    color: #000;
    border-color: #cd7752;
}

.full-blog-details-style-7 .single-blog-content .blog-social,
.left-blog-details-style7 .single-blog-content .blog-social,
.right-blog-details-style7 .single-blog-content .blog-social {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.full-blog-details-style-7 .single-blog-content .blog-social a.facebook,
.full-blog-details-style-7 .single-blog-content .blog-social a.twitter,
.full-blog-details-style-7 .single-blog-content .blog-social a.insta,
.full-blog-details-style-7 .single-blog-content .blog-social a.pinterest,
.left-blog-details-style7 .single-blog-content .blog-social a.facebook,
.left-blog-details-style7 .single-blog-content .blog-social a.twitter,
.left-blog-details-style7 .single-blog-content .blog-social a.insta,
.left-blog-details-style7 .single-blog-content .blog-social a.pinterest,
.right-blog-details-style7 .single-blog-content .blog-social a.facebook,
.right-blog-details-style7 .single-blog-content .blog-social a.twitter,
.right-blog-details-style7 .single-blog-content .blog-social a.insta,
.right-blog-details-style7 .single-blog-content .blog-social a.pinterest {
    width: 30px;
    height: 30px;
    margin-right: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
}

.full-blog-details-style-7 .single-blog-content .blog-social a,
.left-blog-details-style7 .single-blog-content .blog-social a,
.right-blog-details-style7 .single-blog-content .blog-social a {
    background-color: #cd7752;
    color: #222;
}

.full-blog-details-style-7 .single-blog-content .blog-social a:hover,
.left-blog-details-style7 .single-blog-content .blog-social a:hover,
.right-blog-details-style7 .single-blog-content .blog-social a:hover {
    background-color: #cd7752;
    color: #fff;
}

.full-blog-details-style-7 .single-blog-content .blog-comments,
.left-blog-details-style7 .single-blog-content .blog-comments,
.right-blog-details-style7 .single-blog-content .blog-comments {
    margin-top: 23px;
}

.full-blog-details-style-7 .single-blog-content .blog-comments h4,
.left-blog-details-style7 .single-blog-content .blog-comments h4,
.right-blog-details-style7 .single-blog-content .blog-comments h4 {
    font-size: 18px;
}

.full-blog-details-style-7 .single-blog-content .blog-comments h4 span,
.left-blog-details-style7 .single-blog-content .blog-comments h4 span,
.right-blog-details-style7 .single-blog-content .blog-comments h4 span {
    color: #cd7752;
}

.full-blog-details-style-7 .single-blog-content .blog-comments .blog-comment-info,
.left-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info,
.right-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info {
    margin-top: 23px;
    padding-top: 30px;
    border-top: 1px solid #eee;
}

.full-blog-details-style-7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae,
.left-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae,
.right-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae {
    margin-top: 24px;
    display: flex;
}

.full-blog-details-style-7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae:first-child,
.left-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae:first-child,
.right-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae:first-child {
    margin-top: 0px;
}

.full-blog-details-style-7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.comment-reply,
.left-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.comment-reply,
.right-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.comment-reply {
    padding-left: 50px;
}

.full-blog-details-style-7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.all-reply,
.left-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.all-reply,
.right-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.all-reply {
    margin-top: 24px;
    padding-top: 30px;
    border-top: 1px solid #eee;
}

.full-blog-details-style-7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-man,
.left-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-man,
.right-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-man {
    width: 45px;
    height: 45px;
    background-color: #cd7752;
    color: #fff;
    margin-right: 15px;
    font-size: 15px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    font-weight: 600;
}

.full-blog-details-style-7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content,
.left-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content,
.right-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content {
    width: calc(100% - 45px);
}

.full-blog-details-style-7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result,
.left-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result,
.right-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result {
    display: block;
}

.full-blog-details-style-7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name,
.left-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name,
.right-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name {
    margin: 5px 0px;
}

.full-blog-details-style-7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name i,
.left-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name i,
.right-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name i {
    font-style: normal;
}

.full-blog-details-style-7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date,
.left-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date,
.right-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date {
    font-weight: 600;
}

.full-blog-details-style-7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date a.Reply,
.left-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date a.Reply,
.right-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date a.Reply {
    color: #cd7752;
    margin-left: 30px;
    font-weight: 500;
}

.full-blog-details-style-7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span span.comments-title,
.left-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span span.comments-title,
.right-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span span.comments-title {
    font-weight: 600;
    color: #cd7752;
}


/* style-7 center blog css */

.center-blog-style-7 {
    display: flex;
    flex-wrap: wrap;
}

.center-blog-style-7 .blog-start {
    width: 100%;
    margin-top: 30px;
}

.center-blog-style-7 .blog-start:nth-child(1) {
    margin-top: 0px;
}

.center-blog-style-7 .blog-start .blog-image {
    position: relative;
    display: flex;
}

.center-blog-style-7 .blog-start .blog-image a {
    position: relative;
    overflow: hidden;
}

.center-blog-style-7 .blog-start:hover .blog-image a img {
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.center-blog-style-7 .blog-start .blog-image a img,
.center-blog-style-7 .blog-start:hover .blog-image a img {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.center-blog-style-7 .blog-start .blog-content {
    padding-top: 23px;
}

.center-blog-style-7 .blog-start .blog-content .blog-title h6 {
    font-size: 16px;
}

.center-blog-style-7 .blog-start .blog-content .blog-title h6 a {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.center-blog-style-7 .blog-start .blog-content .blog-title h6 a:hover {
    color: #cd7752;
}

.center-blog-style-7 .blog-start .blog-content p.blog-description {
    color: #999;
    margin-top: 16px;
}

.center-blog-style-7 .blog-start .blog-content .more-blog {
    margin-top: 17px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.center-blog-style-7 .blog-start .blog-content .more-blog a.read-link {
    color: #cd7752;
    font-size: 14px;
    display: flex;
    align-items: center;
}

.center-blog-style-7 .blog-start .blog-content .more-blog a.read-link i {
    font-size: 12px;
    padding-left: 5px;
}

.center-blog-style-7 .blog-start .blog-content .more-blog a.read-link i,
.center-blog-style-7 .blog-start .blog-content .more-blog a.read-link:hover i {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.center-blog-style-7 .blog-start .blog-content .more-blog a.read-link:hover i {
    margin-left: 8px;
}


/* order history page css */

.order-histry-area .order-history {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-left: -30px;
}

.order-histry-area .order-history .profile {
    width: calc(35% - 30px);
    margin-left: 30px;
    border: 1px solid #eee;
    border-radius: 5px;
}

.order-histry-area .order-history .profile .order-pro {
    padding: 30px;
    display: flex;
    align-items: center;
}

.order-histry-area .order-history .profile .order-pro .pro-img img {
    border: 3px solid #eee;
    border-radius: 100%;
}

.order-histry-area .order-history .profile .order-pro .order-name {
    margin-left: 15px;
}

.order-histry-area .order-history .profile .order-pro .order-name h4 {
    font-size: 18px;
    color: #333;
    font-weight: 600;
    line-height: 1;
}

.order-histry-area .order-history .profile .order-pro .order-name span {
    font-size: 13px;
    color: #9da9b9;
    margin-top: 12px;
}

.order-histry-area .order-history .profile .order-his-page ul.profile-ul li.profile-li a {
    position: relative;
    width: 100%;
    padding: 15px 30px;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #ddd;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.order-histry-area .order-history .profile .order-his-page ul.profile-ul li.profile-li a:after {
    background-color: #276309;
    content: '';
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    left: 18px;
    width: 2px;
    height: 15px;
}

.order-histry-area .order-history .profile .order-his-page ul.profile-ul li.profile-li a.active:after {
    background-color: #fff;
}

.order-histry-area .order-history .profile .order-his-page ul.profile-ul li.profile-li a:hover {
    background-color: #f5f5f5;
    color: #333;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.order-histry-area .order-history .profile .order-his-page ul.profile-ul li.profile-li a.active {
    background-color: #276309;
    color: #fff;
    border-color: #276309;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.order-histry-area .order-history .profile .order-his-page ul.profile-ul li.profile-li a span.pro-count {
    background-color: #276309;
    width: 25px;
    height: 25px;
    font-size: 12px;
    line-height: 1;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
}

.order-histry-area .order-history .profile .order-his-page ul.profile-ul li.profile-li a.active span.pro-count {
    background-color: #fff;
    color: #333;
}

.order-histry-area .order-history .order-info {
    width: calc(65% - 30px);
    margin-left: 30px;
}

.order-histry-area .order-history .order-info .table {
    border-top: 1px solid #eee;
}

.order-histry-area .order-history .order-info .table thead {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.order-histry-area .order-history .order-info .table thead tr th {
    padding-top: 11px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

.order-histry-area .order-history .order-info .table tbody tr td {
    padding-top: 11px;
    padding-bottom: 10px;
}

.order-histry-area .order-history .order-info .table tbody tr td.canceled {
    color: #ff5252;
}

.order-histry-area .order-history .order-info .table tbody tr td.process {
    color: #50c6e9;
}

.order-histry-area .order-history .order-info .table tbody tr td.delayed {
    color: #ffb74f;
}

.order-histry-area .order-history .order-info .table tbody tr td.delivered {
    color: #43d9a3;
}


/* profile page css */

.order-histry-area .order-history .profile-form {
    width: calc(65% - 30px);
    margin-left: 30px;
}

.order-histry-area .order-history .profile-form form ul.pro-input-label {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: -30px;
    margin-top: 15px;
}

.order-histry-area .order-history .profile-form form ul.pro-input-label:first-child {
    margin-top: 0px;
}

.order-histry-area .order-history .profile-form form ul.pro-input-label li {
    width: calc(50% - 30px);
    margin-left: 30px;
}

.order-histry-area .order-history .profile-form form ul.pro-input-label li label {
    font-size: 14px;
}

.order-histry-area .order-history .profile-form form ul.pro-input-label li input {
    width: 100%;
    border: 1px solid #eee;
    margin-top: 10px;
    border-radius: 5px;
}

.order-histry-area .order-history .profile-form form ul.pro-submit {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid #eee;
}


/* pro address css */

.order-histry-area .order-history .profile-address {
    width: calc(65% - 30px);
    margin-left: 30px;
}

.order-histry-area .order-history .profile-address form .pro-add-title h4 {
    font-size: 22px;
    color: #333;
    font-weight: 500;
    padding-bottom: 12px;
    border-bottom: 1px solid #eee;
    line-height: 1;
}

.order-histry-area .order-history .profile-address form ul.add-label-input {
    margin-left: -30px;
    margin-top: 15px;
    display: flex;
    align-items: center;
}

.order-histry-area .order-history .profile-address form ul.add-label-input li {
    width: calc(50% - 30px);
    margin-left: 30px;
}

.order-histry-area .order-history .profile-address form ul.add-label-input li label {
    font-size: 14px;
    color: #333;
}

.order-histry-area .order-history .profile-address form ul.add-label-input li input {
    width: 100%;
    margin-top: 10px;
    border: 1px solid #eee;
    border-radius: 5px;
}

.order-histry-area .order-history .profile-address form ul.add-label-input li select {
    width: 100%;
    margin-top: 10px;
    border: 1px solid #eee;
    border-radius: 5px;
}

.order-histry-area .order-history .profile-address form ul.pro-submit {
    margin-top: 30px;
    padding-top: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #eee;
}

.order-histry-area .order-history .profile-address form ul.pro-submit li {
    display: flex;
    align-items: center;
}

.order-histry-area .order-history .profile-address form ul.pro-submit li input {
    margin-right: 5px;
}

.order-histry-area .order-history .profile-form form ul.pro-submit li {
    display: flex;
    align-items: center;
    line-height: 1;
}

.order-histry-area .order-history .profile-form form ul.pro-submit li input {
    margin-right: 5px;
}


/* profile wishlist page css */

.order-histry-area .order-history .profile-wishlist {
    width: calc(65% - 30px);
    margin-left: 30px;
}


/* tickets page css */

.order-histry-area .order-history .profile-tickets {
    width: calc(65% - 30px);
    margin-left: 30px;
}

.order-histry-area .order-history .profile-tickets .table {
    border-top: 1px solid #eee;
}

.order-histry-area .order-history .profile-tickets .table thead tr th {
    padding-top: 11px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

.order-histry-area .order-history .profile-tickets .table tbody tr td {
    padding-top: 11px;
    padding-bottom: 10px;
}

.order-histry-area .order-history .profile-tickets .table tbody tr td.canceled {
    color: #ff5252;
}

.order-histry-area .order-history .profile-tickets .table tbody tr td.process {
    color: #50c6e9;
}

.order-histry-area .order-history .profile-tickets .table tbody tr td.delayed {
    color: #ffb74f;
}

.order-histry-area .order-history .profile-tickets .table tbody tr td.delivered {
    color: #43d9a3;
}

.icons {
    margin-left: 20px;
}

.icons a {
    padding: 0 6px;
    color: #fff;
}

.user-icon {
    font-size: 25px;
}

.pro-input-label-1 li a {
    border: 1px solid #eee;
    padding: 10px;
    float: left;
    width: 50%;
}

.pro-input-label-1 li a i {
    float: right;
    font-weight: 600;
    padding-top: 5px;
}

ol.gradient-list {
    counter-reset: gradient-counter;
    list-style: none;
    margin: 1.75rem 0;
    padding-left: 1rem;
}

ol.gradient-list>li {
    background: white;
    border-radius: 0 0.5rem 0.5rem 0.5rem;
    counter-increment: gradient-counter;
    margin-top: 1rem;
    min-height: 3rem;
    padding: 1rem 1rem 1rem 3rem;
    position: relative;
    width: 100%;
    display: inline-block;
}

.floors i {
    font-size: 25px;
    color: green;
    margin-top: 5px;
}

.floors {
    float: right !important;
}

ol.gradient-list>li p {
    float: left;
}

ol.gradient-list>li::before,
ol.gradient-list>li::after {
    background: linear-gradient(135deg, #83e4e2 0%, #a2ed56 100%);
    border-radius: 1rem 1rem 0 1rem;
    content: "";
    height: 2rem;
    left: -1rem;
    overflow: hidden;
    position: absolute;
    top: -1rem;
    width: 2rem;
}

ol.gradient-list>li::before,
ol.gradient-list>li {
    box-shadow: 0.25rem 0.25rem 0.6rem rgb(0 0 0 / 5%), 0 0.5rem 1.125rem rgb(75 0 0 / 5%);
}

ol.gradient-list>li::before {
    align-items: flex-end;
    content: counter(gradient-counter);
    color: #1d1f20;
    display: flex;
    font: 900 1.5em/1 "Montserrat";
    justify-content: flex-end;
    padding: 0.125em 0.25em;
    z-index: 1;
}

ol.gradient-list>li:nth-child(10n+1):before {
    background: linear-gradient(135deg, rgba(162, 237, 86, 0.2) 0%, rgba(253, 220, 50, 0.2) 100%);
}

ol.gradient-list>li:nth-child(10n+2):before {
    background: linear-gradient(135deg, rgba(162, 237, 86, 0.4) 0%, rgba(253, 220, 50, 0.4) 100%);
}

ol.gradient-list>li:nth-child(10n+3):before {
    background: linear-gradient(135deg, rgba(162, 237, 86, 0.6) 0%, rgba(253, 220, 50, 0.6) 100%);
}

ol.gradient-list>li:nth-child(10n+4):before {
    background: linear-gradient(135deg, rgba(162, 237, 86, 0.8) 0%, rgba(253, 220, 50, 0.8) 100%);
}

ol.gradient-list>li:nth-child(10n+5):before {
    background: linear-gradient(135deg, #a2ed56 0%, #fddc32 100%);
}

ol.gradient-list>li:nth-child(10n+6):before {
    background: linear-gradient(135deg, rgba(162, 237, 86, 0.8) 0%, rgba(253, 220, 50, 0.8) 100%);
}

ol.gradient-list>li:nth-child(10n+7):before {
    background: linear-gradient(135deg, rgba(162, 237, 86, 0.6) 0%, rgba(253, 220, 50, 0.6) 100%);
}

ol.gradient-list>li:nth-child(10n+8):before {
    background: linear-gradient(135deg, rgba(162, 237, 86, 0.4) 0%, rgba(253, 220, 50, 0.4) 100%);
}

ol.gradient-list>li:nth-child(10n+9):before {
    background: linear-gradient(135deg, rgba(162, 237, 86, 0.2) 0%, rgba(253, 220, 50, 0.2) 100%);
}

ol.gradient-list>li:nth-child(10n+10):before {
    background: linear-gradient(135deg, rgba(162, 237, 86, 0) 0%, rgba(253, 220, 50, 0) 100%);
}

ol.gradient-list>li+li {
    margin-top: 2rem;
}

.earnings {
    width: 100%;
    display: inline-block;
    border-radius: 50px;
    background: linear-gradient(45deg, #589e75, #e6efea);
}

.earnings_1 {
    float: left;
    background: #059942f2;
    border-radius: 50px;
    padding: 5px 40px;
    color: #fff;
}

.daily_earning {
    box-shadow: 0 0 10px #ccc;
    padding: 20px;
    margin: 20px 0;
    border-radius: 20px;
}

.eran {
    float: right;
    padding: 5px 30px;
}

.repurchase_status_eraning {
    float: left;
    padding: 3px 20px;
    border-radius: 5px;
    border: 1px solid #ccc;
    margin-right: 15px;
    text-align: center;
}

.repurchase_status {
    width: 100%;
    display: inline-block;
}

.levels_earning {
    text-align: center;
    margin: 20px 0;
}

.level_fist {
    float: left;
    width: 50%;
    border: 1px solid #cccc;
    padding: 3px 10px;
    text-align: center;
}

.tred-pro .owl-carousel .owl-item img {
    height: 250px;
    object-fit: cover;
}

.level_table p {
    border: 1px solid #cccc;
    padding: 0 10px;
    border-bottom: none;
    text-align: center;
}

.side-wrap .cart-wrap {
    list-style: none
}

.error {
    color: red;
}

.store_list_1 .form-gorup {
    margin: 10px 0;
}

.btn-style1 {
    margin-top: 20px;
}

.marketings ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 32px;
    border-bottom: 1px solid #03a84e;
    width: 100%;
}

.marketings ul.tabs li {
    float: left;
    margin: 0;
    cursor: pointer;
    padding: 0px 21px;
    height: 31px;
    line-height: 31px;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    background-color: #fff;
    color: #000;
    overflow: hidden;
    width: 50%;
    text-align: center;
    position: relative;
}

.marketings .tab_last {
    border-right: 1px solid #fff;
}

.marketings ul.tabs li:hover {
    background-color: #fff;
    color: #333;
}

.marketings ul.tabs li.active {
    background-color: #03a84e;
    color: #fff;
    border-bottom: 1px solid #03a84e;
    display: block;
}

.marketings .tab_container {
    /*border: 1px solid #333;*/
    border-top: none;
    clear: both;
    float: left;
    width: 100%;
    background: #fff;
    overflow: auto;
}

.marketings .tab_content {
    padding: 20px;
    display: none;
}

.tab_drawer_heading {
    display: none;
}

@media screen and (max-width: 767px) {
    .tred-pro .tr-pro-img a img {
    height: 110px;
}
.caption h3 a {
    font-size: 14px;
}
.caption .pro-price span.new-price {
    display: block;
    font-size: 12px;
            margin-bottom: 0px;
}
.product-cart a {
    padding: 4px 14px;
    margin: auto;
    border-radius: 25px;
    font-size: 12px;
    margin-right: 0px;
    margin-top: 10px;
}
.section-tb-padding.news-img {
    background: #faf8ed;
    padding: 20px 22px;
    border-radius: 10px;
    margin-bottom: 25px;
    background-size: contain;
}
    .f-logo ul.footer-ul li.footer-li ul.f-ul-li-ul li.footer-info {
        margin-left: 0px;
    }
    .f-logo ul.footer-ul li.footer-li ul.f-ul-li-ul li span, .f-logo ul.footer-ul li.footer-li ul.f-ul-li-ul li a {
    display: block;
    font-size: 13px;
    margin-top: 11px;
    color: #ffffffba;
    padding-left: 0px;
}
.footer-service ul.service-ul li.service-li a {
    position: relative;
    font-size: 30px;
    width: 50px;
    height: 50px;
    margin-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #276309;
    border-radius: 100%;
}
.footer-service ul.service-ul li.service-li a::after {
    width: 40px;
    height: 40px;
    border-radius: 50px;
}
.footer-service ul.service-ul li.service-li a i {
    position: relative;
    color: #fff;
    z-index: 1;
    font-size: 19px;
}
.footer-service ul.service-ul li.service-li span {
    font-size: 16px;
    font-weight: 600;
}
.footer-service ul.service-ul li.service-li {
    margin-top: 5px;
}
.subscribe{
    text-align: center;
}
.subscribe h2 {
    font-size: 19px;
    text-transform: capitalize;
}
.subscribe h2 span {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
}
.iamgeall {
    border-radius: 50%;
    width: 85px;
    height: 85px;
    margin: auto;
}
.news-letter1 .home-news form button {
    display: block!important;
    margin-top: 20px;
    position: unset;
            border-radius: 11px;
}
.f-logo ul.footer-ul li.footer-li ul.f-ul-li-ul {
    padding: 0px 0px;
}
}
@media screen and (max-width: 480px) {
    section {
    padding: 0px 0px;
}

.section-title p{
    display: block;
}
.sliderhomedesign {
    margin: 15px;
    border-radius: 15px;
    overflow: hidden;
    height: auto;
}
.home-slider{
        width: 100%;
height: 200px;
}
.sliderhomedesign {
    margin: 15px 0px;
}
video{
    width: 100%;
    height: 100%;
}    .marketings .tabs {
        display: none;
    }

    .tab_drawer_heading {
        background-color: #fff;
        color: #000;
        border-bottom: 1px solid #03a84e;
        margin: 0;
        padding: 5px 50px;
        display: block;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        width: 48%;
        text-align: center;
        display: inline-flex;
    }

    .d_active {
        background-color: #03a84e;
        color: #fff;
    }
}

.marketings .accordion {
    /*padding:100px;*/
}

.marketings .accordion .accordion-item {
    /*box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);*/
    padding: 15px 12px;
    margin-top: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, .125) !important;
    /*border-radius:10px;*/
    border: none;
}

.marketings .accordion .accordion-item button[aria-expanded=true] {
    /*   border-bottom: 1px solid #03b5d2; */
}

.marketings .accordion h2 {
    position: relative;
    display: block;
    text-align: left;
    width: 100%;
    /*    padding: 1em 0; */
    color: #333333;
    font-size: 1.15rem;
    font-weight: 400;
    border: none;
    background: none;
    outline: none;
    padding: 0px;
    line-height: 25px;
    margin: 0px;
    font-family: 'Open Sans', sans-serif;
}

.marketings .accordion h2:hover,
.marketings .accordion h2:focus {
    cursor: pointer;
    color: #03b5d2;
}

.marketings .accordion h2:hover::after,
.marketings .accordion h2:focus::after {
    cursor: pointer;
    color: #03b5d2;
    border: 1px solid #03b5d2;
}

.marketings .accordion h2 .accordion-title {
    /*padding: 1em 1.5em 1em 0;*/
}

.marketings .accordion h2 .icon {
    display: inline-block;
    position: absolute;
    top: 2px;
    right: -19px;
    width: 22px;
    height: 22px;
    border: 1px solid;
    border-radius: 22px;
}

.faq-content {
    padding: 80px 0px;
}

.marketings .accordion h2 .icon::before {
    display: block;
    position: absolute;
    content: "";
    top: 9px;
    left: 5px;
    width: 10px;
    height: 2px;
    background: currentColor;
}

.marketings .accordion h2 .icon::after {
    display: block;
    position: absolute;
    content: "";
    top: 5px;
    left: 9px;
    width: 2px;
    height: 10px;
    background: currentColor;
}

.marketings .accordion h2[aria-expanded=true] {
    color: #03b5d2;
}

.marketings .accordion h2[aria-expanded=true] .icon::after {
    width: 0;
}

.marketings .accordion h2[aria-expanded=true]+.accordion-content {
    opacity: 1;
    max-height: 5000px;
    transition: all 200ms linear;
    will-change: opacity, max-height;
}

.marketings .accordion .accordion-content {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 200ms linear, max-height 200ms linear;
    will-change: opacity, max-height;
}

.marketings .accordion .accordion-content p {
    font-size: 1rem;
    font-weight: 300;
    margin: 0px;
    margin-top: 10px;
    font-family: 'Open Sans', sans-serif;
}

.trainings {
    box-shadow: 0 0 10px #ccc;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 20px;
}

.trainings h5 {
    color: green;
    margin-top: 10px;
}

.trainings a {
    color: #000;
}

.home-slider2.owl-theme .owl-nav {
    display: none;
}

.gallery-wrapper {

    width: 100%;
    margin: 0 auto;
    padding: 0 1em;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    grid-gap: 1em;
}

.gallery-wrapper .image-wrapper a {
    padding: 0.5em;
    display: block;
    width: 100%;
    text-decoration: none;
    color: #333;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    transition: all 200ms ease-in-out;
}

.gallery-wrapper .image-wrapper a:hover {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
}

.gallery-wrapper .image-wrapper a img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.gallery-lightboxes .image-lightbox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(5px);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0ms ease-in-out;
}

.gallery-lightboxes .image-lightbox:target {
    opacity: 1;
    visibility: visible;
    z-index: 99;
}

.gallery-lightboxes .image-lightbox:target .image-lightbox-wrapper {
    opacity: 1;
    transform: scale(1, 1) translateY(0);
}

.gallery-lightboxes .image-lightbox .image-lightbox-wrapper {
    transform: scale(0.95, 0.95) translateY(-30px);
    transition: opacity 500ms ease-in-out, transform 500ms ease-in-out;
    opacity: 0;
    margin: 1em auto;
    max-width: 75%;
    padding: 0.5em;
    display: inline-block;
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
    position: relative;
}

.gallery-lightboxes .image-lightbox .image-lightbox-wrapper .close {
    width: 1.5em;
    height: 1.5em;
    background: #000;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    border-radius: 50%;
    box-shadow: 0 0 0 2px white inset, 0 0 5px rgba(0, 0, 0, 0.5);
    position: absolute;
    right: -1em;
    top: -1em;
}

.gallery-lightboxes .image-lightbox .image-lightbox-wrapper .close:before {
    content: "";
    display: block;
    width: 10px;
    height: 2px;
    background: #fff;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -1px 0 0 -5px;
    transform: rotate(-45deg);
}

.gallery-lightboxes .image-lightbox .image-lightbox-wrapper .close:after {
    content: "";
    display: block;
    width: 10px;
    height: 2px;
    background: #fff;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -1px 0 0 -5px;
    transform: rotate(45deg);
}

.gallery-lightboxes .image-lightbox .image-lightbox-wrapper .arrow-left {
    position: absolute;
    top: 0;
    right: 50%;
    bottom: 0;
    left: 0;
}

.gallery-lightboxes .image-lightbox .image-lightbox-wrapper .arrow-left:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 2px solid #fff;
    border-bottom: 0;
    border-right: 0;
    border-radius: 4px 0 0 0;
    position: absolute;
    top: 50%;
    right: 100%;
    cursor: pointer;
    transform: rotate(-45deg) translateY(-50%);
}

.gallery-lightboxes .image-lightbox .image-lightbox-wrapper .arrow-right {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
}

.gallery-lightboxes .image-lightbox .image-lightbox-wrapper .arrow-right:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    border: 2px solid #fff;
    border-bottom: 0;
    border-left: 0;
    border-radius: 0 4px 0 0;
    position: absolute;
    top: 50%;
    left: 100%;
    cursor: pointer;
    transform: rotate(45deg) translateY(-50%);
}

.gallery-lightboxes .image-lightbox .image-lightbox-wrapper img {
    margin: 0 auto;
    max-height: 70vh;
}

.top_imga {
    float: left;
    /*width: 60%;*/
    border-bottom: 1px solid #ddd;
    padding: 5px 5px 0;
}

.text_identy {
    float: right;
    width: 50%;
    font-size: 13px;
}

.identity_cart {
    display: inline-block;
    box-shadow: 0 0 10px #ccc;
    padding-bottom: 5px;
    border-radius: 5px;
    margin-bottom: 30px;
    width: 100%;
}

.img_identy_user {
    float: right;
}

.img_identy_user img {
    border-radius: 100%;
    /*border: 1px solid #ccc;*/
    width: 100px;
    height: 100px;
    object-fit: cover;
    padding: 5px;
    margin-top: 5px;
    box-shadow: 0 0 10px #ccc;
}

.id_detail {
    float: left;
    width: 50%;
    margin-top: 5px;
    font-size: 12px;
}

.company_a {
    display: inline-block;
    padding: 0px 20px;
    width: 100%;
}

.company_a1 {
    width: 100%;
    padding: 0 20px;
    max-height: 100%;
    /*height: 300px;*/
    font-size: 10px;
}

.company_a1 h6 {
    font-size: 10px;
}

.accordion-content table {
    background-color: #009846;
}

.accordion-content table th,
td {
    color: #240a0a !important;
}

.signature {
    padding: 0px 20px;
    float: right;
}

.marketings table {
    width: 100%;
    border: 1px solid #ccc;

}

.marketings table th,
td {
    border: 1px solid #ccc;
    padding-left: 20px;
}

.header-element.search-wrap {
    position: relative;
}

.header-element.search-wrap input {
    width: 100%;
    height: 40px;
    border: 1px solid #c7c7c7;
    border-radius: 25px;
}

.header-element.search-wrap a {
    color: #fff;
    font-size: 16px;
    position: absolute;
    top: 0;
    right: 0px;
    width: 40px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #000;
    border: none;
    border-radius: 50%;
    line-height: 0;
}

.search_popups {
    position: absolute;
    right: 50px;
    width: 20%;
    margin: auto;


}

.search_popups input {
    width: 100%;
    border: 1px solid #ccc;
    height: 40px;
    border-radius: 5px;
    margin-top: 10px;
    padding-left: 10px;
}

.desks {
    position: relative;

}

.search_popups1 input {
    height: 30px;
    width: 300px;
}

.print_button {
    float: right;
}

.print_button a {
    background-color: #03a84e;
    padding: 5px 10px;
    border-radius: 5px;
    color: #fff;
}

.signature img {
    float: right;
}

.preloader {
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: #fff;
    opacity: .9;
}

.lds-ripple {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

table.dataTable tbody tr {
    background-color: #f6ffea;
}

.support .map-area, .support .support_table {
    padding: 20px;
    background: #f6ffe8;
    border-radius: 5px;
}