@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=Figtree:ital,wght@0,300..900;1,300..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Marcellus&display=swap');

:root {
    --primary: #b89168;
    /* --primary-light: #DDD8D3; */
    --primary-dark: #815e37;

    --secondary: #feeac7;
    --secondary-light: #fff4e3;
    /* --secondary-dark: #918270; */

    --tertiary: #fef6e9;
    /* --tertiary-light: #C0BBAD; */
    /* --tertiary-dark: #3A352E; */
}

/*====================================
Typography
=====================================*/
@font-face {
    font-family: 'EDO';
    src: url('/assets/fonts/edo.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* Optional: Controls how font is loaded and displayed */
}

body{
    color: #333333;
    font-size: 16px;
    font-family: "Figtree", sans-serif;
    line-height: normal;
    font-weight: 400;
    letter-spacing: 0px;
}
body, html{
    height: 100%;
}
/* heading */
h1,
h2,
h3,
h4,
h5,
h6{
    color: #333333;
    margin: 0;
    padding: 0;
    font-weight: 600 !important;
    line-height: normal;
}
a{
    color: #333333;
    display: inline-block;
    text-decoration: none;
}
a:hover{
    color: var(--primary);
    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;
}
label {
    margin-bottom: 0.5rem;
}
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,
a:focus {
    outline: none;
    box-shadow: none;
}
.navbar-toggler:focus{
    box-shadow: none;
}
.btn-primary:active:focus{
    box-shadow: none;
}
p{
    line-height: 25px;
    margin-bottom: 0px;
}
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
input,
select,
textarea{
    padding: 0px 25px;
    height: 45px;
    border: 1px solid rgb(128 128 128 / 10%);
    border-radius: 0px;
}
input:focus,
select:focus,
textarea:focus {
    outline: none;
    border: 1px solid #e2e2e2;
    box-shadow: none;
}
.btn:focus,
.btn:active {
    outline: none;
    box-shadow: none;
}

/*=====================================
    body hidden class css
======================================*/
body.hidden {
    overflow-y: hidden;
    padding-right: 17px;
}
@media (max-width: 1199px){
    body.hidden {
        overflow-y: hidden;
        padding-right: 0px;
    }
}


/*=====================================
    btn style css
======================================*/
.btn-style1 {
    background-color: var(--primary);
    color: #FFFFFF;
    font-size: 16px;
    padding: 12px 30px;
    font-weight: 600;
    border-radius: 50px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
}
.btn-style1 span.icon {
    position: relative;
    font-size: 18px;
    margin-left: 15px;
    padding: 6px 0px 6px 15px;
    display: block;
    line-height: 1;
    border-left: 1px solid rgb(255 255 255 / 10%);
}
.btn-style1:hover {
    color: #ffffff;
    background-color: var(--primary-dark);
    border-color: var(--primary-dark);
}
@media (max-width: 991px) {
    .btn-style1 {
        font-size: 14px;
        padding: 8px 24px;
    }
    .btn-style1 span.icon {
        margin-left: 10px;  
        padding: 8px 0px 8px 10px;
    }
}

/* btn style 2 css */
.btn-style2 {
    background-color: #333333;
    color: #FFFFFF;
    font-size: 16px;
    padding: 12px 30px;
    font-weight: 600;
    border-radius: 50px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
}
.btn-style2 span.icon {
    position: relative;
    margin-left: 15px;
    padding: 8px 0px 8px 15px;
    display: block;
    line-height: 1;
    border-left: 1px solid rgb(128 128 128 / 40%);
}
.btn-style2:hover {
    color: #ffffff;
    background-color: #7AA32A;
    border-color: #7AA32A;
}
@media (max-width: 991px) {
    .btn-style2 {
        font-size: 14px;
        padding: 8px 24px;
    }
    .btn-style2 span.icon {
        margin-left: 10px;  
        padding: 8px 0px 8px 10px;
    }
}

/* btn style 3 css */
.btn-style3 {
    background-color: #333333;
    color: #FFFFFF;
    font-size: 16px;
    padding: 12px 30px;
    font-weight: 600;
    border-radius: 50px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
}
.btn-style3 span.icon {
    position: relative;
    margin-left: 15px;
    padding: 8px 0px 8px 15px;
    display: block;
    line-height: 1;
    border-left: 1px solid rgb(128 128 128 / 40%);
}
.btn-style3:hover {
    color: #ffffff;
    background-color: var(--primary);
    border-color: var(--primary);
}
@media (max-width: 991px) {
    .btn-style3 {
        font-size: 14px;
        padding: 8px 24px;
    }
    .btn-style3 span.icon {
        margin-left: 10px;  
        padding: 8px 0px 8px 10px;
    }
}

/*=====================================
    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
======================================*/
.section-t-padding{
    padding-top: 100px;
}
.section-b-padding{
    padding-bottom: 100px;
}
.section-tb-padding{
    padding-top: 100px;
    padding-bottom: 100px;
}
@media (max-width: 1199px) {
    .section-t-padding {
        padding-top: 80px;
    }
    .section-b-padding{
        padding-bottom: 80px;
    }
    .section-tb-padding{
        padding-top: 80px;
        padding-bottom: 80px;
    } 
}
@media (max-width: 767px) {
    .section-t-padding{
        padding-top: 60px;
    }
    .section-b-padding{
        padding-bottom: 60px;
    }
    .section-tb-padding{
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

/*=====================================
    section title css
======================================*/
.section-capture {
    margin-bottom: 42px;
    text-align: center;
}
.section-capture .section-title span.subtitle {
    color: #ea6c3c;
    font-size: 18px;
    margin-bottom: 22px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1;
}
.section-capture .section-title h2 {
    color: #333333;
    font-size: 40px;
    font-weight: 700;
}
.section-capture .section-title h2 span {
    font-family: "Marcellus", serif;
    font-weight: 400;
    border-bottom: 3px solid;
}
.section-capture .section-title p {
    max-width: 50%;
    margin: 0 auto;
    padding-top: 16px;
}
@media (max-width: 1199px) {
    .section-capture {
        margin-bottom: 32px;
    }
    .section-capture .section-title h2 {
        font-size: 30px;
    }
    .section-capture .section-title p {
        max-width: 58.33%;
    }
}
@media (max-width: 991px) {
    .section-capture .section-title p {
        max-width: 75%;
    }
}
@media (max-width: 767px) {
    .section-capture {
        margin-bottom: 22px;
    }
    .section-capture .section-title h2 {
        font-size: 22px;
    }
    .section-capture .section-title p {
        padding-top: 8px;
        max-width: 100%;
    }
}
@media (max-width: 320px) {
    .section-capture .section-title h2 {
        font-size: 20px;
    }
}

/*=====================================
  container css
======================================*/
.container {
  max-width: 1380px;
  padding: 0 12px;
}
@media(max-width: 1499px){
  .container {
    max-width: 1320px;
  }
}
@media(max-width: 1399px){
  .container {
    max-width: 1140px;
  }
}
@media(max-width: 1199px){
  .container {
    max-width: 960px;
    padding: 0 12px;
  }
}
@media(max-width: 991px){
  .container {
    max-width: 720px;
  }
}
@media(max-width: 767px){
  .container {
    max-width: 100%;
  }
}

/*=====================================
  container-fluid css
======================================*/
.container-fluid {
  padding: 0px 150px;
}
@media (max-width: 1499px) {
  .container-fluid {
    padding: 0px 30px;
  }
}
@media (max-width: 1199px) {
  .container-fluid {
    padding: 0px 12px;
  }
}

/*=====================================
  text css
======================================*/
.text-primary {
    color: var(--primary) !important;
}
.text-primary-dark {
    color: var(--primary-dark) !important;
}
.text-secondary {
    color: var(--secondary) !important;
}
.text-secondary-light {
    color: var(--secondary-light) !important;
}
.text-tertiary {
    color: var(--tertiary) !important;
}

/*=====================================
  background-color css
======================================*/
.bg-color-primary {
    background-color: var(--primary) !important;
}
.bg-color-primary-dark {
    background-color: var(--primary-dark) !important;
}
.bg-color-secondary {
    background-color: var(--secondary) !important;
}
.bg-color-secondary-light {
    background-color: var(--secondary-light) !important;
}
.bg-color-tertiary {
    background-color: var(--tertiary) !important;
}

.border-radius-20 {
    border-radius: 20px !important;
}
.border-radius-30 {
    border-radius: 30px !important;
}

.icon-font-size {
    font-size: 22px !important;
}

/*=====================================
    swiper dots css
======================================*/
.swiper-pagination span.swiper-pagination-bullet {
    background-color: var(--primary);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    opacity: 1;
}
.swiper-pagination span.swiper-pagination-bullet:first-child {
    margin-left: 0px;
}
.swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active,
.swiper-pagination span.swiper-pagination-bullet:hover {
    background-color: #232323;
}
 

/*=====================================
    owl-carousel nav css
======================================*/
.testimonials-area .testimonials-main {
    position: relative;
}
.owl-carousel .owl-nav {
    margin-top: 0px;
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
    background-color: var(--primary);
    color: #fff;
    font-size: 20px;
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    margin: 0;
    line-height: 0;
    border-radius: 3px;
    box-shadow: 0px 0px 12px 0px rgba(123, 190, 70, 0.1);
    -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;
}
.owl-carousel .owl-nav button.owl-next:hover,
.owl-carousel .owl-nav button.owl-prev:hover {
    background-color: #ffffff;
    color: var(--primary);
    box-shadow: 0px 0px 12px 0px rgba(123, 190, 70, 0.1);
}
.testimonials-area .owl-carousel .owl-nav button {
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
}
.owl-carousel .owl-nav button.owl-prev {
    left: -15px;
}
.owl-carousel .owl-nav button.owl-next {
    right: -15px;   
}
@media (max-width: 1199px) {
    .owl-carousel .owl-nav {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 40px;
    }
    .owl-carousel .owl-nav button.owl-next,
    .owl-carousel .owl-nav button.owl-prev {
        position: unset;
        transform: unset;
    }
    .owl-carousel .owl-nav button.owl-next {
        position: unset;
        margin-left: 10px;
    }
}
@media (max-width: 767px) {
    .owl-carousel .owl-nav {
        margin-top: 30px;
    }
}

/*=====================================
    owl-carousel dots css
======================================*/
.owl-theme .owl-nav.disabled+.owl-dots {
    line-height: 0;
    margin-top: 50px;
}
.owl-carousel button.owl-dot {
    margin-left: 10px;
}
.owl-carousel button.owl-dot:first-child {
    margin-left: 0px;
}
.owl-theme .owl-dots .owl-dot span {
    background-color: var(--primary);
    width: 5px;
    height: 5px;
    margin: 0px;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background-color: #232323;
}
@media (max-width: 1199px) {
    .owl-theme .owl-nav.disabled+.owl-dots {
        margin-top: 40px;
    }
}
@media (max-width: 767px) {
    .owl-theme .owl-nav.disabled+.owl-dots {
        margin-top: 30px;
    }
}

/*=====================================
    header top css
======================================*/
.header-main-area{
    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: 99;
    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{
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    padding: 10px 0px;
}
.header-main-area .header-main .header-element.logo {
    /* width: 16.67%; */
    width: 20%;
}
.header-main-area .header-main .header-element.header-search {
    width: 50%;
}
.header-main-area .header-main .header-element.head-contact-info {
    /* width: 33.33%; */
    width: 80%;
}
@media (max-width: 1399px) {
    .header-main-area .header-main .header-element.logo {
        width: 50%;
    }
    .header-main-area .header-main .header-element.header-search {
        width: 41.67%;
    }
    .header-main-area .header-main .header-element.head-contact-info {
        width: 41.66%;
    }
    .megamenu-part .megamenu-content span.sp-link-title {
        font-size: 12px;
    }
}
@media (max-width: 1199px) {
    .header-main-area .header-main {
        padding: 5px 0px;  
    }
    .header-main-area .header-main .header-element.logo {
        /* width: 41.67%; */
        width: 80%;
    }
    .header-main-area .header-main .header-element.header-search {
        display: none;
    } 
    .header-main-area .header-main .header-element.head-contact-info {
        /* width: 58.33%; */
        width: 20%;
    }
    .header-main-area .header-main .header-element.head-contact-info .right-block-box {
        display: flex;
    }
    .header-main-area .header-main .header-element.logo .logo-text span {
        font-size: 1.5rem !important;
    }
    .header-main-area .header-main .header-element.logo .logo-text p.logo-tagline {
        font-size: 0.7rem !important;
    }
    .banner {
        margin-top: 0px !important;
    }
}

/* logo css */
.header-main-area .header-main .header-element.logo a {
    /* width: 75px; */
    display: flex;
    align-items: center;
}
.header-main-area .header-main .header-element.logo img {
    /* width: 75px; */
    height: 50px;
}

.header-main-area .header-main .header-element.logo .logo-text span {
    font-family: 'EDO', Helvetica, Arial, Lucida, sans-serif;
    font-size: 2rem;
    font-weight: 700;
}
.header-main-area .header-main .header-element.logo .logo-text p.logo-tagline {
    /* font-size: 0.875rem;
    color: #666666;
    margin-top: 5px; */
    font-size: 0.875rem;
    color: #666666;
    margin-top: 5px; /* Space between logo name and tagline */
    /* letter-spacing: 1px; */
    text-transform: uppercase;
    margin-bottom: 0; /* Remove default bottom margin from paragraph */
    line-height: 1; 
}

/* desktop search css */
.desk-search {
    width: 100%;
}
.desk-search .search-block form {
    position: relative;
}
.desk-search .search-block form input {
    width: 100%;
    border-radius: 50px;
}
.desk-search .search-block form a.search-icon {
    background-color: #7AA32A;
    color: #FFFFFF;
    width: 75px;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0px 50px 50px 0px;
}
.desk-search .search-block form a.search-icon:hover {
    background-color: var(--primary);
}
.desk-search .search-block form a.search-icon span {
    font-size: 16px;
    display: block;
    line-height: 0;
}
@media (max-width: 991px) {
    .desk-search {
        display: none;
    }
}
/* contact info css */
.head-contact-info .contact-info ul.contact-info-ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.head-contact-info .contact-info ul.contact-info-ul li.contact-info-li {
    margin-left: 40px;
}
.head-contact-info .contact-info ul.contact-info-ul li.contact-info-li:first-child {
    margin-left: 0px;
}
.head-contact-info .contact-info ul.contact-info-ul li.contact-info-li .info-main {
    display: flex;
    align-items: center;
}
.head-contact-info .contact-info ul.contact-info-ul li.contact-info-li .info-main .info-icon {

}
.head-contact-info .contact-info ul.contact-info-ul li.contact-info-li .info-main .info-icon span.icon {
    color: var(--primary);
    font-size: 18px;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgb(128 128 128 / 10%);
    border-radius: 100%;
    -webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}
.head-contact-info .contact-info ul.contact-info-ul li.contact-info-li:hover .info-main .info-icon span.icon {
    background-color: var(--primary);
    color: #FFFFFF;
    border-color: var(--primary);
}
.head-contact-info .contact-info ul.contact-info-ul li.contact-info-li .info-main .info-icon span.icon i {

}
.head-contact-info .contact-info ul.contact-info-ul li.contact-info-li .info-main .info-text {
    margin-left: 15px;
}
.head-contact-info .contact-info ul.contact-info-ul li.contact-info-li .info-main .info-text span.label {
    display: block;
    font-size: 18px;
    font-weight: 600;
}
.head-contact-info .contact-info ul.contact-info-ul li.contact-info-li .info-main .info-text a.text {
    color: var(--primary);
    margin-top: 8px;
}
.head-contact-info .contact-info ul.contact-info-ul li.contact-info-li .info-main .info-text a.text:hover {
    color: var(--primary);
}
@media (max-width: 1199px) {
    .head-contact-info .contact-info {
        display: none;
    }
}

/* mobile search model css */
.modal#search-modal .modal.fade{
    padding-right: 0px !important;
}
.modal#search-modal .modal-dialog{
    margin: 0px;
    max-width: 100%;
}
.modal#search-modal .modal-content{
    background-color: #fff;
    border: none;
    border-radius: 0px;
}
.modal#search-modal .modal-body{
    display: flex;
    align-items: center;
    padding: 30px 15px;
}
.modal#search-modal .search-content{
    display: flex;
    align-items: center;
}
.modal#search-modal .search-content .search-engine{
    width: 100%;
    position: relative;
    border-radius: 3px;
    overflow: hidden;
}
.modal#search-modal .search-content .search-engine input{
    height: 40px;
    width: 100%;
    border: 1px solid #c7c7c7;
    border-radius: 3px;
}
.modal#search-modal .search-content .search-engine .search-btn{
    color: #fff;
    font-size: 20px;
    position: absolute;
    top: 0px;
    right: 0;
    height: 100%;
    width: 40px;
    background-color: #222;
    border: none;
    border-radius: 3px;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.modal#search-modal .search-content button.close{
    float: none;
    display: block;
    background-color: transparent;
    color: #000;
    font-size: 18px;
    margin-left: 10px;
    opacity: 1;
    line-height: 0;
}
.modal#search-modal .search-content button.close:hover{
    color: var(--primary);
}
@media (mnax-width: 479px) {
    .modal#search-modal .modal-body {
        padding: 15px;
    }
}

/* 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: 18px;
    height: 2px;
    display: block;
    background-color: #666666;
    -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: 6px;
}
button.navbar-toggler span.line::after{
    top: -6px;
}

/* 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: var(--primary);
}
.mini-cart ul.cart-item-loop{
    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{
    width: 5px;
}
.mini-cart ul.cart-item-loop::-webkit-scrollbar-track{
    background-color: #eee;
}
.mini-cart ul.cart-item-loop::-webkit-scrollbar-thumb{
    background-color: #c1c1c1;
}
.mini-cart ul.cart-item-loop::-webkit-scrollbar-thumb:hover{
    background-color: var(--primary);
}
.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-img a {
    border: 1px solid #eeeeee;
}
.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;
    font-weight: 500;
    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: var(--primary);
    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-area .header-bottom-part {
    position: relative;
    z-index: 2;
}
.header-area .header-bottom-part .header-bottom-wrap {
    background-color: var(--secondary-light);
    padding: 0px 30px;
    border-radius: 50px;
}
.header-area .header-bottom-part .header-bottom-wrap .header-bottom-menu {
    display: flex;
    align-items: center;
    margin-left: -30px;
}
.header-area .header-bottom-part .header-bottom-wrap .header-bottom-menu .megamenu-part {
    width: calc(65% - 30px);
    margin-left: 30px;
}
.header-area .header-bottom-part .header-bottom-wrap .header-bottom-menu .header-icon-wrap {
    width: calc(41.67% - 30px);
    margin-left: 30px;
}
@media (max-width: 1399px) {
    /* .header-area .header-bottom-part .header-bottom-wrap .header-bottom-menu .megamenu-part,
    .header-area .header-bottom-part .header-bottom-wrap .header-bottom-menu .header-icon-wrap {
        width: calc(50% - 30px);
    } */
    
}
@media (max-width: 1199px) {
    .header-bottom-part {
        display: none;
    }
}

/* main-menu css */
.megamenu-content .mainwrap ul.main-menu {
    display: flex;
    align-items: center;
}
.megamenu-content .mainwrap ul.main-menu li.menu-link {
    -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 a.link-title{
    display: block;
    position: relative;
    padding: 15px 24px 15px 0px;
    display: flex;
    align-items: center;
    font-weight: 700;
    text-transform: uppercase;
}
.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 {
    position: relative;
    display: flex;
    align-items: center;
    position: relative;
}
.megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title span.sp-link-title::after {
    background-color: var(--primary);
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 0px;
    height: 2px;
    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:hover a.link-title span.sp-link-title::after {
    opacity: 1;
    visibility: visible;
    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;
}
.megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title span.sp-link-title span.hot{
    color: #fff;
    font-size: 10px;
    padding: 1px 4px;
    position: absolute;
    right: 10px;
    top: -15px;
    background-color: #ff0000;
    transform: translateX(100%);
    text-transform: uppercase;
    font-weight: 400;
    border-radius: 3px;
    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 #ff0000;
    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 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: 3;
    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: 100%;
    left: 0px;
}
.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{
    padding: 0px 5px;
}
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu li.megamenu-li{
    width: 25%;
    padding: 0px 15px;
}
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu li.megamenu-li h2.sublink-title{
    font-size: 14px;
    margin-bottom: 10px;
}
.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: 10px;
}
.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 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-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-title{
    margin-top: 10px;
    text-align: center;
}

.title-one span {
    position: relative;
    color: #fff;
    /* margin-bottom: 15px; */
    font-family: 'EDO', Helvetica, Arial, Lucida, sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-size: 3rem;
}

.title-two span {
    color: var(--tertiary);
    font-size: 18px;
    font-weight: 500;
}

/* 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%;
    padding: 0px 5px;
}
.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;
}
@media (max-width: 1280px) {
    .megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title {
        padding: 20px 20px 20px 0px;
    }
}
@media (max-width: 1199px) {
    .megamenu-content .mainwrap ul.main-menu{
        flex-direction: column;
    }
    .megamenu-content .mainwrap ul.main-menu li.menu-link{
        width: 100%;
        border-top: 1px solid #eee;
    }
    .megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title{
        display: flex;
        padding: 13px 15px;
    }
    .megamenu-content .mainwrap ul.main-menu li.menu-link:first-child a.link-title {
        padding-left: 15px;
    }
    .megamenu-content .mainwrap ul.main-menu li.menu-link.parent a.link-title{
        display: none;
    }
    .megamenu-content .mainwrap ul.main-menu li.menu-link.parent a.link-title.link-title-lg{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .megamenu-content .mainwrap ul.main-menu li.menu-link.parent a.link-title.link-title-lg,
    .megamenu-content .mainwrap ul.main-menu li.menu-link.parent a.link-title.link-title-lg[aria-expanded="false"]{
        color: #222;
        opacity: 1;
    }
    .megamenu-content .mainwrap ul.main-menu li.menu-link.parent a.link-title.link-title-lg[aria-expanded="true"]{
        color: var(--primary);
    }
    .megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title::after{
        display: none;
    }
    .megamenu-content .mainwrap ul.main-menu li.menu-link:last-child a.link-title:before {
        display: none;
    }
    .megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title i{
        margin-left: 0;
    }
    .megamenu-content .mainwrap ul.main-menu li.menu-link.parent a.link-title.link-title-lg[aria-expanded="true"] i{
        transform: rotate(180deg);
    }
    .megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title span.sp-link-title::after {
        display: none;
    }
    .megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title span.sp-link-title span.hot{
        top: -8px;
        right: 0;
    }
    .megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu.collapse:not(.show),
    .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: none;
    }
    .megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu,
    .megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu,
    .megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.banner-menu{
        padding: 0;
        position: unset;
        left: 0;
        width: 100%;
        opacity: 1;
        visibility: visible;
        box-shadow: none;
    }
    .megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu li.submenu-li{
        margin-top: 0;
        border-top: 1px solid #eee;
    }
    .megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu li.submenu-li a.submenu-link{
        display: block;
        padding: 13px 15px 13px 25px;
    }
    .megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu li.megamenu-li{
        width: 100%;
        padding: 0 0;
        border-top: 1px solid #eee;
    }
    .megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu li.megamenu-li h2.sublink-title{
        display: none;
    }
    .megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu li.megamenu-li a.sublink-title.sublink-title-lg{
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 13px 15px 13px 25px;
    }
    .megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu li.megamenu-li a.sublink-title.sublink-title-lg,
    .megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu li.megamenu-li a.sublink-title.sublink-title-lg[aria-expanded="false"]{
        color: #222;
    }
    .megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu li.megamenu-li a.sublink-title.sublink-title-lg[aria-expanded="true"]{
        color: var(--primary);
    }
    .megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu li.megamenu-li a.sublink-title.sublink-title-lg[aria-expanded="true"] i{
        transform: rotate(180deg);
    }
    .megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu li.megamenu-li ul.dropdown-supmenu.collapse:not(.show){
        display: none;
    }
    .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: 0;
        border-top: 1px solid #eee;
    }
    .megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu li.megamenu-li ul.dropdown-supmenu li.supmenu-li a{
        display: block;
        padding: 13px 15px 13px 30px;
    }
    .megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.banner-menu li.menu-banner{
        width: 100%;
        padding: 0 0;
        border-top: 1px solid #eee;
    }
    .megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.banner-menu li.menu-banner a.menu-banner-img{
        display: none;
    }
    .megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.banner-menu li.menu-banner a.menu-banner-title{
        padding: 10px 15px 10px 25px;
        margin-top: 0px;
        text-align: left;
    }
    /* blog menu */
    .megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li{
        padding: 0px;
    }
    .megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li a.g-l-link{
        display: none;
    }
    .megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li a.sub-link{
        display: block;
        padding: 13px 25px 13px 25px;
        font-weight: 400;
    }
    .megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li a.sub-link{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li a.sub-link[aria-expanded="true"]{
        color: var(--primary);
    }
    .megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li a.sub-link[aria-expanded="true"] i{
        transform: rotate(180deg);
    }
    .megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li ul.blog-style-1{
        position: unset;
        opacity: 1;
        visibility: visible;
    }
    .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: none;
    }
    .megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li ul.blog-style-1{
        width: 100%;
        padding: 0px;
        transform: unset;
        box-shadow: none;
    }
    .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: block;
        padding: 13px 40px;
        border-top: 1px solid #eee;
    }
    .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[aria-expanded="true"]{
        color: var(--primary);
    }
    .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[aria-expanded="true"] i{
        transform: rotate(270deg);
    }
    .megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li ul.blog-style-1 li a.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 a.blog-sub-style{
        padding: 10px 40px;
        border-top: 1px solid #eee;
    }
    .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: 14px;
        transform: rotate(91deg);
    }
    .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{
        width: 100%;
        padding: 0px;
        transform: unset;
        box-shadow: none;
        position: unset;
        opacity: 1;
        visibility: visible;
    }
    .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: 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 li a{
        padding: 13px 50px;
        border-top: 1px solid #eee;
    }
}

/* 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: flex-end;
    width: 100%;
}
.right-block-box ul.shop-element li.side-wrap {
    position: relative;
    margin-left: 40px;
}
.right-block-box ul.shop-element li.side-wrap.nav-toggler,
.right-block-box ul.shop-element li.side-wrap.search-wrap {
    display: none;
} 
.right-block-box ul.shop-element li.side-wrap:first-child{
    margin-left: 0;
}
.right-block-box ul.shop-element li.side-wrap a {
    line-height: 1;
    font-weight: 400;
    display: flex;
    align-items: center;
    text-transform: uppercase;
}
.right-block-box ul.shop-element li.side-wrap a:hover {
    color: var(--primary);
}
.right-block-box ul.shop-element li.side-wrap a span.icon {
    position: relative;
    display: flex;
    align-items: center;
}
.right-block-box ul.shop-element li.side-wrap a span.icon i {
    color: #232323;
    font-size: 20px;
    -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;
}
.right-block-box ul.shop-element li.side-wrap.wishlist-wrap a span.icon i,
.right-block-box ul.shop-element li.side-wrap.cart-wrap a span.icon i {
    margin-right: 10px;
}
.right-block-box ul.shop-element li.side-wrap a:hover span.icon i {
    color: var(--primary);
    -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;
}
.right-block-box ul.shop-element li.side-wrap a span.icon span.bigcounter {
    color: #7AA32A;
    font-size: 12px;
    font-weight: 700;
    border-radius: 100%;
    text-align: center;
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgb(128 128 128 / 10%);
}
/* offer text css */
.offer-info img {
    height: 1rem;;
}
.right-block-box ul.shop-element li.offer-info .offer-info-text span.text {
    color: #808080;
}
.right-block-box ul.shop-element li.offer-info .offer-info-text span.text span {
    color: var(--primary);
    font-weight: 700;
}   
@media (max-width: 1499px) {
    .right-block-box ul.shop-element li.side-wrap {
        margin-left: 30px;
    }
}
@media (max-width: 1199px) {
    .top-bar {
        display: block !important;
    }
    .right-block-box ul.shop-element li.side-wrap {
        margin-left: 20px;
    }
    .right-block-box ul.shop-element li.side-wrap.nav-toggler,
    .right-block-box ul.shop-element li.side-wrap.search-wrap { 
        display: flex;
    }
    .right-block-box ul.shop-element li.side-wrap a span.icon i {
        font-size: 18px;
    }
    .right-block-box ul.shop-element li.side-wrap.wishlist-wrap a span.icon i,
    .right-block-box ul.shop-element li.side-wrap.cart-wrap a span.icon i {
        margin-right: 7px;
    }
    .right-block-box ul.shop-element li.side-wrap a span.icon span.bigcounter {
        background-color: var(--primary);
        color: #FFFFFF;
        position: absolute;
        top: -5px;
        width: 16px;
        height: 16px;
        right: 0;
        border-color: var(--primary);
    }
}
@media (max-width: 767px) {
    .right-block-box ul.shop-element li.side-wrap {
        margin-left: 15px;
    } 
    .right-block-box ul.shop-element li.side-wrap a span.icon i {
        font-size: 16px;
    }
}

/* mobile menu toggler css */
.top-bar {
    background-color: var(--secondary);
}
.header-bottom-area{
    background-color: #fff;
    display: none;
}
@media (max-width: 1199px) {
    .header-bottom-area {
        display: block;
    }
    .header-bottom-area .main-menu-area{
        align-items: flex-start;
        position: fixed;
        top: 0;
        left: -300px;
        width: 300px;
        height: 100%;
        overflow-y: auto;
        background-color: #fff;
        z-index: 100;
        opacity: 0;
        visibility: hidden;
        border-top: none;
    }
    .header-bottom-area .main-menu-area.active{
        left: 0;
        opacity: 1;
        visibility: visible;
    }
    .header-bottom-area .main-menu-area,
    .header-bottom-area .main-menu-area.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;
    }
    /* toggler close btn css */
    .header-bottom-area .box-header button.close-box {
        background-color: var(--primary);
        color: #ffffff;
        font-size: 16px;
        width: 40px;
        height: 40px;
        display: flex;
        line-height: 0;
        align-items: center;
        justify-content: center;
        margin-left: auto;   
    }
    .header-bottom-area .box-header button.close-box:hover {
        background-color: #291f51;
    }
}

/*=====================================
    slider css
======================================*/
.home-slider-area {
    margin-top: -30px;
}
.home-slider-area .slider-banner .main-slider .slider-area {
    position: relative;
    text-align: -webkit-center;
    text-align: center;
}
/* slider image css */
.home-slider-area .slider-banner .main-slider .slider-area .slider-block {
    position: relative;
    display: flex;
    /* align-items: center; */
}
/* .home-slider-area .slider-banner .main-slider .slider-area .slider-block a.slider-img img.desk-img {
    height: 100vh;
} */
.home-slider-area .slider-banner .main-slider .slider-area .slider-block a.slider-img img.mobile-img {
    display: none;
}
.banner-container .title-two {
    margin-top: 20px;
}
@media (max-width: 1199px) {
    .home-slider-area {
        margin-top: 0px;
    }
}
@media (max-width: 991px) {
    .home-slider-area .slider-banner .main-slider .slider-area .slider-block a.slider-img img.mobile-img {
        display: flex;
        /* height: 100vh; */
    }
    .home-slider-area .slider-banner .main-slider .slider-area .slider-block a.slider-img img.desk-img {
        display: none;
    }
}

/* slider text css */
.home-slider-area .slider-banner .main-slider .slider-area .slider-block .slider-content {
    position: absolute;
    left: 0px;
    right: 0px;
    align-self: center;
    text-align: left;
}
.home-slider-area .slider-banner .main-slider .slider-area .slider-block .slider-content .slider-text {
    /* width: 41.67%; */
    /* width: 50%; */
    justify-items: left;
}
.home-slider-area .slider-banner .main-slider .slider-area .slider-block .slider-content .slider-text h2.title {
    color: #FFF;
    font-size: 4rem;
    font-weight: 700;
    line-height: 1.1;
} 
.home-slider-area .slider-banner .main-slider .slider-area .slider-block .slider-content .slider-text h2.title span {
    display: block;
}
.home-slider-area .slider-banner .main-slider .slider-area .slider-block .slider-content .slider-text h2.title span:first-child {
    margin-top: 0px;
}
.home-slider-area .slider-banner .main-slider .slider-area .slider-block .slider-content .slider-text h2.title span:last-child {
    font-family: 'EDO', Helvetica, Arial, Lucida, sans-serif;
    font-weight: 700;
    color: #FFF;
}
.home-slider-area .slider-banner .main-slider .slider-area .slider-block .slider-content .slider-text h4.slider-price {
    color: #FFFFFF;
    /* font-family: 'EDO', Helvetica, Arial, Lucida, sans-serif; */
    font-size: 1.5rem;
    margin-top: 33px;
    font-weight: 400 !important;
    display: block;
}
.home-slider-area .slider-banner .main-slider .slider-area .slider-block .slider-content .slider-text h4.slider-price span.title1 {
    color: var(--tertiary);
}
.home-slider-area .slider-banner .main-slider .slider-area .slider-block .slider-content .slider-text h4.slider-price span.title2 {
    color: var(--tertiary);
}
.home-slider-area .slider-banner .main-slider .slider-area .slider-block .slider-content .slider-text h4.slider-price span.title3 {
    position: relative;
    margin-left: 10px;
    padding-left: 10px;
}
.home-slider-area .slider-banner .main-slider .slider-area .slider-block .slider-content .slider-text h4.slider-price span.title3::before {
    content: '~';
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    left: -10px;
}
.home-slider-area .slider-banner .main-slider .slider-area .slider-block .slider-content .slider-text a {
    margin-top: 54px;
}
.home-slider-area .slider-banner .main-slider .slider-area .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .slider-block .slider-content .slider-text h2,
.home-slider-area .slider-banner .main-slider .slider-area .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .slider-block .slider-content .slider-text h4.slider-price,
.home-slider-area .slider-banner .main-slider .slider-area .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .slider-block .slider-content .slider-text a {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.home-slider-area .slider-banner .main-slider .slider-area .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .slider-block .slider-content .slider-text h2 {
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
    -webkit-animation-delay: 0.7s;
    animation-duration: 0.7s;
}
.home-slider-area .slider-banner .main-slider .slider-area .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .slider-block .slider-content .slider-text h4.slider-price {
    -webkit-animation-delay: 1.0s;
    animation-delay: 1.0s;
    -webkit-animation-delay: 1.0s;
    animation-duration: 1.0s;
}
.home-slider-area .slider-banner .main-slider .slider-area .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .slider-block .slider-content .slider-text a {
    /* display: inline-flex; */
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
    -webkit-animation-delay: 1.3s;
    animation-duration: 1.3s;
} 
/* slider dots css */
.home-slider-area .slider-banner .main-slider .slider-area .swiper-pagination {
    display: none;
    bottom: 30px;
    left: 0px;
    right: 0px;
    line-height: 1;
    z-index: 1;
}
@media (max-width: 1499px) {
    .home-slider-area .slider-banner .main-slider .slider-area .slider-block .slider-content .slider-text h2.title {
        font-size: 50px;
    }
}
@media (max-width: 1199px) {
    .home-slider-area .slider-banner .main-slider .slider-area .slider-block .slider-content .slider-text h2.title {
        font-size: 38px;
    } 
    .home-slider-area .slider-banner .main-slider .slider-area .slider-block .slider-content .slider-text h4.slider-price {
        font-size: 20px;
        margin-top: 25px;
    }
    .home-slider-area .slider-banner .main-slider .slider-area .slider-block .slider-content .slider-text a {
        margin-top: 34px;
    }
}
@media (max-width: 767px) {
    .home-slider-area .slider-banner .main-slider .slider-area .slider-block .slider-content {
        text-align: center;
        top: 10%;
    }
    .home-slider-area .slider-banner .main-slider .slider-area .slider-block .slider-content .slider-text h2.title {
        font-size: 30px;
    }
    .home-slider-area .slider-banner .main-slider .slider-area .slider-block .slider-content .slider-text h4.slider-price {
        font-size: 18px;
        margin-top: 19px;
    }
    .home-slider-area .slider-banner .main-slider .slider-area .slider-block .slider-content .slider-text a {
        display: inline-flex;
        margin-top: 25px;
    } 
    /* slider dots css */
    .home-slider-area .slider-banner .main-slider .slider-area .swiper-pagination {
        bottom: 15px;
    }
}
@media (max-width: 479px) {
    .home-slider-area .slider-banner .main-slider .slider-area .slider-block .slider-content .slider-text {
        /* width: 50%; */
        width: 100%;
        justify-items: center;
        /* margin-top: 22%; */
    }
    .home-slider-area .slider-banner .main-slider .slider-area .slider-block .slider-content .slider-text h2.title {
        font-size: 2.5rem;
    }
    .home-slider-area .slider-banner .main-slider .slider-area .slider-block .slider-content .slider-text h4.slider-price {
        font-size: 1.1rem;
        margin-top: 11px;
    }
    .home-slider-area .slider-banner .main-slider .slider-area .slider-block .slider-content .slider-text a {
        margin-top: 16px;
    } 
}

/*=====================================
    marquee section css
======================================*/ 
  .marquee-section {
    position: relative;
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid rgb(128 128 128 / 10%);
  }
  .marquee-section .offer-text-wrap {
    overflow: hidden;
  }
  .marquee-section .offer-text-wrap ul.offer-ul {
    display: flex;
    align-items: center;
  }
  .marquee-section .offer-text-wrap ul.offer-ul li.offer-li {
    display: flex;
  }
  .marquee-section .offer-text-wrap ul.offer-ul li.text1 {
    -webkit-animation: slide1 50s linear infinite;
    animation: slide1 50s linear infinite;
    -webkit-animation-delay: -50s;
    animation-delay: -50s;
  }
  .marquee-section .offer-text-wrap ul.offer-ul li.text2 {
    -webkit-animation: slide2 50s linear infinite;
    animation: slide2 50s linear infinite;
    -webkit-animation-delay: -25s;
    animation-delay: -25s;
  }
  .marquee-section .offer-text-wrap:hover ul.offer-ul li.offer-li,
  .marquee-section .offer-text-wrap:focus-within ul.offer-ul li.offer-li {
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
  }
@-webkit-keyframes slide1{
    0%{
        transform: translateX(100%);
    } 100%{
        transform: translateX(-100%);
    }
}
@-moz-keyframes slide1{
    0%{
        transform: translateX(100%);
    } 100%{
        transform: translateX(-100%);
    }
}
@keyframes slide1{
    0%{
        transform: translateX(100%);
    } 100%{
        transform: translateX(-100%);
    }
}
@-webkit-keyframes slide2{
    0%{
        transform: translateX(0%);
    } 100%{
        transform: translateX(-200%);
    }
}
@-moz-keyframes slide2{
    0%{
        transform: translateX(0%);
    } 100%{
        transform: translateX(-200%);
    }
}
@keyframes slide2{
    0%{
        transform: translateX(0%);
    } 100%{
        transform: translateX(-200%);  
    }
}
.marquee-section .offer-text-wrap ul.offer-ul li.offer-li .offer-text-block {
    display: block;
    white-space: nowrap;
    position: relative;
    padding: 0px 0px 0px 100px;
    display: flex;
    align-items: center;
}
.marquee-section .offer-text-wrap ul.offer-ul li.offer-li .offer-text-block::before {
    color: #333333;
    content: "/";
    position: absolute;
    left: 50px;
    font-size: 18px;
    display: flex;
    align-items: center;
    line-height: 1;
}
.marquee-section .offer-text-wrap ul.offer-ul li.offer-li .offer-text-block p {
    color: #333333;
    font-size: 18px;
    line-height: 1;
    font-weight: 600;
}
.marquee-section .offer-text-wrap ul.offer-ul li.offer-li .offer-text-block p strong {
    color: var(--primary);
    font-weight: 600;
}

/*=====================================
    banner grid css
======================================*/ 
.banner-grid-area .banner-grid ul.banner-grid-ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: -30px;
    margin-left: -30px;
}
.banner-grid-area .banner-grid ul.banner-grid-ul li.banner-grid-li {
    width: calc(50% - 30px);
    margin-top: 30px;
    margin-left: 30px;
}
.banner-grid-area .banner-grid ul.banner-grid-ul li.banner-grid-li .banner-main {
    position: relative;
    padding: 35px 0px 40px 0px;
    display: flex;
    align-items: center;
}
.banner-grid-area .banner-grid ul.banner-grid-ul li.banner-grid-li .banner-main a.banner-image {
    position: absolute;
    top: 0px;
    inset-inline-end: 0px;
    bottom: 0px;
    inset-inline-start: 0px;
    z-index: -1;
}
.banner-grid-area .banner-grid ul.banner-grid-ul li.banner-grid-li .banner-main a.banner-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 10px;
}
.banner-grid-area .banner-grid ul.banner-grid-ul li.banner-grid-li .banner-main .banner-content {
    width: calc(50% - 50px);
    margin-left: 50px;
}   
.banner-grid-area .banner-grid ul.banner-grid-ul li.banner-grid-li .banner-main .banner-content h4.title {
    color: #FFFFFF;
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
}
.banner-grid-area .banner-grid ul.banner-grid-ul li.banner-grid-li .banner-main .banner-content h4.title span.text2 {
    font-family: "Marcellus", serif;
    font-weight: 400;
}
.banner-grid-area .banner-grid ul.banner-grid-ul li.banner-grid-li .banner-main .banner-content a.banner-btn {
    margin-top: 24px;
}
@media (max-width: 1199px) {
    .banner-grid-area .banner-grid ul.banner-grid-ul li.banner-grid-li .banner-main .banner-content {
        width: calc(50% - 30px);
        margin-left: 30px;
    }
    .banner-grid-area .banner-grid ul.banner-grid-ul li.banner-grid-li .banner-main .banner-content h4.title {
        font-size: 30px;
    }
}
@media (max-width: 991px) {
    .banner-grid-area .banner-grid ul.banner-grid-ul li.banner-grid-li .banner-main .banner-content {
        width: calc(50% - 15px);
        margin-left: 15px;
    }
    .banner-grid-area .banner-grid ul.banner-grid-ul li.banner-grid-li .banner-main .banner-content h4.title {
        font-size: 24px;
    }
}
@media (max-width: 767px) {
    .banner-grid-area .banner-grid ul.banner-grid-ul {
        margin-left: -15px;
    }
    .banner-grid-area .banner-grid ul.banner-grid-ul li.banner-grid-li {
        width: calc(50% - 15px);
        margin-left: 15px;
    }
}
@media (max-width: 600px) {
    .banner-grid-area .banner-grid ul.banner-grid-ul li.banner-grid-li {
        width: calc(100% - 15px);
    }
}

/*=====================================
    category css
======================================*/ 
.category-slider .category-block .swiper-container {
    padding: 12px;
    margin: -12px;
}
.category-slider .category-block .category-main {
    position: relative;
    text-align: center;
    padding: 0px 30px;
}
.category-slider .category-block .category-main::before {
    content: '';
    background-color: #FBF7F3;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 25px;
    left: 0px;
    z-index: -1;
    border-radius: 10px;
}
.category-slider .category-block .category-main .category-img {
    padding: 40px 0px 37px 0px;
}
.category-slider .category-block .category-main .category-img span.icon {
    width: 70px;
}
.category-slider .category-block .category-main .category-content span.category-item {
    color: var(--primary);
    font-weight: 600;
    display: block;
}
.category-slider .category-block .category-main .category-content a.cat-title {
    font-size: 18px;    
    font-weight: 600;
    margin-top: 8px;
}
.category-slider .category-block .category-main .category-count {
    margin-top: 25px;
    display: flex;
    justify-content: center;
}   
.category-slider .category-block .category-main .category-count a.cat-icon {
    background-color: #FFFFFF;
    color: var(--primary);
    font-size: 18px;
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    box-shadow: 0 0 15px rgb(0 0 0 / 15%);
}
.category-slider .category-block .category-main:hover .category-count a.cat-icon {
    background-color: var(--primary);
    color: #FFFFFF;
}
.category-slider .category-block .category-main .category-count a.cat-icon span.icon {
    display: flex;
}
@media (max-width: 767px) {
    .category-slider .category-block .category-main {
        padding: 0px 12px;
    }
}

/*=====================================
    home product css
======================================*/
.home-product-slider {
    background-color: #FBF7F3;
}
.single-product-wrap {
    background-color: #FFFFFF;
}
/* home products css */
.single-product-wrap .product-img {
    position: relative;
    overflow: hidden;
}
.single-product-wrap .product-img a.pro-image img{
    backface-visibility: hidden;
}
.single-product-wrap .product-img a.pro-image img.additional-image{
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    opacity: 0;
    visibility: hidden;
}
.single-product-wrap:hover .product-img a.pro-image img.additional-image{
    opacity: 1;
    visibility: visible;
}
.single-product-wrap .product-img a.pro-image img.additional-image,
.single-product-wrap:hover .product-img a.pro-image 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;
}
.single-product-wrap .product-img .Pro-lable span.p-text,
.single-product-wrap .product-img .Pro-lable span.p-discount{
    position: absolute;
    font-size: 12px;
    font-weight: 700;
    top: 15px;
    left: 15px;
    color: #fff;
    padding: 8px 16px 8px 16px;
    border-radius: 5px;
    text-transform: uppercase;
}
.single-product-wrap .product-img .Pro-lable span.p-text{
    display: inline-table;
    background-color: var(--primary);
}
.single-product-wrap .product-img .Pro-lable span.p-discount{
    background-color: #7AA32A;
}
/* product content css */
.single-product-wrap .product-content {
    padding: 26px 0px 15px;
    text-align: center;
}
.single-product-wrap .product-content h4.title {
    font-size: 18px;
    font-weight: 600;
}
.single-product-wrap .product-content h4.title a{
    display: block;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.single-product-wrap .product-content .pro-price{
    margin-top: 8px;
}
.single-product-wrap .product-content .pro-price span.new-price {
    color: var(--primary);
    font-weight: 700;
    line-height: 1;
}
.single-product-wrap .product-content .pro-price span.old-price {
    position: relative;
    color: #808080;
    margin-left: 10px;
    padding-left: 10px;
    font-weight: 700;
    line-height: 1;
}
.single-product-wrap .product-content .pro-price span.old-price::before {
    content: '~';
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    left: -6px;
}
.single-product-wrap .product-action {
    position: relative;
    z-index: 0;
}
.single-product-wrap .product-content .product-action {
    margin-top: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.single-product-wrap .product-content .product-action::after {
    content: "";
    height: 1px;
    width: 100%;
    background: #0000000d;
    position: absolute;
    z-index: -1;
}
.single-product-wrap .product-action a {
    background-color: #FFFFFF;
    color: #808080;
    font-size: 14px;
    width: 40px;
    height: 40px;
    margin-left: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgb(128 128 128 / 10%);
    border-radius: 100%;
}
.single-product-wrap .product-action a:hover {
    background-color: var(--primary);
    color: #FFFFFF;
    border-color: var(--primary);
}
.single-product-wrap .product-action a:first-child {
    margin-left: 0px;
}
.single-product-wrap .product-action a span {
    display: flex;
}
.single-product-wrap .product-content .rating{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
}
.single-product-wrap .product-content .rating i{
    color: #ccc;
    font-size: 16px;
    margin-right: 5px;
}
.single-product-wrap .product-content .rating i.b-star,
.single-product-wrap .product-content .rating i.c-star,
.single-product-wrap .product-content .rating i.d-star,
.single-product-wrap .product-content .rating i.e-star{
    color: #7AA32A;
}
.single-product-wrap .product-content .rating i:last-child{
    margin-right: 0px;
}
.single-product-wrap .pro-tab .collection-btn {
    text-align: center;
}
.home-product-slider .collection-btn {
    display: flex;
    justify-content: center;
    margin-top: 60px;
}
@media (max-width: 1199px) {
    .home-product-slider .collection-btn {
        margin-top: 50px;
    }
}
@media (max-width: 767px) {
    .single-product-wrap .product-content {
        padding: 16px 0px 15px;
    }
    .home-product-slider .collection-btn {
        margin-top: 30px;
    }
}

/*=====================================
    background banner css
======================================*/
.banner-bg {
    position: relative;
}
.banner-bg::before {
    background-color: #FBF7F3;
    content: '';
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    height: 50%;
    z-index: -1;
}
.banner-bg .banner-bg-main {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 15px 0px;
    margin-bottom: 65px;
    border-radius: 10px;
}
.banner-bg .banner-bg-main .banner-bg-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: -30px;
}
.banner-bg .banner-bg-main .banner-bg-wrap .banner-text {
    width: calc(25% - 30px);
    margin-left: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.banner-bg .banner-bg-main .banner-bg-wrap .banner-image {
    width: calc(41.67% - 30px);
    margin-left: 30px;
}
.banner-bg .banner-bg-main .banner-bg-wrap .banner-btn {
    width: calc(16.33% - 30px);
    margin-left: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
}
.banner-bg .banner-bg-main .banner-bg-wrap .banner-text .section-capture {
    text-align: left;
    margin-bottom: 0px;
}
.banner-bg .banner-bg-main .banner-bg-wrap .banner-text span.subtitle {
    background-color: #FFF330;
    width: fit-content;
    font-size: 18px;
    font-weight: 600;
    padding: 12px 31px;
    margin-bottom: 10px;
    border-radius: 25px;
}
.banner-bg .banner-bg-main .banner-bg-wrap .banner-text .section-capture .section-title h2 {
    color: #FFFFFF;
}
.banner-bg .banner-bg-main .banner-bg-wrap .banner-text .section-capture .section-title h2 span {
    border: none;
}
.banner-bg .banner-bg-main .banner-bg-wrap .banner-image {
    text-align: center;
}
.banner-bg .banner-bg-main .banner-bg-wrap .banner-image span.image {
    margin-bottom: -80px;
}
@media (max-width: 1399px) {
    .banner-bg .banner-bg-main {
        padding: 15px 50px;
    }
    .banner-bg .banner-bg-main .banner-bg-wrap .banner-text {
        width: calc(33.33% - 30px);
    }
    .banner-bg .banner-bg-main .banner-bg-wrap .banner-btn {
        width: calc(25% - 30px);
    }
}
@media (max-width: 1199px) {
    .banner-bg .banner-bg-main {
        padding: 15px 30px;
    }
    .banner-bg .banner-bg-main .banner-bg-wrap .banner-text {
        width: calc(33.33% - 30px);
    }
    .banner-bg .banner-bg-main .banner-bg-wrap .banner-btn {
        width: calc(25% - 30px);
    }
}
@media (max-width: 991px) {
    .banner-bg .banner-bg-main .banner-bg-wrap .banner-text,
    .banner-bg .banner-bg-main .banner-bg-wrap .banner-btn {
        width: calc(50% - 30px);
        order: -1;
    }
    .banner-bg .banner-bg-main .banner-bg-wrap .banner-image {
        width: calc(100% - 30px);
        margin-top: 30px;
    }
}
@media (max-width: 767px) {
    .banner-bg .banner-bg-main {
        padding: 15px 12px;
    }
    .banner-bg .banner-bg-main .banner-bg-wrap {
        margin-left: -12px;
    }
    .banner-bg .banner-bg-main .banner-bg-wrap .banner-text,
    .banner-bg .banner-bg-main .banner-bg-wrap .banner-btn {
        width: calc(50% - 12px);
        margin-left: 12px;
    }
    .banner-bg .banner-bg-main .banner-bg-wrap .banner-image {
        width: calc(100% - 12px);
        margin-left: 12px;
    }
}
@media (max-width: 479px) {
    .banner-bg .banner-bg-main .banner-bg-wrap .banner-text,
    .banner-bg .banner-bg-main .banner-bg-wrap .banner-btn {
        width: calc(100% - 12px);
    }
    .banner-bg .banner-bg-main .banner-bg-wrap .banner-text {
        align-items: center;
    }
    .banner-bg .banner-bg-main .banner-bg-wrap .banner-btn {
        align-items: center;
        margin-top: 24px;
    }
}

/*=====================================
    service css
======================================*/
.service-area .service-block {
    padding-top: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid rgb(128 128 128 / 10%);
}
.service-area .service-block ul.home-service-ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: -30px;
    margin-left: -30px;
}
.service-area .service-block ul.home-service-ul li.home-service-li {
    width: calc(25% - 30px);
    margin-top: 30px;
    margin-left: 30px;
}
.service-area .service-block ul.home-service-ul li.home-service-li .service-main {
    display: flex;
    align-items: center;
    justify-content: center;
}
.service-area .service-block ul.home-service-ul li.home-service-li .service-main .service-icon span.icon {
    color: var(--primary);
    font-size: 40px;
    display: flex;
    line-height: 1;
    -webkit-transition: transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
}   
.service-area .service-block ul.home-service-ul li.home-service-li:hover .service-main .service-icon span.icon {
    transform: scaleX(-1);
}
.service-area .service-block ul.home-service-ul li.home-service-li .service-main .service-text {
    margin-left: 15px;
}
.service-area .service-block ul.home-service-ul li.home-service-li .service-main .service-text h4.title {
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
}
.service-area .service-block ul.home-service-ul li.home-service-li .service-main .service-text p {
    color: #808080;
    margin-top: 6px;
}
@media (max-width: 1199px) {
    .service-area .service-block ul.home-service-ul li.home-service-li {
        width: calc(50% - 30px);
    }
}
@media (max-width: 767px) {
    .service-area .service-block ul.home-service-ul {
        margin-left: -12px;
    }
    .service-area .service-block ul.home-service-ul li.home-service-li {
        width: calc(50% - 12px);
        margin-left: 12px;
    }
}
@media (max-width: 479px) {
    .service-area .service-block ul.home-service-ul li.home-service-li {
        width: calc(100% - 12px);
    }
}

/*=====================================
    testimonials css
======================================*/
.testimonials-area .testimonials-block .testi-content {
    position: relative;
    padding: 0px 30px 25px;
}
.testimonials-area .testimonials-block .testi-content::before {
    content: '';
    position: absolute;
    top: 25px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    border: 1px solid rgb(128 128 128 / 10%);
    border-radius: 10px;
}
/*.testimonials-area .testimonials-block .testi-content::after {
    content: '';
    position: absolute;
    right: 0px;
    bottom: -30px;
    left: 0px;
    border-top: 15px solid #ff0000;
    border-right: 15px solid #ffffff;
    border-bottom: 15px solid #ffffff;
    border-left: 15px solid #ffffff;
    width: 30px;
    height: 30px;
    margin: auto;
}*/
.testimonials-area .testimonials-block .testi-content span.testi-icon {
    color: var(--primary);
    font-size: 50px;
    margin-bottom: 17px;
    display: flex;
    line-height: 1;
}
.testimonials-area .testimonials-block .testi-content .testimonials-review {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.testimonials-area .testimonials-block .testi-content .testimonials-review span.testi-rating i {
    color: #7AA32A;
}
.testimonials-area .testimonials-block .testi-content .testimonials-review span.testi-title {
    font-size: 16px;
    font-weight: 600;
}
.testimonials-area .testimonials-block .testi-content p {
    color: #808080;
    margin-top: 20px;
}
.testimonials-area .testimonials-block .testi-author {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.testimonials-area .testimonials-block .testi-author .author-img span.image {
    border: 10px solid #FFFFFF;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    border-radius: 100%;
}
.testimonials-area .testimonials-block .testi-author .author-img span.image img {
    width: 50px;
    border-radius: 100%;
}
.testimonials-area .testimonials-block .testi-author .author-content {
    margin-left: 15px;
}
.testimonials-area .testimonials-block .testi-author .author-content h4.title {
    color: #D33B3F;
    font-size: 18px;
    font-weight: 600;
}
.testimonials-area .testimonials-block .testi-author .author-content p {
    color: #808080;
    margin-top: 5px;
}

/*=====================================
    deal product css
======================================*/
.deal-product-area {
    background-color: #FBF7F3;
}
.deal-product-area .single-product-wrap {
    padding: 30px;
    display: flex;
    border-radius: 10px;
}
.deal-product-area .single-product-wrap .product-content {
    text-align: left;
    padding: 26px 0px 0px;
}
.deal-product-area .single-product-wrap .deal-pro-btn {
    position: relative;
    margin-left: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.deal-product-area .single-product-wrap .deal-pro-btn .product-action a {
    margin-left: 0px;
    margin-top: 5px;
}
.deal-product-area .single-product-wrap .deal-pro-btn .product-action a:first-child {
    margin-top: 0px;
}
.deal-product-area .single-product-wrap .product-content .product-action {
    display: none;
}
.deal-product-area .single-product-wrap .product-content .rating {
    justify-content: flex-start;
    margin-top: 12px;
}
.deal-product-area .pro-timer {
    margin-top: 30px;
}
.deal-product-area .pro-timer ul.contdown_row {
    display: flex;
    flex-wrap: wrap;
    margin-top: -20px;
    margin-left: -30px;
}
.deal-product-area .pro-timer ul.contdown_row li.countdown_section {
    position: relative;
    width: calc(25% - 30px);
    margin-top: 20px;
    margin-left: 30px;
}
.deal-product-area .pro-timer ul.contdown_row li.countdown_section::before {
    content: ':';
    color: #808080;
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    right: -20px;
    font-size: 32px;
    line-height: 1;
}
.deal-product-area .pro-timer ul.contdown_row li.countdown_section:last-child::before {
    display: none;
}
.deal-product-area .pro-timer ul.contdown_row li.countdown_section .timer-block {
    position: relative;
    padding-bottom: 100%;
}
.deal-product-area .pro-timer ul.contdown_row li.countdown_section .timer-block .timer-info {
    background-color: #FFFFFF;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    padding: 10px;
    border-radius: 10px;
}
.deal-product-area .pro-timer ul.contdown_row li.countdown_section .timer-block .timer-info span.countdown_timer {
    color: var(--primary);
    font-size: 20px;
    font-weight: 700;
}
.deal-product-area .pro-timer ul.contdown_row li.countdown_section .timer-block .timer-info span.countdown_title {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}
@media (max-width: 767px) {
    .deal-product-area .single-product-wrap {
        padding: 12px;
    }
    .deal-product-area .single-product-wrap .product-content {
        padding: 16px 0px 0px;
    }
    .deal-product-area .pro-timer {
        margin-top: 20px;
    }
    .deal-product-area .pro-timer ul.contdown_row {
        margin-left: -15px;
    }
    .deal-product-area .pro-timer ul.contdown_row li.countdown_section {
        width: calc(25% - 15px);
        margin-left: 15px;
    }
    .deal-product-area .pro-timer ul.contdown_row li.countdown_section::before {
        right: -10px;
    }
}

/*=====================================
    brand logo css
======================================*/
.brand-logo .logo-main {
    text-align: center;
}
.brand-logo .offer-text-area {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-top: 50px;
    margin-left: -30px;
    border-bottom: 1px solid rgb(128 128 128 / 10%);
}
.brand-logo .offer-text-area .offer-text,
.brand-logo .offer-text-area .offer-code {
    width: calc(41.67% - 30px);
    margin-left: 30px;
}
.brand-logo .offer-text-area .offer-image {
    width: calc(16.66% - 30px);
    margin-left: 30px;
    display: flex;
    justify-content: center;
}
@media (max-width: 1199px) {
    .brand-logo .offer-text-area .offer-text,
    .brand-logo .offer-text-area .offer-code {
        width: calc(50% - 30px);
    }
    .brand-logo .offer-text-area .offer-image {
        width: calc(100% - 30px);
        margin-top: 30px;
        order: 1;
    }
}
@media (max-width: 767px) {
    .brand-logo .offer-text-area {
        margin-left: -12px;
    }
    .brand-logo .offer-text-area .offer-text,
    .brand-logo .offer-text-area .offer-code {
        width: calc(50% - 12px);
        margin-left: 12px;
    }
    .brand-logo .offer-text-area .offer-image {
        width: calc(100% - 12px);
        margin-left: 12px;
        margin-top: 20px;
        order: 1;
    }
}
@media (max-width: 600px) {
    .brand-logo .offer-text-area .offer-text,
    .brand-logo .offer-text-area .offer-code {
        width: calc(100% - 12px);
        text-align: center;
    }
    .brand-logo .offer-text-area .offer-code {
        margin-top: 20px;
    }
}

/* offer text css */
.brand-logo .offer-text-area .offer-text {
    text-align: right;
}
.brand-logo .offer-text-area .offer-text span.text {
    font-size: 18px;
    font-weight: 600;
}
.brand-logo .offer-text-area .offer-text span.text span {
    color: var(--primary);
}
@media (max-width: 600px) {
    .brand-logo .offer-text-area .offer-text {
        text-align: center;
    }
}
/* offer image css */
.brand-logo .offer-text-area .offer-image .offer-img {
    position: relative;
    background-color: #FFFFFF;
    width: 150px;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    direction: ltr;
    margin-bottom: -75px;
}
.brand-logo .offer-text-area .offer-image .offer-img svg {
    -webkit-animation: spin 8s linear infinite;
    animation: spin 8s linear infinite;
    fill: #7AA32A;
    transform-origin: center;
    position: relative;
    z-index: 1;
}
@keyframes spin {
  0% {
      -webkit-transform: rotate(0deg);
  }
  100% {
      -webkit-transform: rotate(360deg);
  }
}
.brand-logo .offer-text-area .offer-image .offer-img svg textPath {
    fill: var(--font-color-primary);
    letter-spacing: 0px;
    text-transform: uppercase;
    font-size: 8px;
    font-weight: 600;
}
.brand-logo .offer-text-area .offer-image .offer-img:after {
    content: "";
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid rgba(0,0,0,10%);
}
.brand-logo .offer-text-area .offer-image .offer-img:before {
    content: "";
    position: absolute;
    z-index: 0;
    width: 60%;
    height: 60%;
    border-radius: 50%;
    border: 1px solid rgba(0,0,0,10%);
}

/* offer code css */
.brand-logo .offer-text-area .offer-code span.text {
    font-size: 18px;
    font-weight: 600;
}
.brand-logo .offer-text-area .offer-code span.text span.label {
    color: var(--primary);
}
.brand-logo .offer-text-area .offer-code span.text span.code {
    color: #7AA32A;
}


/*=====================================
    blog css
======================================*/
.blog-area .blog-post .blog-image {
    position: relative;
}
.blog-area .blog-post .blog-image a {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}
.blog-area .blog-post .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-area .blog-post:hover .blog-image a 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;
}
.blog-area .blog-post .blog-content {
    margin-top: 26px;
}
.blog-area .blog-post .blog-content h4.title {
    font-size: 18px;
    font-weight: 600;
}
.blog-area .blog-post .blog-content p.desc {
    color: #808080;
    margin-top: 18px;
}
.blog-area .blog-post .blog-content a.read-btn {
    margin-top: 23px;
}

/*=====================================
    quick view css
======================================*/
.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: 18px;
    font-weight: 600;
    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 .tab-content .tab-pane a.long-img {
    border: 1px solid rgb(128 128 128 / 10%);
}
.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-image ul.quick-slider{
    margin-top: 15px;
    border-bottom: none;
    margin-bottom: 0px;
}
.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-image ul.quick-slider li a{
    padding: 0px;
    border: 1px solid rgb(128 128 128 / 10%);
}
.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;
    line-height: 1;
}
.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .quick-price{
    margin-top: 12px;
}
.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .quick-price span.new-price{
    color: var(--primary);
    font-weight: 700;
    line-height: 1;
}
.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .quick-price span.old-price{
    position: relative;
    color: #808080;
    margin-left: 10px;
    padding-left: 10px;
    font-weight: 700;
    line-height: 1;
}
.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .quick-price span.old-price::before {
    content: '~';
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    left: -6px;
}
.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .quick-rating{
    margin-top: 13px;
}
.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: #7AA32A;
}
.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .pro-description p{
    color: #999;
    font-size: 16px;
    margin-top: 9px;
    line-height: 1.7;
}
.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .pro-size{
    margin-top: 13px;
}
.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: 6px 12px;
    height: auto;
    border: 1px solid #eee;
    border-radius: 4px;
    text-transform: uppercase;
}
.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .plus-minus{
    margin-top: 18px;
    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;
    border-radius: 0px;
}
.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: var(--primary);
    color: #fff;
    font-size: 16px;
    margin-left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--primary);
    border-radius: 4px;
}
.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: var(--primary);
    background-color: transparent;
}
@media (max-width: 767px) {
    .quick-view .modal .modal-dialog{
        max-width: 570px;
        display: flex;
        overflow: auto;
    }
    .quick-view .modal .modal-dialog .modal-content .quick-veiw-area{
        flex-direction: column;
    }
    .quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-image{
        width: 100%;
    }
    .quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption{
        width: 100%;
        margin-left: 0px;
        margin-top: 15px;
    }
    .quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption h4{
        font-size: 16px;
    }
    .quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .quick-price{
        margin-top: 7px;
    }
    .quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .quick-rating{
        margin-top: 8px;
    }
}

/*=====================================
    footer css
======================================*/
/* footer top css */
.footer-one {
    border-top: 1px solid rgba(0,0,0,10%);
    background-color: var(--tertiary);
}
.footer-one .footer-content-area ul.footer-ul {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -30px;
    margin-top: -50px;
}
.footer-one .footer-content-area ul.footer-ul li.footer-li {
    margin-left: 30px;
    margin-top: 50px;
}
.footer-one .footer-content-area ul.footer-ul li.footer-li.logo-info {
    width: calc(10% - 30px);
}
.footer-one .footer-content-area ul.footer-ul li.footer-contact {
    width: calc(23% - 30px);
}
.footer-one .footer-content-area ul.footer-ul li.footer-link {
    width: calc(15% - 30px);
}
.footer-one .footer-content-area ul.footer-ul li.footer-hours {
    width: calc(18% - 30px);
}
.footer-one .footer-content-area ul.footer-ul li.footer-newsletter {
    width: calc(34% - 30px);
}
/* logo css */
.footer-one .footer-content-area ul.footer-ul li.footer-li .desc {
    color: #232323;
    font-size: 14px;
    line-height: normal;
    /* margin-top: 25px; */
    /* margin-left: 15px; */
}
.footer-one .footer-content-area ul.footer-ul li.footer-li .desc p {
    color: #999;
    font-size: 14px;
}
.footer-one .footer-content-area ul.footer-ul li.footer-li .contact-info {
    /* margin-top: 30px; */
}
.footer-one .footer-content-area ul.footer-ul li.footer-li .footer-newsletter .new-title {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.footer-one .footer-content-area ul.footer-ul li.footer-li .footer-newsletter .new-title .icon-block {
    margin-left: 15px;
}
.footer-one .footer-content-area ul.footer-ul li.footer-li .footer-newsletter .new-title .icon-block span.icon {
    color: var(--primary);
    font-size: 60px;
    display: flex;
}
.footer-one .footer-content-area ul.footer-ul li.footer-li .footer-newsletter .news-input {
    margin-top: 33px;
}
.footer-one .footer-content-area ul.footer-ul li.footer-li .footer-newsletter .news-input form {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.footer-one .footer-content-area ul.footer-ul li.footer-li .footer-newsletter .news-input form input {
    /* width: calc(100% - 215px); */
    width: calc(100%);
    /* border: none; */
    border-radius: 50px;
    padding: 0px 18px;
    height: 40px;
}
.footer-one .footer-content-area ul.footer-ul li.footer-li .footer-newsletter .news-input form .news-submit {
    width: 170px;
    display: flex;
    justify-content: center;
    margin-left: 15px;
    font-size: 14px;
    padding: 5px 30px;
}
.footer-one .footer-content-area ul.footer-ul li.footer-li .footer-newsletter .news-input form .news-submit span.icon {
    font-size: 14px;
}
.footer-one .footer-content-area ul.footer-ul li.footer-li .contact-info .info-text-area {
    /* display: flex; */
    flex-wrap: wrap;
    align-items: center;
    margin-top: 20px;
    margin-left: -30px;
}
.footer-one .footer-content-area ul.footer-ul li.footer-li .contact-info .info-text-area .info-block {
    /* width: calc(50% - 30px); */
    margin-left: 30px;
    margin-bottom: 20px;;
    display: flex;
    /* align-items: center; */
}
.footer-one .footer-content-area ul.footer-ul li.footer-li .contact-info .info-text-area .info-block .icon {

}
.footer-one .footer-content-area ul.footer-ul li.footer-li .contact-info .info-text-area .info-block .icon span {

}
.footer-one .footer-content-area ul.footer-ul li.footer-li .contact-info .info-text-area .info-block .icon span i {
    font-size: 26px;
    color: var(--primary);
    line-height: 1;
    margin-right: 15px;
}
.footer-one .footer-content-area ul.footer-ul li.footer-li .contact-info .info-text-area .info-block .info-text {

}
.footer-one .footer-content-area ul.footer-ul li.footer-li .contact-info .info-text-area .info-block .info-text span,
.footer-one .footer-content-area ul.footer-ul li.footer-li .contact-info .info-text-area .info-block .info-text a {
    font-size: 14px;
    font-weight: 500;
    display: block;
}

/* footer link css */
.footer-one .footer-content-area ul.footer-ul li.footer-li h2.h-footer {
    color: #232323;
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
}
.footer-one .footer-content-area ul.footer-ul li.footer-li a.h-footer {
    color: var(--primary);
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
    display: none;
    align-items: center;
    justify-content: space-between;
}
.footer-one .footer-content-area ul.footer-ul li.footer-li ul.f-link-ul.collapse:not(.show) {
    display: block;
}
.footer-one .footer-content-area ul.footer-ul li.footer-li ul.f-link-ul li.f-link-ul-li {
    font-size: 14px;
    margin-top: 9px;
}
.footer-one .footer-content-area ul.footer-ul li.footer-li ul.f-link-ul li.f-link-ul-li:first-child {
    margin-top: 22px;
}
.footer-one .footer-content-area ul.footer-ul li.footer-li ul.f-link-ul li.f-link-ul-li a {
    color: #232323;
    /* font-size: 14px; */
    line-height: normal;
}
.footer-one .footer-content-area ul.footer-ul li.footer-li ul.f-link-ul li.f-link-ul-li a:hover {
    color: #eaab49;
}
/* store info css */
.footer-one .footer-content-area ul.footer-ul li.footer-li.store-info ul.f-link-ul li.f-link-ul-li {
    width: 85%;
    display: flex;
    margin-top: 17px;
}
.footer-one .footer-content-area ul.footer-ul li.footer-li.store-info ul.f-link-ul li.f-link-ul-li:first-child {
    margin-top: 25px;
}
.footer-one .footer-content-area ul.footer-ul li.footer-li.store-info ul.f-link-ul li.f-link-ul-li .icon span i {
    color: #eaab49;
    font-size: 22px;
}
.footer-one .footer-content-area ul.footer-ul li.footer-li.store-info ul.f-link-ul li.f-link-ul-li .text {
    margin-left: 15px;
}
.footer-one .footer-content-area ul.footer-ul li.footer-li.store-info ul.f-link-ul li.f-link-ul-li .text p,
.footer-one .footer-content-area ul.footer-ul li.footer-li.store-info ul.f-link-ul li.f-link-ul-li .text a {
    color: #232323;
    font-size: 14px;
    margin-top: 3px;
    font-weight: 400;
    display: block;
} 
.footer-one .footer-content-area ul.footer-ul li.footer-li.store-info ul.f-link-ul li.f-link-ul-li .text p:first-child,
.footer-one .footer-content-area ul.footer-ul li.footer-li.store-info ul.f-link-ul li.f-link-ul-li .text a:first-child {
    margin-top: 0px;
}
.footer-one .footer-content-area ul.footer-ul li.footer-li.store-info ul.f-link-ul li.f-link-ul-li .text a:hover {
    color: #eaab49;
}

/* footer copyright css */
.footer-copyright {
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid var(--secondary);
    background-color: var(--tertiary);
}
.footer-copyright ul.copyrighta-ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.footer-copyright ul.copyrighta-ul li span {
    font-size: 0.8rem;
}
.footer-copyright ul.copyrighta-ul li.copyrighta-li ul.social-ul {
    display: flex;
    align-items: center;
}
.footer-copyright ul.copyrighta-ul li.copyrighta-li ul.social-ul li.social-li {
    margin-left: 10px;
}
.footer-copyright ul.copyrighta-ul li.copyrighta-li ul.social-ul li.social-li:first-child {
    margin-left: 0px;
}
.footer-copyright ul.copyrighta-ul li.copyrighta-li ul.social-ul li.social-li a {
    color: var(--primary);
    font-size: 14px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 0 15px rgb(0 0 0 / 10%);
}
.footer-copyright ul.copyrighta-ul li.copyrighta-li ul.social-ul li.social-li a:hover {
    background-color: var(--primary);
    color: #ffffff;
}
.logo-desc {
    /* width: 20%; */
    width: auto;
}

/*=====================================
idap-pro css
======================================*/
@media (max-width: 1199px){
    .footer-one .footer-content-area ul.footer-ul li.footer-li.logo-info {
        width: calc(12% - 30px);
    }
    .footer-one .footer-content-area ul.footer-ul li.footer-contact {
        width: calc(24% - 30px);
    }
    .footer-one .footer-content-area ul.footer-ul li.footer-link {
        width: calc(15% - 30px);
    }
    /* logo info css */
    .footer-one .footer-content-area ul.footer-ul li.footer-li .desc {
        margin-top: 15px;
    }
    .footer-one .footer-content-area ul.footer-ul li.footer-li .contact-info {
        margin-top: 20px;
    }
    .footer-one .footer-content-area ul.footer-ul li.footer-li .contact-info .info-text-area {
        margin-top: 10px;
    }
    .footer-one .footer-content-area ul.footer-ul li.footer-li .footer-newsletter .news-input form {
        display: block;
    }
    .footer-one .footer-content-area ul.footer-ul li.footer-li .footer-newsletter .news-input form .news-submit {
        /* width: auto; */
        width: -webkit-fill-available;
        margin-top: 15px;
        margin-left: 0px;
    }
}

@media (max-width: 600px) {
    /* footer css */
    .footer-one .footer-content-area ul.footer-ul {
        margin-top: -0px;
    }
    .footer-one .footer-content-area ul.footer-ul li.footer-li {
        margin-top: 0px;
        padding: 14px 0px;
        border-top: 1px solid #f2f2f2;
    }
    .footer-one .footer-content-area ul.footer-ul li.footer-li.logo-info,
    .footer-one .footer-content-area ul.footer-ul li.footer-li.store-info {
        display: none;
        width: calc(100% - 30px);
        padding: 0px;
        border: none;
        margin-bottom: 30px;
    }
    .footer-one .footer-content-area ul.footer-ul li.footer-li.footer-link {
        width: calc(100% - 30px);
    }
    .footer-one .footer-content-area ul.footer-ul li.footer-li.footer-contact {
        width: calc(100% - 30px);
    }
    .footer-one .footer-content-area ul.footer-ul li.footer-li.footer-hours {
        width: calc(100% - 30px);
    }
    .footer-one .footer-content-area ul.footer-ul li.footer-li.footer-newsletter {
        width: calc(100% - 30px);
    }
    .footer-one .footer-content-area ul.footer-ul li.footer-li h2.h-footer {
        display: none;
    }
    .footer-one .footer-content-area ul.footer-ul li.footer-li.logo-info h2.h-footer {
        display: flex;
    }
    .footer-one .footer-content-area ul.footer-ul li.footer-li a.h-footer {
        font-size: 14px;
        display: flex;
    }
    .footer-one .footer-content-area ul.footer-ul li.footer-li ul.f-link-ul.collapse:not(.show) {
        display: none;
    }
    .footer-one .footer-content-area ul.footer-ul li.footer-li ul.f-link-ul li.f-link-ul-li {
        margin-top: 9px;
    }
    .footer-one .footer-content-area ul.footer-ul li.footer-li ul.f-link-ul li.f-link-ul-li:first-child {
        margin-top: 22px;
    }
    .footer-one .footer-content-area ul.footer-ul li.footer-li .footer-newsletter .news-input {
        margin-top: 23px;
    }
}

/* mobie css */
@media (max-width: 479px) {
    .footer-one .footer-content-area ul.footer-ul li.footer-li .contact-info .info-text-area .info-block {
        width: calc(100% - 30px);
        margin-top: 7px;
    }
    .footer-one .footer-content-area ul.footer-ul li.footer-li .contact-info .info-text-area .info-block:first-child {
        margin-top: 0px;
    }

    /* copyright css */
    .footer-copyright ul.copyrighta-ul {
        flex-direction: column;
    }
    .footer-copyright ul.copyrighta-ul li.copyrighta-li.social {
        margin-top: 14px;
    }
    .footer-one .footer-content-area ul.footer-ul li.footer-li .footer-newsletter .news-input form {
        flex-direction: column;
    }
    .footer-one .footer-content-area ul.footer-ul li.footer-li .footer-newsletter .news-input form input {
        width: calc(100% - 0px);
    }
    .footer-one .footer-content-area ul.footer-ul li.footer-li .footer-newsletter .news-input form .news-submit {
        width: 100%;
        margin-top: 15px;
        margin-left: 0px;
    }
}

/*=====================================
    back to top css
======================================*/
a.scroll {
    position: fixed;
    bottom: 80px;
    right: 30px;
    z-index: 2;
    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: var(--primary);
    font-size: 20px;
    height: 37px;
    width: 37px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border: 2px solid var(--primary);
    border-radius: 4px;
}
a.scroll:hover span{
    color: #fff;
    background-color: var(--primary);
}
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 a {
    width: 120px;
}
.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{
    color: #808080;
    font-size: 16px;
    margin-top: 7px;
}
.vegist-popup .modal-dialog .modal-content .modal-body .popup-content .pop-up-newsletter .subscribe-area{
    margin-top: 24px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.vegist-popup .modal-dialog .modal-content .modal-body .popup-content .pop-up-newsletter .subscribe-area input{
    width: 100%;
    padding: 8px 15px;
    background-color: #f7f7f7;
    border-color: #eee;
    border-radius: 4px;
}
.vegist-popup .modal-dialog .modal-content .modal-body .popup-content .pop-up-newsletter .subscribe-area a{
    margin-top: 20px;
}
@media (max-width: 767px) {
    .vegist-popup .modal-dialog{
        padding: 15px;
    }
    .vegist-popup .modal-dialog .modal-content .modal-body .popup-content .pop-up-newsletter{
        padding: 30px;
    }
}

/* ABOUT - STARTS */
.about-us-heading {
    color: var(--primary);
    font-weight: 600;
    margin-bottom: 10px;
}

.main-title {
    font-size: 3.5rem;
    font-weight: 700;
    color: #343a40;
    line-height: 1.2;
}

.description-text {
    font-size: 1.1rem;
    color: #6c757d;
    line-height: 1.6;
}

.image-section {
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    position: relative;
    min-height: 400px;
    background-image: url('../images/our-story.jpg');
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: flex-end;
    padding: 30px;
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Added transition */
    cursor: pointer; /* Added cursor pointer */
    transform-style: preserve-3d; /* Preserve 3D space for children */
}

.card-header {
    background-color: var(--primary);
    border-bottom: 1px solid var(--primary);
}

/* Common pseudo-element for background icons */
.image-section::before,
.card-custom::before {
    content: '';
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.05; /* Very subtle opacity */
    z-index: 0;
}

/* Specific icon for Our Story */
.story-section::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23343a40'%3E%3Cpath d='M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-1 13H9V8h2v6zm4 0h-2V8h2v6z'/%3E%3C/svg%3E"); /* Book/Scroll icon for story */
    opacity: 0.1; /* Slightly more visible for the large image */
    width: 40%; /* Larger icon for the image section */
    height: 100%; /* Cover full height */
    top: 0;
    right: 0; /* Position to the right */
    background-position: top right;
}


.image-section::after { /* Using ::after for the gradient to avoid conflict with ::before icon */
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 50%); */
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 40%, rgba(0, 0, 0, 0.5) 75%, rgba(0, 0, 0, 0.2) 100%);
    border-radius: 15px;
    z-index: 0; /* Ensure gradient is behind text but above image */
}

.image-text {
    color: #fff;
    position: relative;
    z-index: 1; /* Ensure text is above gradient and icon */
}

.image-text h3 {
    color: var(--primary);
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 10px;
}

.image-text p {
    font-size: 0.95rem;
    line-height: 1.5;
}

.card-custom {
    border-radius: 15px;
    padding: 30px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
    transform-style: preserve-3d;
    transform: translateZ(10px) rotateX(2deg);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}

.card-custom::before {
    top: 15px; /* Adjust as needed */
    right: 15px; /* Position to the right */
    width: 60px; /* Icon size */
    height: 60px; /* Icon size */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.1; /* Subtle opacity */
    z-index: 0;
}

.card-mission {
    background-color: var(--tertiary);
    /* border: 1px solid var(--primary); */
}
/* .mission-card::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2328a745'%3E%3Cpath d='M12 2L4 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-8-3zm-1 13L7 11l1.41-1.41L11 12.17l4.59-4.59L17 9l-6 6z'/%3E%3C/svg%3E");
} */

.card-vision {
    background-color: var(--secondary-light);
    /* border: 1px solid var(--secondary); */
    color: #343a40; /* Ensure text is readable on light blue */
}
/* .vision-card::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23007bff'%3E%3Cpath d='M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z'/%3E%3C/svg%3E");
} */

.card-custom h4 {
    color: var(--primary);
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 10px;
    position: relative; /* Ensure text is above icon */
    z-index: 1;
}

.card-custom p {
    font-size: 1rem;
    color: #6c757d;
    line-height: 1.5;
    margin-bottom: 0;
    position: relative; /* Ensure text is above icon */
    z-index: 1;
}

/* Hover effects for story, mission, vision, and pricing cards */
.story-section:hover,
.mission-card:hover,
.vision-card:hover,
.pricing-card:hover {
    transform: translateY(-8px) translateZ(20px) rotateX(2deg); /* Lift, pull forward, slight tilt */
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2); /* More pronounced shadow for 3D effect */
}


/* Pricing Section Styles */
.pricing-section-container {
    /* background-color: var(--secondary-light); */
    /* background-image: url('data:image/svg+xml,%3Csvg width="100%25" height="100%25" viewBox="0 0 1200 600" xmlns="http://www.w3.org/2000/svg"%3E%3Cdefs%3E%3Cfilter id="noiseFilter"%3E%3CfeTurbulence type="fractalNoise" baseFrequency="0.65" numOctaves="3" stitchTiles="stitch"/%3E%3C/filter%3E%3C/defs%3E%3Crect width="100%25" height="100%25" fill="%23f0f8ff"/%3E%3Crect width="100%25" height="100%25" filter="url(%23noiseFilter)" opacity="0.05"/%3E%3C/svg%3E'); */
    /* background-size: cover;
    background-position: center; */
    /* border-top: 1px solid #e0e0e0; */
    /* margin-top: 50px; */
}

.pricing-section-content {
    padding: 50px 0;
}

.pricing-title {
    font-size: 3rem;
    font-weight: 700;
    color: #343a40;
    line-height: 1.2;
    margin-bottom: 20px;
}

.pricing-description {
    font-size: 1.1rem;
    color: #6c757d;
    line-height: 1.6;
    margin-bottom: 30px;
}

.btn-warning-custom {
    background-color: var(--tertiary);
    border-color: var(--tertiary);
    color: #343a40;
    padding: 12px 30px;
    font-size: 1.1rem;
    border-radius: 8px;
    transition: background-color 0.3s ease;
}

.btn-warning-custom:hover {
    background-color: #e0a800;
    border-color: #e0a800;
}

.pricing-card {
    background-color: #ffffff;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
    border-left: 5px solid;
    position: relative; /* Needed for pseudo-elements */
    overflow: hidden; /* Ensure background icon doesn't spill */
    height: 100%; /* Crucial for equal height with flexbox parent */
    display: flex; /* Make the card itself a flex container */
    flex-direction: column; /* Stack content vertically */
    justify-content: flex-start; /* Align content to the top */
    transform-style: preserve-3d; /* Preserve 3D space for children */
}

.pricing-card::before {
    content: '';
    position: absolute;
    top: 15px; /* Adjust as needed */
    right: 15px; /* Adjust as needed */
    width: 60px; /* Icon size */
    height: 60px; /* Icon size */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.1; /* Subtle opacity */
    z-index: 0;
}

.pricing-card:hover {
    transform: translateY(-8px) translateZ(20px) rotateX(2deg); /* Lift, pull forward, slight tilt */
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2); /* More pronounced shadow for 3D effect */
}

.simple-card {
    border-left-color: var(--primary);
}
/* .simple-card::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2328a745'%3E%3Cpath d='M12 2L4 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-8-3zm-1 13L7 11l1.41-1.41L11 12.17l4.59-4.59L17 9l-6 6z'/%3E%3C/svg%3E");
} */

.classic-card {
    border-left-color: var(--primary);
}
/* .classic-card::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23007bff'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 14H9V8h2v8zm4 0h-2V8h2v8z'/%3E%3C/svg%3E");
} */

.premium-card {
    border-left-color: var(--primary);
}
/* .premium-card::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffc107'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 15.5c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4z'/%3E%3C/svg%3E");
} */

.pricing-card-title {
    font-size: 1.4rem;
    font-weight: 600;
    color: #343a40;
    margin-bottom: 8px;
    position: relative; /* Ensure text is above icon */
    z-index: 1;
}

.pricing-card-title .price {
    font-size: 1.6rem;
    font-weight: 700;
    color: #007bff;
}

.pricing-card-description {
    font-size: 1rem;
    color: #6c757d;
    line-height: 1.5;
    margin-bottom: 0;
    position: relative; /* Ensure text is above icon */
    z-index: 1;
}

/* Responsive adjustments */
/* Extra small devices (phones, 600px and down) */
@media (max-width: 575.98px) {
    .main-title {
        font-size: 1.8rem;
        text-align: center;
    }
    .description-text {
        font-size: 0.95rem;
        text-align: center;
    }
    .btn-primary-custom {
        display: block;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        font-size: 1rem;
    }
    .image-section {
        min-height: 200px;
        padding: 20px;
    }
    .image-text h3 {
        font-size: 1.5rem;
    }
    .image-text p {
        font-size: 0.85rem;
    }
    .card-custom {
        padding: 20px;
        margin-bottom: 15px;
    }
    .card-custom h4 {
        font-size: 1.3rem;
    }
    .card-custom p {
        font-size: 0.9rem;
    }

    /* Pricing Section specific adjustments for extra small */
    .pricing-title {
        font-size: 1.8rem;
        text-align: center;
    }
    .pricing-description {
        font-size: 0.95rem;
        text-align: center;
    }
    .btn-warning-custom {
        display: block;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        font-size: 1rem;
    }
    .pricing-card {
        padding: 18px;
    }
    .pricing-card-title {
        font-size: 1.1rem;
    }
    .pricing-card-title .price {
        font-size: 1.3rem;
    }
    .pricing-card-description {
        font-size: 0.85rem;
    }
    .pricing-card::before {
        width: 40px;
        height: 40px;
        top: 10px;
        right: 10px;
    }
    /* Reset 3D transforms on hover for small screens */
    .story-section:hover,
    .mission-card:hover,
    .vision-card:hover,
    .pricing-card:hover {
        transform: translateY(-5px); /* Keep original lift effect */
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); /* Keep original shadow */
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
    .main-title {
        font-size: 2.2rem;
    }
    .pricing-title {
        font-size: 2.2rem;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .large-screen {
        display: block;
    }
    .mobile-screen {
        display: none;
    }
    .main-title {
        font-size: 2.8rem;
    }
    .pricing-title {
        font-size: 2.8rem;
    }
    .image-section {
        min-height: 350px;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .main-title {
        font-size: 3.5rem;
    }
    .pricing-title {
        font-size: 3rem;
    }
}
/* ABOUT - ENDS */

/* MENU - STARTS */
#menu-container .small-header {
    font-family: 'EDO', Helvetica, Arial, Lucida, sans-serif;
    font-size: 1.8rem;
    color: var(--primary);
    text-align: center;
    /* margin-bottom: 10px; */
    /* margin-left: 15px; */
}
#menu-container .card-custom {
    border-radius: 15px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    overflow: hidden;
    border: none;
}

/* Category List Styles */
#menu-container .list-group {
    border-radius: 10px; /* Apply border-radius to the list group container */
    overflow: hidden; /* Ensures child borders are clipped by parent radius */
}
#menu-container .list-group-item {
    border: none; /* Remove default item border */
    padding: 15px 20px;
    font-size: 1.1rem;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
    border-radius: 0;
    margin-bottom: 0;
    display: flex;
    align-items: center; /* Vertically align image/text block with arrow */
    justify-content: space-between;
    border-bottom: 1px solid #e0e0e0; /* Thin horizontal line */
    min-height: 90px; /* Set a minimum height for all category items */
}
#menu-container .list-group-item:last-child {
    border-bottom: none; /* No border for the last item */
}
#menu-container .list-group-item:hover {
    background-color: var(--secondary-light);
}
#menu-container .list-group-item.active {
    background-color: var(--primary);
    color: white;
    font-weight: 500;
}
#menu-container .list-group-item.active:hover {
    background-color: var(--primary);
}

/* Category Image and Text Content within List Item */
#menu-container .list-group-item .d-flex.align-items-center {
    align-items: center; /* Align image and text content to the center */
    height: 100%; /* Ensure this container takes full height of list-item */
}
#menu-container .category-img {
    width: 60px;
    height: 60px; /* Fixed height to control image size */
    border-radius: 10px;
    object-fit: cover;
    margin-right: 15px;
    flex-shrink: 0; /* Prevent image from shrinking */
}
#menu-container .category-text-content {
    flex-grow: 1; /* Allows text content to take available space */
    margin-right: 10px; /* Space between text and arrow */
    display: flex; /* Use flexbox for title and description */
    flex-direction: column; /* Stack title and description */
    justify-content: center; /* Vertically center title and description */
    height: 100%; /* Ensure text content takes full height to align with image */
}
#menu-container .category-title {
    font-weight: 600;
    margin-bottom: 2px; /* Small space between title and description */
    color: var(--primary);
}
#menu-container .list-group-item.active .category-title {
    color: #FFF;
}
#menu-container .category-description {
    font-size: 0.85rem;
    color: #6c757d;
    line-height: 1.3;
    overflow: hidden; /* Hide overflowing text */
    text-overflow: ellipsis; /* Add ellipsis for truncated text */
    display: -webkit-box; /* Required for -webkit-line-clamp */
    -webkit-line-clamp: 2; /* Limit to 2 lines */
    -webkit-box-orient: vertical; /* Required for -webkit-line-clamp */
}
#menu-container .list-group-item.active .category-description {
    color: rgba(255, 255, 255, 0.8); /* Lighter text for description when active */
}

/* Individual Menu Item Styles */
#menu-container .menu-item {
    background-color: #ffffff; /* White background for each item */
    border-radius: 10px; /* Rounded corners */
    box-shadow: 0 2px 5px rgba(0,0,0,0.05); /* Subtle shadow */
    padding: 15px; /* Consistent padding inside each item */
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out; /* Smooth transition for hover */
    /* height: 100%; */
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* Push content to top/bottom */
}
#menu-container .menu-item:hover {
    transform: translateY(-3px); /* Lift effect on hover */
    box-shadow: 0 6px 12px rgba(0,0,0,0.1); /* More pronounced shadow on hover */
}

/* Menu Item Spacing */
#menu-container .menu-category-section .col-md-6 {
    margin-bottom: var(--bs-gutter-y, 1.5rem); /* Use Bootstrap gutter for consistent vertical spacing */
}
#menu-container .menu-category-section .row.g-3 > div:nth-last-child(-n+2) { /* Selects the last two items, assuming two columns */
    margin-bottom: 0;
}

/* Menu Item Title, Price, and Icons */
#menu-container .menu-category-text {
    color: #333;
    font-weight: 500;
    border-left: 3px solid var(--primary);
    margin-left: 0.5rem;
    padding-left: 1rem;
}
#menu-container .menu-note {
    color: #333;
    font-weight: 500;
    margin-top: 1em;
    font-style: italic;
}
#menu-container .menu-item h5 {
    margin-bottom: 5px;
    color: #343a40;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    align-items: center; /* Vertically align items in the middle */
    flex-wrap: nowrap; /* Prevent wrapping for price and icons */
    min-height: 20px; /* Ensure a minimum height for the title line */
}
#menu-container .menu-item h5 span {
    font-size: 1.1rem;
    font-weight: 600;
    text-transform: capitalize;
}
#menu-container .menu-item h5 span:first-child {
    flex-grow: 1; /* Allow name to take available space */
    margin-right: 10px; /* Space between name and price/icons block */
    white-space: normal; /* Allow name to wrap if needed */
}
#menu-container .menu-item p {
    font-size: 0.95rem;
    color: #6c757d;
    margin-bottom: 10px; /* Space between description and icons */
    flex-grow: 1; /* Allow description to take available height */
}
#menu-container .price-and-icons {
    display: flex;
    align-items: center;
    white-space: nowrap; /* Prevent price and icons from wrapping */
    flex-shrink: 0; /* Prevent this block from shrinking */
}
#menu-container .price {
    font-weight: 700;
    color: var(--secondary-light);
    margin-left: 8px; /* Slightly more space between icons and price */
    font-size: 1.15rem; /* Make price slightly larger */
    padding: 4px 8px; /* Add padding to price */
    border-radius: 5px; /* Slightly rounded background for price */
    background-color: var(--primary); /* Light background for price */
}
#menu-container .header-title {
    font-size: 1.5rem;
    font-weight: 600;
    color: #343a40;
    margin-bottom: 20px;
}

/* Arrow icon styling */
#menu-container .arrow-icon {
    flex-shrink: 0;
    margin-left: 10px;
    font-size: 1.2rem; /* Make arrow slightly larger */
    color: var(--primary); /* Default arrow color */
    transition: color 0.3s ease;
}
#menu-container .list-group-item.active .arrow-icon {
    color: white; /* Arrow color when active */
}

/* Dietary Icons */
#menu-container .dietary-icons {
    display: flex;
    gap: 3px; /* Smaller space between icons */
}
#menu-container .dietary-icon {
    /* font-size: 16px; */
    width: 20px;
    height: 20px;
    vertical-align: middle;
}
.dietary-icon-container {
    position: relative;
    display: inline-block;
    margin-right: 8px;
    cursor: pointer;
}

.dietary-icon {
    width: 24px;
    height: 24px;
    transition: transform 0.2s ease;
}

.dietary-icon-container:hover .dietary-icon {
    transform: scale(1.1);
}

.dietary-tooltip {
    position: absolute;
    z-index: 100;
    background-color: var(--primary);
    color: white;
    padding: 8px 12px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: none;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    bottom: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%);
}

.dietary-tooltip::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid var(--primary);
    bottom: -6px;
    left: 50%;
    transform: translateX(-50%);
}

/* Tooltip pointing down */
.dietary-tooltip[style*="bottom"]::before {
    border-top: 6px solid var(--primary);
    bottom: -6px;
}

/* Tooltip pointing up */
.dietary-tooltip[style*="top"]::before {
    border-bottom: 6px solid var(--primary);
    bottom: -6px;
    -moz-transform: scale(-1, -1);
    -o-transform: scale(-1, -1);
    -webkit-transform: scale(-1, -1);
    transform: scale(-1, -1);
}
.dietary-note {
    color: var(--primary-dark);
}
.dietary-note .diet-type-icon-info {
    width: 20px;
    height: 20px;
}
/* Specific icon colors */
/* #menu-container .dietary-icon.veg {
    color: #28a745;
}
#menu-container .dietary-icon.non-veg {
    color: #dc3545;
}
#menu-container .dietary-icon.seafood {
    color: #007bff;
}
#menu-container .dietary-icon.spicy {
    color: #ffc107;
} */

/* Floating 'Back to Categories' button - Hidden by default on desktop */
#menu-container #floatingBackButton {
    display: none; /* Hidden by default for desktop */
    position: fixed; /* Always fixed relative to the viewport */
    bottom: 20px; /* Base position from the viewport bottom */
    left: 50%; 
    transform: translateX(-50%); /* Centered horizontally */
    z-index: 1000; /* Ensure it's above other content */
    width: calc(100% - 40px); /* Take full width minus padding on sides */
    max-width: 300px; /* Limit max width for larger mobile screens */
    margin-bottom: 0 !important; /* Remove any existing bottom margin */
    
    /* Liquid Glass Effect */
    background-color: rgba(255, 255, 255, 0.4); /* Semi-transparent white background */
    backdrop-filter: blur(10px); /* Frosted glass effect */
    -webkit-backdrop-filter: blur(10px); /* For Safari support */
    border: 1px solid rgba(255, 255, 255, 0.6); /* Subtle white border */
    color: #0d6efd; /* Text color for better contrast */
    font-weight: 600; /* Make text bolder */
    box-shadow: 0 4px 12px rgba(0,0,0,0.2); /* Add a shadow for prominence */
    border-radius: 8px; /* Slightly more rounded */
    padding: 12px 20px; /* Adjust padding */
    font-size: 1.1rem; /* Make text slightly larger */

    /* Initial state and transition for smooth appearance/disappearance */
    opacity: 0;
    visibility: hidden;
    pointer-events: none; /* Disable clicks when hidden */
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease; /* Smooth transform transition */
    will-change: transform, opacity; /* Hint for browser optimization */
}

#menu-container #floatingBackButton.is-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto; /* Enable clicks when visible */
}

#menu-container tbody {
    background-color: #fff;
}
#menu-container thead {
    border-bottom: 1px solid var(--primary);;
}
#menu-container th,
#menu-container tr,
#menu-container td {
    border-style: none;
}

/* Responsive adjustments for mobile UX (max-width: 767.98px) */
@media (max-width: 767.98px) {
    #menu-container .small-header {
        margin-left: 0;
        text-align: center;
    }
    #menu-container .card-custom {
        margin-bottom: 20px;
        padding: 0.2rem;
    }
    #menu-container .list-group-item {
        flex-direction: column;
        align-items: flex-start;
        padding: 10px 15px;
        min-height: auto; /* Remove fixed height on small screens */
    }
    #menu-container .category-img {
        margin-right: 0;
        margin-bottom: 10px;
    }
    #menu-container .list-group-item .d-flex.align-items-center { /* Target the inner flex container */
        flex-direction: column;
        align-items: center;
        text-align: center;
        width: 100%;
    }
    #menu-container .list-group-item .category-title {
        text-align: center;
    }
    #menu-container .list-group-item .category-description {
        text-align: center;
        width: 100%; /* Ensure description takes full width */
    }
    #menu-container .arrow-icon {
        display: none; /* Hide arrow on mobile category list */
    }

    /* Mobile column display logic */
    #menu-container .category-column {
        display: block; /* Categories column visible by default on mobile */
    }
    #menu-container .menu-items-column {
        display: none; /* Menu items column hidden by default on mobile */
    }

    /* When a menu is active on mobile, hide categories and show menu items */
    #menu-container .main-content-row.show-menu-on-mobile .category-column {
        display: none;
    }
    #menu-container .main-content-row.show-menu-on-mobile .menu-items-column {
        display: block;
    }

    /* Main menu container needs relative positioning for absolute child */
    #menu-container #menu-container {
        position: relative; /* Essential for containing the button's scroll behavior */
    }

    .show-menu-on-mobile .category-column {
        display: none;
    }

    /* Make the button visible on mobile */
    #menu-container #floatingBackButton {
        display: block; /* Override display: none for mobile */
    }

    /* Adjust padding to the bottom of the main content area to prevent button overlap */
    #menu-container .menu-items-column .card-body {
        padding-bottom: 2.2rem;
    }

    /* Adjust menu item spacing for small screens */
    #menu-container .menu-category-section .col-md-6 {
        margin-bottom: var(--bs-gutter-y, 1.5rem);
    }
    #menu-container .menu-category-section .col-md-6:last-child {
        margin-bottom: 0; /* No margin for the very last item on small screens */
    }
    #menu-container .menu-item {
        border-bottom: none; /* No border for menu items as they are cards */
        margin-bottom: 0;
        padding-bottom: 15px;
    }
    #menu-container .menu-item h5 {
        flex-direction: column;
        align-items: flex-start;
    }
    #menu-container .menu-item h5 span:first-child {
        margin-right: 0;
        margin-bottom: 5px;
    }
    #menu-container .price-and-icons {
        /* width: 100%; */
        justify-content: flex-start;
    }
}

/* Responsive adjustments for tablet (min-width: 768px and max-width: 991.98px) */
@media (min-width: 768px) and (max-width: 991.98px) {
    #menu-container .list-group-item {
        padding: 12px 15px;
    }
    #menu-container .category-img {
        width: 50px;
        height: 50px;
    }
    #menu-container .menu-item h5 {
        font-size: 1.1rem;
    }
    #menu-container .menu-item p {
        font-size: 0.9rem;
    }
}
/* MENU - ENDS */

/* CONTACT -STARTS */
.map-section {
    background-color: var(--secondary-light);
}

.getintouch-bg {
        background-image: url('../images/contact-service.png');
        background-size: cover;
        background-position: center;
        position: relative;
        border-radius: 30px;
    }

    .getintouch-overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: var(--primary-dark);
        opacity: 0.9; /* Reduced opacity for image visibility */
        border-radius: 30px;
    }

    .getintouch-content {
        position: relative;
        z-index: 10; /* Ensure content is above overlay */
    }

    .contact-block-hover:hover {
        transform: translateY(-5px); /* Lift effect */
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; /* Increase shadow */
        transition: all 0.4s ease-in-out; /* Smooth transition - Increased duration */
    }

/* .form-control {
    line-height: 0;
} */

.form-control,
.form-select,
.form-control-date-icon {
    /* border-radius: 0.75rem !important; */
    border-radius: 30px !important;
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--secondary);
    background-color: var(--secondary-light) !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.form-control:focus,
.form-select:focus,
.form-control-date-icon:focus {
    border-color: transparent;
    /* box-shadow: 0 0 0 0.25rem rgba(40, 167, 69, 0.25); */
    box-shadow: none;
}
.form-control-date-icon {
    border-right: none;
    background: var(--secondary-light);
    border-radius: 30px 0 0 30px !important;
}
.datetime-picker-container {
    position: relative;
}
.datetime-picker-container .form-control {
    border-left: none;
    border-radius: 0 30px 30px 0 !important;
}

.is-invalid {
    border-color: #dc3545 !important;
}

.is-invalid:focus {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
}

.btn {
    /* width: 100%; */
    width: fit-content;
    border-radius: 30px;
    padding: 0.75rem 2rem;
    font-weight: 600;
    transition: background-color 0.3s ease, transform 0.2s ease;
}

.btn:active {
    transform: translateY(1px);
}

.btn-primary {
    background-color: var(--primary);
    color: white;
    border-color: var(--primary);
}
.btn-primary:hover {
    background-color: var(--primary);
    transform: scale(1.02);
    transition: all 0.3s ease-in-out;
}
.btn-primary-dark {
    background-color: var(--primary-dark);
    color: white;
    border-color: var(--primary-dark);
}
.btn-primary-dark:hover {
    background-color: var(--primary-dark);
    transform: scale(1.02);
    transition: all 0.3s ease-in-out;
}
.btn-secondary {
    background-color: var(--secondary);
    color: white;
    border-color: var(--primary-dark);
}
.btn-secondary:hover {
    background-color: var(--primary-dark);
    transform: scale(1.02);
    transition: all 0.3s ease-in-out;
}
.btn-tertiary {
    background-color: var(--tertiary);
    color: white;
    border-color: var(--tertiary-dark);
}
.btn-tertiary:hover {
    background-color: var(--tertiary-dark);
    transform: scale(1.02);
    transition: all 0.3s ease-in-out;
}

.card-custom {
    border-radius: 1rem;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
    background-color: var(--tertiary);
    /* transition: box-shadow 0.3s ease; */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
    transform-style: preserve-3d;
    padding: 1.5rem;
}

.card-custom:hover {
    box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, 0.1);
}

.icon-social {
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--primary);
    color: white;
    border-radius: 50%;
    font-size: 1.5rem;
    margin: 0 8px;
    transition: background-color 0.3s ease, transform 0.2s ease;
}

.icon-social:hover {
    color: var(--primary);
    background-color: var(--primary-dark);
    transform: translateY(-3px);
}

.map-container {
    overflow: hidden;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05);
    background-color: white;
}

.map-container iframe {
    width: 100%;
    height: 400px;
    border: 0;
    border-radius: 0;
}
/* CONTACT - ENDS */

/* MENU TABLE - STARTS */
.desktop-visibility {
    display: none;
}
.mobile-visibility {
    display: block;
}
.desktop-table {
    display: table;
}
@media (min-width: 992px) {
    /* For large screens and above */
    /* .row>.col-md-6:nth-child(odd) {
        padding-right: 20px;
    } */

    /* .row>.col-md-6:nth-child(even) {
        padding-left: 20px;
    } */

    .desktop-visibility {
        display: block;
    }
    .mobile-visibility {
        display: none;
    }

    /* .d-lg-block {
        display: block !important;
    } */

    /* .table-responsive {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    } */
}

@media (max-width: 991.98px) {
    /* Reset for smaller screens */
    /* .row>.col-md-6:nth-child(odd),
    .row>.col-md-6:nth-child(even) {
        padding-right: 10px;
        padding-left: 10px;
    } */
}
/* MENU TABLE - ENDS */

/* MEDIA - STARTS */
/* full grid blog css */
.blog-full-grid{
    counter-reset: my-sec-counter;
    display: flex;
    flex-wrap: wrap;
    margin-left: -30px;
    margin-top: -30px;
}
.blog-full-grid .blog-start{
    position: relative;
}
.blog-full-grid .blog-start .blog-post{
    margin-top: 15px;
    border: 1px solid #eee;
}
.blog-full-grid .blog-start:before,
.blog-full-grid .blog-start:after{
    background-color: #f5ab1e;
}
.blog-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-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-full-grid .blog-start{
    width: calc(33.33% - 30px);
    margin-top: 30px;
    margin-left: 30px;
    border-radius: 5px;;
}
.blog-full-grid .blog-start .blog-image{
    display: flex;
}
.blog-full-grid .blog-start .blog-image a img,
.blog-left-grid .blog-start .blog-image a img,
.blog-right-grid .blog-start .blog-image a img {
    backface-visibility: hidden;
}
.blog-full-grid .blog-start .blog-content{
    padding: 30px;
}
.blog-full-grid .blog-start .blog-content .blog-title h6{
    font-size: 16px;
}
.blog-full-grid .blog-start .blog-content .blog-title h6 a{
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.blog-full-grid .blog-start .blog-content span.blog-admin{
    display: block;
    margin-top: 7px;
    line-height: 1;
}
.blog-full-grid .blog-start .blog-content span.blog-admin span.blog-editor{
    color: #000;
    font-weight: 600;
}
.blog-full-grid .blog-start .blog-content p.blog-description{
    margin-top: 21px;
}
.blog-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-full-grid .blog-start .blog-content a.read-link span{
    color: #222;
}
.blog-full-grid .blog-start .blog-content a.read-link:hover span{
    color: #f5ab1e;
}
.blog-full-grid .blog-start .blog-content a.read-link i{
    padding-left: 5px;
    font-size: 12px;
}
.blog-full-grid .blog-start .blog-content a.read-link:hover i{
    padding-left: 10px;
}
.blog-full-grid .blog-start .blog-content a.read-link span,
.blog-full-grid .blog-start .blog-content a.read-link:hover span,
.blog-full-grid .blog-start .blog-content a.read-link i,
.blog-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-full-grid .blog-start .blog-content .blog-date-comment{
    margin-top: 12px;
    display: flex;
    justify-content: space-between;
    line-height: 1
}
.blog-full-grid .blog-start .blog-content .blog-date-comment a{
    font-weight: 600;
}
/* left-right grid blog css */
.blog-left-grid,
.blog-right-grid{
    counter-reset: my-sec-counter;
    display: flex;
    flex-wrap: wrap;
    margin-top: -30px;
    margin-left: -20px;
}
.blog-left-grid .blog-start,
.blog-right-grid .blog-start{
    position: relative;
}
.blog-left-grid .blog-start .blog-post,
.blog-right-grid .blog-start .blog-post{
    margin-top: 15px;
    border: 1px solid #eee;
}
.blog-left-grid .blog-start:before,
.blog-left-grid .blog-start:after,
.blog-right-grid .blog-start:before,
.blog-right-grid .blog-start:after{
    background-color: #f5ab1e;
}
.blog-left-grid .blog-start:before,
.blog-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-left-grid .blog-start:after,
.blog-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-left-grid .blog-start,
.blog-right-grid .blog-start{
    width: calc(33.33% - 20px);
    margin-top: 30px;
    margin-left: 20px;
    border-radius: 5px;;
}
.blog-left-grid .blog-start .blog-image,
.blog-right-grid .blog-start .blog-image{
    display: flex;
}
.blog-left-grid .blog-start .blog-content,
.blog-right-grid .blog-start .blog-content{
    padding: 30px;
}
.blog-left-grid .blog-start .blog-content .blog-date-comment,
.blog-right-grid .blog-start .blog-content .blog-date-comment{
    margin-top: 12px;
    display: flex;
    justify-content: space-between;
    line-height: 1
}
.blog-left-grid .blog-start .blog-content .blog-date-comment a,
.blog-right-grid .blog-start .blog-content .blog-date-comment a{
    font-weight: 600;
}
.blog-left-grid .blog-start .blog-content .blog-title h6,
.blog-right-grid .blog-start .blog-content .blog-title h6 {
    font-size: 16px;
} 
.blog-left-grid .blog-start .blog-content .blog-title h6 a,
.blog-right-grid .blog-start .blog-content .blog-title h6 a{
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.blog-left-grid .blog-start .blog-content p.blog-description,
.blog-right-grid .blog-start .blog-content p.blog-description{
    margin-top: 21px;
    font-size: 14px;
}
.blog-left-grid .blog-start .blog-content a.read-link,
.blog-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-left-grid .blog-start .blog-content a.read-link span,
.blog-right-grid .blog-start .blog-content a.read-link span{
    color: #222;
}
.blog-left-grid .blog-start .blog-content a.read-link:hover span,
.blog-right-grid .blog-start .blog-content a.read-link:hover span{
    color: #f5ab1e;
}
.blog-left-grid .blog-start .blog-content a.read-link i,
.blog-right-grid .blog-start .blog-content a.read-link i{
    padding-left: 5px;
    font-size: 12px;
}
.blog-left-grid .blog-start .blog-content a.read-link:hover i,
.blog-right-grid .blog-start .blog-content a.read-link:hover i{
    padding-left: 10px;
}
.blog-left-grid .blog-start .blog-content a.read-link span,
.blog-left-grid .blog-start .blog-content a.read-link:hover span,
.blog-left-grid .blog-start .blog-content a.read-link i,
.blog-left-grid .blog-start .blog-content a.read-link:hover i,
.blog-right-grid .blog-start .blog-content a.read-link span,
.blog-right-grid .blog-start .blog-content a.read-link:hover span,
.blog-right-grid .blog-start .blog-content a.read-link i,
.blog-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-left-grid .blog-start .blog-content span.blog-admin,
.blog-right-grid .blog-start .blog-content span.blog-admin{
    display: block;
    margin-top: 7px;
    line-height: 1;
}
.blog-left-grid .blog-start .blog-content span.blog-admin span.blog-editor,
.blog-right-grid .blog-start .blog-content span.blog-admin span.blog-editor{
    color: #000;
    font-weight: 600;
}
/* full blog list css */
.blog-list{
    counter-reset: my-sec-counter;
    display: flex;
    flex-wrap: wrap;
    margin-top: -30px;
    margin-left: -30px;
}
.blog-list .blog-start{
    position: relative;
}
.blog-list .blog-start .blog-post{
    margin-top: 15px;
    display: flex;
    align-items: center;
}
.blog-list .blog-start:before,
.blog-list .blog-start:after{
    background-color: #f5ab1e;
}
.blog-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-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-list .blog-start{
    width: calc(100% - 30px);
    margin-top: 30px;
    margin-left: 30px;
    border-radius: 5px;
}
.blog-list .blog-start .blog-image{
    width: 50%;
}
.blog-list .blog-start .blog-content{
    width: 50%;
    margin-left: 30px;
}
.blog-list .blog-start .blog-content .blog-title h6{
    font-size: 16px;
}
.blog-list .blog-start .blog-content .blog-title h6 a{
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.blog-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-list .blog-start .blog-content .date-comm-adit span.blog-admin i{
    margin-right: 5px;
}
.blog-list .blog-start .blog-content .date-comm-adit span.blog-admin span.blog-editor{
    font-weight: 600;
    margin-left: 5px;
}
.blog-list .blog-start .blog-content .date-comm-adit span.blog-date i{
    margin-right: 5px;
}
.blog-right-blog .blog-start .blog-content .date-comm-adit a,
.blog-left-list-blog .blog-start .blog-content .date-comm-adit a,
.blog-list .blog-start .blog-content .date-comm-adit a{
    font-weight: 600;
    display: flex;
    align-items: center;
}
.blog-list .blog-start .blog-content .date-comm-adit a i{
    margin-right: 5px;
}
.blog-list .blog-start .blog-content p.blog-description{
    margin-top: 20px;
    color: #999;
}
.blog-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-list .blog-start .blog-content a.read-link span{
    color: #222;
}
.blog-list .blog-start .blog-content a.read-link:hover span{
    color: #f5ab1e;
}
.blog-list .blog-start .blog-content a.read-link i{
    padding-left: 5px;
    font-size: 12px;
}
.blog-list .blog-start .blog-content a.read-link:hover i{
    padding-left: 10px;
}
.blog-list .blog-start .blog-content a.read-link span,
.blog-list .blog-start .blog-content a.read-link:hover span,
.blog-list .blog-start .blog-content a.read-link i,
.blog-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-left-list-blog,
.blog-right-blog{
    counter-reset: my-sec-counter;
    display: flex;
    flex-wrap: wrap;
    margin-top: -30px;
    margin-left: -30px;
}
.blog-left-list-blog .blog-start,
.blog-right-blog .blog-start{
    position: relative;
}
.blog-left-list-blog .blog-start .blog-post,
.blog-right-blog .blog-start .blog-post{
    margin-top: 15px;
    display: flex;
    align-items: start;
}
.blog-left-list-blog .blog-start:before,
.blog-left-list-blog .blog-start:after,
.blog-right-blog .blog-start:before {
    background-color: var(--primary-dark);
}
.blog-right-blog .blog-start:after{
    background-color: var(--primary);
}
.blog-left-list-blog .blog-start:before,
.blog-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:  var(--secondary);
    border-radius: 0px 5% 25% 25%;
    align-items: center;
    justify-content: center;
    display: flex;
}
.blog-left-list-blog .blog-start:after,
.blog-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-left-list-blog .blog-start,
.blog-right-blog .blog-start{
    width: calc(100% - 30px);
    margin-top: 30px;
    margin-left: 30px;
    border-radius: 5px;;
}
.blog-left-list-blog .blog-start .blog-image,
.blog-right-blog .blog-start .blog-image{
    display: flex;
    /* width: 50%; */
}
.blog-list .blog-start .blog-image a img,
.blog-left-list-blog .blog-start .blog-image a img,
.blog-right-blog .blog-start .blog-image a img {
    backface-visibility: hidden;
    border-radius: 0 30px 30px 30px;
}
.blog-left-list-blog .blog-start .blog-content,
.blog-right-blog .blog-start .blog-content{
    /* width: 50%; */
    margin-left: 30px;
}
.blog-right-blog .blog-start .blog-content .blog-date,
.blog-left-list-blog .blog-start .blog-content .blog-date,
.blog-list .blog-start .blog-content .blog-date{
    display: flex;
    align-items: center;
    line-height: 1;
    font-weight: 600;
}
.blog-left-list-blog .blog-start .blog-content .blog-date-comment a,
.blog-right-blog .blog-start .blog-content .blog-date-comment a{
    font-weight: 600;
}
.blog-left-list-blog .blog-start .blog-content .blog-title h6,
.blog-right-blog .blog-start .blog-content .blog-title h6{
    font-size: 16px;
}
.blog-left-list-blog .blog-start .blog-content .blog-title h6 a,
.blog-right-blog .blog-start .blog-content .blog-title h6 a{
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.blog-left-list-blog .blog-start .blog-content .date-comm-adit,
.blog-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-left-list-blog .blog-start .blog-content .date-comm-adit span.blog-date i,
.blog-right-blog .blog-start .blog-content .date-comm-adit span.blog-date i{
    margin-right: 5px;
}
.blog-left-list-blog .blog-start .blog-content .date-comm-adit a,
.blog-right-blog .blog-start .blog-content .date-comm-adit a{
    font-size: 14px;
    font-weight: 600;
}
.blog-left-list-blog .blog-start .blog-content .date-comm-adit a i,
.blog-right-blog .blog-start .blog-content .date-comm-adit a i {
    margin-right: 5px;
}
.blog-left-list-blog .blog-start .blog-content .date-comm-adit span.blog-admin,
.blog-right-blog .blog-start .blog-content .date-comm-adit span.blog-admin,
.blog-list .blog-start .blog-content .date-comm-adit span.blog-admin {
    display: flex;
    align-items: center;
    line-height: 1;
}
.blog-left-list-blog .blog-start .blog-content .date-comm-adit span.blog-admin i,
.blog-right-blog .blog-start .blog-content .date-comm-adit span.blog-admin i{
    margin-right: 5px;
}
.blog-left-list-blog .blog-start .blog-content .date-comm-adit span.blog-admin span.blog-editor,
.blog-right-blog .blog-start .blog-content .date-comm-adit span.blog-admin span.blog-editor{
    font-weight: 600;
    margin-left: 5px;
}
.blog-left-list-blog .blog-start .blog-content p.blog-description,
.blog-right-blog .blog-start .blog-content p.blog-description{
    margin-top: 20px;
    color: #999;
}
.blog-left-list-blog .blog-start .blog-content a.read-link,
.blog-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-left-list-blog .blog-start .blog-content a.read-link span,
.blog-right-blog .blog-start .blog-content a.read-link span{
    color: #222;
}
.blog-left-list-blog .blog-start .blog-content a.read-link:hover span,
.blog-right-blog .blog-start .blog-content a.read-link:hover span{
    color: #f5ab1e;
}
.blog-left-list-blog .blog-start .blog-content a.read-link i,
.blog-right-blog .blog-start .blog-content a.read-link i{
    padding-left: 5px;
    font-size: 12px;
}
.blog-left-list-blog .blog-start .blog-content a.read-link:hover i,
.blog-right-blog .blog-start .blog-content a.read-link:hover i{
    padding-left: 10px;
}
.blog-left-list-blog .blog-start .blog-content a.read-link span,
.blog-left-list-blog .blog-start .blog-content a.read-link:hover span,
.blog-left-list-blog .blog-start .blog-content a.read-link i,
.blog-left-list-blog .blog-start .blog-content a.read-link:hover i,
.blog-right-blog .blog-start .blog-content a.read-link span,
.blog-right-blog .blog-start .blog-content a.read-link:hover span,
.blog-right-blog .blog-start .blog-content a.read-link i,
.blog-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-details .single-blog-content,
.blog-left-details .single-blog-content,
.blog-right-details .single-blog-content{
    margin-top: 33px;
}
.blog-details .single-blog-content .single-b-title h4,
.blog-left-details .single-blog-content .single-b-title h4,
.blog-right-details .single-blog-content .single-b-title h4{
    font-size: 16px;
}
.blog-details .single-blog-content .date-edit-comments,
.blog-left-details .single-blog-content .date-edit-comments,
.blog-right-details .single-blog-content .date-edit-comments{
    margin-top: 23px;
}
.blog-details .single-blog-content .date-edit-comments .blog-info-wrap,
.blog-left-details .single-blog-content .date-edit-comments .blog-info-wrap,
.blog-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-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-data,
.blog-left-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-data,
.blog-right-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-data {
    margin: 15px 0px 0px 30px;
}
.blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.date,
.blog-left-details .single-blog-content .date-edit-comments .blog-info-wrap span.date,
.blog-right-details .single-blog-content .date-edit-comments .blog-info-wrap span.date{
    display: flex;
    align-items: center;
    line-height: 1;
}
.blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.date span.blog-d-n-c,
.blog-left-details .single-blog-content .date-edit-comments .blog-info-wrap span.date span.blog-d-n-c,
.blog-right-details .single-blog-content .date-edit-comments .blog-info-wrap span.date span.blog-d-n-c{
    margin-left: 5px;
}
.blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-edit,
.blog-left-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-edit,
.blog-right-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-edit{
    display: flex;
    align-items: center;
    line-height: 1;
}
.blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-edit span.blog-d-n-c,
.blog-left-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-edit span.blog-d-n-c,
.blog-right-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-edit span.blog-d-n-c{
    margin-left: 5px;
}
.blog-left-details .single-blog-content .date-edit-comments .blog-info-wrap span.comments,
.blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.comments,
.blog-right-details .single-blog-content .date-edit-comments .blog-info-wrap span.comments{
    display: flex;
    align-items: center;
    line-height: 1;
}
.blog-left-details .single-blog-content .date-edit-comments .blog-info-wrap span.comments span.blog-d-n-c,
.blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.comments span.blog-d-n-c,
.blog-right-details .single-blog-content .date-edit-comments .blog-info-wrap span.comments span.blog-d-n-c{
    margin-left: 5px;
}
.blog-details .single-blog-content .blog-description,
.blog-left-details .single-blog-content .blog-description,
.blog-right-details .single-blog-content .blog-description{
    margin-top: 23px;
}
.blog-details .single-blog-content .blog-description p,
.blog-left-details .single-blog-content .blog-description p,
.blog-right-details .single-blog-content .blog-description p{
    margin-top: 2px;
    letter-spacing: 0.6px;
}
.blog-details .single-blog-content .blog-description .blog-image-description,
.blog-left-details .single-blog-content .blog-description .blog-image-description,
.blog-right-details .single-blog-content .blog-description .blog-image-description{
    margin-top: 22px;
}
.blog-details .single-blog-content .blog-description .blog-image-description img,
.blog-left-details .single-blog-content .blog-description .blog-image-description img,
.blog-right-details .single-blog-content .blog-description .blog-image-description img{
    float: left;
    margin-right: 15px;
}
.blog-details .single-blog-content .blog-description .blog-image-description p.bold-description,
.blog-left-details .single-blog-content .blog-description .blog-image-description p.bold-description,
.blog-right-details .single-blog-content .blog-description .blog-image-description p.bold-description{
    font-size: 14px;
    font-weight: 600;
}
.blog-details .single-blog-content .blog-description p.color-description,
.blog-left-details .single-blog-content .blog-description p.color-description,
.blog-right-details .single-blog-content .blog-description p.color-description{
    background-color: #f7f7f7;
    font-size: 16px;
    color: #f5ab1e;
    margin: 23px 0px;
    padding: 30px;
    border-left: 1px solid #eee;
    font-weight: 500;
    letter-spacing: 0.5px;
}
.blog-details .single-blog-content .blog-info,
.blog-left-details .single-blog-content .blog-info,
.blog-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-details .single-blog-content .blog-info i.fa-quote-left,
.blog-left-details .single-blog-content .blog-info i.fa-quote-left,
.blog-right-details .single-blog-content .blog-info i.fa-quote-left{
    font-size: 30px;
    color: #f5ab1e;
}
.blog-details .single-blog-content .blog-info h6,
.blog-left-details .single-blog-content .blog-info h6,
.blog-right-details .single-blog-content .blog-info h6{
    color: #f5ab1e;
    font-size: 16px;
    margin-top: 9px;
    font-weight: 500;
}
.blog-details .single-blog-content .b-link,
.blog-left-details .single-blog-content .b-link,
.blog-right-details .single-blog-content .b-link{
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.blog-details .single-blog-content .b-link .blog-tag a,
.blog-left-details .single-blog-content .b-link .blog-tag a,
.blog-right-details .single-blog-content .b-link .blog-tag a{
    background-color: #f5ab1e;
    padding: 5px 10px;
    color: #fff;
    border-radius: 4px;
}
.blog-details .single-blog-content .b-link .blog-tag a:hover,
.blog-left-details .single-blog-content .b-link .blog-tag a:hover,
.blog-right-details .single-blog-content .b-link .blog-tag a:hover{
    background-color: #000;
    color: #fff;
}
.blog-details .single-blog-content .blog-social,
.blog-left-details .single-blog-content .blog-social,
.blog-right-details .single-blog-content .blog-social{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.blog-details .single-blog-content .blog-social a.facebook,
.blog-details .single-blog-content .blog-social a.twitter,
.blog-details .single-blog-content .blog-social a.insta,
.blog-details .single-blog-content .blog-social a.pinterest,
.blog-left-details .single-blog-content .blog-social a.facebook,
.blog-left-details .single-blog-content .blog-social a.twitter,
.blog-left-details .single-blog-content .blog-social a.insta,
.blog-left-details .single-blog-content .blog-social a.pinterest,
.blog-right-details .single-blog-content .blog-social a.facebook,
.blog-right-details .single-blog-content .blog-social a.twitter,
.blog-right-details .single-blog-content .blog-social a.insta,
.blog-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-details .single-blog-content .blog-social a.facebook,
.blog-left-details .single-blog-content .blog-social a.facebook,
.blog-right-details .single-blog-content .blog-social a.facebook{
    background-color: #3b5999;
    color: #fff;
}
.blog-details .single-blog-content .blog-social a.twitter,
.blog-left-details .single-blog-content .blog-social a.twitter,
.blog-right-details .single-blog-content .blog-social a.twitter{
    background-color: #55acee;
    color: #fff;
}
.blog-details .single-blog-content .blog-social a.insta,
.blog-left-details .single-blog-content .blog-social a.insta,
.blog-right-details .single-blog-content .blog-social a.insta{
    background-color: #dd4b39;
    color: #fff;
}
.blog-details .single-blog-content .blog-social a.pinterest,
.blog-left-details .single-blog-content .blog-social a.pinterest,
.blog-right-details .single-blog-content .blog-social a.pinterest{
    background-color: #bd081c;
    color: #fff;
}
.blog-details .single-blog-content .blog-social a:hover,
.blog-left-details .single-blog-content .blog-social a:hover,
.blog-right-details .single-blog-content .blog-social a:hover{
    background-color: #f5ab1e;
}
.blog-details .single-blog-content .blog-comments,
.blog-left-details .single-blog-content .blog-comments,
.blog-right-details .single-blog-content .blog-comments{
    margin-top: 23px;
}
.blog-details .single-blog-content .blog-comments h4,
.blog-left-details .single-blog-content .blog-comments h4,
.blog-right-details .single-blog-content .blog-comments h4{
    font-size: 18px;
}
.blog-details .single-blog-content .blog-comments h4 span,
.blog-left-details .single-blog-content .blog-comments h4 span,
.blog-right-details .single-blog-content .blog-comments h4 span{
    color: #f5ab1e;
}
.blog-details .single-blog-content .blog-comments .blog-comment-info,
.blog-left-details .single-blog-content .blog-comments .blog-comment-info,
.blog-right-details .single-blog-content .blog-comments .blog-comment-info {
    margin-top: 23px;
    padding-top: 30px;
    border-top: 1px solid #eee;
}
.blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae,
.blog-left-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae,
.blog-right-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae {
    display: flex;
    margin-top: 24px;
}
.blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.comment-reply,
.blog-left-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.comment-reply,
.blog-right-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.comment-reply {
    margin-left: 50px;
}
.blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.all-reply,
.blog-left-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.all-reply,
.blog-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-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae:first-of-type,
.blog-left-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae:first-of-type,
.blog-right-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae:first-of-type {
    margin-top: 0px;
}
.blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-man,
.blog-left-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-man,
.blog-right-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-man{
    width: 45px;
    height: 45px;
    background-color: #f5ab1e;
    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-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content,
.blog-left-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content,
.blog-right-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content {
    width: calc(100% - 45px);
}
.blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result,
.blog-left-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result,
.blog-right-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result{
    display: block;
}
.blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name,
.blog-left-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name,
.blog-right-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name {
    margin-top: 5px;
}
.blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name i,
.blog-left-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name i,
.blog-right-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name i {
    font-style: normal;
}
.blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date,
.blog-left-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date,
.blog-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-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date a.Reply,
.blog-left-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date a.Reply,
.blog-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: #f5ab1e;
    font-weight: 500;
}
.blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span span.comments-title,
.blog-left-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span span.comments-title,
.blog-right-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span span.comments-title{
    font-weight: 600;
    color: #f5ab1e;
}
.blog-details .single-blog-content .comments-form,
.blog-left-details .single-blog-content .comments-form,
.blog-right-details .single-blog-content .comments-form{
    margin-top: 24px;
    padding-top: 23px;
    border-top: 1px solid #eee;
}
.blog-details .single-blog-content .comments-form h4,
.blog-left-details .single-blog-content .comments-form h4,
.blog-right-details .single-blog-content .comments-form h4{
    font-size: 18px;
}
.blog-details .single-blog-content .comments-form form,
.blog-left-details .single-blog-content .comments-form form,
.blog-right-details .single-blog-content .comments-form form{
    margin-top: 18px;
}
.blog-details .single-blog-content .comments-form form label,
.blog-left-details .single-blog-content .comments-form form label,
.blog-right-details .single-blog-content .comments-form form label{
    margin-top: 15px;
}
.blog-details .single-blog-content .comments-form form label:first-child,
.blog-left-details .single-blog-content .comments-form form label:first-child,
.blog-right-details .single-blog-content .comments-form form label:first-child {
    margin-top: 0px;
}
.blog-details .single-blog-content .comments-form form input,
.blog-left-details .single-blog-content .comments-form form input,
.blog-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-details .single-blog-content .comments-form form input:focus,
.blog-left-details .single-blog-content .comments-form form input:focus,
.blog-right-details .single-blog-content .comments-form form input:focus{
    border-color: #f5ab1e;
}
.blog-details .single-blog-content .comments-form form textarea,
.blog-left-details .single-blog-content .comments-form form textarea,
.blog-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-details .single-blog-content .comments-form form textarea:focus,
.blog-left-details .single-blog-content .comments-form form textarea:focus,
.blog-right-details .single-blog-content .comments-form form textarea:focus{
    border-color: #f5ab1e;
}
.blog-details .single-blog-content .comments-form a.btn-style1,
.blog-left-details .single-blog-content .comments-form a.btn-style1,
.blog-right-details .single-blog-content .comments-form a.btn-style1{
    margin-top: 24px;
}

/* 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 15px;
    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{
    width: 40%;
    margin-right: 15px;
}
.left-column .left-blog .blog-item .l-blog-caption {
    width: 60%;;
}
.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: #f5ab1e;
}
.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: -10px;
    margin-left: -10px;
}
.left-column .blog-tag ul.tegs li {
    margin-top: 10px;
}
.left-column .blog-tag ul.tegs li a{
    color: #999;
    font-size: 12px;
    padding: 9px 16px;
    margin-left: 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: #f5ab1e;
    font-weight: 400;
    line-height: 1;
    border-radius: 5px;
}
.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: #f5ab1e;
    color: #fff;
    width: 100%;
    padding: 8px 15px;
    margin-top: 30px;
    text-align: center;
    font-weight: 500;
    border: 2px solid #f5ab1e;
}
.right-area .b-Reply form a.Reply-link:hover{
    background-color: transparent;
    color: #000;
    border-color: #f5ab1e;
}
.right-area .r-image{
    padding: 10px;
    margin-top: 20px;
    border: 1px solid #eee;
}

/* 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 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;
}

/*=====================================
idap-pro css
======================================*/
@media (max-width: 1199px){
    /* blog style-1 left-right grid blog css */
    .blog-left-grid .blog-start,
    .blog-right-grid .blog-start{
        width: calc(50% - 20px);
    }
    .blog-full-grid .blog-start .blog-content {
        padding: 20px;
    }
    /* blog left list css */
    .blog-left-list-blog,
    .blog-right-blog{
        margin-left: -30px;
    }
    .blog-left-list-blog .blog-start:before,
    .blog-right-blog .blog-start:before{
        width: 50px;
        height: 50px;
        font-size: 22px;
    }
    .blog-left-list-blog .blog-start,
    .blog-right-blog .blog-start{
        width: calc(50% - 30px);
    }
    .blog-left-list-blog .blog-start .blog-content,
    .blog-right-blog .blog-start .blog-content,
    .blog-left-list-blog .blog-start .blog-image,
    .blog-right-blog .blog-start .blog-image{
        width: 100%;
    }
    .blog-left-list-blog .blog-start .blog-post,
    .blog-right-blog .blog-start .blog-post{
        align-items: flex-start;
        flex-direction: column;
    }
    .blog-left-list-blog .blog-start .blog-content,
    .blog-right-blog .blog-start .blog-content{
        margin-left: 0px;
        margin-top: 23px;
    }
    .blog-left-list-blog .blog-start .blog-content .date-comm-adit,
    .blog-right-blog .blog-start .blog-content .date-comm-adit{
        flex-direction: column;
        align-items: flex-start;
        margin-top: 13px;
        padding-top: 20px;
    }
    .blog-left-list-blog .blog-start .blog-content .date-comm-adit a,
    .blog-right-blog .blog-start .blog-content .date-comm-adit a{
        margin-top: 12px;
    }
    .blog-left-list-blog .blog-start .blog-content .date-comm-adit span.blog-admin,
    .blog-right-blog .blog-start .blog-content .date-comm-adit span.blog-admin{
        margin-top: 12px;
    }
    .blog-left-list-blog .blog-start .blog-content p.blog-description,
    .blog-right-blog .blog-start .blog-content p.blog-description{
        font-size: 14px;
        margin-top: 23px;
    }
    .blog-left-list-blog .blog-start .blog-content a.read-link,
    .blog-right-blog .blog-start .blog-content a.read-link{
        margin-top: 20px;
    }
    /* center blog css */
    .center-md{
        padding: 0px;
    }
}
/*=====================================
ipad css
======================================*/
@media (max-width: 991px){
    /* left right column css */
    .left-column .blog-search h4{
        font-size: 16px;
    }
    .right-area .right-column-start h4{
        font-size: 16px;
    }
    /* style-1 full blog grid css */
    .blog-full-grid .blog-start{
        width: calc(50% - 30px);
    }
    /* left-right blog grid css */
    .blog-left-grid,
    .blog-right-grid{
        margin-left: 0px;
    }
    .blog-left-grid .blog-start,
    .blog-right-grid .blog-start{
        width: 100%;
        margin-left: 0px;
    }
    /* full blog list css */
    .blog-list .blog-start{
        width: calc(50% - 30px);
    }
    .blog-list .blog-start .blog-post{
        align-items: flex-start;
        flex-direction: column;
    }
    .blog-list .blog-start .blog-content,
    .blog-list .blog-start .blog-image{
        width: 100%;
    }
    .blog-list .blog-start .blog-content{
        margin-left: 0;
        margin-top: 23px;
    }
    .blog-list .blog-start .blog-content .date-comm-adit{
        flex-direction: column;
        align-items: flex-start;
        margin-top: 13px;
        padding-top: 20px;
    }
    .blog-list .blog-start .blog-content .date-comm-adit a{
        margin-top: 13px;
    }
    .blog-list .blog-start .blog-content .date-comm-adit span.blog-admin{
        margin-top: 12px;
    }
    .blog-list .blog-start .blog-content p.blog-description{
        margin-top: 23px;
    }
    .blog-list .blog-start .blog-content a.read-link{
        margin-top: 20px;
    }
    /* left-right blog list css */
    .blog-left-list-blog .blog-start .blog-post,
    .blog-right-blog .blog-start .blog-post{
        flex-direction: column;
    }
    .blog-left-list-blog .blog-start,
    .blog-right-blog .blog-start,
    .blog-left-list-blog .blog-start .blog-image,
    .blog-right-blog .blog-start .blog-image{
        width: 100%;
    }
    /* full-left-right details css */
    .blog-left-details,
    .blog-right-details{
        margin-top: 30px;
    }
    .blog-details .single-blog-content .single-b-title h4,
    .blog-left-details .single-blog-content .single-b-title h4,
    .blog-right-details .single-blog-content .single-b-title h4{
        font-size: 18px;
    }
    .blog-details .single-blog-content .blog-comments h4,
    .blog-left-details .single-blog-content .blog-comments h4,
    .blog-right-details .single-blog-content .blog-comments h4{
        font-size: 16px;
    }
    .blog-details .single-blog-content .comments-form h4,
    .blog-left-details .single-blog-content .comments-form h4,
    .blog-right-details .single-blog-content .comments-form h4{
        font-size: 16px;
    }
    /* center blog css */
    .center-right-area{
        margin-top: 30px;
    }
    .center-md{
        padding: 0px 15px;
    }
    .cetner-blog-area .blog-start{
        margin-top: 20px;
    }
    .right-area.style-1{
        margin-top: 28px;
    }
}
/*=====================================
iphone css
======================================*/
@media (max-width: 767px){
    /* style-1 full blog grid css */
    .blog-full-grid{
        margin-left: 0px;
        margin-top: -30px;
    }
    .blog-full-grid .blog-start{
        width: 100%;
        margin-top: 30px;
        margin-left: 0px;
    }
    .blog-full-grid .blog-start .blog-content p.blog-description{
        margin-top: 13px;
    }
    .blog-full-grid .blog-start .blog-content a.read-link{
        margin-top: 12px;
    }
    /* left-right blog grid css */
    .right-b{
        flex-direction: column-reverse;
    }
    .blog-left-grid,
    .blog-right-grid{
        margin-top: 0px;
    }
    .blog-left-grid .blog-start,
    .blog-right-grid .blog-start{
        margin-top: 30px;
    }
    .blog-left-grid .blog-start .blog-content,
    .blog-right-grid .blog-start .blog-content {
        padding: 20px;
    }
    .blog-left-grid .blog-start .blog-content p.blog-description,
    .blog-right-grid .blog-start .blog-content p.blog-description{
        margin-top: 13px;
    }
    .blog-left-grid .blog-start .blog-content a.read-link,
    .blog-right-grid .blog-start .blog-content a.read-link{
        margin-top: 12px;
    }
    /* style-1 left blog list css */
    .blog-style-2-right-column{
        flex-direction: column-reverse;
    }
    .blog-left-list-blog,
    .blog-right-blog{
        margin-left: -20px;
        margin-top: 0px;
    }
    .blog-left-list-blog .blog-start,
    .blog-right-blog .blog-start{
        width: calc(50% - 20px);
        margin-left: 20px;
    }
    .blog-left-list-blog .blog-start:nth-child(1),
    .blog-right-blog .blog-start:nth-child(1){
        margin-top: 30px;
    }
    .blog-left-list-blog .blog-start .blog-post,
    .blog-right-blog .blog-start .blog-post{
        flex-direction: column;
    }
    .blog-left-list-blog .blog-start .blog-image,
    .blog-right-blog .blog-start .blog-image{
        width: 100%;
    }
    .blog-left-list-blog .blog-start .blog-content,
    .blog-right-blog .blog-start .blog-content{
        width: 100%;
        padding-left: 0px;
    }
    /*  full-left-right details css */
    .blog-details .single-blog-content .single-b-title h4,
    .blog-left-details .single-blog-content .single-b-title h4,
    .blog-right-details .single-blog-content .single-b-title h4{
        font-size: 16px;
    }
    .blog-details .single-blog-content .blog-description .blog-image-description p.bold-description,
    .blog-left-details .single-blog-content .blog-description .blog-image-description p.bold-description,
    .blog-right-details .single-blog-content .blog-description .blog-image-description p.bold-description{
        font-size: 14px;
        font-weight: 600;
    }
    /* style-1 center blog css */
    .cetner-blog-area .blog-start:nth-child(1){
        margin-top: 30px;
    }
}
@media (max-width: 600px) {
    /* style-1 left right list blog css */
    .blog-left-list-blog,
    .blog-right-blog {
        margin-left: 0px;
    }
    .blog-left-list-blog .blog-start,
    .blog-right-blog .blog-start {
        width: 100%;
        margin-left: 0px;
    }
    .blog-left-list-blog .blog-start .blog-content,
    .blog-right-blog .blog-start .blog-content {
        margin-top: 13px;
    }
    .blog-left-list-blog .blog-start .blog-content .date-comm-adit,
    .blog-right-blog .blog-start .blog-content .date-comm-adit {
        margin-top: 9px;
        padding-top: 16px;
    }
    .blog-left-list-blog .blog-start .blog-content p.blog-description,
    .blog-right-blog .blog-start .blog-content p.blog-description {
        margin-top: 13px;
    }
    .blog-left-list-blog .blog-start .blog-content a.read-link,
    .blog-right-blog .blog-start .blog-content a.read-link {
        margin-top: 10px;
    }
    /* style-1 full list blog */
    .blog-list {
        margin-left: 0px;
    }
    .blog-list .blog-start {
        width: 100%;
        margin-left: 0px;
    }
    .blog-list .blog-start .blog-content {
        margin-top: 13px;
    }
    .blog-list .blog-start .blog-content .date-comm-adit {
        margin-top: 9px;
        padding-top: 15px;
    }
    .blog-list .blog-start .blog-content p.blog-description {
        margin-top: 13px;
    }
    .blog-list .blog-start .blog-content a.read-link {
        margin-top: 10px;
    }
    /* style-1 cenetr blog css */
    .cetner-blog-area .blog-start .blog-content {
        padding: 20px;
    }
    .cetner-blog-area .blog-start .blog-content p.blog-description {
        margin-top: 11px;
    }
    .cetner-blog-area .blog-start .blog-content a.read-link {
        margin-top: 10px;
    }
    /* full left  right details blog css */
    .blog-details .single-blog-content .date-edit-comments,
    .blog-left-details .single-blog-content .date-edit-comments,
    .blog-right-details .single-blog-content .date-edit-comments{
        flex-direction: column;
        align-items: flex-start;
    }
    .blog-details .single-blog-content .blog-description .blog-image-description img,
    .blog-left-details .single-blog-content .blog-description .blog-image-description img,
    .blog-right-details .single-blog-content .blog-description .blog-image-description img{
        width: 100%;
        margin-left: 0px;
        margin-bottom: 23px;
    }
    .blog-details .single-blog-content .b-link,
    .blog-left-details .single-blog-content .b-link,
    .blog-right-details .single-blog-content .b-link {
        flex-direction: column;
        align-items: flex-start;
    }
    .blog-details .single-blog-content .b-link .blog-social,
    .blog-left-details .single-blog-content .b-link .blog-social,
    .blog-right-details .single-blog-content .b-link .blog-social {
        margin-top: 20px;
    }
    .blog-details .single-blog-content .date-edit-comments span.blog-edit,
    .blog-left-details .single-blog-content .date-edit-comments span.blog-edit,
    .blog-right-details .single-blog-content .date-edit-comments span.blog-edit{
        margin-top: 14px;
        margin-bottom: 14px;
        margin-right: 0px;
    }
}
/* MEDIA - ENDS */

/* PRIVACY POLICY - STARTS */
.privacy-policy ul {
    list-style: unset;
}
/* PRIVACY POLICY - ENDS */