/*

 ------------------------------------------------------------------- 
[Table of contents] 
1. body 
2. top header
3. main header
4. banner
5. top mediciene
6. why choose us
7. product
8. counter
9. trending product
10. testimonial

12. footer
13. copyright

18. breadcrumb


21. contact
--------------------------------------------------------------------*/
:root {
    --pureayurveda-primary: linear-gradient(48deg, #253118 0%, #638542 42%, #253118 100%);
}




body{
	font-family: 'PT Sans', sans-serif;
	color: #242424;
	font-size: 16px;
	font-weight: 300;
    line-height: 26px;
    overflow-x: hidden;
}



.text-justify{
    text-align: justify;
}


a{
	color: #242424;
	transition: 0.3s;
    text-decoration: none !important;
}
a:hover{
	text-decoration: none;
	color: #7cac05;
}
ul{
	margin: 0;
	padding: 0;
}
li{
	list-style: none;
}
.spacer-top{
    padding-top: 25px;
}
.spacer-bottom{
    padding-bottom: 25px;
}
.pa-heading {
    text-align: center;
    margin-bottom: 30px;
}



/*.mobpa-heading{
    margin-bottom: 0px |!im;
} */
@media (max-width: 768px) {
 .mobpa-heading{
     text-align: center;
    margin-bottom: 30px;
} 
} 


.pa-heading h1{
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 28px !important;
}

 .mh{
    margin-bottom: 15px;
    text-transform: capitalize;
    font-size: 30px !important;
    font-weight: 800;
}


.mh1{
    margin-bottom: 15px;
    text-transform: capitalize;
    font-size: 30px !important;
    font-weight: 800;
}

@media (max-width: 768px) {
  .mh1{
    margin-bottom: 15px;
    text-transform: capitalize;
    font-size: 30px !important;
    font-weight: 800;
    text-align: center;
}

.mobt{
    text-align: center;
}
}
.suh{
    margin-bottom: 15px;
    text-transform: capitalize;
    font-size: 27px;
    font-weight: 600;

}

p{
    text-align: justify;
    font-size: 17px;
}
.sh {
    margin-bottom: 0;
    text-transform: capitalize;
    font-size: 20px;
    color: var(--pureayurveda-primary);
}

.pa-heading h3 {
    margin-bottom: 15px;
    text-transform: capitalize;
    font-size: 27px;
}

.pa-heading h5 {
    margin-bottom: 10px;
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #7cac05;
}
.pa-heading img{
    opacity: 0.8;
}
.pa-btn{
    background: linear-gradient(48deg, #253118 0%, #638542 42%, #253118 100%);
    color: #fff ;
    padding: 0px 20px;
    min-width: 128px;
    height: 50px;
    line-height: 46px;
    border: none;
    border-radius: 50px;
    outline: none;
    text-align: center;
    cursor: pointer;
    border: 2px solid #3d4d30;
    transition: 0.3s;
    display: inline-block;
}
.pa-btn:hover{
    outline: none;
    background: #fff;
    color: #95cd52;
}


.pa-btn2 {
    background: linear-gradient(48deg, #253118 0%, #638542 42%, #253118 100%);
    color: #fff;
    padding: 0px 20px;
    min-width: 160px;
    height: 50px;
    line-height: 46px;
    border: none;
    border-radius: 2px;
    text-transform: capitalize;
    outline: none;
    text-align: center;
    cursor: pointer;
    border-radius: 50px;
    border: 2px solid #253118;
    transition: 0.3s;
    display: inline-block;
    position: relative; 
}



.pa-btn2 > .shine {
    position: absolute;
    height: 200%;
    width: 40px;
    top: 0;
    left: -50px;
    background: linear-gradient(90deg, #ffffff00, #ffffff54, #ffffff00);
    transform: rotate(45deg) translateY(-35%);
    animation: shine 2.4s ease infinite;
}

@keyframes shine {
    0% {
        left: -80px;
    }
    40% {
        left: 100%;
    }
    100% {
        left: 100%;
    }
}


.pa-btn:focus,.modal-header .close {
    outline: none;
}

.logo{
    width: 100px;
}


/* Main styles remain the same */
.pa-btn1 {
    background:#f0f0f0;
    margin-right: 5px;
    padding: 0px 20px;
    min-width: 160px;
    height: 50px;
    line-height: 46px;
    border: 0.2px var(--pureayurveda-primary);
    text-transform: capitalize;
    outline: none;
    text-align: center;
    cursor: pointer;
    transition: 0.3s;
    display: inline-block;
    position: relative;
    color: #000;
}

.kiu {
  
    position: relative;
   
}

.pa-btn1.active {
    background: #39581b;
    color: white; 
        border: 1px solid #d5d5d5;

}

/* Media Queries for responsiveness */

/* For screens smaller than 1200px (large tablets, small desktops) */
@media (max-width: 1200px) {
    .pa-btn1 {
        min-width: 120px; 
        height: 45px; 
        font-size: 0.9rem; 
    }
    
    .kiu {
        gap: 50px; 
        padding: 10px;
    }

    .kiu::before {
        display: none;
    }
}

/* For screens smaller than 768px (tablets, larger mobile devices) */
@media (max-width: 768px) {
    .pa-btn1 {
        min-width: 120px; 
        height: 45px; 
        font-size: 0.9rem;
    }
    
    .kiu {
        gap: 10px; 
        padding: 10px;
    }
}

/* For screens smaller than 480px (small mobile devices) */
@media (max-width: 480px) {
    .pa-btn1 {
        min-width: 165px;
        max-height: 100%;
        height: 40px; 
        font-size: 0.9rem;
    }

    .kiu {
        padding: 5px;
    }
}

/* For screens smaller than 250px (very small devices) */
@media (max-width: 250px) {
    .pa-btn1 {
        min-width: 80px;  /* Further reduced button size */
        height: 35px; 
        font-size: 0.75rem;  /* Smaller font size for tiny screens */
    }

    .kiu {
        gap: 5px;  /* Minimal gap for very small screens */
        padding: 5px;
    }
}
/* Main styles remain unchanged */

/* Media Query for screens 422px or smaller */
@media (max-width: 433px) {
    .kiu {
        display: flex;
        flex-direction: column; /* Stack items vertically */
        align-items: center; /* Optional: centers items horizontally */
       max-width: 100%;
    }

    .pa-btn1 {
        width: 100%; /* Make button take full width */
        max-width: 100%; /* Ensure it doesn't exceed 100% */
        text-align: center;
    }

    .pa-btn1.active {
    background: #39581b;
    color: white;
    width: auto;
}
}




/* main header start */
/*.pa-main-header {
    background: var(--pureayurveda-primary);
  
    display: flex;
    align-items: center;
    padding: 20px;
    z-index: 5;

    position: absolute;
}*/
.pa-menu>ul>li, .pa-head-icon>ul>li{
	display: inline-block;
	margin-right: 30px;
	position: relative;
}
.pa-menu ul li:last-child,.pa-head-icon ul li:last-child{
	margin-right: 0px;
}
.pa-menu>ul>li>a {
    color: white;
    padding: 25px 0 26px;
}


.pa-menu>ul>li>a {
    color: white;
    padding: 25px 0 26px;
}

.pa-menu>ul>li.active>a {
    color: #95cd52;   
}


.fixed-header .pa-menu>ul>li.active>a {
    color: #95cd52 !important;   
}
.under-line:hover:before {
  width: 100%;
}
.under-line{
  position: relative;
}
.sticky .under-line:before,.under-line:before{
background-color:white !important;
}
.under-line:before{
  position: absolute;
    z-index: 1;
    content: "";
    height: 2px;
    background-color: #fff;
    bottom: 20px;
    width: 0%;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}


  @media (max-width: 991px) {
    .under-line:before {
display: none;
    }
}


.pa-menu ul li a{
    text-transform: capitalize;
            font-size: 17px;
    font-weight: 600;
} 


.pa-nav-bar {
    display: flex;
    align-items: center;
	justify-content: flex-end;
	padding-top: 6px;	
}

.pa-head-icon {
    margin-left: 40px;
}
.pa-head-icon ul li svg {
    width: 16px;
    height: 16px;
    fill: #fff;
    cursor: pointer;
}
.pa-head-icon ul li span {
    background: #fff;
    min-width: 16px;
    height: 16px;
    position: absolute;
    text-align: center;
    line-height: 16px;
    font-size: 11px;
    border-radius: 100%;
    top: -2px;
    right: -12px;
	color: var(--pureayurveda-primary);
	cursor: pointer;
}
/* main header end */
/* banner start */
.pa-banner{
    position: relative;
      padding: 200px 0px 185px;
   background-image: url(../../image-mist/images/banner.jpg);
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
}





.pa-main-header {
    width: 100%;
    gap: 10px;
    display: flex;
    align-items: center;
    padding: 20px;
    z-index: 5;
color: white !important;
    position: absolute;
}

.fixed-header{
     width: 100%;
    gap: 10px;
    background-color: #364623;
    display: flex;
    align-items: center;
    padding: 0px 0 0px;
    z-index: 100;
    color: white !important;
    position: fixed;
    box-shadow: 0px 0px 20px 0px #000;
}


.pa-banner-text h4 {
    position: relative;
  
    margin-bottom: 25px;
    font-size: 22px;
    z-index: 1;
    color: #fff;
   
}

.pa-banner-text h2 {
    font-size: 50px;
  margin-bottom: 30px !important;
    letter-spacing: 1px;
    color: white;
}
.pa-view-all {

    background: #f2c362;
    color: #fff ;
    padding: 0px 10px;
    min-width: 112px;
    height: 45px;
    line-height: 40px;
    border: none;
      border-radius: 50px;
    outline: none;
    text-align: center;
    cursor: pointer;
    border: 2px solid #f2c362;
    transition: 0.3s;
    display: inline-block;

}

.pa-view-all:hover{
    color: white !important;
}


.pa-banner-text p {
    margin-bottom: 30px;
}

.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    transition: 0.3s;
    margin-bottom: 10px;
    outline: none;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--pureayurveda-primary);
    height: 20px;
    border-radius: 30px;
}
.swiper-button-next, .swiper-button-prev {
    background-image: none;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: linear-gradient(48deg, #253118 0%, #39581b 42%, #253118 100%);
    outline: none;
    border-radius:4px;
}
.swiper-button-next:after, .swiper-button-prev:after {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    background: transparent;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.swiper-button-next:after{
    transform: rotate(45deg);
}
.swiper-button-prev:after {
    transform: rotate(-135deg);
}
.swiper-button-prev {
    left: 0px;
}
.swiper-button-next {
    right: 0;
}




.sbn, .sbp {
    background-image: none;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: linear-gradient(48deg, #253118 0%, #39581b 42%, #253118 100%);
    outline: none;
    border-radius:4px;
}
.sbn:after, .sbp:after {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    background: transparent;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.sbn:after{
    transform: rotate(45deg);
}
.sbp:after {
    transform: rotate(-135deg);
}
.sbp {
    left: 0px;
}
.sbn{
    right: 0;
}
/*
banner ends*/

.pa-banner-text p {
    margin-bottom: 30px;
    color: white;
}


/* banner end */
/* medicine start */
.pa-medicine-box {
    text-align: center;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.07);
    border-radius: 10px;
    padding: 30px;
    transition: 0.3s;
        height: 100% !important;
    border-bottom: 3px solid transparent;
}
.pa-medicine-box h2 {
    font-size: 22px;
    margin: 20px 0 10px;
    text-transform: capitalize;
}
.pa-medicine-box p {
    margin:0px;
    padding-top: 10px;
}
.pa-medicine-box:hover{
    border-color:#253118;
}
/* medicine end */
/* strip starts */
    

    .strip{
       background-image: url(../../image-mist/images/kuralbg.jpg);
   background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 45px !important;
   
    }

    .agathiyar{
        max-width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

   @media (max-width: 768px) {
    .agathiyar {
        width: 50%; /* Set the width to 50% */
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto; /* Center the container */
        text-align: center;
    }
    
    .agathiyar img {
        max-width: 100%;  
        height: auto;     
    }
}
.strip-txt1{

    color: white;
    text-align: center;
    font-size: 17px;
    font-weight: 500;
    line-height: 16px;
}


/* strip ends */
/* product start */
.pa-product-box {
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.07);
    border-radius: 10px;
    padding: 50px 30px 44px;
    text-align: center;
    position: relative;
    transition: 0.3s;
    margin: 15px;

            height: 90%;
}


.pa-product-box1 {
    border-radius: 10px;
    text-align: center;
    position: relative;
    transition: 0.3s;
    margin-bottom: 18px;
        margin-top: 18px;
            height: 90%;
}

.pa-trending-product .pa-heading {
    margin-bottom: 31px;
}
.pa-product-content h4 {
    font-size: 20px;
    margin-bottom: 10px;
}
.pa-product-content {
    padding-top: 30px;
}
.pa-product-content p {
    margin-bottom: 0;
    font-weight: 500;
    color: var(--pureayurveda-primary);
}
.pa-product-content p del {
    padding-right: 15px;
    font-weight: 400;
    color: #222;
}
p.pa-product-rating i {
    margin-right: 2px;
    font-size: 12px;
}
p.pa-product-rating {
    padding-bottom: 10px;
}
.pa-product-cart ul li svg{
    width: 16px;
    height: 16px;
    transition: 0.3s;
}
.pa-product-cart ul li {
    display: inline-block;
    margin: 0 5px;
}
.pa-product-cart ul li a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    border: 1px solid #738d6c;
    text-align: center;
    display: block;
    background: #fff;
    border-radius: 4px;
}
.pa-product-cart ul li a:hover svg{
    fill:#738d6c;
}
.pa-product-cart {
    bottom: -25px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    transition: 0.3s;
    opacity: 0;
    visibility: hidden;
}
.pa-product-box:hover .pa-product-cart{
    bottom: -15px;
    opacity: 1;
    visibility: visible;
}
.pa-product-box:hover,
.pa-blog-box:hover,
.pa-counter-box:hover,
.pa-medicine-box:hover{
    transform: translateY(-5px);
}
.pa-product,.pa-blog,.pa-why-pure,.pa-team,.pa-price-plan {
    padding-bottom: 50px;
}
/* product end */
/* counter start */


.pa-counter-box h1 {
    font-size: 35px;
    margin-bottom: 15px;
    display: inline-block;
}
.pa-counter-box span {
    font-size: 35px;
    font-weight: 600;
}
.pa-counter-box {
    text-align: center;
    background: #fff;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.07);
    border-radius: 10px;
    padding: 30px 30px 23px;
    transition: 0.3s;
}
.pa-counter-box p{
    margin-bottom: 0;
    font-weight: 400;
    text-transform: capitalize;
}

.pa-counter-box svg {
    width: 50px;
    height: auto;
    fill: #253118;
    display: block;
    text-align: center;
    margin: 0 auto 10px;
}


.cicon{
    width: 200px;
    height: 60px;
    color: var(--pureayurveda-primary); 
}

@media (max-width: 575px) {
.sm6{
    width: 50%;
}
}


/* counter end */
/* trending product start */
.pa-trending-product{
    position: relative;
}
.pa-trending-product .pa-product-box,.pa-related-product .pa-product-box {
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.07);
    margin: 15px;
}
/* trending product end */

/*before after starts*/



#container1 {
  position: relative;
  display: flex;
  width: clamp(20rem, 75vw, 50rem);
  max-height: 45vh;
  aspect-ratio: 3 / 2;
}

.img-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.img-wrapper:nth-child(2) {
  clip-path: inset(0px 0px 0px 50%);
}

.img-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#line {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: .2rem;
  height: 100%;
  background-color: #FAFAFA;
}

.but9 {
  /* reset */
  appearance: none;
  -webkit-appearance: none;
  background-color: transparent;
  /* custom */
  position: absolute;
  width: calc(100% + 2.25rem);
  height: 100%;
  left: -1.125rem;
  animation: shake 1s infinite; 
}

input {
  /* Make sure to define a height for the input to center it properly */
  height: 2.25rem; 
}

@keyframes shake {
  0% { transform: translateX(0); }
  25% { transform: translateX(-2px); }
  50% { transform: translateX(2px); }
  75% { transform: translateX(-2px); }
  100% { transform: translateX(0); }
}

input::-webkit-slider-thumb {
  /* reset */
  -webkit-appearance: none;
  appearance: none;
  /* custom */
  height: 2.25rem;
  width: 2.25rem;
  border: .25rem solid #fff;
  border-radius: 50%;
  box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.1);
  background-color: #fff;
  background-image: url('data:image/svg+xml;utf8,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 height%3D%2224px%22 viewBox%3D%220 -960 960 960%22 width%3D%2224px%22 fill%3D%22%23000%22%3E%3Cpath d%3D%22M286.15-293.85 100-479.62l185.77-185.76 42.15 41.76-113 113.62h530.16l-113-113.62 42.15-41.76L860-479.62 674.23-293.85l-42.54-41.77 113.39-114H214.54l113.38 114-41.77 41.77Z%22/%3E%3C/svg%3E');
  background-size: cover;
  cursor: grabbing;
  animation: shake 1s infinite; /* Apply the shaking effect */
}

input::-moz-range-thumb {
  height: 2.25rem;
  width: 2.25rem;
  border: .25rem solid #fff;
  border-radius: 50%;
  box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.1);
  background-color: #fff;
  background-image: url('data:image/svg+xml;utf8,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 height%3D%2224px%22 viewBox%3D%220 -960 960 960%22 width%3D%2224px%22 fill%3D%22%23000%22%3E%3Cpath d%3D%22M286.15-293.85 100-479.62l185.77-185.76 42.15 41.76-113 113.62h530.16l-113-113.62 42.15-41.76L860-479.62 674.23-293.85l-42.54-41.77 113.39-114H214.54l113.38 114-41.77 41.77Z%22/%3E%3C/svg%3E');
  background-size: cover;
  cursor: grabbing;
  animation: shake 1s infinite; /* Apply the shaking effect */
}


/* Ensure cursor remains grabbing on thumb */
input::-webkit-slider-thumb {
  cursor: grabbing;
}

input::-moz-range-thumb {
  cursor: grabbing;
}

/*before after ends*/

/* testimonial start */
.pa-tesimonial-box {
    display: flex;
    max-width: 900px;
    justify-content: center;
    margin: auto;
    padding: 35px;
    align-items: center;
    position: relative;
}
.pas-testi-img {
    width: 300px;
    z-index: 1;
    position: relative;
}
.pas-testi-img img {
    border-radius: 10px;
}
.pas-testi-content {
    width: calc(100% - 300px);
    padding-left: 40px;
}
.pas-testi-content p {
    display: -webkit-box;	
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;	
	overflow: hidden;
}
.pas-testi-content h2 {
    font-size: 25px;
    margin-bottom: 20px;
}
.pas-testi-content .pa-view-all {
    font-size: 18px;
}
.pas-testi-content .pa-view-all:after {
    top: 6px;
}
.pas-testi-content .pa-view-all:before {
    width: 15px;
    top: 10px;
    right: -39px;
}
.pa-tesimonial-box:after {
    position: absolute;
    content: '';
    left: -8px;
    top: -2px;
    background-image: radial-gradient(#b6d2adeb 2px,transparent 2px);
    background-size: 20px 20px;
    width: 200px;
    bottom: -8px;
    z-index: 0;
}
.pa-tesimonial-button {
    width: 100px;
    right: 0;
    position: absolute;
    bottom: 53px;
}

.pa-tesimonial-button1 {
    width: 100px;
        margin-top: 15px;
    position: absolute;
  }
.pas-testi-img:after {
    position: absolute;
    content: '';
    right: -90px;
    top: -35px;
    width: 150px;
    height: 150px;
    background: rgba(186, 213, 178, 0.12);
    z-index: -1;
    margin: auto;
    border-radius: 100%;
}


.abimg{
   
    display: none;
}

.abimg1{
  
    display: block;
}



.ab1{
     position: relative;
    width: 100%;
    max-height: 100%;

    display: block;
}


.ab2{
     position: relative;
width: 95%;
   max-height: 100% ;
       margin-top: 20px;

    display: none;
}


.abu1{
display: block;
}

.abu2{
    display: none;
}




@media (max-width: 768px) {
   .abu1{
display: none;
}

.abu2{
    display: block;
}

.abimg{
    text-align: center;
    display: block;
}

.abimg1{
  
    display: none;
}



.ab1{
 display: none;
}

.ab2{
 display: block;
}



}

.pas-testi-img:before, .pa-about-img:before, .pa-services-img:before {
    position: absolute;
    content: '';
    top: -12px; /* Set the values directly */
    left: -12px;
    bottom: 10px;
    right: 10px;
    background: #253118;
    z-index: -1;
    border-radius: 10px;
    transition: 0.3s;
}
@media (max-width: 768px) {
    .pas-testi-img:before, .pa-about-img:before, .pa-services-img:before  {
        background: none;
    }
}

/* No hover interaction required, so the hover effect has been removed */

.pa-product-single{
    padding-bottom: 65px;
}
.pa-services{
    padding-bottom: 63px;
}
/* testimonial end */
/* footer start */
.pa-footer {
    padding: 10px;
    background:#364623;
    background-size: cover;
}
.pa-foot-box img,.pa-foot-box{
       margin-bottom: 10px;
           margin-top: 8px;
}
.pa-foot-box p,.pa-foot-box a{
    color: #fff;
}
.pa-foot-box a:hover{
    color: var(--pureayurveda-primary);
}
.pa-foot-title {
    color: #fff;
    font-size: 25px;
    margin-bottom: 30px;
}
.pa-foot-box ul li {
    margin-bottom: 10px;
}
.pa-foot-box ul li:last-child,.pa-foot-box p {
    margin-bottom: 0px;
}
.pa-newsletter {
    position: relative;
    margin-bottom: 25px;
}
.pa-newsletter .pa-btn {
    position: absolute;
    right: 5px;
    top: 5px;
    height: 40px;
    line-height: 36px;
}
.pa-newsletter input {
    padding-right: 170px;
    border: none;
}



.para{
    text-align: center;

}

@media (max-width: 768px) {
 .para{
    font-size: 13px;
}
}

.footf{

       font-size: 14px;
    color: #253118;
    background-color: white;
    padding: 8px 8px 8px 8px;
    border-radius: 50%;
   
}

.footf:hover
{
    background-color: black;
    color: white;
    transition: all  ease 500ms;
}

.foot-me {
 color: white !important;
}

.footj {
    list-style-type: none;
    padding: 0;
    margin: 0;
    font-weight: 600;
}

.footj a {
    text-decoration: none;
    color: #fff;
    transition: color 0.3s;
}

.footj a:hover {
    color: var(--pureayurveda-primary);
    transition: all ease 500ms  ;

}


/* footer end */
/* copyright start */
.pa-copyright p, .pa-copyright p a {
    margin: 0;
    color: #fff;
}

/* copyright end */
/* breadcrumb start */
.pa-breadcrumb {
        padding: 120px 0 100px;
    background: url(../../image-mist/images/breadcrumb.jpg);
    background-size: cover;
    background-position: center;
}

@media (min-width: 1399px) {
 .pa-breadcrumb {
        padding: 200px 0 160px;
    background: url(../../image-mist/images/breadcrumb.jpg);
    background-size: cover;
    background-position: center;
}

}



.pa-breadcrumb-box {
    text-align: center;
}

.pa-breadcrumb-box h1 {
    font-size: 28px;
    margin-bottom: 10px;
    color: #fff;
    text-transform: capitalize;
    font-weight: 600;

}

/* breadcrumb end */
/* about start */

.pah1{
    display: none;
}

.pah2{
    display: block;
}


@media (max-width: 768px) {
   .pah1{
    display: block;
}

.pah2{
    display: none;
}

}



.pa-about-content h2 {
    font-size: 25px;
    margin-bottom: 20px;
}
.pa-about-img {
    position: relative;
    width: fit-content;
}
.pa-about-img img {
    border-radius: 10px;
}
.pa-about-content .pa-heading,.pa-services-content .pa-heading,.pa-why-pure .pa-heading{
    text-align: left;
    margin-bottom: 15px;
}
.pa-about-content .pa-heading h1 {
    margin-top: 10px;
}
.pa-about-content p:last-child {
    margin: 0;
}



@media (max-width: 768px) {
   .whyn{
    text-align: center;
   }
   .pa-breadcrumb-box h1 {
    font-size: 30px;
    margin-bottom: 10px;
      margin-top: 30px;
    color: #fff;
    text-transform: capitalize;
}
}

.whu1, .whu2, .whu3, .whu4, .whu5, .whu6 {
    position: relative;
    object-fit: cover;
    height: auto;
    width: 100%;
    filter: brightness(50%);
}

.whu1 {
    max-height: 392px;

}

.whu2 {
    max-height: 350px;
}

.whu3 {
    max-height: 305px;
    z-index: 0;
}

.whu4 {
    max-height: 170px;
}

.whu5 {
    object-fit: revert;
    max-height: 215px;
}

.whu6 {
    display: none;
    object-fit: revert;
    max-height: 215px;
}


.title-text {
    position: absolute;
    bottom: 10px;
    left: 10px;
    color: white;
    padding: 10px;
    border-radius: 5px;
    font-size: 16px;
    opacity: 1; 
    transition: opacity 0.3s ease;
    pointer-events: none;
}


.tt1{
    display: none;
}

.title-text h3{
    font-size: 20px;
}




@media (max-width: 1399px) {
   .whu1 {

    object-fit: cover;
    height: auto;
    width: 100%;
        max-height: 392px;
}

}


@media (max-width: 1199px) {
.whu1 {
        max-height: 334px;

}

.whu2 {
            max-height: 316px;
}

.whu3 {
    max-height: 305px;
    z-index: 0;
}

.whu4 {
    max-height: 170px;
}

.whu5 {
    object-fit: revert;
    max-height: 215px;
}


}



@media (max-width: 991px) {
  .whu1 {

object-fit: cover;

height: auto;

width: 100%;

max-height: 213px;
}

.whu2 {

    object-fit: cover;
    height: auto;
    max-height: 350px;
    width: 100%;
}

.whu3 {

    object-fit: cover;
    height: auto;
    max-height: 305px;
    width: 100%;
}

.whu4 {

object-fit: cover;

height: auto;

max-height: 212px;

width: 100%;
}

.whu5 {

object-fit: revert;

height: auto;

max-height: 119px;

width: 100%;
}
}


@media (max-width: 767px) {
  .whu1 {

object-fit: cover;

height: auto;

width: 100%;

        max-height: 252px;
}

.whu2 {

    object-fit: cover;
    height: auto;
    max-height: 350px;
    width: 100%;
}

.whu3 {

    object-fit: cover;
   
  height: 50%;
    width: 100%;

}

.whu4 {

object-fit: cover;

height: auto;

max-height: 212px;

width: 100%;
}

.whu5 {

/*object-fit: revert;*/
display: none;
height: 50%;

width: 100%;
}



.whu6 {

/*object-fit: revert;*/
display: block;
height: 50%;

width: 100%;
}


.tt1{
    display: block;
}

.tt2{
    display: none;
}
}


.row.gx-2 {
    --bs-gutter-x: 0.5rem; 
}

.row.gy-3 {
    --bs-gutter-y: 1rem; 
}




/* about end */
/* team start */
.ps-team-box {
    text-align: center;
    background: #fff;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.07);
    border-radius: 10px;
    padding-bottom: 13px;
    margin-bottom: 30px;
}
.ps-team-box h2 {
    font-size: 20px;
    margin: 12px 0 5px;
    text-transform: capitalize;
}
.ps-team-box p {
    margin-bottom: 0;
    text-transform: capitalize;
}
.ps-team-box img {
    border-radius: 10px 10px 0px 0px;
    width: 100%;
}
.pa-team-social li {
    display: inline-block;
    margin-right: 10px;
}
.pa-team-social li a {
    width: 28px;
    height: 28px;
    display: block;
    border: 1px solid var(--pureayurveda-primary);
    border-radius: 4px;
    line-height: 25px;
    transition: 0.3s;
}
.pa-team-social {
    background: #fff;
    padding: 20px 0 0 0;
    margin: 0px 20px 0;
    z-index: 1;
    position: relative;
    border-radius: 4px 4px 0px 0px;
    transition: 0.3s;
}
.pa-team-social li a:hover{
    background: var(--pureayurveda-primary);
    transform: translateY(-3px);
}
.ps-team-box:hover .pa-team-social{
    margin: -20px 20px 0;
}
.pa-team-social li a:hover svg{
    fill: #fff;
}
.pa-team-social li svg {
    fill: var(--pureayurveda-primary);
    width: 14px;
}
.pa-team-social li:last-child {
    margin: 0;
}
/* team end */
/* shop start */

.con2{
    background-color: whitesmoke;
    border-top: 2px solid #39581b;
}

@media (max-width: 768px) {
    .con2{
    background-color:white;
}
}



.pa-sidebar-title {
    font-size: 25px;
    margin-bottom: 30px;
    text-transform: capitalize;
}
.pa-widget ul li {
    margin-bottom: 15px;
    position: relative;
}
.pa-widget ul li:last-child{
    margin-bottom: 0;
}
.pa-product-sidebar {
    padding: 30px 30px 25px;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.07);
    border-radius: 10px;
}
.pa-widget {
    border-bottom: 1px solid #eee;
    margin-bottom: 22px;
    padding-bottom: 30px;
}
.pa-widget:last-child{
    border: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.pa-widget.pa-search .pa-btn {
    position: absolute;
    top: 5px;
    right: 5px;
    min-width: 100px;
    height: 40px;
    line-height: 36px;
}
.pa-widget.pa-search {
    position: relative;
}
.pa-widget.pa-search input {
    padding-right: 110px;
}
.pa-widget ul li span {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: var(--pureayurveda-primary);
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    padding: 0px 2px;
}
.pa-widget.pa-tag ul li {
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 1px;
}
.pa-widget.pa-tag ul li a {
    border: 1px solid var(--pureayurveda-primary);
    padding: 0px 10px;
    min-height: 35px;
    display: block;
    line-height: 35px;
    border-radius: 4px;
    text-transform: capitalize;
}
.pa-product-widget ul li {
    display: flex;
    margin-bottom: 20px;
}
.pa-product-widget .pa-pro-wid-img {
    width: 70px;
}
.pa-product-widget .pa-pro-wid-content {
    width: calc(100% - 70px);
    padding-left: 15px;
}
.pa-pro-wid-content h4 {
    font-size: 16px;
    margin-bottom: 6px;
}
.pa-pro-wid-content p {
    margin-bottom: 0;
}
.pa-pro-wid-img img {
    border: 1px solid var(--pureayurveda-primary);
    padding: 5px;
    border-radius: 4px;
}
.pa-widget.pa-shop-category {
    padding-bottom: 27px;
}
/* shop end */
/* pricing plans start */
.pa-plan-box {
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.07);
    border-radius: 10px;
    padding: 42px 30px 50px;
    text-align: center;
    border-bottom: 3px solid var(--pureayurveda-primary);
    position: relative;
    transform: translate(0px, 37px);
    transition: 0.3s;
    margin-bottom: 30px;
}
.pa-plan-box.pa-popular-plan {
    padding-top: 88px;
    transform: translate(0px, 0px);
}
.pa-popular-plan .pa-plan-title {
    margin-bottom: 0;
}
.pa-plan-box:hover{
    transform: translateY(27px);
}
.pa-plan-box.pa-popular-plan:hover {
    transform: translateY(-5px);
}
.pa-plan-title {
    font-size: 25px;
    text-transform: capitalize;
}
.pa-plan-price {
    font-size: 50px;
    margin-bottom: 0px;
    color: var(--pureayurveda-primary);
}
.pa-plan-price span {
    font-size: 25px;
}
.pa-plan-price .pa-plan-month {
    display: block;
    font-size: 20px;
    text-transform: uppercase;
    margin: 10px 0 0;
}
.pa-plan-box ul li {
    margin-bottom: 15px;
    text-transform: capitalize;
}
.pa-plan-box ul li:last-child {
    margin-bottom: 0;
}
.pa-plan-box ul {
    margin: 36px 0 40px;
    padding: 33px 0;
    border-top: 2px dashed #eee;
    border-bottom: 2px dashed #eee;
}
.pa-plan-offer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: var(--pureayurveda-primary);
    margin: 0;
    padding: 10px;
    color: #fff;
    border-radius: 10px 10px 0px 0px;
    font-weight: 600;
    font-size: 20px;
    letter-spacing: 1px;
    text-transform: capitalize;
}
.pa-popular-plan .pa-plan-price {
    font-size: 80px;
}
/* pricing plans end */
/* services start */
.pa-services-img {
    position: relative;
}
.pa-services-img img{
    border-radius: 10px;
    width: 100%;
}
.pa-services-icon svg {
    width: 40px;
    height: 40px;
    fill: var(--pureayurveda-primary);
}
.pa-services-content ul{
    column-count: 2;
}
.pa-services-content ul li {
    display: flex;
    margin-bottom: 20px;
}
.pa-services-content ul li:last-child{
    margin-bottom: 0;
}
.pa-services-icon {
    width: 50px;
}
.pa-services-data {
    width: calc(100% - 50px);
    padding-left: 15px;
}
.pa-services-data h2 {
    font-size: 20px;
    text-transform: capitalize;
    margin-bottom: 6px;
}
.pa-services-data p {
    margin-bottom: 0;
}
/* services end */

/* contact start */
.office-section{
    position: relative;
/*    padding: 50px 0px 70px;*/
}

.office-section .inner-container{
    padding-left:40px;
    padding-right: 40px;
}

.office-section .title-box{
    position: relative;
   


}

.office-section .title-box:before{
    position: absolute;
    content: '';
    left: -40px;
    top: 0px;
    right: -40px;
    height: 210px;
    background-color: #e9ede7;
}

.office-section .title-box h2{
    position: relative;
    font-weight: 700;
    font-size: 24px;
    color: #262626;
    text-align: center;
    text-transform: uppercase;
}

.office-section .office-section{
    position: relative;
}

/*Office Block*/

.office-block{
    position: relative;
    margin-bottom: 30px;
}

.office-block .inner-box{
    position: relative;
    text-align: center;
  height: 100%;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.10);
    background-color: #ffffff;
}

.office-block .inner-box .icon-box{
      position: relative;
    width: 80px;
    height: 80px;
    text-align: center;
    overflow: hidden;
    font-size: 34px;
    margin: 0 auto;
    line-height: 80px;
    display: inline-block;
}

.office-block .inner-box h3{
    position: relative;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.4em;
    color: #262626;
    margin-bottom: 15px;
}

.office-block .inner-box .text{
    position: relative;
    color: #7c7b7b;
    font-size: 18px;
    line-height: 1.6em;
    margin-bottom: 25px;
}

.office-block .inner-box .link-btn{
    position: relative;
    color: #599b47;
    font-size: 18px;
    font-weight: 500;
}
/* contact end */
/* product single start */
.pa-prod-thumb-img {
    text-align: center;
    border: 1px solid #eee;
    padding: 30px;
    border-radius: 10px;
}
.pa-prod-title {
    font-size: 25px;
    margin-bottom: 15px;
}
.pa-prod-category,.pa-prod-price {
    color: var(--pureayurveda-primary);
}
.pa-prod-category{
    display: block;
    margin-bottom: 4px;
}
.pa-prod-category span,.pa-prod-price span {
    color: #222;
    padding-right: 5px;
}
.pa-prod-price span {
    font-size: 16px;
    font-weight: 400;
}
.pa-prod-price {
    margin-bottom: 5px;
    font-size: 20px;
    font-weight: 600;
}
.pa-prod-count {
    display: flex;
    margin: 30px 0 22px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 30px 0;
    align-items: center;
}
.pa-prod-count .pa-cart-quantity {
    margin-right: 20px;
}
.pa-prod-content ul li svg {
    width: 18px;
    fill: var(--pureayurveda-primary);
    margin-right: 10px;
    height: 18px;
}
.pa-prod-content ul li {
    margin-bottom: 5px;
}
.pa-prod-content ul {
    margin-top: 15px;
}
.pa-rating i {
    font-size: 14px;
    color: var(--pureayurveda-primary);
}
.pa-related-product .pa-heading {
    text-align: left;
    margin-bottom: 0;
    margin-top: 18px;
}
.pa-prod-price span.pa-offer-price {
    padding-left: 10px;
    color: var(--pureayurveda-primary);
}
/* product single end */






/* why pure start */
.pa-why-pure-shape ul li svg {
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
    fill: var(--pureayurveda-primary);
}
.pa-why-pure-shape ul li {
    background: #fff;
    box-shadow: 0px 0px 30px 0px rgb(231, 245, 245);
    border-radius: 10px;
    padding: 30px 30px 23px;
    margin-bottom: 30px;
    display: inline-block;
    text-align: center;
    transition: 0.3s;
}
.pa-why-pure-shape ul li:hover {
    transform: translate(0px, -5px);
}
.pa-why-pure-shape ul li:nth-child(3) {
    margin-top: 30px;
}
.pa-why-pure-shape ul {
    column-count: 2;
    column-gap: 30px;
}
.pa-why-pure-shape ul li p {
    margin: 0;
}
.pa-why-pure-shape ul li h3 {
    font-size: 20px;
    margin: 15px 0;
    text-transform: capitalize;
}
.pa-why-pure-content .pa-btn {
    margin-top: 20px;
}
/* why pure end */
/* footer start */
.pa-footer-two {
    background: linear-gradient(45deg,rgba(0, 0, 0, 0.7),rgba(0, 0, 0, 0.7) ), url(../images/footer.jpg);
    background-size: cover;
    padding: 72px 0 42px;
}
/* footer end */
/* blog start */
.pa-blog-view.pa-blog-two-view {
    border-top: 0px;
    border-bottom: 1px solid #eee;
}
/* blog end */
/* index two end */

/* index three start */
/* banner start */
.pa-banner-three {
    position: relative;
    overflow: hidden;
    background: var(--pureayurveda-primary);
}
.pa-banner-three-text {
    padding: 80px 0px 94px 150px;
    position: relative;
}
.pa-banner-three .col-lg-5 {
    align-items: center;
    display: flex;
}
.pa-banner-three-text:after {
    position: absolute;
    content: '';
    width: 400px;
    height: 400px;
    background: #74afad;
    border-radius: 63% 37% 50% 50%/70% 68% 32% 30%;
    top: 30px;
    left: 0;
    z-index: 0;
    animation: rotate_shape 2s alternate infinite;
}
@keyframes rotate_shape {
    0%{
        border-radius: 63% 47% 60% 60%/80% 78% 42% 40%;
        transform:rotate(20deg);
    }
    100%{
    	border-radius: 60% 37% 50% 50%/70% 68% 32% 30%;
    }
}
.pa-banner-three-img {
    text-align: right;
    padding: 80px 150px 80px 0;
    z-index: 1;
    position: relative;
}
.pa-banner-three-text h1 {
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 20px;
    z-index: 1;
    position: relative;
    color: #fff;
}
.pa-banner-search .pa-btn {
    position: absolute;
    right: 5px;
    height: 40px;
    line-height: 36px;
    top: 5px;
    min-width: 120px;
}
.pa-banner-search {
    position: relative;
    margin-top: 30px;
    z-index: 1;
}
.pa-banner-search input {
    padding-right: 130px;
}
.pa-banner-three-text p {
    margin-bottom: 0;
    z-index: 1;
    position: relative;
    color: #fff;
}
.pa-banner-three:after {
    position: absolute;
    top: -200px;
    right: -20px;
    width: 650px;
    height: 850px;
    background: #74afad;
    content: '';
    border-radius: 100px 100px 100px 50px;
    transform: rotate(81deg) skew(0deg, -12deg);
    z-index: 0;
    animation: banner_move_two 8s linear alternate infinite;
}
@keyframes banner_move_two {
    0%, 100% {
      transform: rotate(81deg) skew(0deg, -12deg) translateY(1px);
    }
    50% {
      transform: rotate(81deg) skew(0deg, -12deg) translate(10px,-30px);
    }
  }
.pa-banner-three .col-md-5 {
    display: flex;
    align-items: center;
}
/* banner end */
/* header start */







.pa-main-header.pa-head-three {
    background: #ffffff;
}
.pa-head-three .pa-menu>ul>li>a {
    color: #111;

}

.pa-head-three .pa-head-icon ul li svg {
    fill: var(--pureayurveda-primary);
}
.pa-head-three .pa-head-icon ul li span {
    background: var(--pureayurveda-primary);
    color: #ffffff;
}
/* header end */
/* blog start */
.pa-blog-widget {
    display: flex;
    border-bottom: 1px solid #eee;
    margin-bottom: 25px;
    padding-bottom: 20px;
}
.pa-blog-widget:last-child {
   border: none;
   padding: 0;
   margin-bottom: 22px;
}
.pa-blog-widget .pa-blog-title {
    padding: 0 0 0 20px;
    width: calc(100% - 100px);
}
.pa-blog-wimg {
    width: 100px;
}
.pa-blog-widget h2 {
    font-size: 18px;
    line-height: 24px;
}
.pa-blog-wimg img{
    border-radius: 10px;
}
/* blog end */
/* medi icon start */
.pa-medi-icon svg {
    width: 50px;
    height: 50px;
    fill: var(--pureayurveda-primary);
}
.pa-medi-icon {
    width: 100px;
    height: 100px;
    margin: 10px auto;
    line-height: 100px;
    border-radius: 100%;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);
    display: inline-block;
}
/* medi icon end */
/* footer start */
.pa-footer-three {
    background: url(../images/banner-shape.png)var(--pureayurveda-primary);
    background-size: cover;
    padding: 72px 0 42px;
    background-position: center;
}
.pa-copyright.pa-copyright-two {
    background: #3b7573;
}
/* footer end */
/* index three end */
/* profile start */
.pa-profile-box {
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.07);
    border-radius: 10px;
    padding: 30px;
    max-width: 600px;
    margin: auto;
}
.pa-profile-img {
    margin-bottom: 22px;
    display: flex;
}
.pa-profile-img img {
    border-radius: 100%;
    width: 100px;
    height: 100px;
    object-fit: cover;
}
.pa-profile-data ul li {
    display: flex;
    margin-bottom: 22px;
    border-bottom: 1px solid #eee;
    padding-bottom: 23px;
}
.pa-profile-data ul li p {
    flex: 1;
    margin-bottom: 0;
}
.pa-profile-data .pa-btn {
    margin-top: 10px;
}
.pa-profile-data ul li:last-child {
    border: none;
    padding: 0;
    margin: 0;
}
.pa-profile-userimg{
    width: 100px;
    position: relative;
}
.pa-profile-name-box {
    width: calc(100% - 100px);
    padding-left: 30px;
}
.pa-profile-svg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
}
.pa-profile-svg svg {
    width: 25px;
    height: 25px;
    fill: #ffffff;
    z-index: 1;
    cursor: pointer;
    transition: 0.3s;
}
.pa-profile-svg input {
    width: 105px;
    z-index: 2;
    opacity: 0;
    transform: translate(0px, -30px);
    cursor: pointer;
    height: 145px;
    border-radius: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.pa-profile-userimg:hover .pa-profile-svg {
    opacity: 1;
    visibility: visible;
}
.pa-profile-svg:after {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(108, 170, 168, 0.84);
    border-radius: 100%;
}
.pa-profile-name,.pa-edit-model .modal-title{
    font-size: 20px;
}
.pa-profile-name span {
    padding-left: 12px;
    font-weight: 600;
    color: var(--pureayurveda-primary);
}
.pa-profile-name-box p {
    margin-bottom: 0px;
}
.pa-edit-model ul li {
    display: flex;
    margin-bottom: 20px;
}
.pa-edit-model ul li:last-child{
    margin-bottom: 0;
}
.pa-edit-model ul li p {
    width: 280px;
}
.pa-edit-model ul li textarea {
    width: 100%;
    height: 90px;
    padding: 10px 20px;
    border: 1px solid var(--pureayurveda-primary);
    outline: none;
    border-radius: 10px;
    resize: none;
    line-height: normal;
}
.pa-edit-model .modal-body {
    padding: 30px;
}
.pa-edit-model {
    border-radius: 10px;
}
.pa-edit-model .modal-footer {
    padding: 26px;
}
.pa-edit-model .modal-header {
    padding: 22px 30px 23px;
}
/* profile end */
/* login start */

/* login end */

/*-------------colorpicker css start ------------------*/

/* Top Button CSS */
.pa-scroll-top {
    position: fixed;
    right: 35px;
    bottom: 35px;
    cursor: pointer;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    z-index: 9;
    visibility: hidden;
    -webkit-transform: translateY(150px);
    -ms-transform: translateY(150px);
    transform: translateY(150px);
    border-radius: 10px;
    background: linear-gradient(48deg, #253118 0%, #39581b 42%, #253118 100%);
    color: white !important;
    border-radius: 50%;
}
.pa-scroll-top.active {
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    animation: bounceInDown 2s;
    -webkit-animation: bounceInDown 2s;
    -moz-animation: bounceInDown 2s;
}
.pa-scroll-top:hover {
    color: white;
    background-color: linear-gradient(48deg, #253118 0%, #39581b 42%, #253118 100%) !important;
   
}


.conty h5{
    text-align: center !important;
}

.foot-me {
    padding: 0;
    margin: 0;
    color: white;
       
   
}

.foot-me ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 20px;
    justify-content: center;

}

.social{

    display: flex;
     gap: 30px;
    justify-content: center;
    margin-top: 20px;
}

/*about page mission vission starts*/

.work-section {
  position: relative;
  display: flex;
  flex-wrap: wrap; /* Enable wrapping in case of small screens */
  justify-content: space-between; /* Spacing between items */
}

.work-section .sec-title {
  margin-bottom: 60px;
}

.work-section .sec-title h2 {
  margin-bottom: 60px;
}

.work-section .single-item {
  flex: 1; /* Ensures all items grow equally */
  margin: 10px; /* Adjust space between items */
  min-width: 300px; /* Ensure some width when shrinking */
}

.work-section .single-item .inner-box {
  position: relative;
  background: #fff;
  padding: 35px 37px 65px 40px;
  border-radius: 20px;
  box-shadow: 0 5px 30px 0px rgba(0, 0, 0, 0.1);
  transition: all 500ms ease;
  display: flex;
  flex-direction: column; /* Make the box flexible */
  justify-content: space-between; /* Ensures even spacing of elements inside */
  min-height: 100%; /* Take full height of the container */
}

.work-section .single-item:hover .inner-box {
  transform: translateY(-15px);
  box-shadow: 0 5px 30px 0px rgba(0, 0, 0, 0.2);
}

.work-section .single-item .inner-box .pattern-bg {
  position: absolute;
  width: 250px;
  height: 100px;
  top: 0px;
  right: 0px;
  background-repeat: no-repeat;
  border-top-right-radius: 20px;
}

.work-section .single-item .inner-box h3 {
  position: relative;
  display: block;
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
  color: #222;
  margin-bottom: 10px;
  padding-bottom: 20px;
}

.work-section .single-item .inner-box h3:before {
  position: absolute;
  content: '';
  background: #253118;
  width: 40px;
  height: 2px;
  left: 0px;
  bottom: 0px;
}

.work-section .single-item .inner-box h3 a {
  display: inline-block;
  color: #000;
  font-weight: 600;
}

.work-section .single-item .inner-box h3 a:hover {
  color: #253118;
}

.work-section .single-item .inner-box .text {
  position: relative;
  font-size: 17px;
  line-height: 36px;
  margin-bottom: 15px;
  text-align: justify;
  flex-grow: 1; /* Ensure text takes available space */
}

.work-section .single-item .inner-box .icon-box {
  position: absolute;
  right: 40px;
  bottom: 25px;
  font-size: 40px;
  line-height: 70px;
  color: #0baabd;
}

.dog {
    position: absolute;
    left: -350px; /* Start off-screen */
    bottom: 0;
   width: 100%;
    animation: runDogToIcon 2s forwards;
}

@keyframes runDogToIcon {
    from {
        left: -350px; 
    }
    to {
        left: 0;
    }
}

.work-section .single-column:nth-child(2) .single-item .inner-box .icon-box {
  color: #ba0076;
}

.work-section .single-column:last-child .single-item .inner-box .icon-box {
  color: #4527a4;
}

.work-section .single-item .inner-box .link-btn {
  position: absolute;
  left: 60px;
  bottom: -24px;
  transform: scale(0,0);
  transition: all 500ms ease;
}

.work-section .single-item:hover .inner-box .link-btn {
  transform: scale(1,1);
}

.work-section .single-item .inner-box .link-btn a {
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  background: #4527a4;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 50%;
}

.work-section .feature-btn {
  position: relative;
  display: block;
  text-align: center;
  margin-top: 103px;
}

.work-section .feature-btn .theme-btn-two {
  padding: 15px 33px;
}



/*about page missions ends*/

/*left and right in aboutus*/


.why-renewable{
    padding: 100px 0;
}

.why-renewable-left{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-right: 30px;
}

.why-renewable-left .why-renewable-img-1,
.why-renewable-left .why-renewable-img-2{
    width: 48%;
}

.why-renewable-left .why-renewable-img-1 img,
.why-renewable-left .why-renewable-img-2 img{
    border-radius: 30px;
        width: 95%;
    max-width: 100%;

}

.why-renewable-left .why-renewable-img-1 p,
.why-renewable-left .why-renewable-img-2 p{
    display: inline-block;
    background: var(--primary-color);
    font-family: var(--accent-font);
    font-size: 22px;
    font-weight: 600;
    color: var(--white-color);
    position: relative;
    padding: 4px 20px;
    border-radius: 12px;
    margin: 0;
    z-index: 2;
}

.why-renewable-left .why-renewable-img-1{
    text-align: right;
}

.why-renewable-left .why-renewable-img-2{
    margin-top: 30px;
}

.why-renewable-left .why-renewable-img-1 p{
    margin-top: 20px;
    margin-right: -60px;
    background: var(--accent-color);
    animation: moveobjectright 2s infinite linear alternate;
}

.why-renewable-left .why-renewable-img-2 p{
    margin-bottom: 20px;
    margin-left: -60px;
    animation: moveobjectleft 2s infinite linear alternate;
}

@keyframes moveobjectleft{
    50%{
        margin-left: -40px;
    }
}

@keyframes moveobjectright{
    50%{
        margin-right: -40px;
    }
}

.why-renewable-item{
    padding-left: 50px;
    position: relative;
    margin-bottom: 40px;
}

.why-renewable-item:last-child{
    margin-bottom: 0;
}

.why-renewable-item .stepno{
    display: block;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--accent-color);
    color: var(--white-color);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-weight: 700;
    font-family: var(--accent-font);
    position: absolute;
    top: 0;
    left: 0;
}

.why-renewable-item h3{
    font-size: 26px;
    padding-top: 2px;
    margin-bottom: 10px;
}

.why-renewable-item p{
    margin-bottom: 0;
}

/*left and right about ends*/

/*Shop page starts*/

/*shop1 starts*/


.services-detail{
    position:relative;
}

.services-detail .inner-box{
    position:relative;
}

.services-detail .inner-box h2{
    position:relative;
    color:#141d38;
    z-index:1;
    font-weight:700;
    margin-bottom:18px;
}

.services-detail .inner-box .image{
    position:relative;
 
    margin-bottom:25px;
}

.services-detail .inner-box .image img{
    position:relative;
    width:100%;
    display:block;
}

/*.services-detail .inner-box .image:before{
    position:absolute;
    content:'';
    right:0px;
    top:-70px;
    width:194px;
    height:364px;
    background:url(../../image-mist/images/pattern-17.jpg) no-repeat;
}*/
@media (max-width: 768px) {
    .services-detail .inner-box .image:before {
        background: none;
    }
}
.services-detail .inner-box .image-two{
    position:relative;
    margin-bottom:25px;
}

.services-detail .inner-box .image-two img{
    position:relative;
    width:100%;
    display:block;
}

.services-detail .inner-box .image-two .play-box{
    position:absolute;
    right:0px;
    bottom:-30px;
    color:#ffffff;
    font-weight:700;
    font-size:18px;
    padding-top:20px;
    text-transform:uppercase;
    font-family: 'Montserrat', sans-serif;
}

.services-detail .inner-box .image-two .video-box{
    position:relative;
    width:60px;
    height:60px;
    color:#ffffff;
    font-size:18px;
    text-align:center;
    border-radius:0px;
    line-height: 60px;
    display:inline-block;
    float:left;
    margin-right:40px;
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    background-color:#141d38;
}

.services-detail .inner-box .image-two .video-box .overlay-box span{
    position: absolute;
    width:60px;
    height: 60px;
    left:50%;
    top: 50%;
    z-index:99;
    color: #ffffff;
    font-weight:400;
    font-size:16px;
    text-align: center;
    border-radius:0%;
    padding-left:7px;
    background-color: #141d38;
    display: inline-block;
    margin-top: -30px;
    margin-left:-30px;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}

.services-detail .inner-box .image-two .video-box .ripple,
.services-detail .inner-box .image-two .video-box .ripple:before,
.services-detail .inner-box .image-two .video-box .ripple:after {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 60px;
    width: 60px;
    margin-left:.5px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 0%;
    -moz-border-radius: 0%;
    -ms-border-radius: 0%;
    -o-border-radius: 0%;
    border-radius: 0%;
    -webkit-box-shadow: 0 0 0 0 rgba(20, 29, 56, .4);
    -moz-box-shadow: 0 0 0 0 rgba(20, 29, 56, .4);
    -ms-box-shadow: 0 0 0 0 rgba(20, 29, 56, .4);
    -o-box-shadow: 0 0 0 0 rgba(20, 29, 56, .4);
    box-shadow: 0 0 0 0 rgba(20, 29, 56, .4);
    -webkit-animation: ripple 3s infinite;
    -moz-animation: ripple 3s infinite;
    -ms-animation: ripple 3s infinite;
    -o-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
}

.services-detail .inner-box .image-two .video-box .ripple:before {
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s;
    -ms-animation-delay: .9s;
    -o-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute;
}

.services-detail .inner-box .image-two .video-box .ripple:after {
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -ms-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s;
    content: "";
    position: absolute;
}

.services-detail .inner-box p{
       position: relative;
    color: #000000;
    font-size: 17px;
    font-weight: 500;
}




.sidebar-page-container{
    position:relative;
    
}


.sb{
display: block;
}

.sb1{
    display: none;
}
@media (max-width: 768px) {
    .sidebar-side {
        display: none;
    }

.sb{
display: none;
}

.sb1{
    display: block;
}

}

.sidebar-page-container .sidebar-side .sidebar-inner{
    position:relative;
    padding:45px 30px;
    box-shadow:0px 0px 20px rgba(0,0,0,0.15);
    display: block;
}

.sidebar-widget{
    margin-bottom:20px;
}

/* Service List */

.sidebar .sidebar-widget .service-list{
    padding:30px 30px;
    box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}

.sidebar .service-list{
    position:relative;
}

.sidebar .service-list li{
    position:relative;
    line-height:24px;   
    margin-bottom:3px;
}

.sidebar .service-list li:last-child{
    margin-bottom:0px;
}

.sidebar .service-list li a{
    position:relative;
    display:block;
    color:#222222;
    font-size:14px;
    font-weight:700;
   line-height: 20px;
    padding:16px 15px 16px 70px;
    border:1px solid #dddddd;
    transition:all 300ms ease;
    text-transform: capitalize;
   
}

.sidebar .service-list li a .arrow{
    position:absolute;
    left:-1px;
    top:-1px;
    width:60px;
    height:53px;
    color:#95cd52;
       line-height: 53px;   
    text-align:center;
    border-right:1px solid #dddddd;

    transition:all 300ms ease;
}

 
.sidebar  .service-list li a:hover .arrow,
.sidebar .service-list li.current a .arrow{
        background-color: #253118;
    color: #ffffff;
    line-height: 59px;
    height: 53px;
}



.sidebar .service-list li a:hover,
.sidebar .service-list li.current a{
    color:#ffffff;
    background:linear-gradient(48deg, #253118 0%, #39581b 42%, #253118 100%);
  
}


.shopimg{

width: 50%;
}
.conb{

    display: flex;
    align-items: center;
    justify-content: center;

}

.conbox1 {
    display: none; 

}


#benefits {
    display: block;
}


.fa-paw{
    color: var(--pureayurveda-primary);
    font-size: 22px;
}
.betr {
    margin-left: 10px;
   font-weight: 600;
    font-size: 16px;
    letter-spacing: 1px;
    padding-left: 30px; /* Adjust this to align the text after the icon */
    text-indent: -24px; /* Adjust to offset the icon width */
    text-align: left !important;
}




.betr::before {
    content: '\f1b0'; 
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900; 
    margin-right: 8px; 
    color: #253118;
}

.betr1{
  display: flex;
  gap: 20px;
}

.benit{
        position: relative;
    color: #222222;
    font-weight: 600;
    font-size: 20px;
    line-height: 2em;
    display: flex !important;
    justify-content: left !important;
    text-align: left;
}

.beni1{
    justify-content: center;
}

@media (max-width: 768px) {
   .beni1{
    justify-content: left;
}

.imgqw{
width: 50%;
}
}

.conbox1{
    margin-top: 20px;
}

/*shop1 ends*/



/*Shop page ends*/


/*enquiry starts*/


.eqbg1 {
    background-image: url('../../image-mist/images/bg-1.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    animation: zoomEffect 10s ease-in-out infinite; 

}

@media (max-width: 768px) {

   .eqbg1 {
    background-image: url('../../image-mist/images/bg-2.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    animation: none;
    height: 800px; 
    width: 100%; 
}

}

/* Keyframes for zoom in and zoom out effect */
@keyframes zoomEffect {
    0% {
        background-size: 100%; /* Initial state */
    }
    50% {
        background-size: 110%; /* Zoom in */
    }
    100% {
        background-size: 100%; /* Zoom out */
    }
}



.eqbg{
  margin-top: 1%;
}



 .contact-form {
         

background: rgba(255, 255, 255, 0.09);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(3.6px);
-webkit-backdrop-filter: blur(3.6px);
border: 1px solid rgba(255, 255, 255, 0.24);
                max-width: 100%;
                 padding: 20px 20px 5px 20px;
            border-radius: 10px;
    
        }

        .contact-form h2 {
            text-align: center;
            margin-bottom: 20px;
            font-size: 24px;
            color: #fff;
        }

        .contact-form p {
            text-align: center;
            margin-bottom: 30px;
        }

.form-control{
    border-radius: 10px;
    height: 60px;
    color: black !important;
}

@media (max-width: 768px) {
    .form-control{
    height: 40px;
}
.form-select{
    height: 40px !important;
}

}

.form-select{
    border-radius: 10px;
    height: 60px;
    color: black !important;
    border-radius: 10px 0 0 10px;
}
       .form-control1{
    border-radius: 10px;
    height: 100px;
    width: 100%;
    padding: 10px;
    color: black !important;
}
      .input-group .form-control .form-control1{
            padding-right: 40px;
        }

        .input-group .input-group-text {
            position: absolute;
            right: 10px;
            top: 50%;
            transform: translateY(-50%);
            background: none;
            border: none;
        }


      
/*enquiry  form starts*/

/*enquiry  form ends*/

/*enquiry ends*/


/*tree starts*/
.icon-box.icon_left, .icon-box.icon_right, .icon-box.icon_right.icon-boxes {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: relative;
}

.icon-box.icon_left .box_icon+.box-wrap, .icon-box.icon_right .box_icon+.box-wrap, .icon-box.icon_right.icon-boxes .box_icon+.box-wrap {
    margin-left: 20px;
    margin-top: 0;
}
.icon-box.icon_left .box_icon img, .icon-box.icon_right .box_icon img, .icon-box.icon_right.icon-boxes .box_icon img {
    max-width: 60px;
}

.icon-box.icon_left .box_icon+.box-wrap .box-heading, .icon-box.icon_right .box_icon+.box-wrap .box-heading, .icon-box.icon_right.icon-boxes .box_icon+.box-wrap .box-heading {
    font-size: 25px;
    font-weight: 300;
    margin-top: 7px;
    
}

.icon-box.icon_left .box_icon+.box-wrap .box-content, .icon-box.icon_right .box_icon+.box-wrap .box-content, .icon-box.icon_right.icon-boxes .box_icon+.box-wrap .box-content {
    color: #262c31;
}
.icon-box.icon_left+.icon-box.icon_left:before, .icon-box.icon_left+.icon-box.icon_right:before, .icon-box.icon_right+.icon-box.icon_left:before, .icon-box.icon_right+.icon-box.icon_right:before, .icon-box.icon_right.icon-boxes+.icon-box.icon_left:before, .icon-box.icon_right.icon-boxes+.icon-box.icon_right:before {
    background: #eae9ee;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;

}
.img{
    width: 100%;
}

.img1{
    width: 40px;
    margin-top: 10px;
}

.spb{
    margin-bottom: 24px;
}



.divider,
.parallax {
  background-repeat: repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
}
/* -------- Parallax ---------- */
.parallax {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: repeat-y;
  background-position: top center;
padding: 10px 0px;
}
.mobile-parallax {
  background-size: cover !important;
  background-attachment: scroll !important;
  background-position: center center;
}
.divider .container {
  padding-top: 50px;
  padding-bottom: 50px;
}
.divider .container.small-padding {
  padding-top: 30px;
  padding-bottom: 30px;
}
.divider .container.extra-padding {
  padding-top: 180px;
  padding-bottom: 180px;
}



.featured-icon-box.style4 {
    text-align: center;
    margin: 12px 0 15px;
}
.featured-icon-box.style4 .featured-icon {
    position: relative;
    transition: all .5s ease;
}
.featured-icon-box.style4:hover .featured-icon {
    transform: translateY(-10px);
}
.featured-icon-box.style4 .featured-icon .ttm-icon {
    position: relative;
    font-size: 56px;
    line-height: 167px;
    height: 150px;
    width: 150px;
    text-align: center;
    margin: 0 auto;
    border: 1px dashed;
    border-radius: 50%;
    color: rgba(24, 24, 24, .59);
    -webkit-transition: .4s ease-in-out;
    -ms-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
    -o-transition: .4s ease-in-out;
    transition: .5s ease-in-out;
}
.featured-icon-box.style4:hover .featured-icon .ttm-icon {
    background-color: #f7f7f7;
    border-color: #253118;
}
.featured-icon-box.style4 .featured-content .featured-desc p{

    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
 
    -webkit-line-clamp: 2;
    text-align: center;
    -webkit-box-orient: vertical;
}
.featured-icon-box.style4 .featured-icon .ttm-icon i {
    color: #d72027;
}
.featured-icon-box.style4 .featured-icon .ttm-icon i {
    font-size: 56px;
    line-height: 0;
    color: #364623;
}
.featured-icon-box.style4 .ttm-num {
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    font-size: 20px;
    font-weight: 500;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    line-height: 47px;
    border: 1px dashed;
    background-color: #fff;
    text-align: center;
}
.featured-icon-box.style4 .featured-content {
    padding: 23px 15px 0;
}

/*tree ends*/


/*INDEX slider strats*/

.smlogo{
display: none;

}

  @media (max-width: 991px) {
    .smlogo {
       display: block;
       width: 50%;
       margin-top: 10px;
   
       margin-bottom: 10px;
    }
}

/*index slider ends*/


/*know starts*/
.knowledge_section {
    width: 100%;
    
    background-image: url(../../image-mist/images/knowledge-bg.png);
    background-size: 100%;
    height: auto;
    background-repeat: no-repeat;
    padding-top: 180px;
    padding-bottom: 240px;
}

.knowledge_main {
    width: 100%;
    float: left;
}

.left_main {
    width: 70%;
    float: left;
}

.right_main {

   margin-top: 40px;
}

.knowledge_taital {
    width: 100%;
    float: left;
    font-size: 40px;
    color: #ffffff;
    font-weight: bold;
}

.knowledge_text {
    width: 100%;
    float: left;
    font-size: 16px;
    color: #ffffff;
    margin: 0px;
}

.play_icon {
    width: 130px;
    float: left;
    position: relative;
    z-index: 5;
}


/*know ends*/


/*enquiry strats*/

 
/*enquiry ends*/

.btm-set {
    position: fixed;
    bottom: 98px !important;
    right: 41px !important;
    z-index: 99;
}

.btm-set1{
            position: fixed;
            bottom: 155px !important;
            right: 41px;
            z-index: 99;
    }


@media (max-width: 768px) {
   .pa-scroll-top {
    position: fixed;
    right: 13px;
    bottom: 35px;
}

.btm-set {
    position: fixed;
    bottom: 98px !important;
    right: 15px !important;

}

.btm-set1{
            position: fixed;
            bottom: 155px !important;
            right: 15px;
     
    }
}


.whatsapp-name {
  font-size: 16px;
  font-weight: 600;
  padding-bottom: 0;
  margin-bottom: 0;
  line-height: 0.5;
}


  #whatsapp-chat {
    box-sizing: border-box !important;
    outline: none !important;
    position: fixed;
    width: 344px;
    border-radius: 10px;
    box-shadow: 0 1px 15px rgba(32, 33, 36, 0.28);
    bottom: 153px;
    right: 14px;
    overflow: hidden;
    z-index: 99;
    animation-name: showchat;
    animation-duration: 1s;
    transform: scale(1);
}

a.blantershow-chat {

    background: #009688;
    background: #fff;
    color: #404040;
    position: fixed;
    display: flex;
    font-weight: 400;
    justify-content: space-between;
    bottom: 154px;
    right: 15px;
    font-size: 15px;
    padding: 10px 9px;
    border-radius: 30px;
    box-shadow: 0 1px 15px rgba(32, 33, 36, 0.28);

}

a.blantershow-chat svg {
  transform: scale(1.2);
  margin: 0 10px 0 0;
}

.header-chat {
  /*   background: linear-gradient(to right top, #6f96f3, #164ed2); */
  background: #009688;
  background: #095e54;
  color: #fff;
  padding: 20px;
}

.header-chat h3 {
  margin: 0 0 10px;
}

.header-chat p {
  font-size: 14px;
  line-height: 1.7;
  margin: 0;
}

.info-avatar {
  position: relative;
}

.info-avatar img {
  border-radius: 100%;
  width: 50px;
  float: left;
  margin: 0 10px 0 0;
}

a.informasi {
  padding: 20px;
  display: block;
  overflow: hidden;
  animation-name: showhide;
  animation-duration: 0.5s;
}

a.informasi:hover {
  background: #f1f1f1;
}

.info-chat span {
  display: block;
}

#get-label,
span.chat-label {
  font-size: 12px;
  color: #888;
}

#get-nama,
span.chat-nama {
  margin: 5px 0 0;
  font-size: 15px;
  font-weight: 700;
  color: #222;
}

#get-label,
#get-nama {
  color: #fff;
}

span.my-number {
  display: none;
}

/* .blanter-msg {
  color: #444;
  padding: 20px;
  font-size: 12.5px;
  text-align: center;
  border-top: 1px solid #ddd;
} */
textarea#chat-input {
  border: none;
  font-family: "Arial", sans-serif;
  width: 100%;
  height: 46px;
  outline: none;
  resize: none;
  padding: 10px;
  font-size: 14px;
}

a#send-it {
  /*width: 30px;*/
  font-weight: 700;
  padding: 10px 10px 0;
  background: #eee;
 /* border-radius: 10px;*/
}
a#send-it svg {
  fill: #a6a6a6;
  height: 24px;
  width: 24px;
}

.first-msg {
  background: transparent;
  padding: 30px;
  text-align: center;
}
.first-msg span {
  background: #e2e2e2;
  color: #333;
  font-size: 14.2px;
  line-height: 1.7;
  border-radius: 10px;
  padding: 15px 20px;
  display: inline-block;
}

.start-chat .blanter-msg {
  display: flex;
}

#get-number {
  display: none;
}

a.close-chat {
  position: absolute;
  top: 5px;
  right: 15px;
  color: #fff;
  font-size: 30px;
}

@keyframes ZpjSY {
  0% {
    background-color: #b6b5ba;
  }
  15% {
    background-color: #111111;
  }
  25% {
    background-color: #b6b5ba;
  }
}
@keyframes hPhMsj {
  15% {
    background-color: #b6b5ba;
  }
  25% {
    background-color: #111111;
  }
  35% {
    background-color: #b6b5ba;
  }
}
@keyframes iUMejp {
  25% {
    background-color: #b6b5ba;
  }
  35% {
    background-color: #111111;
  }
  45% {
    background-color: #b6b5ba;
  }
}
@keyframes showhide {
  from {
    transform: scale(0.5);
    opacity: 0;
  }
}
@keyframes showchat {
  from {
    transform: scale(0);
    opacity: 0;
  }
}
@media screen and (max-width: 480px) {
  #whatsapp-chat {
    width: auto;
    left: 25%;
    right: 4%;
    font-size: 80%;
  }
}
#whatsapp-chat.hide {
  display: none;
  animation-name: showhide;
  animation-duration: 0.5s;
  transform: scale(1);
  opacity: 1;
}

#whatsapp-chat.show {
  display: block;
  animation-name: showhide;
  animation-duration: 0.5s;
  transform: scale(1);
  opacity: 1;
}


.whatsapp-message-container {
  display: flex;
  z-index: 1;
}

.whatsapp-message {
  padding: 7px 14px 6px;
  background-color: white;
  border-radius: 0px 8px 8px;
  position: relative;
  transition: all 0.3s ease 0s;
  opacity: 0;
  transform-origin: center top 0px;
  z-index: 2;
  box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px;
  margin-top: 4px;
  margin-left: -54px;
  max-width: calc(100% - 66px);
}

.whatsapp-chat-body {
  padding: 20px 20px 20px 10px;
  background-color: #e6ddd4;
  position: relative;
}
.whatsapp-chat-body::before {
  display: block;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  z-index: 0;
  opacity: 0.08;
  background-image: url("../../image-mist/images/whatsapp-bg.png");
}

.dAbFpq {
  display: flex;
  z-index: 1;
}

.eJJEeC {
  background-color: white;
  width: 52.5px;
  height: 32px;
  border-radius: 16px;
  display: flex;
  -moz-box-pack: center;
  justify-content: center;
  -moz-box-align: center;
  align-items: center;
  margin-left: 10px;
  opacity: 0;
  transition: all 0.1s ease 0s;
  z-index: 1;
  box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px;
}

.hFENyl {
  position: relative;
  display: flex;
}

.ixsrax {
  height: 5px;
  width: 5px;
  margin: 0px 2px;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  top: 0px;
  background-color: #9e9da2;
  animation-name: ZpjSY;
}

.dRvxoz {
  height: 5px;
  width: 5px;
  margin: 0px 2px;
  background-color: #b6b5ba;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  top: 0px;
  animation-name: hPhMsj;
}

.kAZgZq {
  padding: 7px 14px 6px;
  background-color: white;
  border-radius: 0px 8px 8px;
  position: relative;
  transition: all 0.3s ease 0s;
  opacity: 0;
  transform-origin: center top 0px;
  z-index: 2;
  box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px;
  margin-top: 4px;
  margin-left: -54px;
  max-width: calc(100% - 66px);
}
.kAZgZq::before {
  position: absolute;
  background-image: url("../../image-mist/images/side-extend.png");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  top: 0px;
  left: -12px;
  width: 12px;
  height: 19px;
}

.bMIBDo {
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
  color: rgba(0, 0, 0, 0.4);
}

.iSpIQi {
  font-size: 14px;
  line-height: 19px;
  margin-top: 4px;
  color: #111111;
}

.iSpIQi {
  font-size: 14px;
  line-height: 19px;
  margin-top: 4px;
  color: #111111;
}

.cqCDVm {
  text-align: right;
  margin-top: 4px;
  font-size: 12px;
  line-height: 16px;
  color: rgba(17, 17, 17, 0.5);
  margin-right: -8px;
  margin-bottom: -4px;
}
@media screen and (max-width: 1200px) {
.index-page.show{
    display: none !important;
}
}


/* Responsive start */
@media screen and (max-width:1399px){
    .pa-main-header,.pa-top-header {
        padding: 10px 100px;
    }
.pa-copyright {
    background: var(--pureayurveda-primary);
    padding: 8px 0;
    text-align: center;
}
    body{
        overflow-x: hidden;
    }
    .pa-banner-two {
        padding: 89px 80px 184px;
    }
    .pa-banner-two-img {
        width: 488px;
        height: 488px;
        line-height: 488px;
    }
    .pa-banner-two-img img {
        width: 330px;
    }
    .pa-banner-two:after {
        width: 450px;
    }
    .pa-banner-three-text {
        padding: 65px 0px 79px 100px;
    }
    .pa-banner-three-img {
        padding: 80px 100px 80px 0;
    }
}



@media screen and (max-width:1199px){
    .pa-main-header,.pa-top-header {
        padding: 10px 25px;
    
    }
       body{
        overflow-x: hidden;
    }
    .pa-banner {
        padding: 88px 0px 75px;
    }
    .pa-why-img {
        width: 320px;
        height: 320px;
        line-height: 320px;
        margin-top: 15px;
    }
    .pa-copyright {
    background: var(--pureayurveda-primary);
    padding: 8px 0;
    text-align: center;
}
    .pa-why-ul ul li {
        margin-bottom: 53px;
    }
    .pa-banner-two-img {
        width: 450px;
        height: 450px;
        line-height: 450px;
    }
    .pa-banner-two-img img {
        width: 330px;
    }
    .pa-banner-two:after {
        width: 300px;
    }
    .pa-banner-two-text h2 {
        font-size: 36px;
    }
    .pa-banner-three-text h1 {
        font-size: 35px;
        line-height: 45px;
    }
}
@media screen and (min-width:992px){
   .cpp{
text-align: right;
    }
    .pa-submenu,
    .pa-submenu-sub {
      display: none;
      position: absolute;
      background-color: #fff;
      list-style-type: none;
      padding: 0;
      margin: 0;
    }
      .fa-chevron-right::before {
  content: "\f054"; }

    ul.pa-submenu {
        background: #fff;
/*        padding: 15px 20px;*/
        text-align: center;
        position: absolute;
        top: 66px;
        left: 0;
        box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.11);
        min-width: 120px;
/*        border-radius: 5px 5px 0px 0px;*/
        /*max-width: 200px;
        width: max-content;*/
        opacity: 0;
        visibility: hidden;
        transition: 0.3s;
        transform: translateX(15px);
        z-index: 1;
    }
    ul.pa-submenu li:last-child {
        margin-bottom: 0;
    }
    .pa-copyright {
    background: #253118;
    padding: 10px 0;
    text-align: center;
}


       body{
        overflow-x: hidden;
    }

    ul.pa-submenu li {
        margin-bottom: 5px;
        border-bottom: 1px solid #3646233b;
    }
    li.pa-menu-child:hover ul.pa-submenu{
        opacity: 1;
        visibility: visible;
        transform: translateX(0px);
        border: 1px solid #3646233b;
        border-top: 3px solid greenyellow;
    }
    .pa-menu>ul>li:last-child ul.pa-submenu{
        left: auto;
        right: 0;
    }
}
@media screen and (max-width:991px){


     
    .pa-main-header,.pa-top-header {
                padding: 10px;
    }


       body{
        overflow-x: hidden;
    }
      .under-line{
            display: none;    
    }

    .pa-copyright {
    background: #253118;
    padding: 8px 0;
    text-align: center;

}
    .pa-menu {
        position: fixed;
        top: 0;
        bottom: 0;
        left: -480px;
        width: 296px;

        background: #364623;


box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(1.2px);
-webkit-backdrop-filter: blur(1.2px);
border: 1px solid rgba(108, 170, 168, 0.21);
        z-index: 1000;
        transition: 0.3s;
        overflow-y: auto;
    }
    .pa-menu>ul li {
        display: block;
        margin: 0;
        /*border-bottom: 1px solid #eee;*/
    }
    .pa-menu>ul>li a {
        color: white;
        padding: 10px 15px;
        display: block;
    }
    ul.pa-submenu li {
        padding-left: 20px;
    }
    .pa-menu>ul li:last-child {
        border-bottom: 0;
    }
    ul.pa-submenu li:first-child {
       /* border-top: 1px solid #eee;*/
    }
    .pa-submenu,.pa-banner-two:after,.pa-why-ul ul li:after,.pa-banner-three-text:after{
        display: none;
    }
    .pa-toggle-nav{
        margin-left: 10px;
        vertical-align: middle;
    }
    .pa-toggle-nav span {
        display: block;
        width: 18px;
        height: 2px;
        background: #fff;
        margin-bottom: 4px;
        transition: 0.3s;
    }
    .pa-toggle-nav span:nth-child(3),.col-md-6:last-child .pa-medicine-box{
        margin-bottom: 0px;
    }
    .pa-open-menu .pa-toggle-nav span:nth-child(1) {
        transform: translate(1px, 6px) rotate(-48deg);
    }
    .pa-open-menu .pa-toggle-nav span:nth-child(2) {
        opacity: 0;
        visibility: hidden;
    }
    .pa-open-menu .pa-toggle-nav span:nth-child(3) {
        transform: translate(1px, -6px) rotate(48deg);
    }
    .pa-toggle-nav, .pa-head-icon>ul {
        display: inline-block;
    }
    .pa-open-menu .pa-menu{
        left: 0;
    }
    .pa-banner {
        background-position: right;
    }
    .pa-medicine-box,.pa-blog-widget:last-child,.pa-about-img {
        margin-bottom: 30px;
    }
    .pa-why-img {
        width: 210px;
        height: 210px;
        line-height: 210px;
        margin-top: 30px;
    }
    .pa-why-img img {
        width: 100px;
    }
    .pa-why-ul ul li,
    .pa-why-left ul li:first-child,
    .pa-why-left ul li:nth-child(2),
    .pa-why-left ul li:nth-child(4),
    .pa-why-left ul li:last-child,
    .pa-why-right ul li:first-child,
    .pa-why-right ul li:nth-child(2),
    .pa-why-right ul li:nth-child(4),
    .pa-why-right ul li:last-child {
        padding: 0;
    }
    .pa-why .pr-0,.pa-why .p-0{
        padding-right: 15px!important;
    }
    .pa-why .pl-0,.pa-why .p-0{
        padding-left: 15px!important;
    }
    .pa-why-left ul li{
        text-align: left;
    }
    .pa-why-right ul li {
        text-align: right;
    }
    .pa-why-ul ul li {
        margin-bottom: 35px;
    }
    .pa-counter-box p {
        line-height: normal;
    }
    .pa-counter.spacer-bottom {
        padding-bottom: 50px;
    }
    .pa-counter-main {
        margin-bottom: 0;
    }
    .pa-counter-box {
        margin-bottom: 10px;
        padding: 30px 30px 26px;
    }
    .pa-counter{
               margin-bottom: 20px;
    }
    .pa-nav-bar {
        padding-top: 8px;
    }
    .pa-toggle-nav2 span,.pa-head-three .pa-toggle-nav span {
        background: var(--pureayurveda-primary);
    }
    .pa-header-two .pa-head-icon ul li svg {
        fill: var(--pureayurveda-primary);
    }
    .pa-banner-two-img {
        border: 1px dashed var(--pureayurveda-primary);
        background: transparent;
    }
    .pa-banner-two-text {
        margin: 42px 0 80px;
    }
    .pa-feature ul {
        margin-top: 0;
        padding-bottom: 13px;
    }
    .pa-banner-two {
        padding: 86px 0px 80px;
    }
    .pa-banner-two-text:after {
        background-size: 24px 24px;
        width: 200px;
        left: -20px;
        top: -30px;
        bottom: -30px;
    }
    .pa-why-pure-shape,.pa-product-sidebar,.pa-services-content,.pa-blog-sidebar {
        margin-top: 30px;
    }
    .pa-feature ul li {
        width: 32%;
        margin-bottom: 30px;
    }
    .pa-feature ul li:nth-child(3){
        border: none;
    }
    .pa-open-menu .pa-toggle-nav2 span {
        background: #fff;
    }
    .pa-open-menu .pa-toggle-nav2 {
        right: 20px;
    }
    .pa-menu-two ul li a {
        font-size: 25px;
    }
    .pa-menu-two ul li.pa-menu-tow-child:after {
        top: 5px;
        border-left-width: 8px;
        border-top-width: 8px;
    }
    .pa-banner-three-text {
        padding: 0px;
    }
    .pa-banner-three-img {
        padding: 0px;
        text-align: center;
    }
    .pa-banner-three {
        padding: 80px 0;
    }
    .pa-plan-box {
        transform: translate(0px);
    }
    .pa-popular-plan .pa-plan-price {
        font-size: 50px;
    }
    .pa-plan-box:hover {
        transform: translateY(-5px);
    }
    .pa-about {
        padding-bottom: 73px;
    }
    .pa-why {
        padding-bottom: 74px;
    }
    .pa-product-single .pa-product-sidebar {
        margin-top: 15px;
    }
    .pa-blog-single {
        padding-bottom: 55px;
    }
    .pa-garnd-total p span:last-child {
        min-width: 90px;
    }
    .pa-bill-form {
        margin-bottom: 46px;
    }
    label.pa-bill-title {
        margin-bottom: 28px;
    }
    p.pa-bill-title{
        margin-bottom: 36px;
    }
 

}
@media screen and (max-width:767px){


.buyt{
    display: flex;
    justify-content: center;
}
  .butp{
        text-align: center;
    }
      
    .pa-banner-text h2 {
        font-size: 36px;
        text-align: center;
    }

.pa-btn{
  text-align: center;} 
    .pa-banner-text p {
    margin-bottom: 20px;
      margin-top: 20px;
    text-align: center;
}

    .pa-header-address, .pa-header-call {
        text-align: center;
    }
       body{
        overflow-x: hidden;
    }
    .pa-top-header {
        margin: 5px 0;
        height: auto;
    }   
    .pa-banner {
        padding: 68px 0px 53px;
    }
    .pa-blog-box img {
        width: 100%;
    }
    .pas-testi-content {
        width: calc(100% - 200px);
    }

 .pas-testi-content h2{
    text-align: center;
 }

    .pas-testi-img {
        width: 200px;
         display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
    }

    .pa-counter-box h1,.pa-counter-box span {
        font-size: 25px;
    }
    
    .spacer-bottom, .pa-product-single,.pa-contact {
        padding-bottom: 20px;
    }
    .spacer-top {
        padding-top: 20px;
    }
    .pa-why .col-md-4:nth-child(2) {
        order: -1;
    }
    .pa-why-img {
        margin: 0 auto 30px;
    }
    .pa-product, .pa-blog, .pa-why-pure,
    .pa-counter.spacer-bottom,.pa-team,.pa-price-plan {
        padding-bottom: 0px;
    }


    .pa-services {
        padding-bottom: 53px;
    }
   .pa-why {
        padding-bottom: 54px;
    }
    .pa-feature ul li {
        width: 49%;
    }
    .pa-feature ul li:nth-child(2),.pa-feature ul li:nth-child(4) {
        border: none;
    }
    .pa-feature ul li:nth-child(3) {
        border-right: 1px solid #eee;
    }
    .pa-banner-two-text:after{
        display: none;
    }
    .pa-banner-two {
        padding: 65px 0px 60px;
    }
    .pa-banner-two-text {
        margin: 42px 0 50px;
    }
    .pa-feature ul {
        padding: 40px 10px 3px;
    }
    .pa-foot-title,.pa-foot-box img {
        margin-bottom: 20px;
    }
    .pa-login-title {
        font-size: 25px;
    }
    .pa-banner-three {
        padding: 48px 0 60px;
    }
    .pa-banner-three-text {
        margin-bottom: 50px;
    }
    .pa-about {
        padding-bottom: 5px;
    }
    .pa-breadcrumb {
        padding: 71px 0 73px;
    }
    .pa-blog-page {
        padding-bottom: 55px;
    }
    .pa-prod-count {
        margin: 23px 0 22px;
    }
    .pa-cart-box table td {
        max-width: 100%;
        border: none;
        border-bottom: 1px solid #eee;
    }
    .pa-cart-box table td:last-child,.pa-cart-box table thead tr,.pa-bill-detail table td,.pa-bill-detail table td:last-child,.pa-cart-box table th,.pa-cart-box table th:last-child{
        border: none;
    }
    .pa-cart-box table tr,.pa-bill-detail table tr {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin-bottom: 20px;
        border: 1px solid #eee;
        border-radius: 10px;
    }
    .pa-cart-box table th:first-child, .pa-bill-detail table th:first-child{
        border-radius: 10px 10px 0px 0px;
    }
    td.pa-cart-update, td.pa-cart-total, table.pa-garnd-total td:first-child,.pa-garnd-total {
        text-align: left;
    }
    .pa-garnd-total p:first-child {
        border-top: 1px solid #eee;
        border-radius: 10px 10px 0px 0px;
    }
    .pa-cart-box table th:last-child, .pa-bill-detail table th:last-child {
        border-radius: 0px 0px 10px 10px;
    }
    .pa-cart-box table th, .pa-bill-detail table th,.pa-bill-detail table td {
        border-bottom: 1px solid #eee;
    }
    .pa-bill-detail table th{
        border-right:none ;
    }
    .pa-place-order-btn {
        text-align: left;
        margin-top: 10px;
    }
    .pa-checkout {
        padding-top: 56px;
    }
    .pa-contact-detail{
        padding-bottom: 30px;
    }
    .pa-contact-form {
        transform: translate(0px, 0px);
        margin-top: 30px;
    }
}    
@media screen and (max-width:575px){



  .butp{
        text-align: center;
    }
      
    .pa-banner-text h2 {
        font-size: 36px;
        text-align: center;
    }


    .pa-banner-text p {
    margin-bottom: 20px;
      margin-top: 20px;
    text-align: center;
}

    .pa-why-right ul li, .pa-why-left ul li {
        text-align: center;
        border-bottom: 1px solid #e5ecec;
        padding-bottom: 20px!important;
        margin-bottom: 20px;
    }
       body{
        overflow-x: hidden;
    }
    .pa-why-right ul li:last-child{
        border-bottom: none;
        padding-bottom: 0px!important;
    }
    .pa-why-right ul {
        margin-top: 30px;
    }
    .pa-tesimonial-box {
        padding: 0 15px;
        display: block;
    }
    .pas-testi-content {
        width: 100%;
        padding-top: 20px;
        padding-left: 0;
    }
    .pa-tesimonial-box:after,.pas-testi-img:after{
        display: none;
    }
    .pa-tesimonial-button {
        right: 15px;
        bottom: 18px;
    }
     .pa-tesimonial-button1 {
    
    }
    .pas-testi-content p{
        margin-bottom: 3rem;
    }
    .swiper-button-prev {
        left: -122px;
    }
    .swiper-button-next {
        right:122px;
    }
     .sbp {
        left: 5px !important;
    }
    .sbn {
        right: 5px !important;
    }
    .pa-newsletter input {
        padding-right: 145px;
    }
    .pa-newsletter .pa-btn{
        padding: 0px 15px;
        min-width: 135px;
    }
    .pa-login-btn p {
        position: unset;
        padding-top: 10px;
        display: block;
    }
    .pa-forgot-password {
        position: unset;
        padding-left: 30px;
        display: block;
    }
    .pa-login-model .modal-body {
        padding: 21px 30px 30px;
    }
    .pa-remember {
        margin: 5px 0px 17px;
    }
    .pa-login-close {
        top: -5px;
        right: -5px;
    }
    .pa-feature ul li a {
        font-size: 16px;
        font-weight: 400;
    }
    .pa-banner-two-img {
        width: auto;
        height: auto;
        line-height: unset;
        padding: 60px;
    }
    .pa-banner-two-img img {
        width: 100%;
    }
    .pa-fixed-cart {
        width: 70px;
        height: 70px;
        line-height: 70px;
    }
    .pa-fixed-cart SVG {
        width: 30px;
    }
    .pa-copyright p, .pa-copyright p a {
text-align: center;
    }



    .pa-menu-two ul li a {
        font-size: 20px;
    }
    .pa-blog-wimg {
        width: 70px;
    }
    .pa-blog-widget .pa-blog-title {
        width: calc(100% - 70px);
    }
    .pa-services-content ul {
        column-count: 1;
    }
    .pa-prod-content {
        margin-top: 22px;
    }
}
@media screen and (max-width:480px){
    .pa-banner-text h2 {
        font-size: 36px;
        text-align: center;
    }
  .butp{
        text-align: center;
    }

    .pa-banner-text p {
    margin-bottom: 20px;
      margin-top: 20px;
    text-align: center;
}


.pa-view-all {
    font-size: 24px;
    text-transform: capitalize;
    font-weight: 500;
    position: relative;
    text-align: center;
   /* display: flex;
    justify-content: center;*/
}
 body{
        overflow-x: hidden;
    }
    .pa-why-pure-shape ul {
        column-count: 1;
        column-gap: 0;
    }
    .pa-why-pure-shape ul li:nth-child(3) {
        margin-top: 0;
    }
    .pa-blog-widget:last-child {
        margin-bottom: 22px;
    }
    .pa-blog-comnt ul .pa-cmnt-box,.pa-bill-form label,.pa-profile-data ul li,.pa-profile-img,.pa-edit-model ul li,.pa-blog-user {
        display: block;
    }
    .pa-cmnt-content,.pa-profile-name-box,.pa-blog-user-content {
        padding: 0;
        margin-top: 15px;
        width: 100%;
    }
    .pa-blog-comnt ul li ul {
        margin-left: 20px;
    }
    .pa-bill-form label span {
        margin-bottom: 10px;
        display: block;
    }
}
/* responsive end */


.contact-widget{
        padding: 30px 30px;
    margin-bottom: 20px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
}

.contact-widget1{
        padding: 6px 16px;
    margin-bottom: 20px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
}


.sidebar .widget-area .widget {
    position: relative;
    overflow: hidden;
    margin-bottom: 25px;
    padding: 35px 25px 30px;
    background-color: #f7f7f7;
}

.sidebar .widget-area.widget_border .widget:not(.widget-contact) {
    padding: 15px 0 15px;
    overflow: visible;
    background-color: transparent;
    margin-bottom: 0
}

.sidebar .widget-area .widget:last-child,.sidebar .widget-area .widget_border .widget:last-child {
    margin-bottom: 0
}

.sidebar .widget ul {
    margin: 0;
    padding: 0
}

.sidebar .widget ul>li {
    padding-bottom: 10px;
    padding-top: 10px;
    list-style: none;
    position: relative;
    border-top: 1px dashed rgba(0,0,0,.09)
}

.sidebar .widget ul>li:first-child {
    border-top: none;
    padding-top: 0
}

.sidebar .widget ul>li:last-child {
    padding-bottom: 0
}

.sidebar .widget .widget-title {
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 12px;
    display: block;
    border-bottom: 1px solid rgba(0,0,0,.09);
    font-size: 20px;
    line-height: 28px;
    background-color: transparent
}

.sidebar .widget .widget-title:after {
    display: block;
    content: "";
    position: absolute;
    height: 3px;
    width: 70px;
    left: 0;
    bottom: -1px;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    background-color: #364623;
}

.sidebar .widget:hover .widget-title:after {
    width: 100%
}

.sidebar .widget-area.widget_border .widget.widget-banner,.sidebar .widget-area.widget_border .widget.widget-search {
    padding: 0;
    border: 0;
    margin-bottom: 20px
}

.sidebar .widget.widget-search .search-form {
    border: 0;
    position: relative
}

.sidebar .widget.widget-search .search-form label {
    display: block;
    margin: 0
}

.sidebar .widget-search .screen-reader-text {
    clip: rect(1px,1px,1px,1px);
    position: absolute!important;
    height: 1px;
    width: 1px;
    overflow: hidden
}

.sidebar .widget.widget-search .search-form .btn[type=submit] {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    width: 49px;
    height: 100%;
    line-height: 0;
    font-size: 14px;
    z-index: 1;
    border-radius: unset;
    box-shadow: unset
}

.sidebar .widget.widget-search .search-form .btn[type=submit] i {
    margin: 0;
    padding: 0
}

.widget ul.ttm-recent-post-list>li {
    padding: 0 0 10px;
    border-top: none
}

.widget ul.ttm-recent-post-list>li:last-child {
    padding-bottom: 0
}

.widget ul.ttm-recent-post-list>li>.post-detail a {
    display: block;
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.widget ul.ttm-recent-post-list>li img {
    display: block;
    width: 80px;
    height: 80px;
    float: left;
    margin-right: 18px
}

.widget ul.ttm-recent-post-list>li .post-date {
    display: block;
    font-size: 13px;
    margin-bottom: 2px
}

.widget ul.ttm-recent-post-list>li .post-date i {
    margin-right: 6px;
    font-size: 11px
}

.widget ul.ttm-recent-post-list li:after {
    content: " ";
    display: table;
    clear: both
}

.widget-categories ul li a {
    position: relative;
    padding-left: 25px
}

.widget-categories ul li {
    padding: 12px 0!important;
    border-top: 1px solid #f0f0f0;
    position: relative
}

.widget-categories ul li:first-child {
    padding-top: 0!important
}

.widget-categories ul li:last-child {
    padding-bottom: 0!important
}

.widget-categories ul li a:before {
    position: absolute;
    content: "\e65d";
    font-family: themify;
    top: 0;
    left: 0;
    font-size: 14px;
    line-height: 20px
}

.widget .tagcloud a {
    display: inline-block;
    padding: 7px 21px;
    margin: 0 4px 10px;
    border: 1px solid #e3e3e3;
    border-radius: 0;
    font-size: 15px!important;
    background-color: #fff;
    font-weight: 500;
    color: inherit
}

.widget.widget-nav-menu ul li {
    margin: 0 0 10px;
    padding: 0;
    border: 0;
    position: relative;
    display: block;
    background-color: #fff;
    transition: all .4s
}

.widget.widget-nav-menu ul li:last-child {
    margin-bottom: 0
}

.widget.widget-nav-menu ul li a {
    display: block;
    padding: 13px 15px 13px 15px;
    position: relative;
    z-index: 1;
    font-size: 15px;
    background-color: #fff;
    font-weight: 700;
    -webkit-box-shadow: 0 0 7px 0 rgb(43 52 59 / 6%);
    -moz-box-shadow: 0 0 7px 0 rgba(43,52,59,.06);
    box-shadow: 0 0 7px 0 rgb(43 52 59 / 6%)
}

.widget.widget-nav-menu ul li a:before {
    content: "";
    width: 100%;
    left: 0;
    bottom: 50%;
    background: #eaeaea;
    height: 0;
    position: absolute;
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    z-index: -1
}

.widget.widget-nav-menu ul li.active a:before,.widget.widget-nav-menu ul li:hover a:before {
    height: 100%;
    bottom: 0
}

.sidebar .widget-area .widget.widget-download {
    padding: 0;
    border: 0
}

.widget.widget-download ul li {
    margin-bottom: 10px;
    padding: 0;
    border: 0
}
.widget.contact-widget .featured-title h3 {
    color: #000
}

.widget.contact-widget .featured-icon-box {
    background-color: #fff;
    padding: 8px 20px 7px;
    margin-bottom: 10px;
    -webkit-box-shadow: 0 0 7px 0 rgb(43 52 59 / 6%);
    -moz-box-shadow: 0 0 7px 0 rgba(43,52,59,.06);
    box-shadow: 0 0 7px 0 rgb(43 52 59 / 6%)
}
.widget.widget-download ul li a {
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    border: 1px solid #e8ecef
}

.widget.widget-download ul li i {
    color: #fff;
    font-size: 20px;
    height: 51px;
    width: 51px;
    text-align: center;
    line-height: 51px;
    display: inline-block;
    margin-right: 20px;
    margin-top: -1px;
    margin-bottom: -1px
}
.featured-icon-box {
    position: relative;
    margin: 15px 0
}

.featured-icon-box .ttm-icon {
    margin-top: 4px;
    font-size: 23px;
}

.featured-title h3 {
    font-size: 21px;
    line-height: 30px;
    margin-bottom: 10px
}

.featured-icon-box .featured-icon .ttm-icon i {
    display: inline-block;
    transition: all .5s ease
}

.featured-icon-box.icon-align-before-content .featured-content,.featured-icon-box.icon-align-before-content .featured-icon,.featured-icon-box.icon-align-before-title .featured-icon,.featured-icon-box.icon-align-before-title .featured-title {
    display: table-cell;
    vertical-align: middle
}

.featured-icon-box.icon-align-before-content .featured-icon i {
    display: inline-block;
    vertical-align: middle;
    color: #364623;
}

.featured-icon-box.icon-align-before-content.icon-ver_align-top .featured-icon {
    vertical-align: top;
    padding-top: 3px
}

.featured-icon-box.icon-align-before-content .featured-content,.featured-icon-box.icon-align-before-title .featured-title {
    padding-left: 15px;
    padding-top: 7px;
}

.featured-icon-box.icon-align-before-content .featured-title h3 {
    margin-bottom: 8px
}

.featured-icon-box.icon-align-before-content.icon-ver_align-top {
    
        background-color: #fff;
    padding: 6px 20px 20px;
        border: 1px solid #f3f0f0;
border-radius: 10px;

}

.featured-icon-box.icon-align-before-title .featured-title h3 {
    margin-bottom: 0
}

.featured-icon-box.icon-align-before-content .featured-content .featured-desc p {
    margin-bottom: 0
}

.featured-icon-box.icon-align-before-title .featured-content {
    margin-top: 20px
}

.featured-icon-box.icon-align-top-content .featured-content {
    padding-top: 15px
}
/*karthika*/
.just-center{
    display: flex;
    justify-content: center;
}
.featuredbox-number .featured-icon .ttm-icon img{
    padding-bottom: 28px;
}
.divider-20{
    padding-top: 20px;
}

/*rathis*/

@media (max-width: 991px) {

.mob-on{
 display: block;
}
.mob-off{
 display: none;
}
.pl-0
{
    padding-left: 0px !important;
}
.pr-1
{
    padding-right: 10px !important;
}
.fa-long-arrow-right::before {
  content: "\f178"; 
}

.mb-pad-top-0{
  padding-top: 0px !important;
}
.mb-mar-btm-0
{
margin-bottom: 0px !important;
margin-top: 0px !important;
}

.mb-txt-center
{
    text-align: center !important;
}

.mar-0
{
    margin:0px !important;;
}
.left-sidebar
{
  display: none !important;
}

.pa-submenu-sub {

     background: #364623 !important;
/*    padding: 15px 20px;*/
    border: none !important;
    top: 0px;
    left: 123px;
    
    min-width: 120px;
    border-radius: 0px 0px 5px 5px;
    width: max-content;
    visibility: visible;
    transition: 0.3s;
    border-top: 3px solid greenyellow;
}
}


@media (min-width: 991px) {

.mob-on{
 display: none;
}
.mob-off{
 display: block;
}
.pa-menu-child:hover > .pa-submenu,
.pa-menu-child:hover > .pa-submenu-sub {
  display: block;
}
.pa-submenu-sub {

     background: #fff !important;
/*    padding: 15px 20px;*/
    border: 1px solid greenyellow;
    top: 0px !important;
    /*left: 123px !important;*/
    left: 119px !important;
    min-width: 120px;
    border-radius: 0px 0px 5px 5px;
    width: max-content;
    visibility: visible;
    transition: 0.3s;
    border-top: 3px solid greenyellow;
}

}
/*.pa-submenu-sub {

     background: #364623 !important;
    border: 3px solid #364623;
    top: 0px;
    left: 123px !important;
    
    min-width: 120px;
    border-radius: 0px 0px 5px 5px;
    width: max-content;
    visibility: visible;
    transition: 0.3s;
    border-top: 3px solid greenyellow;
}*/




/*.pa-menu-child:hover > .pa-submenu,
.pa-menu-child:hover > .pa-submenu-sub {
  display: block;
}*/

/* Style for submenu items */
.pa-submenu-sub li {
  position: relative;
}



/* Optional styles */
.pa-menu-child {
  position: relative;
}

.pa-menu-child > a {
  padding: 6px;
  display: block;
}


.pa-submenu-sub .li-class
{
    padding: 5px 32px;
}

.align-cen
{
align-items: center;
    display: flex;
}

/*Praveen*/
/*@media (max-width:991px){
    .mb-dropdown{
        display: flex !important;
        justify-content: space-between;
        align-items: center;
    }
    .mb-dropdown span{
        display: block !important;
        padding: 0 20px 0 0 ;

    }
    .mb-drop-n{
        display: none !important;
    }
    .pa-menu-child:hover > .pa-submenu,
    .pa-menu-child:hover > .pa-submenu-sub {
      display: block ;
    }
    .pa-submenu{
      display: none;
      position: relative;
      background-color: #364623;
      list-style-type: none;
      padding: 0;
      margin: 0;
    }

}
.mb-dropdown{
        display: none;
    }
*/
.pa-menu-child-2{
    display: none !important;
}
.d1-cnt{
    display: none;
}
.d2-cnt{
    display: none;
}

.services-detail h2
{
    text-align: center;
}


.right-arrow
{
padding-left: 9px;
    font-size: 15px;
}
.down-arrow
{
padding-left: 3px;
    font-size: 15px;
}
.cursor-dflt
{
cursor: default;
}


/*.pa-submenu-sub{
    display: none;
}*/