/***************************************************************************************************************
||||||||||||||||||||||||||       MASTER STYLESHEET FOR HEALTH COACH        |||||||||||||||||||||||||||||||||||||||
****************************************************************************************************************
||||||||||||||||||||||||||                TABLE OF CONTENT               |||||||||||||||||||||||||||||||||||||||
****************************************************************************************************************
****************************************************************************************************************

01. Imported styles
02. Flaticon reset styles
03. Header styles
04. Mainmenu styles
05. Rev_slider_wrapper styles
66. Call to action area Style
07. Categories area style
08. Fact counter area style
09. Latest Blog area style
10. Latest blog area style 
11. Testimonial area style
12. Brand area style
13. Single service style
14. Pricing table area style
15. About page style
16. Account page style
17. 404 page style style
18. Blog page style
19. Blog single style
20. Team page style
21. Shop page style style
22. Shop with sidebar Style
23. Shop single Style
24. Cart page style style
25. Contact page style

****************************************************************************************************************
||||||||||||||||||||||||||||            End TABLE OF CONTENT                ||||||||||||||||||||||||||||||||||||
****************************************************************************************************************/


/* Imported styles */
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
@import url('https://fonts.googleapis.com/css?family=Courgette');



@import url(imp.css);
@import url(bootstrap.min.css);
@import url(font-awesome.min.css);
@import url(hover.css);
@import url(jquery.bxslider.css);
@import url(owl.carousel.css);
@import url(owl.theme.default.min.css);
@import url(animate.css);
@import url(jquery.bootstrap-touchspin.css);
@import url('jquery.fancybox.css');
@import url('prettyPhoto.css');
/*** Flaticon css ***/
@import url(../fonts/flaticon/flaticon.css);
/*** Price filter***/
@import url(../assets/price-filter/nouislider.css);
@import url(../assets/price-filter/nouislider.pips.css);
/*** single shop slide ***/
@import url(flexslider.css);
/*** Time picker css ***/
@import url(../assets/timepicker/timePicker.css);
/*** Jquery ui css ***/
@import url(../assets/jquery-ui-1.11.4/jquery-ui.css);
/*** Revolution slider ***/
@import url(../assets/revolution/css/settings.css);
@import url(../assets/revolution/css/layers.css);
@import url(../assets/revolution/css/navigation.css);
/*** Bootstrap select picker css ***/
@import url(../assets/bootstrap-sl-1.12.1/bootstrap-select.css);
/*** Language Switcher ***/
@import url(../assets/language-switcher/polyglot-language-switcher.css);



/*==============================================
   Base Css
===============================================*/
html,
body { height: 100% }
body {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #888888;
    line-height: 24px;
    font-weight: 400;
}
button:focus{
  outline: none;
}
h1, h2, h3, h4, h6 {
    font-family: 'Poppins', sans-serif;
    color: #404040;
    margin: 0;
}
h3 {
    color: #404040;
    font-size: 18px;
    font-weight: 600;
 
}
.float_left {
    float: left;
}
.float_right {
    float: right;
}
h4 {

}
a,
a:hover,
a:active,
a:focus {
    transition: all 0.5s ease 0s;
    text-decoration: none;
    outline: none;
    color: #fff;
}

/* logo image styles */
img {
	max-width: 100%;
    height: auto;
    
}
.logo {
    display: flex; 
    align-items: center;  
    gap: 10px; 
}

.logo img {
    height: 50px;
    margin-top: 17px; 
}

.logo-text {
    font-size: 17px;
    font-weight: 600;
    color: #404040;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
}
.logo-text-sub{
    font-size: 13px;
    font-weight: normal;
    color: #404040; 
    margin-left: 67px;
    margin-top: -20px;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
}
.logo-text-sub h5{
    margin-top: 10px;
    
 
}


/* Adjust image size for smaller screens */
/* @media (max-width: 768px) {
    img {
        width: 100px;
        height: auto;
    }
} */

/* Further adjustments for very small screens */
/* @media (max-width: 480px) {
    img {
        width: 60px; 
        height: auto;
    }
} */

/* Adjust image size for smaller screens */
@media (max-width: 768px) {
    .logo img {
        width: 80px; /* Adjusted size for better fit */
        height: auto;
        margin-top: 10px; /* Adjust margin for better spacing */
    }
    .logo-text {
        font-size: 15px; /* Slightly smaller font size */
        margin-bottom: 5px; /* Adjusted margin for better spacing */
    }
    .logo-text-sub {
        font-size: 12px; /* Slightly smaller font size */
        margin-left: 63px; /* Adjust this value manually as needed */
        margin-top: -20px; /* Reset margin for better alignment */
        display: block; /* Ensure it takes full width */
        text-align: left; /* Align text to the left */
    }
}

/* Further adjustments for very small screens */
@media (max-width: 480px) {
    .logo img {
        width: 60px; /* Adjusted size for smaller devices */
        height: auto;
        margin-top: 15px; /* Further adjust margin */
    }
    .logo-text {
        font-size: 14px; /* Further reduced font size */
        margin-bottom: 3px; /* Further adjusted margin */
    }
    .logo-text-sub {
        font-size: 11px; /* Further reduced font size */
        margin-left: 64px; /* Adjust this value manually as needed */
        margin-top: -20px; /* Reset margin for better alignment */
        display: block; /* Ensure it takes full width */
        text-align: left; /* Align text to the left */
    }
}

/* New media query for even smaller screens (max-width: 360px)  */
@media (max-width: 360px) {
    .logo img {
        width: 50px; /* Further reduced size for compact devices */
        height: auto;
        margin-top: 10px; /* Adjusted margin */
    }
    .logo-text {
        font-size: 13px; /* Even smaller font size for readability */
        margin-bottom: 2px; /* Adjusted margin */
    }
    .logo-text-sub {
        font-size: 10px; /* Further reduced font size */
        margin-left: 55px; /* Adjust for proper alignment */
        margin-top: -15px; /* Adjust for better positioning */
        display: block; /* Ensure proper layout */
        text-align: left; /* Align text to the left */
    }
}



i {
	font-style: normal;
}
ul,
li {
    list-style: none;
    margin: 0;
    padding: 0;
}
.sec-padding{
    padding: 50px 0;
}
button{
    border: none;
    background: transparent;
}
.thm-btn {
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    transition: all 500ms ease;
    font-family: 'Poppins', sans-serif;
    display: block;
    border-radius: 30px;
    padding: 12px 25px 10px;
    transition: all 500ms ease;
}
.bgclr-1{
    background: #2acb35;
    border: 2px solid #2acb35;
    color: #ffffff;
}
.thm-btn:hover{
    background: #ffffff;
    color: #252525;
}




.sec-title {
    margin-top: -3px;
    padding-bottom: 27px;
    position: relative;
}
.sec-title.pdb-50{
    padding-bottom: 50px;
}
.sec-title.pdb-30{
    padding-bottom: 30px;
}
.sec-title h1 {
    color: #404040;
    font-size: 32px;
    font-weight: 700;
    line-height: 36px;
    text-transform: none;
    margin: 8px 0 14px;
    margin-left: 440px;
}
/* Responsive styles for smaller screens */
@media (max-width: 768px) {
    .sec-title h1 {
        font-size: 24px; /* Reduce font size */
        line-height: 30px;
        text-align: center; /* Center align */
        margin-left: 0; /* Remove left margin */
    }
}

@media (max-width: 480px) {
    .sec-title h1 {
        font-size: 30px; /* Further reduce font size */
        line-height: 26px;
        margin: 5px 0 10px;
        text-align: center; /* Ensure it's centered */
    }
}
.sec-title h3 {
    color: #2acb35;
    font-size: 24px;
    line-height: 30px;
    font-weight: 400;
    font-family: 'Courgette', cursive;
}
.sec-title h2 {
    color: #ffffff;
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    text-transform: none;
    margin: 0 0 16px;
}
.sec-title p {
    color: #888888;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    line-height: 26px;
	text-align: justify;
}


.boxed_wrapper {
    background: #fff none repeat scroll 0 0;
    position: relative;
    margin: 0 auto;
    width: 100%;
    min-width: 320px;
    min-height: 400px;
    overflow: hidden;  
}

/*________________Preloader_______________ */

.preloader{ 
    position:fixed; 
    left:0px; 
    top:0px; 
    width:100%; 
    height:100%; 
    z-index:999999999999; 
    background-color:rgba(255,255,255,1); 
    background-position:center center; 
    background-repeat:no-repeat; 
    background-image:url(../images/icon/preloader.gif);
}


/* Update Mainmenu area Style */
@-webkit-keyframes menu_sticky {
    0%   {margin-top:-150px;}
    50%  {margin-top: -130px;}
    100% {margin-top: 0;}
}
@keyframes menu_sticky {
    0%   {margin-top:-150px;}
    50%  {margin-top: -130px;}
    100% {margin-top: 0;}
}
.mainmenu-area.stricky-fixed {
    position: fixed;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    z-index: 10000;
    background: #F7F7F7;
    z-index: 99999;
    /* -webkit-animation-name: menu_sticky;
          animation-name: menu_sticky;
    -webkit-animation-duration: 0.60s;
          animation-duration: 0.60s;
    -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out; */
}


.mainmenu-area.stricky-fixed .logo .smile{
    display: none;
}
/*
.mainmenu-area.stricky-fixed .logo {
    padding-top: 21px;
    padding-bottom: 21px;
}
.mainmenu-area.stricky-fixed .main-menu .navigation li a {
    padding: 36px 18px 34px;
    transition: all 500ms ease;
}
.mainmenu-area.stricky-fixed .outer-search-box {
    margin: 25px 0;
    margin-right: 10px;
}
.mainmenu-area.stricky-fixed .appointment-button {
    margin: 20px 0;
}
*/



/* Scroll To Top styles */
.scroll-to-top {
    background: transparent;
    border: 1px solid #2acb35;
    bottom: 75px;
    color: #2acb35;
    cursor: pointer;
    display: none;
    font-size: 30px;
    font-weight: normal;
    height: 45px;
    line-height: 48px;
    position: fixed;
    right: 15px;
    text-align: center;
    transition: all 500ms ease 0s;
    width: 45px;
    z-index: 99999;
    -webkit-box-shadow: 0px 8px 23px -6px rgba(27,27,27,1);
    -moz-box-shadow: 0px 8px 23px -6px rgba(27,27,27,1);
    box-shadow: 0px 8px 23px -6px rgba(27,27,27,1);
}
.scroll-to-top:hover {
    background: #2acb35;
    color: #fff;
}
@media (max-width: 768px) {
    .scroll-to-top {
        width: 35px;
        height: 35px;
        line-height: 38px;
        font-size: 22px;
        bottom: 143px; /* your specified bottom value */
        right: 10px;   /* your specified right value */
    }
}




/*Form validation styles */
input:focus,
textarea:focus,
select:focus {
  border-color: #43c3ea;
  outline: none;
}


/* Post pagination styles */
.post-pagination li {
    display: inline-block;
    margin: 0 3px;
}
.post-pagination li a {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #f4f4f4;
    color: #252525;
    display: block;
    font-size: 18px;
    font-weight: 600;
    height: 55px;
    padding: 14px 0;
    transition: all 500ms ease 0s;
    width: 55px;
    font-family: 'Poppins', sans-serif;
    border-radius: 50%;
}
.post-pagination li.active a, .post-pagination li:hover a {
    background: #2acb35;
    color: #fff;
    border: 2px solid #2acb35;
}


/* Overlay styles  */
.overlay-style-one{
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    padding:0px;
    color:#ffffff;
    opacity:0;
    background: rgba(0, 0, 0, 0.7);
    -webkit-transform: perspective(400px) rotateX(-90deg);
    -moz-transform: perspective(400px) rotateX(-90deg);
    -ms-transform: perspective(400px) rotateX(-90deg);
    -o-transform: perspective(400px) rotateX(-90deg);
    transform: perspective(400px) rotateX(-90deg);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.overlay-style-one .box{
    display: table;
    height: 100%;
    width: 100%;    
}
.overlay-style-one .box .content{
    display: table-cell;
    text-align: center;
    vertical-align: middle;    
}







.review-box {}
.review-box ul {
    margin-left: -1px;
    margin-right: -1px;
}
.review-box ul li {
    display: inline-block;
    margin: 0 1px;
}
.review-box ul li i {
    color: #2acb35;
    font-size: 12px;
}



/*** 
=============================================
    Top bar area style
=============================================
***/
.top-bar-area {
    position: relative;
    line-height: 50px;
    z-index: 999;
    background: #222426;
    padding: 9px 0 8px;
}
.top-contact-info {
    overflow: hidden;
    margin: 6px 0;
}
.top-contact-info li {
    display: inline-block;
    float: left;
    padding-right: 15px;
    color: #ffffff;
    line-height: 18px;
    border-right: 1px solid #353637;
}
.top-contact-info li:last-child {
    margin: 0;
    padding: 0;
    border-right: none;
    border-left: 1px solid #161a1e;
    padding-left: 15px;
}
.top-contact-info li span:before {
    color: #2acb35;
    font-size: 18px;
    line-height: 18px;
    display: inline-block;
    padding-right: 8px;
}
.top-bar-area .top-right {
    float: right;
}
.top-bar-area .top-right .social-links {
    overflow: hidden;
    float: left;
    padding-left: 20px;
    padding-right: 30px;
    margin: 8px 0;
}
.top-bar-area .top-right .social-links li {
    display: inline-block;
    float: left;
    margin-right: 20px;
    line-height: 16px;
}
.top-bar-area .top-right .social-links li:last-child {
    margin: 0px;
}
.top-bar-area .top-right .social-links li a i {
    color: #888888;
    font-size: 14px;
    transition: all 500ms ease;
}
.top-bar-area .top-right .social-links li a:hover i{
    color: #2acb35;
}



/*==============================================
    Mainmenu Area Css
===============================================*/
/* .mainmenu-area {
    position: fixed;
    width: 100%;
    z-index: 99;
    background: #ffffff;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);   
}
.mainmenu-area .logo {
    display: inline-block;
    padding-right: 60px;
    padding-top: 26px;
    padding-bottom: 26px;
    position: relative;
} */

.mainmenu-area {
    position: fixed;
    width: 100%;
    z-index: 99;
    background: #ffffff;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    height: 82px; /* Adjust height as needed */
    line-height: 60px; /* Align text vertically */
    padding: 0; /* Remove extra padding */
}

.mainmenu-area .logo {
    display: inline-block;
    padding: 0; /* Remove padding */
    height: 100%; /* Ensure it fills the parent height */
    vertical-align: middle; /* Align properly */
}

.mainmenu-area .logo .smile {
    position: absolute;
    bottom: -25px;
    left: 0;
    width: 110px;
    height: 30px;
}
.mainmenu-area .logo a {
    display: inline-block;
}

.main-menu {
    float: left;
    position: relative;
}
.main-menu .navbar-collapse {
    padding: 0px;
    margin-left: 110px;
}
.main-menu .navigation {
    float: left;
    /* margin: 0; */
    margin-left: 260px; /* Adjust as needed */
    margin-top: -72px;
    position: relative;
}
.main-menu .navigation li {
    display: inline-block;
    float: left;
}
.main-menu .navigation li a {
    color: #404040;
    display: block;
    font-size: 15px;
    font-weight: 600;
    line-height: 12px;
    opacity: 1;
    padding: 41px 20px 29px;
    position: relative;
    text-transform: none;
    transition: all 500ms ease 0s;
    font-family: 'Poppins', sans-serif;
}
.main-menu .navigation > li:hover > a, 
.main-menu .navigation > li.current > a {
    /* color: #2acb35; */
}
.main-menu .navigation > li.dropdown > a {}
.main-menu .navigation > li.dropdown > a:after {}
.main-menu .navigation > li > a:before{
    position: absolute;
    top: 0px;
    left: 0;
    width: 0%;
    height: 3px;
    /* background: #2acb35; */
    content: "";
    transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;	
}
.main-menu .navigation > li:hover a:before,
.main-menu .navigation > li.current a:before{
    width: 100%;
}
.main-menu .navigation > li > ul {
    position: absolute;
    left: 0px;
    top: 130%;
    width: 250px;
    padding: 0px;
    z-index: 100;
    visibility: hidden;
    opacity: 0;
    z-index: 99;
    transition: all 500ms ease;
    /* border-top: 3px solid; */
  
}
.main-menu .navigation > li:hover > ul {
    top: 100%;
    opacity: 1;
    visibility: visible;
}
.main-menu .navigation > li > ul > li {
    clear: both;
    width: 100%;
    position: relative;
    /* border-bottom: 1px solid #f4f4f4; */
}
.main-menu .navigation > li > ul > li:last-child{
    border-bottom: 0px solid #f4f4f4;    
}
.main-menu .navigation > li > ul > li > a {
    width: 100%;
    background: #ffffff;
    padding: 13px 15px 11px 48px;
    color: #404040;
    font-size: 14px;
    font-weight: 400;
    text-transform: none;
    display: block;
    float: left;
    clear: both;
    position: relative;
    outline: 0;
    transition: padding .2s linear;
    transition: all 500ms ease;
    font-family: 'Poppins', sans-serif;
}
.main-menu .navigation > li > ul > li > a:before {
    position: absolute;
    left: 30px;
    top: 13px;
    font-size: 10px;
    color: #d6d6d6;
    /* content: "\f192"; */
    font-family: FontAwesome;
    -webkit-transition: .5s ease;
    transition: .5s ease;
}
.main-menu .navigation > li > ul > li:hover > a {
    /* color: #2acb35; */
    background: #f7f7f7;
}
.main-menu .navigation > li > ul > li:hover > a:before{
    /* color: #2acb35;     */
}

.main-menu .navigation > li > ul > li.dropdown > a:after{}
.main-menu .navigation > li > ul > li.dropdown:hover > a:after{}
.main-menu .navigation > li > ul > li > ul{}
.main-menu .navigation > li > ul li:hover ul {}
.main-menu .navigation > li > ul > li ul li {}
.main-menu .navigation > li > ul > li ul li:first-child{}
.main-menu .navigation > li > ul > li ul li a{ }
.main-menu .navigation > li > ul > li  > ul > li:hover > a{}
.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 34px;
  height: 30px;
  border: 1px solid #ffffff;
  background: url(../images/icon/submenu-icon.png) center center no-repeat;
  background-size: 20px;
  cursor: pointer;
  z-index: 5;
  display: none;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -moz-border-radius: 3px;
}


.outer-search-box {
    float: left;
    height: 40px;
    width: 40px;
    margin: 30px 0;
    margin-right: 10px;
    border-left: 1px solid #efeded;
}
.outer-search-box .seach-toggle {
    background: transparent;
    color: #222222;
    cursor: pointer;
    display: block;
    font-size: 15px;
    line-height: 20px;
    margin: 0;
    padding: 10px 0px;
    position: relative;
    text-align: center;
    transition: all 500ms ease;
}
.outer-search-box .seach-toggle:hover,
.outer-search-box .seach-toggle.active{
    background:#2ECC39;
    color: #fff;
}
.search-box {
    background: #2ECC39;
    border-top: 1px dashed #3BB1D3;
    opacity: 0;
    padding: 20px;
    position: absolute;
    right: 15px;
    top: 150%;
    transition: all 500ms ease 0s;
    visibility: hidden;
}
.search-box.now-visible{
  top:100%;
  opacity:1;
  visibility:visible;	
}
.search-box .form-group{
  position:relative;
  padding:0px;
  margin:0px;
  width:100%;
  min-width:250px;
}
.search-box .form-group input[type="search"] {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #222222;
  color: #000;
  display: block;
  font-size: 13px;
  line-height: 24px;
  position: relative;
  transition: all 500ms ease 0s;
  width: 100%;
  height: 40px;
  padding-left: 15px;
  padding-right: 50px;
}
.search-box .form-group input[type="search"]:focus{
  border-color:#09b315;	
}
.search-box .form-group button, 
.search-box .form-group input[type="submit"] {
  background: #222;
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 13px;
  height: 40px;
  line-height: 40px;
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  transition: all 500ms ease 0s;
}
.search-box .form-group button:hover,
.search-box .form-group input:focus + button{
  color:#fff;
  background: #09b315;
}


.mainmenu-right-box {}
.mainmenu-area .appointment-button {
    float: right;
    margin: 25px 0;
}
.mainmenu-area .appointment-button a {
    position: relative;
}
.mainmenu-area .appointment-button a:before {
    position: absolute;
    top: 3px;
    right: 5px;
    content: "";
    background: url(../images/icon/button-icon.png);
    background-repeat: no-repeat;
    width: 30px;
    height: 20px;
    transition: all 500ms ease;
}
.mainmenu-area .appointment-button a:hover{

}



/* Responsive adjustments for smaller screens */
/* @media (max-width: 768px) {
    .logo-heading h2 {
        font-size: 18px; 
    }
}

@media (max-width: 480px) {
    .logo-heading h2 {
        font-size: 16px; 
    }
} */


/* Main dropdown styling */
.main-menu .navigation > li > ul {
    position: absolute;
    left: 0px;
    top: 100%;
    width: 220px;
    padding: 0px;
    background: #ffffff;
    visibility: hidden;
    opacity: 0;
    transition: all 300ms ease-in-out;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}

/* Show main dropdown on hover */
.main-menu .navigation > li:hover > ul {
    opacity: 1;
    visibility: visible;
}

/* Sub-dropdown styling */
.main-menu .navigation li ul .dropdown {
    position: relative;
}

/* Full tab hover effect for sub-dropdown */
.main-menu .navigation li ul .dropdown {
    position: relative;
    width: 100%;
}

/* Sub-dropdown menu */
.main-menu .navigation li ul .dropdown > ul.sub-menu {
    position: absolute;
    left: 100%;
    top: 0;
    width: 220px;
    background: #ffffff;
    visibility: hidden;
    opacity: 0;
    transition: all 300ms ease-in-out;
    box-shadow: none;
}

/* Show sub-dropdown on hover */
.main-menu .navigation li ul .dropdown:hover > ul.sub-menu {
    opacity: 1;
    visibility: visible;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1);
}

/* Dropdown link styling */
.main-menu .navigation li ul li {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
}

/* Hover shadow on the entire tab */
.main-menu .navigation li ul li:hover {
    background: #f7f7f7;
    /* box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.1); */
}

/* Dropdown link text styling */
.main-menu .navigation li ul li a {
    width: 100%;
    padding: 12px 15px;
    color: #404040;
    font-size: 14px;
    font-weight: 400;
    display: block;
    text-decoration: none;
    transition: all 0.3s ease;
}

/* Add arrow indicator for sub-dropdown */
.main-menu .navigation li ul .dropdown > a::after {
    content: "›"; /* Right arrow */
    position: absolute;
    right: 10px;
    font-size: 14px;
}











/* Updated social links styling with Font Awesome 6 */
.top-bar-area .top-right .social-links li a i {
    font-size: 20px; /* Increased icon size for better visibility */
    color: #2acb35; /* Default light green color matching the theme */
    transition: all 0.3s ease-in-out;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.top-bar-area .top-right .social-links li a:hover i,
.top-bar-area .top-right .social-links li a:focus i {
    transform: scale(1.1); /* Smooth scaling effect on hover */
}

/* Adding WhatsApp and Twitter(X) icons using Font Awesome 6 */
.top-bar-area .top-right .social-links li a .fa-whatsapp:hover {
    color: #128C7E; /* WhatsApp hover effect */
}

.top-bar-area .top-right .social-links li a .fa-x-twitter:hover {
    color: #1DA1F2; /* Twitter (X) hover effect */
}

/* Adding Facebook, LinkedIn, YouTube, and Instagram with brand colors on hover */
.top-bar-area .top-right .social-links li a .fa-facebook:hover {
    color: #1877F2; /* Facebook hover effect */
}

.top-bar-area .top-right .social-links li a .fa-linkedin:hover {
    color: #0A66C2; /* LinkedIn hover effect */
}

.top-bar-area .top-right .social-links li a .fa-youtube:hover {
    color: #FF0000; /* YouTube hover effect */
}

.top-bar-area .top-right .social-links li a .fa-instagram:hover {
    color: #E4405F; /* Instagram hover effect */
}


/* Updated social links styling with Font Awesome 6 */
.top-bar-area .top-right .social-links li a i {
    font-size: 20px; /* Increased icon size for better visibility */
    color: #2acb35; /* Default light green color matching the theme */
    transition: all 0.3s ease-in-out;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.top-bar-area .top-right .social-links li a:hover i,
.top-bar-area .top-right .social-links li a:focus i {
    transform: scale(1.1); /* Smooth scaling effect on hover */
}

/* Adding WhatsApp and Twitter(X) icons using Font Awesome 6 */
.top-bar-area .top-right .social-links li a .fa-whatsapp:hover {
    color: #128C7E; /* WhatsApp hover effect */
}

.top-bar-area .top-right .social-links li a .fa-x-twitter:hover {
    color: #1DA1F2; /* Twitter (X) hover effect */
}

/* Adding Facebook, LinkedIn, YouTube, and Instagram with brand colors on hover */
.top-bar-area .top-right .social-links li a .fa-facebook:hover {
    color: #1877F2; /* Facebook hover effect */
}

.top-bar-area .top-right .social-links li a .fa-linkedin:hover {
    color: #0A66C2; /* LinkedIn hover effect */
}

.top-bar-area .top-right .social-links li a .fa-youtube:hover {
    color: #FF0000; /* YouTube hover effect */
}

.top-bar-area .top-right .social-links li a .fa-instagram:hover {
    color: #E4405F; /* Instagram hover effect */
}

/* Responsive Design for Top Bar */
/* Responsive Design for Top Bar - Hide on Mobile */
@media (max-width: 768px) {
    .top-bar-area {
        display: none;
    }
}













/*** 
=============================================
    Rev Slider Wrapper style
=============================================
***/
.rev_slider_wrapper {
    
}
.rev_slider_wrapper .slide-content-box h2 {
    color: #e9d80c;
    font-size: 30px;
    font-weight: 400;
    line-height: 40px;
    text-transform: none;
    font-family: 'Courgette', cursive;
}
.rev_slider_wrapper .slide-content-box h1 {
    color: #ffffff;
    font-size: 60px;
    font-weight: 700;
    line-height: 66px;
    text-transform: none;
    margin: 0 0 7px;
    font-family: 'Poppins', sans-serif;
}
.rev_slider_wrapper .slide-content-box p{
    font-size: 18px;
    color: #ffffff;
    font-weight: 400;
    line-height: 28px;
    margin: 0px 0 33px;
    font-family: 'Open Sans', sans-serif;
}
.rev_slider_wrapper .slide-content-box .button a{
    border: 2px solid #2acb35;
    background: #2acb35;
    padding: 12px 38px 11px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    margin-right: 16px;
    border-radius: 30px;
}
.rev_slider_wrapper .slide-content-box .button a:hover{
    background: #252525;
    border-color: #fff;
}
.rev_slider_wrapper .slide-content-box .button a.btn-style-two{
    background: #ffffff;
    border-color: #ffffff;
    color: #2acb35;
}
.rev_slider_wrapper .slide-content-box .button a.btn-style-two:hover{
    background: #2acb35;
    color: #ffffff;
}

.rev_slider_wrapper .slide-content-box.middle-slide h2{
  text-align: center;
}
.rev_slider_wrapper .slide-content-box.middle-slide h1{
  text-align: center;
}
.rev_slider_wrapper .slide-content-box.middle-slide p{
  text-align: center;
}
.rev_slider_wrapper .slide-content-box.middle-slide .button a{}

.rev_slider_wrapper .slide-content-box.right-slide h1{
    margin: 12px 0 7px
}


.tparrows {
    background: rgba(0, 0, 0, 0.08);
    cursor: pointer;
    display: block;
    height: 50px;
    position: absolute;
    width: 50px;
    z-index: 1000;
    transition: all 500ms ease;
    border-radius: 50%;
}
.tparrows:before{
    font-size:18px; 
    font-weight: 700;
    color:#fff; 
    display:block; 
    line-height: 50px; 
    text-align: center;
    transition: all 500ms ease;
}
.tparrows:hover{
    background:#2acb35;
}
.tparrows:hover:before{
    color: #fff;    
}
.rev_slider_wrapper .slotholder:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
}

.rev_slider_wrapper {
    margin-top: 125px; /* Adjust based on your header's height */
    z-index: 5; /* Make sure this is higher than your menu */
    position: relative;
}

/* For laptop screens and larger (min-width: 1024px) */
@media (min-width: 1024px) {
    .rev_slider_wrapper {
        margin-top: 80px;
    }
}



/* youtube video container styles  */
.video-section {
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
    padding: 20px;
    margin-bottom: 66px;
}

.video-container {
    width: 380px;
    height: 215px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    border-radius: 12px;
    overflow: hidden;
    background-color: #fff;
}

.video-container iframe {
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 12px;
}

/* Responsive Design for Tablets and Smaller Screens */
@media (max-width: 768px) {
    .video-container {
        width: 90%; /* Make the videos take up more width on smaller screens */
        height: 210px;
    }
}

/* Responsive Design for Mobile Devices */
@media (max-width: 480px) {
    .video-section {
        flex-direction: column; /* Stack videos vertically */
        align-items: center; /* Center the videos */
    }

    .video-container {
        width: 95%; /* Use almost full screen width */
        height: 200px; /* Adjust height accordingly */
    }
}






/*** 
=============================================
    Callto Action Area style
=============================================
***/
.callto-action-area{}
.callto-action-area .text-box {
    position: relative;
    overflow: hidden;
}
.callto-action-area .text-box:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 140px;
    content: "";
    background: #f5f4f3;
    left: 50%;
}
.callto-action-area .text-box .single-text-box {
    display: block;
    padding-top: 17px;
    padding-bottom: 13px;
}
.callto-action-area .text-box .single-text-box.pdr-30{
    padding-right: 30px;    
}
.callto-action-area .text-box .single-text-box.pdl-30{
    padding-left: 30px;    
}
.callto-action-area .text-box .single-text-box h3{
    color: #404040;
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 15px;
}
.callto-action-area .text-box .single-text-box p{
    margin: 0;
}
.callto-action-area .text-holder .signature-readmore {
    overflow: hidden;
    margin: 20px 0 0;
}
.callto-action-area .text-holder .signature-readmore .button {
    padding-left: 30px;
}
.callto-action-area .text-holder .signature-readmore .button a {
    margin: 5px 0;
    padding: 12px 35px 10px;
}



/*** 
=============================================
    Service Area style
=============================================
***/
.service-area {
    padding-top: 70px;
    padding-bottom: 70px;
    background: #f7f7f7;
    position: relative;
    overflow: hidden;
}
.service-area:before {
    content: "\f0d7";
    font-family: FontAwesome;
    position: absolute;
    display: block;
    top: -10px;
    left: 0;
    right: 0;
    width: 100%;
    transition: all 300ms ease 300ms;
    font-size: 150px;
    text-align: center;
    line-height: 50px;
    color: #ffffff;
}
.single-service-item {
    position: relative;
    overflow: hidden;
    display: block;
}
.single-service-item .img-holder{}
.single-service-item .img-holder img{
    width: 100%;    
}
.single-service-item .img-holder .content {}
.single-service-item .text-holder {
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    background: #fff;
    padding: 0px 15px 0;
    transform: translate3d(0px, -110%, 0px);   
    transition: all 500ms ease;
    transition-delay: 0.5s;
}
.single-service-item:hover .text-holder{
    transition: all 500ms ease;
    transform: translate3d(0px, 0%, 0px);    
}
.single-service-item .text-holder .inner {
    display: table;
    width: 100%;
    height: 100%;
}
.single-service-item .text-holder .inner .inner-content {
    display: table-cell;
    vertical-align: middle;
}
.single-service-item .text-holder .icon-box span:before {
    color: #2acb35;
    font-size: 45px;
    line-height: 45px;
}
.single-service-item .text-holder h3 {
    color: #404040;
    font-size: 18px;
    font-weight: 600;
    margin: 13px 0 12px;
}
.single-service-item .text-holder p{
    margin: 0;
}
.single-service-item .text-holder a {
    width: 150px;
    margin: 18px auto 0;
    padding: 9px 0 7px;
}

.single-service-item .text-holder-1 {
    padding-top: 22px;
    padding-bottom: 10px;
    background: #ffffff;
    position: absolute;
    bottom: 15px;
    left: 15px;
    right: 15px;
    transform: translate3d(0px, 0%, 0px);
    transition: all 500ms ease;
    transition-delay: 0.5s;
}
.single-service-item .text-holder-1 .inner {
    display: table;
    width: 100%;
    height: 100%;
}
.single-service-item .text-holder-1 .inner .inner-content {
    display: table-cell;
    vertical-align: middle;
}
.single-service-item:hover .text-holder-1{
    transition: all 500ms ease;
    transform: translate3d(0px, 120%, 0px);
}
.single-service-item .text-holder-1 .icon-box span:before {
    color: #2acb35;
    font-size: 45px;
    line-height: 45px;
}
.single-service-item .text-holder-1 h3 {
    color: #404040;
    font-size: 18px;
    font-weight: 600;
    margin: 13px 0 12px;
}
.service-area .owl-controls {
    position: absolute;
    right: 0;
    top: -90px;
}
.service-area .owl-theme .owl-nav{
    margin: 0;
}
.service-area .owl-theme .owl-nav [class*="owl-"] {
    background: transparent;
    border-radius: 0;
    color: #888888;
    font-size: 24px;
    font-weight: 700;
    height: 40px;
    line-height: 32px;
    margin: 0 0 0 0px;
    padding: 0;
    width: 40px;
    border: 2px solid #e1e1e1;    
    transition: all 700ms ease 0s;
}
.service-area .owl-theme .owl-nav .owl-next {
    margin-left: 10px;
}
.service-area .owl-theme .owl-nav [class*="owl-"]:hover{
    border-color: #2acb35;
    color: #2acb35;
}



/*** 
=============================================
    slogan Area style
=============================================
***/
.slogan-area {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 70px;
    padding-top: 67px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.slogan-area::before {
    background: rgba(35, 37, 39, 0.7) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.slogan-area h1{
    color: #ffffff;
    font-size: 36px;
    font-weight: 600;
    line-height: 42px;
    margin: 0 0 13px;
}
.slogan-area p{
    color: #ffffff;
    font-size: 14px;
    margin: 0;
}
.slogan-area a{
    width: 230px;
    margin: 33px auto 0;
}



/*** 
=============================================
    Choosing Area style
=============================================
***/
.choosing-area {
    padding-top: 70px;
    padding-bottom: 40px;
}
.choosing-area .single-item{
    border: 1px dashed #e1e1e1; 
    display: block;
    padding: 18px 30px 12px;
    margin-bottom: 30px;
    transition: all 900ms ease;
}
.choosing-area .single-item:hover{
    border: 1px dashed #2acb35;     
}
.choosing-area .single-item .title {
    overflow: hidden;
    display: block;
    position: relative;
    padding-bottom: 17px;
}
.choosing-area .single-item .title:before{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    content: "";
    border-bottom: 1px dashed #e1e1e1;
}
.choosing-area .single-item .title:after{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0%;
    height: 1px;
    content: "";
    border-bottom: 1px dashed #2acb35;
    transition: all 500ms ease;
}
.choosing-area .single-item:hover .title:after{
    width: 100%;    
}
.choosing-area .single-item .title h3{
    
}
.choosing-area .single-item .text-holder {
    overflow: hidden;
    padding-top: 24px;
}
.choosing-area .single-item .text-holder .iocn{
    width: 45px; 
}
.choosing-area .single-item .text-holder .iocn span:before{
    color: #2acb35;
    font-size: 45px;
    line-height: 45px;
}
.choosing-area .single-item .text-holder .iocn,
.choosing-area .single-item .text-holder .text{
    display: table-cell;
    vertical-align: middle;
}
.choosing-area .single-item .text-holder .text{
    padding-left: 20px;
}
.choosing-area .single-item .text-holder .text a{
    margin: 0;
}



/*** 
=============================================
    Testimonial Area style
=============================================
***/
.testimonial-area {
    background: #f5f4f3;
    padding: 70px 0 40px;
}
.testimonial-area .more-button {
    margin-top: 12px;
}
.testimonial-area .more-button a {
    border: 2px solid #2acb35;
    height: 50px;
    width: 170px;
    display: block;
    text-align: center;
    border-radius: 30px;
    color: #2acb35;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 48px;
    font-family: 'Poppins', sans-serif;
    transition: all 500ms ease;
}
.testimonial-area .more-button a:hover{
    background: #fff;
    color: #252525;
}
.single-testimonial-item {
    overflow: hidden;
    float: left;
    background: #ffffff;
    margin-bottom: 30px;
    display: block;
    padding: 38px 40px 36px;
}
.single-testimonial-item .img-holder {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #f4f4f4;
    border-radius: 50%;
    display: block;
    height: 85px;
    margin: 0 auto;
    overflow: hidden;
    width: 85px;
    z-index: 1;
    position: relative;
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
    padding: 2px;
}
.single-testimonial-item .img-holder img {
    border-radius: 50%;
}
.single-testimonial-item:hover .img-holder{
    background: #2acb35;
    border-color: #2acb35;
} 
.single-testimonial-item .text-holder {
    padding-top: 20px;
    transition: all 0.7s ease;
}
.single-testimonial-item:hover .text-holder{
    border-color: #e7e3e3;
}
.single-testimonial-item .text-holder h3 {
    color: #2acb35;
    font-size: 20px;
    font-weight: 400;
    font-family: 'Courgette', cursive;
    text-transform: none;
    margin: 0 0 12px;
}

.single-testimonial-item .text-holder p {
    margin: 0 0 13px;
}
.single-testimonial-item .border{
    width: 190px;
    height: 1px;
    background: #f5f4f4;
    display: block;
    margin: 0 auto;
}
.single-testimonial-item .name h3 {
    padding-top: 19px;
}



/*** 
=============================================
    Latest blog area style
=============================================
***/
.latest-blog-area {
    position: relative;
    overflow: hidden;
}
.single-blog-item {
    position: relative;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    display: block;
    min-height: 350px;
    border-bottom: 1px solid #f4f4f4;
    background: #ddd;
}
.single-blog-item .img-holder{
    overflow: hidden;
    position: relative;     
}
.single-blog-item .img-holder img {
    transform: scale(1.1, 1.1);
    transition: all 0.5s ease 0s;
    width: 100%; 
}
.single-blog-item:hover .img-holder .overlay-style-one{
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);    
}
.single-blog-item:hover .img-holder img {
    transform: scale(1, 1);
}
.single-blog-item .img-holder .categories {
    background: #2acb35;
    position: absolute;
    bottom: 15px;
    left: 15px;
    width: 110px;
    height: 35px; 
    transform: translate3d(0px, 0%, 0px);
    transition: all 500ms ease;
}
.single-blog-item:hover .img-holder .categories {
    transform: translate3d(0px, -89px, 0px);
}
.single-blog-item .img-holder .categories a {
    text-align: center;
    padding: 6px 0;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    display: block;
}
.single-blog-item .text-holder {
    border: 1px solid #f4f4f4;
    border-top: none;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 22px;
    text-align: center;
    transition: all 500ms ease;
    bottom: -90px;
    position: absolute;
    width: 100%;
    left: 0;
    background: #ffffff;
    z-index: 3;
    transition: all 500ms ease;
}
.single-blog-item:hover .text-holder {
	bottom: 0;
    border-bottom: none;
}

.single-blog-item .text-holder .meta-info {
    overflow: hidden;
    padding-top: 25px;
    text-align: center;
}
.single-blog-item .text-holder .meta-info li {
    display: inline-block;
    float: none;
    line-height: 16px;
    border-right: 1px solid #dfdfdf;
    padding-right: 10px;
    margin-right: 5px;
}
.single-blog-item .text-holder .meta-info li:last-child{
    margin-right: 0;
    padding-right: 0;
    border-right: none;
}
.single-blog-item .text-holder .meta-info li a{
    color: #888888;
    font-size: 14px;
    font-weight: 400;
}
.single-blog-item .text-holder .meta-info li a:hover{
  color: #2acb35;
}

.single-blog-item .text-holder .blog-title {
    color: #404040;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    padding: 10px 0 10px;
    display: block;
    transition: all 500ms ease;
}
.single-blog-item .text-holder .blog-title:hover{
  color: #2acb35;
}
.single-blog-item .text-holder .text {}
.single-blog-item .text-holder .text p {
    margin: 0; 
}

.latest-blog-area .single-blog-item:hover{}



/*** 
=======================================================
 consultation area style
=======================================================
***/
.consultations-area {
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 70px;
    position: relative;
    z-index: 1;
}
.consultations-area::before {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.consultations-area .sec-title h1 {
    color: #ffffff;
}
.consultations-area .inner-content {
    background: #ffffff;
    display: block;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 40px;
    padding-bottom: 70px;
    border: 1px solid #f5f5f5;
    margin-bottom: -70px;
}
.consultations-area .consultations-form-box{  

}
.consultations-area #consultations-form input[type="text"],
.consultations-area #consultations-form input[type="email"],
.consultations-area #consultations-form textarea{
    width: 100%;
    border: 1px solid #f4f4f4;
    background: #ffffff;
    color: #888888;
    height: 50px;
    margin-bottom: 30px;
    display: block;
    padding: 0 15px;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    transition: all 500ms ease;
}
.consultations-area #consultations-form textarea{
    padding: 13px 15px;
    height: 210px;
}
.consultations-area #consultations-form input:focus{
    border-color: #2acb35;
}
.consultations-area #consultations-form textarea:focus{
    border-color: #2acb35;    
}
.consultations-area #consultations-form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #888888 !important;
}
.consultations-area #consultations-form ::-moz-placeholder { /* Firefox 19+ */
  color: #888888 !important;
}
.consultations-area #consultations-form :-ms-input-placeholder { /* IE 10+ */
  color: #888888 !important;
}
.consultations-area #consultations-form :-moz-placeholder { /* Firefox 18- */
  color: #888888 !important;
}
.consultations-area #consultations-form button {
    display: block;
    width: 100%;
    padding: 15px 0 13px;
}

.consultations-area .contact-info {
    padding: 32px 30px 29px;
    background: #ffffff;
    border: 2px solid #f4f4f4;
    display: block;
}

.consultations-area .contact-info h2{
    color: #2acb35;
    font-size: 26px;
    font-weight: 400;
    font-family: 'Courgette', cursive;
    text-align: center;
}
.consultations-area .contact-info ul {
    margin: 25px 0 0;
}
.consultations-area .contact-info li{
    position:relative;
    padding-left: 35px;
    border-bottom: 1px solid #f5f4f3;
    margin-bottom: 14px;
    padding-bottom: 14px;
    line-height:24px;
    color: #f4f4f4;
}
.consultations-area .contact-info li:last-child{
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.consultations-area .contact-info li .icon-holder{
    position:absolute;
    left:0px;
    top:5px;    
}
.consultations-area .contact-info li .icon-holder span:before {
    font-size: 20px;
    line-height: 20px;
    color: #2acb35;
}
.consultations-area .contact-info li .text-holder{ }
.consultations-area .contact-info li .text-holder h5{
    color: #888888;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    font-family: 'Open Sans', sans-serif;
}



/*** 
=============================================
    Certificates Area style
=============================================
***/
.certificates-area {
    background: #ffffff;
    padding-bottom: 70px;
}
.certificates-area .container {
    padding-top: 140px;
}
.certificates-area .sec-title{
  
}
.certificates-area .certificates .single-item {
    height: 195px;
    width: 100%;
    -webkit-transition: all 300ms ease-in 0s;
    transition: all 300ms ease-in 0s;
    text-align: center;
    line-height: 195px;
}
.certificates-area .certificates .single-item a{ }
.certificates-area .certificates .single-item:hover{
 
}
.certificates-area .certificates .single-item:hover img{
    opacity: .9;
}
.certificates-area .owl-controls {
    position: absolute;
    right: -5px;
    top: -77px;
}
.certificates-area .owl-dots .owl-dot{
	background-image:none;
	width: 12px;
	height: 12px;
	margin: 0px 5px;
	padding:0px;
	background: #fff;
	border-radius:50%;
    border: 1px solid #e2e2e2;
	-webkit-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
	-moz-border-radius:50%;
    transition: all 500ms ease;
}
.certificates-area .owl-dots .owl-dot span{
	display:none;	
}
.certificates-area .owl-dots .owl-dot.active{
    width: 15px;
	background:#2acb35;
    border-color: #2acb35;
    border-radius: 25px;
}



/*** 
=============================================
    Footer area style
=============================================
***/
/* .footer-area {
    background: #222426;
    padding-top: 10px;
    padding-bottom: 5px;
    position: relative;
} */

/* .footer-area {
    background: #222426; 
    padding: 11.5px 15px; 
    position: relative;
    margin: 0; 
    box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.5); 
    color: #ffffff; 
    font-size: 12.5px; 
    text-align: left; 
    line-height: 2.5; 
} */
 
/* start new footer style */
.custom-footer {
    background: #222426;
    padding: 32px 0; /* Increased padding for more height */
    min-height: 250px; /* Ensures a minimum height */
    color: #ffffff;
    font-size: 16px;
    text-align: left;
    box-shadow: 0px -5px 15px rgba(0, 0, 0, 0.5);
}


.custom-container {
    width: 90%;
    margin: auto;
}

.custom-footer-content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
}

/* Logo and Social Media */
.custom-footer-logo {
    flex: 1;
    text-align: center;
}

.custom-footer-logo img {
    max-width: 150px;
    margin-bottom: 15px;
}

.custom-social-icons a {
    color: #ffffff;
    font-size: 20px;
    margin: 0 10px;
    display: inline-block;
    transition: transform 0.3s ease, color 0.3s ease;
}
/* Hover Effects - Change to Brand Colors */
.custom-social-icons a:hover {
    color: inherit; /* Prevent any unwanted color change */
}

.custom-social-icons a:hover i.fa-facebook { color: #1877F2; }   /* Facebook - Blue */
.custom-social-icons a:hover i.fa-linkedin { color: #0077B5; }   /* LinkedIn - Blue */
.custom-social-icons a:hover i.fa-youtube { color: #FF0000; }    /* YouTube - Red */
.custom-social-icons a:hover i.fa-instagram { color: #E1306C; }  /* Instagram - Pink */
.custom-social-icons a:hover i.fa-whatsapp { color: #25D366; }   /* WhatsApp - Green */

/* Theme-based hover effect for social icons */
/* .custom-social-icons a:hover {
    color: #a8e063; 
    transform: scale(1.1); 
} */

/* Footer Links */
.custom-footer-links {
    display: flex;
    justify-content: space-between;
    flex: 3;
    gap: 25px;
}

.custom-footer-column {
    flex: 1;
}

.custom-footer-title {
    font-size: 18px; /* Increased heading size */
    margin-bottom: 12px;
    color: #a8e063; /* Light green heading color */
}

.custom-footer-list {
    list-style: none;
    padding: 0;
}

.custom-footer-list li {
    margin-bottom: 10px;
}

/* Removed green hover effect from content links */
.custom-footer-list li a {
    color: #ffffff;
    text-decoration: none;
    transition: opacity 0.3s ease;
}

.custom-footer-list li a:hover {
    opacity: 0.7; /* Subtle opacity change instead of color change */
}

/* Address */
.custom-footer-text {
    margin: 5px 0;
    font-size: 16px;
}

@media (max-width: 768px) {
    /* Center Logo and Social Icons */
    .custom-footer-logo {
        text-align: center;
        margin-bottom: 20px;
    }

    .custom-footer-logo img {
        max-width: 150px;
        margin-bottom: 15px;
    }

    .custom-social-icons {
        display: flex;
        justify-content: center;
        gap: 15px;
    }

    /* Arrange Footer Columns in 2x2 Grid */
    .custom-footer-links {
        display: grid;
        grid-template-columns: repeat(2, 1fr); /* Two columns */
        gap: 20px;
        text-align: left;
    }

    .custom-footer-column {
        width: 100%;
    }

    /* Ensure Two Columns Stay Side by Side */
    .custom-footer-content {
        display: grid;
        grid-template-columns: repeat(2, 1fr); /* Two columns side by side */
        gap: 20px;
    }

    /* Make Sure This Layout Holds for All Small Screens */
    @media (max-width: 500px) {
        .custom-footer-content {
            grid-template-columns: 1fr; /* Stack in very small screens */
        }
    }
}
/* Fix for Very Small Screens (360px) */
@media (max-width: 360px) {
    .custom-footer-logo img {
        max-width: 120px; /* Reduce logo size */
    }

    .custom-social-icons a {
        font-size: 18px; /* Adjust icon size */
    }

    .custom-footer-content {
        grid-template-columns: 1fr; /* Stack columns fully */
        text-align: center;
    }

    .custom-footer-links {
        grid-template-columns: 1fr;
    }
}


@media (max-width: 768px) {
    .custom-footer {
        padding-bottom: 80px; /* Increased bottom padding */
    }
}

/* Extra Space for Smaller Screens (500px and below) */
@media (max-width: 500px) {
    .custom-footer {
        padding-bottom: 60px; /* Even more space for small screens */
    }
}

/* Extra Space for Very Small Screens (360px and below) */
@media (max-width: 360px) {
    .custom-footer {
        padding-bottom: 120px; /* Maximum space for tiny screens */
    }
}





/* End new footer style */
.single-footer-widget {
    position: relative;
    overflow: hidden;
}
.single-footer-widget.mar-top{
    margin-top: 20px;
}
.single-footer-widget.martop-minus {
    margin-top: -20px;
}
.single-footer-widget .title {
    padding-bottom: 40px;
    margin-top: -2px;
}
.single-footer-widget .title h3 {
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
}
.single-footer-widget .footer-logo{
    overflow: hidden;
    padding-bottom: 25px;
}
.single-footer-widget .footer-logo a{
    display: inline-block;
}
.single-footer-widget .our-info{
    overflow: hidden;
}
.single-footer-widget .our-info p{
    color: #888888;
    font-size: 14px;
    margin: 0;
}
.single-footer-widget .footer-contact-info {
    overflow: hidden;
    display: block;
    margin: 25px 0 0;
}
.single-footer-widget .footer-contact-info li {
    padding-left: 40px;
    position: relative;
    border-bottom: 1px solid #2f3132;
    padding-bottom: 17px;
    margin-bottom: 17px;
}
.single-footer-widget .footer-contact-info li:last-child{
    border: none;
    padding-bottom: 0;
    margin-bottom: 0;
}
.single-footer-widget .footer-contact-info li .icon-holder {
    position: absolute;
    top: 4px;
    left: 0;
}
.single-footer-widget .footer-contact-info li .icon-holder span:before{
    color: #2acb35;
    font-size: 20px;
    line-height: 20px;
}
.single-footer-widget .footer-contact-info li .icon-holder span.flaticon-arrows:before{
    position: relative;
    top: 5px;
}
.single-footer-widget .footer-contact-info li .text-holder{ }
.single-footer-widget .footer-contact-info li .text-holder h5{
    color: #888888;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    font-family: 'Open Sans', sans-serif;
}


.single-footer-widget .usefull-links {
    overflow: hidden;
    margin-top: -5px;
}
.single-footer-widget .usefull-links.fl-lft {
    float: left;
    width: 130px;
    border-right: 1px solid #2f3132;
    padding-right: 40px;
    margin-right: 35px;
}
.single-footer-widget .usefull-links li {
    margin-bottom: 24px;
    line-height: 14px;
}
.single-footer-widget .usefull-links li:last-child{
    margin-bottom: 0px;
}
.single-footer-widget .usefull-links li a{
    position: relative;
    color: #888888;
    font-size: 14px;
    font-weight: 400;
    transition: all 500ms ease;
}
.single-footer-widget .usefull-links li a:before {
    position: absolute;
    top: 7px;
    left: -10px;
    width: 6px;
    height: 6px;
    background: #2acb35;
    content: "";
    border-radius: 50%;
    transition:all 300ms ease-in;
}
.single-footer-widget .usefull-links li a:hover:before{
	left:0px;	
}
.single-footer-widget .usefull-links li a:hover{
    color: #2acb35;
    padding-left:15px;
}


.single-footer-widget .latest-post {
    margin-top: -6px;
}
.single-footer-widget .latest-post .single-post {
    position: relative;
    margin-bottom: 18px;
    padding-bottom: 18px;
    border-bottom: 1px solid #2e2e2e;
    min-height: 70px;
}
.single-footer-widget .latest-post .single-post:last-child{
    margin-bottom: 0; 
    padding-bottom: 0;
    border-bottom: none;
}
.single-footer-widget .latest-post .single-post .img-holder {
    width: 70px;  
}
.single-footer-widget .latest-post .single-post .img-holder img {
    transition: all 0.5s ease 0s;
    width: 100%;
    border-radius: 50%;
}
.single-footer-widget .latest-post .single-post .img-holder,
.single-footer-widget .latest-post .single-post .text-holder{
    display: table-cell;
    vertical-align: middle;
}

.single-footer-widget .latest-post .single-post .text-holder {
    padding-left: 20px;
    position: relative;
}
.single-footer-widget .latest-post .single-post .text-holder a.post-title{
    color: #ffffff;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    transition: all 500ms ease;
}
.single-footer-widget .latest-post .single-post .text-holder a.post-title:hover{
    color: #2acb35;
}
.single-footer-widget .latest-post .single-post .text-holder .post-info {
    overflow: hidden;
    margin: 0px 0 0;
}
.single-footer-widget .latest-post .single-post .text-holder .post-info span {
    color: #2acb35;
    font-size: 14px;
}


.single-footer-widget .newsletter-box {
    margin-top: -6px;
    margin-bottom: 40px;
}
.single-footer-widget .newsletter-box p{ }
.single-footer-widget .newsletter-box .newsletter-form {
    position: relative;
    overflow: hidden;
    display: block;
}


.single-footer-widget .newsletter-box form.newsletter-form {
    position: relative;
    margin-top: 15px;
}
.single-footer-widget .newsletter-box form.newsletter-form input[type="text"] {
  background: #27282a;
  border: 1px solid #2d2f31;
  color: #7d7a7a;
  display: block;
  font-size: 14px;
  font-weight: 500;
  height: 45px;
  letter-spacing: 1px;
  padding-left: 50px;
  padding-right: 55px;
  position: relative;
  -webkit-transition: all 500ms ease 0s;
  transition: all 500ms ease 0s;
  width: 100%;
}
.single-footer-widget .newsletter-box form.newsletter-form button {
  background: #2acb35 none repeat scroll 0 0;
  color: #fff;
  display: block;
  height: 45px;
  padding: 9px 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  -webkit-transition: all 500ms ease 0s;
  transition: all 500ms ease 0s;
  width: 45px;
}
.single-footer-widget .newsletter-box form.newsletter-form button i {
  font-size: 14px
}
.single-footer-widget .newsletter-box form.newsletter-form input[type="text"]:focus {
  border: 1px solid #424141;
  background: #fff;
  color: #000;
}
.single-footer-widget .newsletter-box form.newsletter-form input[type="text"]:focus + button, 
.single-footer-widget .newsletter-box form.newsletter-form button:hover {
    background: #424141 none repeat scroll 0 0;
    color: #fff;
}
.single-footer-widget .newsletter-box form.newsletter-form .envelope {
    position: absolute;
    top: 13px;
    left: 0;
    width: 40px;
    height: 20px;
    display: block;
    text-align: center;
    border-right: 1px solid #1b1c1e;
}
.single-footer-widget .newsletter-box form.newsletter-form .envelope i {
    color: #48494c;
    font-size: 14px;
    display: block;
    line-height: 18px;
}

.single-footer-widget .working-hours {
    overflow: hidden;
    display: block;
    padding: 0 20px;
    background: #27282a;
    border: 1px solid #2f3132;
    margin-top: -14px;
}
.single-footer-widget .working-hours li{
    border-bottom: 1px solid #2f3132;
    line-height: 40px;
}
.single-footer-widget .working-hours li:last-child{
    border-bottom: none;
}
.single-footer-widget .working-hours li span{
    float: right;
}
.single-footer-widget .working-hours li span.closed{
    color: #2acb35;    
}


/* Responsive Styles */
@media (max-width: 1200px) {
    .single-footer-widget {
        margin-bottom: 20px; /* Add space between widgets */
    }
}

@media (max-width: 992px) {
    .footer-area {
        padding: 25px 10px; /* Adjust padding for smaller screens */
    }
    .single-footer-widget {
        width: 100%; /* Make widgets full width */
        margin-bottom: 20px; /* Add space between widgets */
    }
    .single-footer-widget .title {
        padding-bottom: 20px; /* Adjust title padding */
    }
}

@media (max-width: 768px) {
    .footer-area {
        text-align: left; /* Ensure text remains left-aligned */
    }
    .single-footer-widget {
        margin-bottom: 15px; /* Add space between widgets */
        padding: 0 10px; /* Add padding for better spacing */
    }
    .single-footer-widget .footer-contact-info li {
        padding-bottom: 10px; /* Adjust padding for contact info */
    }
    .single-footer-widget .usefull-links.fl-lft {
        float: none; /* Remove float for links */
        width: auto; /* Set width to auto */
        border-right: none; /* Remove border */
        padding-right: 0; /* Remove padding */
        margin-right: 0; /* Remove margin */
    }
}

@media (max-width: 576px) {
    .footer-area {
        padding: 25px; /* Reduce padding for very small screens */
    }
    .single-footer-widget .footer-contact-info li {
        padding-left: 10px; /* Adjust padding for smaller screens */
    }
    .single-footer-widget .footer-contact-info li .icon-holder {
        top: 0; /* Adjust icon position */
    }
    .single-footer-widget .newsletter-box form.newsletter-form input[type="text"] {
        padding-left: 10px; /* Adjust padding for input */
    }
    .single-footer-widget .newsletter-box form.newsletter-form button {
        width: 40px; /* Adjust button width */
    }
}

/* Ensure all text is visible and readable */
.single-footer-widget .footer-contact-info li h5 {
    font-size: 12px; /* Smaller font size for mobile */
}

.single-footer-widget .usefull-links li a {
    font-size: 12px; /* Smaller font size for mobile */
}

.single-footer-widget .latest-post .single-post .text-holder a.post-title {
    font-size: 12px; /* Smaller font size for mobile */
}


/*** 
=============================================
    Footer Bottom area style
=============================================
***/
.footer-bottom-area {
    background: #1c1e20;
    padding: 20px 0 20px;
}
.copyright-text {
    padding: 7px 0;
}
.copyright-text p {
    margin: 0;
    color: #888888;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    line-height: 26px;
}
.copyright-text p a{
    font-weight: 500;
    color: #2acb35;
    transition: all 500ms ease;
}
.copyright-text p a:hover{
    color: #888888;
}

/* .footer-social-links {
    overflow: hidden;
    padding-left: 50px; 
}

.footer-social-links ul {
    list-style: none; 
    padding: 0; 
    margin: 0; 
}

.footer-social-links li {
    display: inline-block;
    margin-right: 10px;
}

.footer-social-links li:last-child {
    margin-right: 0;
}

.footer-social-links li a i {
    font-size: 20px; 
    color: #2acb35; 
    transition: all 0.3s ease-in-out;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.footer-social-links li a:hover i,
.footer-social-links li a:focus i {
    transform: scale(1.1); 
}


.footer-social-links li a .fa-facebook:hover {
    color: #1877F2; }

.footer-social-links li a .fa-linkedin:hover {
            color: #0A66C2; 
}   

.footer-social-links li a .fa-youtube:hover {
    color: #FF0000; 
}

.footer-social-links li a .fa-instagram:hover {
    color: #E4405F; 
} */

.footer-social-links {
    overflow: hidden;
    padding-left: 50px; 
}

.footer-social-links ul {
    list-style: none; 
    padding: 0; 
    margin: 0; 
}

.footer-social-links li {
    display: inline-block;
    margin-right: 10px;
}

.footer-social-links li:last-child {
    margin-right: 0;
}

.footer-social-links li a i {
    font-size: 20px; /* Increased icon size for better visibility */
    color: #2acb35; /* Default light green color */
    transition: all 0.3s ease-in-out;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Hover effects for icons */
.footer-social-links li a:hover i,
.footer-social-links li a:focus i {
    transform: scale(1.1); /* Smooth scaling effect on hover */
}

/* Adding hover effects for each social media icon */
.footer-social-links li a .fa-whatsapp:hover {
    color: #128C7E; /* WhatsApp hover effect */
}

.footer-social-links li a .fa-x-twitter:hover {
    color: #1DA1F2; /* Twitter (X) hover effect */
}

.footer-social-links li a .fa-facebook:hover {
    color: #1877F2; /* Facebook hover effect */
}

.footer-social-links li a .fa-linkedin:hover {
    color: #0A66C2; /* LinkedIn hover effect */
}

.footer-social-links li a .fa-youtube:hover {
    color: #FF0000; /* YouTube hover effect */
}

.footer-social-links li a .fa-instagram:hover {
    color: #E4405F; /* Instagram hover effect */
}

/* Ensure icons remain light green on mobile */
@media only screen and (max-width: 768px) {
    .footer-social-links li a i {
        color: #2acb35; /* Ensure icons are light green on mobile */
    }

/* footer social icons left alignment */
    .footer-social-links {
        display: flex; /* Use flexbox for alignment */
        justify-content: flex-start; /* Align items to the left */
        padding: 0; /* Remove padding if necessary */
        margin: 0; /* Remove margin if necessary */
    }

    .footer-social-links li {
        margin-right: 10px; /* Space between icons */
    }


}






/*** 
=============================================
    Breadcrumb area style
=============================================
***/
/* .breadcrumb-area {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 130px;
    padding-bottom: 120px;
    position: relative;
    z-index: 1;
}
.breadcrumb-area .breadcrumbs {}
.breadcrumb-area .breadcrumbs h1 {
    color: #ffffff;
    font-size: 48px;
    font-weight: 700;
    line-height: 50px;
    text-transform: capitalize;
    text-align: center;
} */


/* .breadcrumb-area {
    background-position: center center; 
    background-repeat: no-repeat;
    background-size: cover; 
    padding-top: 150px; 
    padding-bottom: 150px; 
    position: relative;
    z-index: 1;
    height: 550px; 
}

.breadcrumb-area .breadcrumbs {}

.breadcrumb-area .breadcrumbs h1 {
    color: #ffffff;
    font-size: 48px;
    font-weight: 700;
    line-height: 250px;
    text-transform: capitalize;
    text-align: center;
    margin: 0; 
    padding: 0 20px; 
} */

.breadcrumb-area {
    background-position: center center; 
    background-repeat: no-repeat;
    background-size: cover; 
    padding-top: 150px; 
    padding-bottom: 150px; 
    position: relative;
    z-index: 1;
    height: 570px; 
    margin-top: 83px; /* Add margin to separate from fixed navbar */
}

.breadcrumb-area .breadcrumbs {}

.breadcrumb-area .breadcrumbs h1 {
    color: #ffffff;
    font-size: 48px;
    font-weight: 700;
    line-height: 250px;
    text-transform: capitalize;
    text-align: center;
    margin: 0; 
    padding: 0 20px; 
}



/* Responsive Adjustments */
@media (max-width: 1024px) {
    .breadcrumb-area {
        height: 400px; /* Reduce height for tablets */
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .breadcrumb-area .breadcrumbs h1 {
        font-size: 38px;
        line-height: 200px;
    }
}

@media (max-width: 768px) {
    .breadcrumb-area {
        height: 300px; /* Adjust for smaller screens */
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .breadcrumb-area .breadcrumbs h1 {
        font-size: 30px;
        line-height: 150px;
    }
}

@media (max-width: 480px) {
    .breadcrumb-area {
        height: 250px; /* Suitable for mobile screens */
        padding-top: 60px;
        padding-bottom: 60px;
        background-position: top center; /* Adjust image position */
    }

    .breadcrumb-area .breadcrumbs h1 {
        font-size: 24px;
        line-height: 120px;
        padding: 0 15px;
    }
}











/*** 
=============================================
    Breadcrumb bottom area style
=============================================
***/
.breadcrumb-bottom-area {
    position: relative;
    overflow: hidden;
    padding: 18px 0 15px;
    border-bottom: 1px solid #f4f4f4;
    border-top: 1px solid #f4f4f4;
}
.breadcrumb-bottom-area .left ul{}
.breadcrumb-bottom-area .left ul li{
    display: inline-block;
    margin-right: 6px;
    line-height: 20px;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
}
.breadcrumb-bottom-area .left ul li:last-child{
    margin-right: 0;
}
.breadcrumb-bottom-area .left ul li a{
    color: #404040;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;
    transition: all 500ms ease;
}
.breadcrumb-bottom-area .left ul li.active{
    color: #2acb35;    
}
.breadcrumb-bottom-area .left ul li i{
    font-size: 16px;
}
.breadcrumb-bottom-area .left ul li a:hover{
  color: #2acb35;    
}
.breadcrumb-bottom-area .right span{
    color: #2acb35;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    text-transform: capitalize;
    transition: all 500ms ease;
}
.breadcrumb-bottom-area .right span i {
    font-size: 16px;
    display: inline-block;
    padding-right: 6px;
}

.breadcrumb-bottom-area .right a {
    display: inline-block;
}
.breadcrumb-bottom-area .right span:hover{
    color: #000;    
}



/*** 
=============================================
    Callto action area bottom style
=============================================
***/
.callto-action-area .bottom{
    padding-top: 60px;
}
.callto-action-area .border {
    margin-top: 50px;
    margin-bottom: 0;
}
.callto-action-area .bottom .single-item {
    border: 1px solid #f4f4f4;
    display: block;
    padding: 30px 20px 22px;
}
.callto-action-area .bottom .single-item .year {
    border: 1px solid #f4f4f4;
    display: inline-block;
    overflow: hidden;
    padding: 8px 23px 5px;
}
.callto-action-area .bottom .single-item .year h3 {
    color: #404040;
    font-size: 20px;
    font-weight: 600;
}
.callto-action-area .bottom .single-item h4 {
    color: #404040;
    font-size: 18px;
    font-weight: 600;
    margin: 19px 0 15px;
}
.callto-action-area .bottom .single-item .readmore {
    color: #949494;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    transition: all 500ms ease;
}
.callto-action-area .bottom .single-item .readmore i{
    display: inline-block;
    padding-left: 10px;
    font-size: 16px;
}
.callto-action-area .bottom .single-item:hover .readmore{
    color: #2acb35;
}



/*** 
=============================================
    Fact counter Area style
=============================================
***/
.fact-counter-area {
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 40px;
    padding-top: 67px;
    position: relative;
    z-index: 1;
}
.fact-counter-area::before {
    background: rgba(35, 37, 39, 0.95);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.fact-counter-area .sec-title h1{
    color: #ffffff;    
}
.fact-counter-area .single-item {
    background: rgba(255, 255, 255, 0.05);
    width: 100%;
    display: block;
    padding: 40px 25px 23px;
    margin-bottom: 30px;
    transition: all 500ms ease;
    position: relative;
}
.fact-counter-area .single-item:hover{
    background: rgba(255, 255, 255, 0.35);    
} 
.fact-counter-area .single-item .icon-holder{
    margin: 0 0 18px;
}
.fact-counter-area .single-item .icon-holder span:before{
    color: #2acb35;
    font-size: 60px;
    line-height: 60px;
}
.fact-counter-area .single-item h1 span{
    color: #2acb35;
    font-size: 30px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
}
.fact-counter-area .single-item h3{
    color: #ffffff;
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    text-transform: capitalize;
    font-family: 'Hind', sans-serif;
    margin: 11px 0 0;
}

.fact-counter-area .single-item .count {
    position: absolute;
    top: 25px;
    left: 16px;
}
.fact-counter-area .single-item .count h1 {
    color: rgba(255, 255, 255, 0.05);
    font-size: 60px;
    line-height: 60px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    transition: all 500ms ease;
}
.fact-counter-area .single-item:hover .count h1{
    color: rgba(255, 255, 255, 0.55);    
}



/*** 
=============================================
    Healty process Area style
=============================================
***/
.healty-process-area {
    background: #f5f4f3;
    padding-top: 80px;
    padding-bottom: 50px;
    overflow: hidden;
}
.healty-process-area .sec-title {}
.healty-process-area .single-item {
    margin-bottom: 30px;
}
.healty-process-area .single-item .icon-box {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #f7f7f7;
    border-radius: 50%;
    display: block;
    height: 180px;
    padding: 9px;
    position: relative;
    width: 180px;
    margin: 0 auto;
    transition: all 500ms ease;
}
.healty-process-area .single-item .icon-box .icon {
    background: #2acb35 none repeat scroll 0 0;
    border-radius: 50%;
    display: block;
    height: 160px;
    width: 160px;
    text-align: center;
    line-height: 160px;
    color: #ffffff;
    font-size: 50px;
    transition: all 500ms ease;
}
.healty-process-area .single-item .icon-box .icon span:before{
    font-size: 50px;
    line-height: 50px;
}
.healty-process-area .single-item .icon-box .count {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #f7f7f7;
    border-radius: 50%;
    display: block;
    height: 45px;
    left: 5px;
    position: absolute;
    text-align: center;
    top: 10px;
    width: 45px;
    transition: all 500ms ease;
}
.healty-process-area .single-item .icon-box .count h3 {
    color: #2acb35;
    font-size: 18px;
    line-height: 45px;
    font-weight: 700;
    transition: all 500ms ease;
}
.healty-process-area .single-item .text-box { }
.healty-process-area .single-item .text-box h3 {
    color: #404040;
    font-size: 20px;
    font-weight: 500;
    text-transform: capitalize;
    margin: 21px 0 9px;
}
.healty-process-area .single-item .text-box p {
    margin: 0;  
}
.healty-process-area .single-item:hover .icon-box{
    background: #222426;
} 
.healty-process-area .single-item:hover .icon-box .count{
    background: #222222;
    border-color: #2acb35;
    transform: rotate(360deg);
}
.healty-process-area .single-item:hover .icon-box .count h3{
  
}



/*** 
=============================================
    Team Area style
=============================================
***/
.team-area {
   
    padding-bottom: 45px
}
.team-area .single-team-member {
    margin-bottom: 35px;
    display: block;
}
.team-area .single-team-member.hvr-underline-reveal:before {
    background: #45c4e9;
    height: 3px;
}
.team-area .single-team-member .img-holder {
    position: relative;
    display: block;
    overflow: hidden;
}
.team-area .single-team-member .img-holder img{
    transform: scale(1.1, 1.1);
    transition: all 0.5s ease 0s;
    width: 100%;
}
.team-area .single-team-member:hover .img-holder img{
    transform: scale(1, 1); 
}
.team-area .single-team-member:hover .img-holder .overlay-style-one {
    transform: translateY(0%); 
    opacity: 1;
}
.team-area .single-team-member .img-holder .overlay-style-one .box .content ul{
    
}
.team-area .single-team-member .img-holder .overlay-style-one .box .content ul li{
    display: inline-block;
    margin: 0 3px;    
}
.team-area .single-team-member .img-holder .overlay-style-one .box .content ul li a i{
    background: rgba(255, 255, 255, 0.7);  
    height: 40px; 
    width: 40px; 
    display: block; 
    border-radius: 50%; 
    color: #172b42;  
    font-size: 13px;  
    line-height: 42px; 
    transition: all 500ms ease;
}
.team-area .single-team-member .img-holder .overlay-style-one .box .content ul li a:hover i{
    background: #2acb35;
    color: #fff;
}

.team-area .single-team-member .text-holder {
    background: #f5f4f3;
    padding-top: 22px;
    padding-bottom: 20px;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
}
.team-area .single-team-member .text-holder h3{
    color: #222222;
    font-size: 18px;
    font-weight: 600;
    text-transform: none;
    margin: 0 0 5px;
}
.team-area .single-team-member .text-holder span{
    color: #2acb35;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
}
.team-area .single-team-member .text-holder .text{
    padding-top: 12px;    
}
.team-area .single-team-member .text-holder .text p{
    margin: 0;
}


/*** 
=============================================
    Testimonial Section style
=============================================
***/
.testimonial-page{
    background: #ffffff;
    padding-top: 80px;
    padding-bottom: 50px;
}
.testimonial-page .single-testimonial-item{
    border: 1px solid #f5f4f3;
    padding: 38px 30px 36px;
}



/*** 
=============================================
    Faq content area style
=============================================
***/
.faq-content-area{
    padding-top: 80px;
    padding-bottom: 80px;
}
.accordion-box {
    border: 1px solid #e6e6e6;
    display: block;
    padding: 20px 20px 0px;
}
.accordion-box .accordion {
    margin-bottom: 20px;
    position: relative;
}
.accordion-box .accordion.last{
    margin-bottom: 0;
}
.accordion-box .accordion .accord-btn {
    border-bottom: 1px solid #ededed;
    cursor: pointer;
    padding: 0px 40px 20px 0px;
    position: relative;
    transition: all 500ms ease;
}
.accordion-box .accordion .accord-btn.last {
    border-bottom: none;
}
.accordion-box .accordion .accord-btn h4 {
    color: #222222;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    transition: all 500ms ease;
}
.accordion-box .accordion .accord-btn::after {
    color: #cfcfcf;
    content: "\f10c";
    font-family: "Flaticon";
    font-size: 12px;
    font-weight: 400;
    line-height: 28px;
    margin-top: -25px;
    position: absolute;
    right: 0px;
    top: 50%;
    transition: all 500ms ease 0s;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid #e4e4e4;
    text-align: center;
}
.accordion-box .accordion .accord-btn.active{
    border-bottom: 1px solid transparent;  
    transition: all 500ms ease;
}
.accordion-box .accordion .accord-btn.active h4 {
    color: #2acb35;
}
.accordion-box .accordion .accord-btn.active:after{
    content: "\f10b";
    border: 2px solid #2acb35;
    color: #2acb35;
    background: transparent;
}
.accordion-box .accordion .accord-content {
    display: none;
    padding: 0px 50px 25px 0px;
    position: relative;
    border-bottom: 1px solid #ededed;
}
.accordion-box .accordion .accord-content.last {
    border-bottom: 1px solid transparent;
}
.accordion-box .accordion .accord-content.collapsed {
    display: block;
    margin-top: -10px;
}
.accordion-box .accordion .accord-content p {
    margin: 0;
}





/*** 
=============================================
    Main Project Area style
=============================================
***/
.main-project-area{
    padding-top: 80px;
    padding-bottom: 80px;
}
.main-project-area .project-filter {
    margin-bottom: 50px;
}
.main-project-area .project-filter li{
    display: inline-block;
    margin: 0 7px;
}
.main-project-area .project-filter li span {
    position: relative;
    background: #ffffff;
    border: 1px solid #f5f4f3;
    color: #888888;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    transition: all 500ms ease 0s;
    font-family: 'Open Sans', sans-serif;
    padding: 8px 20px 8px;
    border-radius: 25px;
}
.main-project-area .project-filter li.active span, 
.main-project-area .project-filter li:hover span {
    color: #ffffff;
    background: #2acb35;
    border-color: #2acb35;
}

.main-project-area .single-project-item{
    margin-bottom: 30px;
}
.single-project-item {
    position: relative;
    overflow: hidden;
    display: block;
}
.single-project-item .img-holder{
    display: block;
    overflow: hidden;
    position: relative;  
}
.single-project-item .img-holder img {
    transform: scale(1.1, 1.1);
    transition: all 0.5s ease 0s;
    width: 100%;
}
.single-project-item:hover .img-holder img{
    transform: scale(1, 1);
}
.single-project-item:hover .img-holder .overlay-style-one{
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);    
}
.single-project-item .img-holder .overlay-style-one .box .content a {
    font-size: 18px;
    color: #ffffff;
    font-weight: 600;
    transition: all 500ms ease;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;
}
.single-project-item .img-holder .overlay-style-one .box .content a:hover{
    color: #2acb35;
}
.single-project-item .img-holder .overlay-style-one .box .content .border {
    display: block;
    width: 50px;
    height: 1px;
    background: rgba(255, 255, 255, 0.40);
    margin: 13px auto 9px;
}
.single-project-item .img-holder .overlay-style-one .box .content p{ 
    color: #2acb35;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    margin: 0;
}
.main-project-area .post-pagination{
    margin-top: 20px;
}

.single-project-item .img-holder img {
    width: 100%;
    border-radius: 15px; /* Adjust for more or less roundness */
    transform: scale(1); /* Ensure no zoom effect initially */
    transition: all 0.5s ease;
}

.single-project-item:hover .img-holder img {
    transform: scale(1.05); /* Slight zoom on hover if desired */
}





.gallery-img {
    width: 100%;
    border-radius: 15px;
    cursor: pointer;
    transition: transform 0.3s ease;
}
.gallery-img:hover {
    transform: scale(1.05);
}
.modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
    justify-content: center;
    align-items: center;
}
.modal-content {
    max-width: 80%;
    max-height: 80%;
    border-radius: 10px;
}
.close {
    position: absolute;
    top: 20px;
    right: 30px;
    color: white;
    font-size: 30px;
    cursor: pointer;
}
.nav-buttons {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.nav-buttons button {
    background: rgba(255,255,255,0.5);
    border: none;
    padding: 10px;
    font-size: 24px;
    cursor: pointer;
}



/*** 
=============================================
    Project Single Area style
=============================================
***/
#project-single-area{
    padding-top: 80px;
    padding-bottom: 80px;
}
#project-single-area .owl-theme .owl-nav {
    margin-top: 0px;
}
#project-single-area .owl-theme .owl-dots {
    text-align: center;
}
#project-single-area .owl-theme .owl-dots .owl-dot {
    display: inline-block;
}
#project-single-area .owl-theme .owl-dots {
    position: absolute;
    top: 90%;
    left: 0;
    right: 0;
}
#project-single-area .owl-dots .owl-dot{
	background-image:none;
    background-color: #fff;
	width:12px;
	height:12px;
	margin:6px;
	padding:0px;
	border:2px solid #fff;
	background:none;
	border-radius:50%;
	-webkit-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
	-moz-border-radius:50%;
    transition: all 500ms ease;
}
#project-single-area .owl-dots .owl-dot span{
	display:none;	
}
#project-single-area .owl-dots .owl-dot.active{
    border: 2px solid #2acb35;
	background: #2acb35;
}

#project-single-area .project-info {}
#project-single-area .sec-title{
    padding-bottom: 20px;
}
#project-single-area .sec-title h2{
    color: #404040;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
}
#project-single-area .project-info .project-info-list {
  overflow: hidden;
  margin-top: 30px;
  margin-left: -30px;
  margin-right: -30px;
}
#project-single-area .project-info .project-info-list li {
  border-bottom: 1px solid #f7f7f7;
  float: left;
  margin: 0 30px 20px;
  overflow: hidden;
  padding-bottom: 11px;
  padding-left: 20px;
  position: relative;
  width: 200px;
}
#project-single-area .project-info .project-info-list li .icon-holder {
  left: 0;
  position: absolute;
  top: -5px;
}
#project-single-area .project-info .project-info-list li .icon-holder i {
  font-size: 14px;
  color: #2acb35;
}
#project-single-area .project-info .project-info-list li .text-holder {}
#project-single-area .project-info .project-info-list li .text-holder h5 {
  color: #404040;
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize;
  margin: 0 0 3px;
}
#project-single-area .project-info .project-info-list li .text-holder p {
    margin: 0;
    color: #949494;
    font-size: 14px;
}

#project-single-area .project-description{
    padding-top: 60px;
}
#project-single-area .bottom {
    border-bottom: 1px solid #f7f7f7;
    border-top: 1px solid #f7f7f7;
    margin: 43px 0 0;
    overflow: hidden;
    padding-bottom: 20px;
    padding-top: 21px;
}
#project-single-area .bottom .button a {
    color: #1c1c1c;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    transition: all 500ms ease;
}
#project-single-area .bottom .button a:hover{
  color: #2acb35;
}
#project-single-area .bottom .button a i {
  display: inline-block;
  font-size: 18px;
  padding-right: 10px;
  position: relative;
  top: 1px;
}
#project-single-area .bottom .button.next a i{
  padding-right: 0px;
  padding-left: 10px;
}
#project-single-area .bottom .icon-holder a i {
  color: #1c1c1c;
  font-size: 24px;
  position: relative;
  top: 4px;
  transition: all 500ms ease 0s;
}
#project-single-area .bottom .icon-holder a:hover i{
  color: #2acb35;
}



/*** 
=============================================
    Blog Default Area style
=============================================
***/
.blog-default-area{
    padding-top: 80px;
    padding-bottom: 80px;
}
.blog-default-area .blog-post {}
.blog-default-area .blog-post .single-blog-item{
    margin-bottom: 40px;
}
.blog-default-area .blog-post .post-pagination {
    border-top: 1px solid #f4f4f4;
    padding-top: 50px;
    margin-top: 10px;
}

.blog-default-area .sidebar-wrapper {
    border-left: 1px solid #f4f4f4;
    padding-left: 30px;
    margin-top: -80px;
    padding-top: 80px;
    margin-bottom: -80px;
    padding-bottom: 80px;
}
.sidebar-wrapper {
    position: relative;
    display: block;
    overflow: hidden;
}
.sidebar-wrapper .single-sidebar {
    overflow: hidden;
    margin-bottom: 50px;
    position: relative;
}
.sidebar-wrapper .single-sidebar .sec-title {
    overflow: hidden;
    padding-bottom: 25px;
    margin-top: 0;
}
.sidebar-wrapper .single-sidebar .sec-title h3 {
    color: #222222;
    font-size: 18px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
}

.sidebar-wrapper .single-sidebar form.search-form {
    position: relative
}
.sidebar-wrapper .single-sidebar .search-form input[type="text"] {
    background: #fff;
    border: 1px solid #f4f4f4;
    color: #ababab;
    display: block;
    font-size: 14px;
    font-weight: 500;
    height: 50px;
    letter-spacing: 1px;
    padding-left: 15px;
    padding-right: 55px;
    position: relative;
    -webkit-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
    width: 100%;
}
.sidebar-wrapper .single-sidebar .search-form button {
    background: #2acb35 none repeat scroll 0 0;
    color: #fff;
    display: block;
    height: 50px;
    padding: 12px 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    -webkit-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
    width: 50px;
}
.sidebar-wrapper .single-sidebar .search-form button i {
  font-size: 14px
}
.sidebar-wrapper .single-sidebar .search-form input[type="text"]:focus {
  border: 1px solid #03a80e;
  background: #fff;
  color: #000;
}
.sidebar-wrapper .single-sidebar .search-form input[type="text"]:focus + button, 
.sidebar-wrapper .single-sidebar .search-form button:hover {
    background: #03a80e none repeat scroll 0 0;
    color: #ddd;
}


.single-sidebar .categories {
    background: #ffffff;
    display: block;
    border: 1px solid #f5f4f3;
    padding: 24px 30px 24px;
}
.single-sidebar .categories li {
    border-bottom: 1px solid #ededed;
    margin-bottom: 12px;
    padding-bottom: 9px;
}
.single-sidebar .categories li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.single-sidebar .categories li a {
    color: #888888;
    transition: all 500ms ease;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    position: relative;
}
.single-sidebar .categories li a span{
    float: right;
}
.single-sidebar .categories li a:hover{
    color: #2acb35;    
}


.single-sidebar .popular-post {}
.single-sidebar .popular-post li {
    margin-bottom: 25px;
    padding-left: 70px;
    position: relative;
    border-bottom: 1px solid #f4f4f4;
    padding-bottom: 25px;
}
.single-sidebar .popular-post li:last-child{
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.single-sidebar .popular-post li .img-holder {
    display: block;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
}
.single-sidebar .popular-post li .img-holder img {
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
    width: auto;         
}
.single-sidebar .popular-post li .img-holder .overlay-style-one .box .content a i{
    color: #fff;
    font-size: 16px;
    transition: all 500ms ease;
}
.single-sidebar .popular-post li:hover .img-holder .overlay-style-one{
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);    
}
.single-sidebar .popular-post li:hover .img-holder img {
    transform: scale(1.1);
}
.single-sidebar .popular-post li .img-holder .overlay-style-one .box .content a:hover i{
    color: #2acb35;
}

.single-sidebar .popular-post li .title-holder {
  padding-left: 20px;
}
.single-sidebar .popular-post li .title-holder a .post-title {
    color: #404040;
    font-size: 15px;
    line-height: 24px;
    position: relative;
    font-weight: 400;
    margin: 0 0 7px;
    font-family: 'Poppins', sans-serif;
    transition: all 500ms ease;
}
.single-sidebar .popular-post li .title-holder a:hover .post-title{
    color: #2acb35;
}
.single-sidebar .popular-post li .title-holder .post-date {
    color: #2acb35;
    display: block;
    transition: all 500ms ease;
    font-weight: 400;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
}

.single-sidebar .follow-us {
    color: #ababab;
    font-size: 14px;
    margin-top: 0px;
}

.single-sidebar .instagram {
    overflow: hidden;
    display: block;
    margin-left: -6px;
    margin-right: -6px;
}
.single-sidebar .instagram li {
    display: inline-block;
    float: left;
    margin: 0 5px 10px;
}
.single-sidebar .instagram li .img-holder {
  overflow: hidden;
  position: relative;
  display: block;
}
.single-sidebar .instagram li .img-holder img {
    transform: scale(1.1, 1.1);
    transition: all 0.5s ease 0s;
    width: 100%;
}
.single-sidebar .instagram li .img-holder .overlay-style-one .box .content a i{
  color: #fff;
  font-size: 15px;
}
.single-sidebar .instagram li:hover .img-holder .overlay-style-one {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);    
}
.single-sidebar .instagram li:hover .img-holder img {
    transform: scale(1, 1);
}
.single-sidebar .popular-tag {
    margin-left: -3px;
    margin-right: -3px;
    margin-top: -5px;
}
.single-sidebar .popular-tag li {
    display: inline-block;
    margin: 0 3px 10px;
}
.single-sidebar .popular-tag li a {
    border: 1px solid #f4f4f4;
    color: #888888;
    display: block;
    font-size: 14px;
    font-weight: 400;
    padding: 4px 12px 4px;
    font-family: 'Open Sans', sans-serif;
    transition: all 500ms ease 0s;
}
.single-sidebar .popular-tag li a:hover{
  background: #2acb35;
  border-color: #2acb35;
  color: #fff;
}



/*** 
=============================================
    Blog Large Area style
=============================================
***/
.blog-large-area{
    padding-top: 80px;
    padding-bottom: 80px;
}
.blog-large-area .blog-post {
    border-right: 1px solid #f4f4f4;
    margin-right: -30px;
    padding-right: 30px;
    margin-top: -80px;
    padding-top: 80px;
    margin-bottom: -80px;
    padding-bottom: 80px;
}
.blog-large-area .single-blog-item {
    margin-bottom: 50px;
    border: none;
    min-height: initial;
}
.blog-large-area .single-blog-item .img-holder img {
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
    width: 100%;  
}
.blog-large-area .single-blog-item .img-holder .categories{
    transform: translate3d(0px, 0px, 0px);    
}
.blog-large-area .single-blog-item .img-holder .overlay-style-one .box .content a i {
    width: 45px;
    height: 45px;
    border: 2px solid #ffffff;
    background: #000;
    font-size: 15px;
    line-height: 44px;
    transition: all 500ms ease;
}
.blog-large-area .single-blog-item .img-holder .overlay-style-one .box .content a:hover i{
    background: #2acb35;
}

.blog-large-area .single-blog-item .text-holder {
    border: 1px solid #f4f4f4;
    border-top: none;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 22px;
    text-align: left;
    transition: all 500ms ease;
    position: static;
    background: #ffffff;
}
.blog-large-area .single-blog-item .text-holder .blog-title {
    font-size: 24px;
    padding: 15px 0 15px;
    line-height: 30px;
}

.blog-large-area .single-blog-item .text-holder .meta-info{
    text-align: left;
}
.blog-large-area .blog-post .single-blog-item .text-holder .read-more {
    padding-top: 17px;
    color: #404040;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    display: block;
    transition: all 500ms ease;
}
.blog-large-area .blog-post .single-blog-item .text-holder .read-more i{
    display: inline-block;
    padding-left: 7px;
    font-weight: 700;
}
.blog-large-area .blog-post .single-blog-item .text-holder .read-more:hover{
    color: #2acb35;    
}
.blog-large-area .blog-post .post-pagination {}
.blog-large-area .sidebar-wrapper {
    padding-left: 30px;
}



/*** 
=============================================
    Blog Single Area style
=============================================
***/
.blog-single-area { }
.blog-single-area .single-blog-item {
    margin-bottom: 33px;
}
.blog-single-area .sec-title h3 {
    font-size: 25px;
    font-family: 'Poppins', sans-serif;
    margin: 0 0 17px;
}
.blog-single-area .single-blog-item .text-holder {
    border: none;
    border-top: none;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    text-align: left;
    transition: all 500ms ease;
    position: static;
    background: #ffffff;
}

.blog-single-area .single-blog-item .img-holder img {
  transform: none;
}
.blog-single-area .single-blog-item .text-holder .blog-title {
    font-size: 24px;
    padding: 15px 0 15px;
}
.blog-single-area .single-blog-item .text-holder .blog-title:hover{
  color: #404040;
}


.blog-single-area .middle-content-box {
    margin: 0px 0 33px;
    overflow: hidden;
}
.blog-single-area .middle-content-box .img-holder {
  width: 340px;
}
.blog-single-area .middle-content-box .img-holder,
.blog-single-area .middle-content-box .text-holder{
  display: table-cell;
  vertical-align: top;
}
.blog-single-area .middle-content-box .text-holder {
  padding-left: 30px; 
  position: relative;
}
.blog-single-area .middle-content-box .text-holder:before{
  content: "\f10d";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #f1f1f1;
  font-size: 24px;
  padding-right: ;
  position: absolute;
  top: -3px;
  left: 30px;    
}
.blog-single-area .middle-content-box .text-holder {
  padding-left: 30px;
  padding-top: 32px;
  position: relative;
}
.blog-single-area .middle-content-box .text-holder h3 {
  color: #222;
  font-size: 18px;
  font-weight: 500;
  margin: 20px 0 7px;
}
.blog-single-area .middle-content-box .text-holder h5 {
  color: #2acb35;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
}

.blog-single-area .bottom-content-box {
  border-bottom: 1px solid #f7f7f7;
  padding-bottom: 21px;
}

.blog-single-area .tag-social-share-box {
  overflow: hidden;
  padding-bottom: 24px;
  padding-top: 25px;
}
.blog-single-area .tag-social-share-box .tag p {
    color: #2acb35;
    font-size: 16px;
    margin: 0;
}
.blog-single-area .tag-social-share-box .tag p span {
    color: #222222;
    font-weight: 400;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;
}

.blog-single-area .tag-social-share-box .social-share {}
.blog-single-area .tag-social-share-box .social-share h5 {
  color: #222222;
  display: inline-block;
  float: left;
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
  position: relative;
  top: 7px;
}
.blog-single-area .tag-social-share-box .social-share i {
  padding-left: 10px;
  display: inline-block;
}
.blog-single-area .tag-social-share-box .social-share .social-share-links {
  display: inline-block;
  float: left;
  margin-left: -3px;
  margin-right: -3px;
  padding-left: 20px;
  position: relative;
  top: -6px;
}


.blog-single-area .tag-social-share-box .social-share .social-share-links li {
  display: inline-block;
  margin: 0 3px;
}
.blog-single-area .tag-social-share-box .social-share .social-share-links li a i {
  border: 2px solid #f7f7f7;
  border-radius: 50%;
  color: #c1c1c1;
  font-size: 14px;
  height: 40px;
  line-height: 36px;
  padding: 0;
  text-align: center;
  transition: all 500ms ease 0s;
  width: 40px;
  transition: all 500ms ease;
}
.blog-single-area .tag-social-share-box .social-share .social-share-links li a:hover i{
  background: #2acb35;
  border-color: #2acb35;
  color: #fff;
}

.blog-single-area .author-box {
  background: #f7f7f7 none repeat scroll 0 0;
  display: block;
  padding: 30px 30px 22px;
  position: relative;
}
.blog-single-area .author-box .img-holder{
  width: 85px;
}
.blog-single-area .author-box .img-holder,
.blog-single-area .author-box .text-holder{
  display: table-cell;
  vertical-align: top;
}
.blog-single-area .author-box .text-holder {
  padding-left: 30px;
}
.blog-single-area .author-box .text-holder h3 {
  color: #222;
  font-size: 20px;
  font-weight: 500;
  margin: -2px 0 14px;
  text-transform: capitalize;
}
.blog-single-area .author-box .text-holder p{}

.blog-single-area .author-box .text-holder .social-link {
  margin-left: -6px;
  margin-right: -6px;
  overflow: hidden;
}
.blog-single-area .author-box .text-holder .social-link li{
  display: inline-block;
  margin: 0 6px;
}
.blog-single-area .author-box .text-holder .social-link li a i{
  color: #9a9a9a;
  font-size: 14px;
  transition: all 500ms ease;
}
.blog-single-area .author-box .text-holder .social-link li a:hover i{
  color: #2acb35;
}

.blog-single-area .comment-box {
    overflow: hidden;
    padding-bottom: 50px;
    padding-top: 60px;
}
.blog-single-area .comment-box .single-comment-box {
  padding-left: 60px;
  position: relative;
  margin-bottom: 30px;
}
.blog-single-area .comment-box .single-comment-box .img-holder {
  left: 0;
  position: absolute;
  top: 0;
}
.blog-single-area .comment-box .single-comment-box .text-holder {
  border: 1px solid #f7f7f7;
  margin-left: 20px;
  padding: 15px 20px 5px;
}
.blog-single-area .comment-box .single-comment-box .text-holder .top {
  overflow: hidden;
  padding-bottom: 8px;
}
.blog-single-area .comment-box .single-comment-box .text-holder .top .date h5 {
  color: #222;
  font-size: 16px;
  font-weight: 400;
}
.blog-single-area .comment-box .single-comment-box .text-holder .top .review-box {
  position: relative;
  top: -3px;
}
.blog-single-area .comment-box .single-comment-box .text-holder .top .review-box ul {
  margin-left: -0.5px;
  margin-right: -0.5px;
  overflow: hidden;
}
.blog-single-area .comment-box .single-comment-box .text-holder .top .review-box ul li {
  display: inline-block;
  margin: 0 0.5px;
}
.blog-single-area .comment-box .single-comment-box .text-holder .top .review-box ul li i {
  color: #2acb35;
  font-size: 14px;
}

.blog-single-area .add-comment-box {
  overflow: hidden;
}
.blog-single-area .add-comment-box .sec-title {
  padding-bottom: 32px;
}
.blog-single-area .add-comment-box .sec-title h1 {
  font-size: 24px;
}
.blog-single-area .add-comment-box .add-rating-box {
  padding-bottom: 17px;
}
.blog-single-area .add-comment-box .add-rating-box h4 {
  color: #9a9a9a;
  font-size: 16px;
  font-weight: 300;
  margin: 0 0 12px;
}
.blog-single-area .add-comment-box .add-rating-box ul {
  
}
.blog-single-area .add-comment-box .add-rating-box ul li {
  border-right: 1px solid #ebebeb;
  display: inline-block;
  line-height: 20px;
  margin-right: 6px;
  padding-right: 10px;
}
.blog-single-area .add-comment-box .add-rating-box ul li:last-child{
  border-right: none;
  margin-right: 0;
  padding-right: 0;
}
.blog-single-area .add-comment-box .add-rating-box ul li a i{
    color: #d6d6d6;
    font-size: 12px;
}
.blog-single-area .add-comment-box .add-rating-box ul li a:hover i{
    color: #2acb35;
    transition: all 500ms ease;
}

.blog-single-area .add-comment-box #add-comment-form {}
.blog-single-area .add-comment-box #add-comment-form .field-label {
    color: #848484;
    display: block;
    font-size: 16px;
    font-weight: 400;
    padding: 0 0 2px;
}
.blog-single-area .add-comment-box #add-comment-form input[type="text"],
.blog-single-area .add-comment-box #add-comment-form input[type="email"],
.blog-single-area .add-comment-box #add-comment-form textarea{
    background: #f7f7f7 none repeat scroll 0 0;
    border: 1px solid transparent;
    display: block;
    font-size: 16px;
    font-weight: 400;
    height: 50px;
    padding: 0 15px;
    width: 100%;  
    margin-bottom: 12px;
    transition: all 500ms ease;
}
.blog-single-area .add-comment-box #add-comment-form textarea {
    height: 100px;
    padding: 10px 15px;
    margin-bottom: 30px;
    transition: all 500ms ease;
}
.blog-single-area .add-comment-box #add-comment-form input[type="text"]:focus{
    border-color: #2acb35;    
}
.blog-single-area .add-comment-box #add-comment-form input[type="email"]:focus{
    border-color: #2acb35;    
}
.blog-single-area .add-comment-box #add-comment-form textarea:focus{
    border-color: #2acb35;       
}
.blog-single-area .add-comment-box #add-comment-form button {
    padding: 11px 30px 9px;
}



/*** 
=============================================
    Contact Form area style
=============================================
***/
/* .contact-form-area {
    padding-top: 80px;
    padding-bottom: 80px;
}
.contact-form-area .sec-title{
    padding-bottom: 40px;  
}
.contact-form-area .inner-content {
    overflow: hidden;
    border: 1px solid #f5f4f3;
    display: block;
    padding: 40px;
}
.contact-form-area .contact-form form input[type="text"],
.contact-form-area .contact-form form input[type="email"],
.contact-form-area .contact-form form textarea{
    background: #ffffff;
    border: 1px solid #f4f4f4;
    color: #999999;
    display: block;
    font-size: 16px;
    height: 55px;
    margin-bottom: 25px;
    padding: 0 20px;
    width: 100%;
    transition: all 500ms ease;
}
.contact-form-area .contact-form form textarea{
    height: 110px;
    margin-bottom: 31px;
    padding: 10px 20px;
}
.contact-form-area .contact-form form input[type="text"]:focus{
    border-color: #2acb35;        
}
.contact-form-area .contact-form form input[type="email"]:focus{
    border-color: #2acb35;        
}
.contact-form-area .contact-form form textarea:focus{
    border-color: #2acb35;    
}
.contact-form-area .contact-form form button{
    width: 100%;
    padding: 13px 0 12px;
}


.contact-carousel{ }
.contact-carousel .single-item {
    background: #fff;
    border: 1px solid #f4f4f4;
    display: block;
    padding: 40px 30px 39px;
}
.contact-carousel ul li {
    position: relative;
    margin-bottom: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
    border-bottom: 1px solid #f5f4f3;
}
.contact-carousel ul li:last-child{
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.contact-carousel ul li .icon-holder{
    position: absolute;
    top: 7px;
    left: 0;
}
.contact-carousel ul li .icon-holder span:before{
    color: #2acb35;
    font-size: 20px;
    line-height: 20px;
}
.contact-carousel ul li .text-holder {
    padding-left: 12px;
}
.contact-carousel ul li .text-holder p {
    margin: 0;
    font-weight: 500;
}

.contact-carousel .owl-controls {
    position: absolute;
    right: 25px;
    top: 25px;
}
.contact-carousel .owl-dots .owl-dot{
	background-image:none;
	width: 12px;
	height: 12px;
	margin: 0px 5px;
	padding:0px;
	background: #fff;
	border-radius:50%;
    border: 1px solid #e2e2e2;
	-webkit-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
	-moz-border-radius:50%;
    transition: all 500ms ease;
}
.contact-carousel .owl-dots .owl-dot span{
	display:none;	
}
.contact-carousel .owl-dots .owl-dot.active{
	background:#2acb35;
    border-color: #2acb35;
}
 */


 .contact-us {
    padding: 80px 0;
    background-color: #f9f9f9;
    text-align: center;
}
.contact-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}
.contact-box {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    transition: 0.3s ease-in-out;
    height: 250px;
    width: 250px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    overflow: hidden;
}
.contact-box:hover {
    transform: translateY(-5px);
}
.icon i {
    font-size: 40px;
    color: #2acb35;
    margin-bottom: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.contact-box h4 {
    font-size: 18px;
    margin-bottom: 10px;
}
.contact-box p, .contact-box a {
    font-size: 16px;
    color: #333;
    text-decoration: none;
    max-width: 90%;
    word-wrap: break-word;
}
.social-icons {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-top: 10px;
}
.social-icons a {
    font-size: 24px;
    color: #2acb35;
    transition: 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
}
.social-icons a:hover i.fa-facebook {
    color: #1877F2;
}
.social-icons a:hover i.fa-twitter {
    color: #1DA1F2;
}
.social-icons a:hover i.fa-instagram {
    color: #E4405F;
}
.social-icons a:hover i.fa-whatsapp {
    color: #129b1b;
}
.social-icons a:hover i.fa-youtube {
    color: #e41e1e;
}
.social-icons a:hover i.fa-x-twitter {
    color: #110c0c;
}


/* Responsive Design */
@media screen and (max-width: 768px) {
    .contact-container {
        flex-direction: column;
        align-items: center;
    }
    .contact-box {
        width: 90%;
        height: auto;
    }
}


 

/*** 
=============================================
    Contact map Area style
=============================================
***/
.contact-map-area{
    position: relative; 
}
#contact-google-map {
    height: 480px;
    width: 100%;
}


.contact-map-area {
    position: relative;
    padding: 20px; /* Adds some spacing around the map */
}


.google-map-inner iframe {
    width: 100%;
    height: 480px;
    border: none;
    border-radius: 15px; /* Rounded corners */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Soft shadow */
    transition: all 0.3s ease-in-out; /* Smooth transition */
}

/* Hover Effect */
.google-map-inner iframe:hover {
    transform: scale(1.02); /* Slight zoom effect */
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3); /* Enhanced shadow */
}

/* Click Effect */
.google-map-inner iframe:active {
    transform: scale(0.98); /* Subtle shrink effect */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}


/*** 
=============================================
 service-page-area style
=============================================
***/
.service-page-area{
    padding-top: 80px;
    padding-bottom: 40px;
}
.service-page-area .single-service-item{
    margin-bottom: 40px;    
}



/*** 
=============================================
    Balance mind body area style
=============================================
***/
.balance-mind-body-area{
    padding-top: 70px;
    padding-bottom: 70px;
}
.balance-mind-body-area ul li{
    width: 150px;
    float: left;
    margin-right: 54px;
}
.balance-mind-body-area ul li:last-child{
    margin-right: 0px;
}
.balance-mind-body-area ul li .single-item{

}
.balance-mind-body-area ul li .single-item .icon-holder {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    border: 1px solid #f5f5f5;
    padding: 50px 0;
    transition: all 500ms ease;
}
.balance-mind-body-area ul li .single-item:hover .icon-holder{
    border-color: #2acb35;
    transform: rotate(360deg);
}

.balance-mind-body-area ul li .single-item .icon-holder span:before {
    color: #2acb35;
    font-size: 50px;
    line-height: 50px;
}
.balance-mind-body-area ul li .single-item .title {
    margin: 22px 0 0;
}
.balance-mind-body-area ul li .single-item .title h3{
    color: #404040;
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
}

.balance-mind-body-area .brochure-button{
    padding-top: 50px;
}
.balance-mind-body-area .brochure-button a{
    width: 230px;
    margin: 0 auto;
}



/*** 
=============================================
    Exercise plan area style
=============================================
***/
.exercise-plan-area {
    background: #f5f4f3;
    padding-top: 70px;
    padding-bottom: 70px;
}
.exercise-plan-area .video-holder{
    width: 100%;
    height: auto;
    text-align: center;
    position: relative;
    overflow: hidden;    
}
.exercise-plan-area .video-holder img{
    transform: scale(1);
    transition: all 0.5s ease 0s;
    width: 100%;
}
.exercise-plan-area .video-holder .overlay-gallery {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.30); 
    transition: all 500ms ease;
}
.exercise-plan-area .video-holder .overlay-gallery .icon-holder{
    display: table;
    height: 100%;
    width: 100%;    
}
.exercise-plan-area .video-holder .overlay-gallery .icon-holder .icon{
    display: table-cell;
    vertical-align: middle;    
}
.exercise-plan-area .video-holder .overlay-gallery .icon-holder .icon a img{
    width: auto;
    transform: scale(1);
    transition: all 0.5s ease 0s;
}
.exercise-plan-area .video-holder:hover .overlay-gallery {
    background-color: rgba(44, 203, 56, 0.50); 
}
.exercise-plan-area .video-holder:hover img {
    transform: scale(1.1);
}
.exercise-plan-area .video-holder .overlay-gallery .icon-holder .icon a:hover img{
    transform: scale(1.1);
}

.exercise-plan-area .accordion-box .accordion .accord-content {
    padding: 0px 50px 17px 0px;
}



/*** 
=============================================
    Featured area style
=============================================
***/
.featured-area {
    padding-top: 70px;
    padding-bottom: 30px;
}
.featured-area .single-item{
    position: relative;
    margin-bottom: 40px;
    display: block;
    padding: 45px 20px 33px;
    -webkit-box-shadow: 0px 0px 7px 1px rgba(218,217,216,1);
    -moz-box-shadow: 0px 0px 7px 1px rgba(218,217,216,1);
    box-shadow: 0px 0px 7px 1px rgba(218,217,216,1);  
    z-index: 1;
}
.featured-area .single-item:before{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 10%;
    content: "";
    background: #2acb35;
    z-index: -1;
    opacity: 0;
    transition: all 500ms ease;
    transition-delay: 0.10s;
}
.featured-area .single-item:hover:before{
    opacity: 1;
    height: 100%;
}
.featured-area .single-item .icon-holder {
    margin: 0 0 25px;
}
.featured-area .single-item .icon-holder span:before {
    color: #2acb35;
    font-size: 50px;
    line-height: 50px;
    transition: all 500ms ease 0.10s;
}
.featured-area .single-item:hover .icon-holder span:before{
    color: #ffffff;    
}
.featured-area .single-item .text-holder{
    
}
.featured-area .single-item .text-holder h3 {
    margin: 0 0 30px;
    transition: all 500ms ease 0.5s;
}
.featured-area .single-item:hover .text-holder h3{
    color: #fff;
}
.featured-area .single-item .text-holder p{
    transition: all 500ms ease 0.5s;
}
.featured-area .single-item:hover .text-holder p{
    color: #fff;    
}



/*** 
=============================================
    Pricing plan area style
=============================================
***/
.pricing-plan-area {
    padding-top: 140px;
    padding-bottom: 30px;
}
.pricing-plan-area .single-price-box{
    background: #f5f4f3;
    display: block;
    padding: 30px 20px 30px;
    margin-bottom: 40px;
}
.pricing-plan-area .single-price-box .table-header{
    
}
.pricing-plan-area .single-price-box .table-header .top {
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 22px;
    margin: 0 0 22px;
}
.pricing-plan-area .single-price-box .table-header .top h3 {
    font-size: 24px;
    margin: 0 0 8px;
}
.pricing-plan-area .single-price-box .table-header .top p {
    margin: 0;
}
.pricing-plan-area .single-price-box .table-header .package{
    
}
.pricing-plan-area .single-price-box .table-header .package h1 {
    color: #2acb35;
    font-size: 72px;
    font-weight: 400;
    font-family: 'Courgette', cursive;
}
.pricing-plan-area .single-price-box .table-header .package h1 span {
    font-size: 24px;
    display: inline-block;
    padding-right: 2px;
}
.pricing-plan-area .single-price-box .table-header .package h1 b{
    font-size: 20px;
    display: inline-block;
    padding-left: 1px;    
}

.pricing-plan-area .single-price-box .price-list {
    background: #fff;
    display: block;
    padding: 20px 30px 20px;
    text-align: left;
    margin-top: 18px;
    margin-bottom: 25px;
}
.pricing-plan-area .single-price-box .price-list ul li {
    position: relative;
    line-height: 32px;
    padding-left: 30px;
}
.pricing-plan-area .single-price-box .price-list ul li:before{
    position: absolute;
    top: 12px;
    left: 0;
    width: 10px;
    height: 10px;
    background: #e1e1e1;
    content: "";
    transform: rotate(45deg);
}



/*** 
=============================================
    Shop Area style
=============================================
***/
.shop-area {
    padding-top: 80px;
    padding-bottom: 80px;
}
.shop-area .sidebar-wrapper .single-sidebar .sec-title {
    padding-bottom: 30px;
}
.shop-area .shop-content {
    overflow: hidden;
}
.shop-area .showing-result-shorting {
    overflow: hidden;
    padding-bottom: 20px;
}
.shop-area .showing-result-shorting .showing{}
.shop-area .showing-result-shorting .shorting{ }
.shop-area .showing-result-shorting .showing p {
    color: #848484;
    font-size: 16px;
    font-weight: 400;
    margin: 5px 0;
}

.single-product-item{
    background: #fff;
    margin-bottom: 30px;
    transition: all 0.7s ease;
}
.single-product-item:hover{  }
.single-product-item .img-holder {
    display: block;
    overflow: hidden;
    position: relative;
    border: 1px solid #f5f4f3;
}
.single-product-item .img-holder img{
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
    width: 100%;      
}
.single-product-item:hover .img-holder img{
    transform: scale(1.1);
}
.single-product-item:hover .img-holder .overlay-style-one{
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);    
}
.single-product-item .img-holder .overlay-style-one .box .content a {
    display: inline-block;
    width: 170px;
    transition: all 500ms ease;
}

.single-product-item .title-holder {
    padding: 19px 15px 17px;
    border: 1px solid #f4f4f4;
    border-top: none;
}
.single-product-item .title-holder .top {
    overflow: hidden;
}
.single-product-item .title-holder .top .product-title{}
.single-product-item .title-holder .top .product-title h5 {
    color: #222222;
    font-size: 18px;
    font-weight: 400;
    text-transform: capitalize;
    margin: 0 0 10px;
}
.single-product-item .title-holder .top .review-box{}
.single-product-item .title-holder .top .review-box ul li i{}
.single-product-item .title-holder .product-value h4 {
    color: #2acb35;
    font-size: 18px;
    font-weight: 400;
    text-transform: capitalize;
    font-family: 'Open Sans', sans-serif;
}
.single-product-item .title-holder .product-value h4 del{
    color: #888888;
    font-size: 16px;
}
.shop-area .post-pagination{
    margin-top: 20px;    
}

.single-sidebar .price-ranger{ }
.single-sidebar .price-ranger .ui-widget-content {
    background: #e5e5e5;
    border: none;
    height: 2px;
    position: relative;
}
.single-sidebar .price-ranger .ui-widget-content:before{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #f0f0f0;
    content: "";
}
.single-sidebar .price-ranger .ui-slider-handle {
    background: #2acb35 none repeat scroll 0 0;
    border: 2px solid #252525;
    border-radius: 50%;
    height: 10px;
    margin-left: -4px;
    outline: medium none;
    width: 10px;
    cursor: pointer;
}
.single-sidebar .price-ranger .ui-slider-horizontal .ui-slider-handle {
  top: -4px;
}
.single-sidebar .price-ranger .ui-slider .ui-slider-range {
  background: #252525;
}
.single-sidebar .price-ranger #slider-range {
    margin-left: 4px;
    margin-right: 6px;
    margin-top: 0;
}
.single-sidebar .price-ranger .ranger-min-max-block {
    margin-bottom: 0px;
    margin-top: 30px;
    overflow: hidden;
}
.single-sidebar .price-ranger .ranger-min-max-block input {
  display: inline-block;
}
.single-sidebar .price-ranger .ranger-min-max-block input[type="submit"] {
    float: left;
    margin-right: 20px;
    padding: 6px 0px 5px;
    text-align: center;
    width: 80px;
    border: none;
    background: #2acb35;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    border-radius: 3px;
    transition: all 500ms ease;
}
.single-sidebar .price-ranger .ranger-min-max-block input[type="submit"]:hover{
  background: #0aa915;
}
.single-sidebar .price-ranger .ranger-min-max-block input[type="text"] {
    border: medium none;
    color: #999999;
    font-size: 14px;
    font-weight: 400;
    outline: medium none;
    text-align: right;
    width: 40px;
    margin: 6px 0 0;
}
.single-sidebar .price-ranger .ranger-min-max-block input[type='text'].max {}
.single-sidebar .price-ranger .ranger-min-max-block span {
    color: #999999;
    font-weight: 600;
    font-size: 16px;
}

.sidebar-wrapper .single-sidebar .popular-product {}
.sidebar-wrapper .single-sidebar .popular-product li {
    border-bottom: 1px solid #f7f7f7;
    margin-bottom: 25px;
    overflow: hidden;
    padding-bottom: 25px;
    padding-left: 70px;
    position: relative;
}
.sidebar-wrapper .single-sidebar .popular-product li:last-child {
    margin-bottom: 0px;
}
.sidebar-wrapper .single-sidebar .popular-product li .img-holder{
    display: block;
    overflow: hidden;
    position: absolute;  
    width: 70px;
    min-height: 70px;
    top: 0;
    left: 0;
}
.sidebar-wrapper .single-sidebar .popular-product li .img-holder img{
    border: 1px solid #f5f4f3;
    transition: all 0.5s ease 0s;
    width: 100%;
}
.sidebar-wrapper .single-sidebar .popular-product li:hover .img-holder img{}
.sidebar-wrapper .single-sidebar .popular-product li .img-holder .overlay-style-one .box .content a i {
    opacity: 0;
    font-size: 16px;
    color: #fff;
    transition: all 500ms ease;
}
.sidebar-wrapper .single-sidebar .popular-product li .img-holder .overlay-style-one .box .content a:hover i{
    color: #2acb35;    
}
.sidebar-wrapper .single-sidebar .popular-product li:hover .img-holder .overlay-style-one .box .content a i{
    opacity: 1;
}
.sidebar-wrapper .single-sidebar .popular-product li:hover .img-holder .overlay-style-one{
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);   
}

.sidebar-wrapper .single-sidebar .popular-product li .title-holder {
    padding-left: 20px;  
}
.sidebar-wrapper .single-sidebar .popular-product li .title-holder a h4 {
    color: #404040;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    margin: 0 0 10px;
    transition: all 500ms ease;
}
.sidebar-wrapper .single-sidebar .popular-product li .title-holder h5 {
    color: #2acb35;
    font-size: 15px;
    font-weight: 400;
    text-transform: capitalize; 
    font-family: 'Open Sans', sans-serif;
}
.sidebar-wrapper .single-sidebar .popular-product li .title-holder .review-box {
    line-height: 14px;
    margin: 10px 0 0;
}
.sidebar-wrapper .single-sidebar .popular-product li .title-holder .review-box li {
    display: inline-block;
    margin: 0 1px;
    position: static;
    padding: 0;
    border: none;
}
.sidebar-wrapper .single-sidebar .popular-product li .title-holder .review-box li i{
    font-size: 12px;
    color: #2acb35;
}
.sidebar-wrapper .single-sidebar .popular-product li .title-holder a:hover h4{
    color: #2acb35;
}

.sidebar-wrapper .single-sidebar .product-tag{
    margin-left: -3px;
    margin-right: -3px;
    margin-top: -5px;    
}
.sidebar-wrapper .single-sidebar .product-tag li{
    display: inline-block;
    margin: 0 3px 10px;    
}
.sidebar-wrapper .single-sidebar .product-tag li a{
    border: 1px solid #f4f4f4;
    color: #888888;
    display: block;
    font-size: 14px;
    font-weight: 400;
    padding: 4px 10px 3px;
    font-family: 'Open Sans', sans-serif;
    transition: all 500ms ease 0s; 
}
.sidebar-wrapper .single-sidebar .product-tag li a:hover{
    background: #2acb35;
    border-color: #2acb35;
    color: #fff;    
}



/*** 
=============================================
    Checkout Area style
=============================================
***/
.checkout-area {
    padding-bottom: 80px;
    padding-top: 80px;
}
.checkout-area .sec-title {
    padding-bottom: 40px;
}
.checkout-area .sec-title h1 {
    color: #222;
    font-size: 24px;
    text-transform: none;
}
.checkout-area .exisitng-customer {
    background: #f7f7f7;
    display: block;
    padding: 20px 28px 21px;
    position: relative;
    margin-bottom: 20px;
}
.checkout-area .exisitng-customer:before{
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 100%;
    background: #2acb35;
    content: "";
}
.checkout-area .exisitng-customer h5{
    color: #222222;
    font-size: 16px;
    font-weight: 400;
}
.checkout-area .exisitng-customer h5 a{
    color: #2acb35;
    display: inline-block;
    padding-left: 15px;
}
.checkout-area .coupon {
    background: #f7f7f7;
    display: block;
    padding: 20px 28px 21px;
    position: relative; 
    margin-bottom: 60px;
}
.checkout-area .coupon:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 100%;
    background: #2acb35;
    content: "";  
}
.checkout-area .coupon h5 {
    color: #222222;
    font-size: 16px;
    font-weight: 400; 
}
.checkout-area .coupon h5 a {
    color: #2acb35;
    display: inline-block;
    padding-left: 15px;  
}

.checkout-area .form form .field-label {
    color: #222222;
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 3px;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;
}
.checkout-area .form form .field-input input[type="text"] {
  border: 2px solid #f4f4f4;
  color: #999999;
  display: block;
  font-size: 14px;
  height: 48px;
  margin-bottom: 23px;
  padding: 0 15px;
  width: 100%;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}
.checkout-area .form form .field-input input[type="text"]:focus{
  border: 2px solid #2acb35;
}
.checkout-area .create-acc .checkbox {
  margin: 7px 0 0;
}
.checkout-area .create-acc .checkbox label {
  color: #2acb35;
  font-weight: 400;
  font-size: 16px;
}
.checkout-area .create-acc .checkbox input {
  margin-top: 6px;
}

.checkout-area .shipping-info input[type="checkbox"] {
  cursor: pointer;
  display: inline-block;
  margin: 0 0 0 25px;
  position: relative;
  top: 0px;
  vertical-align: middle;
}
.checkout-area .form form .field-input textarea {
  border: 2px solid #f4f4f4;
  color: #999;
  display: block;
  font-size: 14px;
  height: 119px;
  padding: 10px 15px;
  width: 100%;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}
.checkout-area .form form .field-input textarea:focus{
  border-color: #2acb35;
}

.checkout-area .bottom {
    padding-top: 60px
}
.checkout-area .table {
    overflow-x: auto;
    position: relative;
    width: 100%;
    margin-bottom: 0;
}
.checkout-area .table .cart-table {
    min-width: auto;
    width: 100%;
}
.checkout-area .table .cart-table .cart-header {
    background: #f7f7f7;
    color: #222222;
    font-size: 16px;
    position: relative;
    text-transform: capitalize;
    width: 100%;
    font-family: 'Poppins', sans-serif;
}
.checkout-area .table .cart-table thead tr th {
    font-weight: 400;
    line-height: 24px;
    min-width: 110px;
    padding: 19px 30px 17px;
}
.checkout-area .table .cart-table thead tr th.product-column {
    padding-left: 30px;
    text-align: left;
}

.checkout-area .table .cart-table tbody tr {
    border-bottom: 1px solid #f7f7f7;
}
.checkout-area .table .cart-table tbody tr td {
    vertical-align: middle
}
.checkout-area .table .cart-table tbody tr td {
    min-width: 110px;
    padding: 25px 20px;
}

.checkout-area .table .cart-table tbody tr .product-column .column-box {
    min-height: 70px;
}
.checkout-area .table .cart-table tbody tr .product-column .column-box .prod-thumb {
    width: 70px;
    border: 2px solid #f7f7f7;
    padding: 3px;
}
.checkout-area .table .cart-table tbody tr .product-column .column-box .prod-thumb img {
    display: block;
    max-width: 100%;
}
.checkout-area .table .cart-table tbody tr .product-column .column-box .prod-thumb, 
.checkout-area .table .cart-table tbody tr .product-column .column-box .product-title{
    display: table-cell;
    vertical-align: middle;
}
.checkout-area .table .cart-table tbody tr .product-column .column-box .product-title{
    padding-left: 15px;
}
.checkout-area .table .cart-table tbody tr .product-column .column-box .product-title h3 {
    color: #222222;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;
}

.checkout-area .table .cart-table tbody tr .qty {
    padding-right: 30px;
    width: 130px;
}
.checkout-area .table .cart-table tbody tr .qty .input-group.bootstrap-touchspin {
    float: right;
    width: 60px;
}
.checkout-area .table .cart-table tbody tr .qty .form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0;
    box-shadow: none;
    color: #252525;
    display: block;
    font-size: 18px;
    font-weight: 400;
    height: 34px;
    padding: 6px 0;
    text-align: center;
}
.checkout-area .table .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
    border-radius: 0;
}
.checkout-area .table .cart-table tbody tr .qty .btn-default {
    background-color: #2acb35;
    border-color: #058d0e;
    color: #fff;
}
.checkout-area .table .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
    border-radius: 0;
    margin-top: -2px;
}
.checkout-area .table .cart-table tbody tr td.price {
    color: #2acb35;
    font-size: 18px;
    font-weight: 400;
}

.cart-total{}
.cart-total-table {
    border: 2px solid #f7f7f7
}
.cart-total-table li {
    border-bottom: 1px solid #f7f7f7
}
.cart-total-table li:last-child {
    border-bottom: none
}
.cart-total-table li span.col.col-title {
    border-right: 1px solid #f7f7f7;
    color: #222222;
    display: block;
    float: left;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    padding: 10px 18px;
    position: relative;
    width: 50%;
    font-family: 'Poppins', sans-serif;
}
.cart-total-table li span.col {
    color: #999999;
    display: block;
    float: left;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    padding: 10px 18px;
    position: relative;
    width: 50%;
    font-family: 'Open Sans', sans-serif;
}
.cart-total-table li span.col b {
  color: #2acb35;
  font-weight: 300;
  text-decoration: underline;
}

.cart-total .payment-options {
  background: #f7f7f7 none repeat scroll 0 0;
  margin-top: 30px;
  overflow: hidden;
  padding: 23px 20px 35px;
}
.cart-total .payment-options .option-block {
  margin-bottom: 14px
}

.cart-total .payment-options .option-block .checkbox {
    margin: 0 0 5px;
}
.cart-total .payment-options .option-block .checkbox label {
    font-weight: 700;
    min-height: 20px;
    padding-left: 20px;
}
.cart-total .payment-options .option-block .checkbox label input {
    position: relative;
    top: 1px;
}
.cart-total .payment-options .option-block .checkbox label span {
    color: #222222;
    font-size: 16px;
    padding-left: 10px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
}
.cart-total .payment-options .option-block .checkbox label span b {
  color: #2acb35;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  padding-left: 25px;
  text-decoration: underline;
}
.cart-total .payment-options .option-block .text{
  padding-left: 30px;
}
.cart-total .payment-options .option-block .text p {
  margin: 0;
  line-height: 28px;
}
.placeorder-button button {
    padding: 11px 40px 9px;
    margin-top: 20px;
}



/*** 
=============================================
    Login Register Area style
=============================================
***/
.login-register-area {
    padding-bottom: 80px;
    padding-top: 80px;
}
.login-register-area .form .sec-title {
    padding-bottom: 40px;
}
.login-register-area .form .sec-title h1{
    font-size: 24px;
    text-transform: none;
    margin: 0;
}
.login-register-area .form .input-field {
    position: relative;
}
.login-register-area .form .input-field input[type="text"] {
    border: 2px solid #f4f4f4;
    color: #777;
    font-size: 15px;
    height: 50px;
    margin-bottom: 30px;
    padding-left: 15px;
    padding-right: 50px;
    width: 100%;
    transition: all 700ms ease 0s;
}
.login-register-area .form .input-field .icon-holder {
    position: absolute;
    right: 20px;
    top: 11px;
}
.login-register-area .form .input-field .icon-holder i {
    color: #777;
    font-size: 14px;
    font-weight: 400;
}
.login-register-area .form button {
    margin-top: 10px;
    padding: 11px 45px 9px;
}
.login-register-area .form .remember-text {
    margin-top: 19px;
}
.login-register-area .form .remember-text .checkbox label {
    color: #222222;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
}
.login-register-area .form .remember-text .checkbox input {
    margin-top: 5px;
}

.login-register-area .form .social-icon {
    float: right;
    margin-right: -8px;
    margin-top: 15px;
    position: relative;
}
.login-register-area .form .social-icon .login-with {
    display: inline-block;
    left: -100px;
    position: absolute;
    top: 8px;
}
.login-register-area .form .social-icon li {
    display: inline-block;
    margin: 0 8px;
}
.login-register-area .form .social-icon li a i {
    background: #3b5998 none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 100;
    height: 40px;
    line-height: 24px;
    padding: 8px 0;
    text-align: center;
    transition: all 700ms ease 0s;
    width: 40px;
}
.login-register-area .form .social-icon li a i.twitter {
    background: #33ccfe none repeat scroll 0 0;
}
.login-register-area .form .social-icon li a i.gplus {
    background: #dd4b39 none repeat scroll 0 0;
}
.login-register-area .form a.forgot-password {
    color: #2acb35;
    float: right;
    font-weight: 700;
    margin: 20px 0 0;
    font-family: 'Open Sans', sans-serif;
}
.login-register-area .form h6 {
    color: #848484;
    float: left;
    font-size: 14px;
    font-family: 'Hind', sans-serif;
    padding-left: 10px;
    overflow: hidden;
    margin-left: -40px;
    margin-top: 28px;
}
.login-register-area .form .input-field input[type="text"]:focus{
    border: 2px solid #2acb35;    
}
.login-register-area .form .social-icon li a:hover i{
    background: #18387b;   
}
.login-register-area .form .social-icon li a:hover i.twitter{
    background: #12addf;    
}
.login-register-area .form .social-icon li a:hover i.gplus{
    background: #c62d1a;
}



/*** 
=============================================
   Cart area  style
=============================================
***/
.cart-area {
  padding-bottom: 80px;
  padding-top: 80px;
}
.cart-area .sec-title{
    padding-bottom: 32px;
}
.cart-area .sec-title h1{
    font-size: 24px;
    margin: 0;
}
.cart-area .table-outer {
  overflow-x: auto;
  position: relative;
  width: 100%;
}
.cart-area .cart-table {
  min-width: 1024px;
  width: 100%;
}
.cart-area .cart-table .cart-header {
  background: #f7f7f7;
  color: #222222;
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  position: relative;
  text-transform: capitalize;
  width: 100%;
}
.cart-area .cart-table thead tr th {
  font-weight: 400;
  line-height: 24px;
  min-width: 110px;
  padding: 20px 25px;
}
.cart-area .cart-table thead tr th.prod-column {
  padding-left: 30px;
  text-align: left;
}
.cart-area .cart-table thead tr th.availability {
  padding: 0 40px
}


.cart-area .cart-table tbody tr {
    border-bottom: 1px solid #f7f7f7;
}
.cart-area .cart-table tbody tr td {
    color: #999999;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    min-width: 100px;
    padding: 27.5px 25px;
}
.cart-area .cart-table tbody tr .prod-column .column-box {
    min-height: 70px;
    position: relative;
}
.cart-area .cart-table tbody tr .prod-column .column-box .prod-thumb {
    width: 70px;
    border: 2px solid #f7f7f7;
    padding: 3px;
}
.cart-area .cart-table tbody tr .prod-column .column-box .prod-thumb img {
    display: block;
    max-width: 100%;
}
.cart-area .cart-table tbody tr .prod-column .column-box .prod-thumb, 
.cart-area .cart-table tbody tr .prod-column .column-box .title{
    display: table-cell;
    vertical-align: middle;
}
.cart-area .cart-table tbody tr .prod-column .column-box .title{
    padding-left: 20px;
}
.cart-area .cart-table tbody tr .prod-column .column-box .title h3 {
    color: #222222;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;    
}

.cart-area .cart-table tbody tr .qty {
    padding-right: 25px;
    width: 120px;
}
.cart-area .cart-table tbody tr .qty .input-group.bootstrap-touchspin {}
.cart-area .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
    border-radius: 0;
    margin-left: 0;
    padding: 11px;
}
.cart-area .cart-table tbody tr .qty .btn-default {
    background-color: #e0dcdc;
    border-color: #ababab;
    color: #fff;
}
.cart-area .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
    border-radius: 0;
    margin-left: 0;
    margin-top: -1px;
    padding: 10px;
}
.cart-area .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical i {
    font-size: 9px;
    left: 6px;
    top: 6px;
}
.cart-area .cart-table tbody tr td.unit-price {
    padding-left: 40px;
    padding-right: 20px;
}
.cart-area .cart-table tbody .available-info {
    color: #999999;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding-left: 50px;
    position: relative;
}
.cart-area .cart-table tbody .available-info .icon {
    background: #2acb35 none repeat scroll 0 0;
    border-radius: 50%;
    color: #ffffff;
    font-size: 18px;
    height: 40px;
    left: 0;
    line-height: 40px;
    position: absolute;
    text-align: center;
    top: 0px;
    width: 40px;
}
.cart-area .cart-table tbody tr td.price {
    color: #999999;
    font-size: 18px;
    font-weight: 400;
}
.cart-area .cart-table tbody tr .sub-total {
    color: #2acb35;
    font-weight: 400;
    font-size: 18px;
}
.cart-area .cart-table tbody tr td .remove{ }
.cart-area .cart-table tbody tr td .remove .checkbox label {
    color: #777;
    font-size: 16px;
    font-weight: 400;
}
.cart-area .cart-table tbody tr td .remove .checkbox label input[type="checkbox"] {
    display: inline-block;
    position: relative;
    top: 1px;
}


.cart-middle {
    padding-top: 30px
}
.cart-middle .apply-coupon {
    padding-left: 245px;
    position: relative;
}
.cart-middle .apply-coupon input[type="text"] {
    border: 2px solid #f7f7f7;
    color: #777;
    font-size: 14px;
    font-weight: 400;
    height: 50px;
    left: 0;
    padding: 0 15px;
    position: absolute;
    text-transform: capitalize;
    top: 0;
    transition: all 500ms ease 0s;
    width: 225px;
}
.cart-middle .apply-coupon input[type="text"]:focus {
    border: 2px solid #2acb35;
}
.cart-middle .apply-coupon .apply-coupon-button button {
    padding: 11px 45px 9px;
}
.cart-middle .update-cart button {
    padding: 11px 35px 9px;
    background: #f7f7f7;
    color: #222222;
    border-color: #f7f7f7;
}
.cart-middle .update-cart button:hover{
    background: #2acb35;
    color: #fff;
}

.cart-bottom {
    overflow: hidden;
    padding-top: 76px;
}
.cart-bottom .calculate-shipping {}
.cart-bottom .calculate-shipping .ui-state-default .ui-icon {}
.cart-bottom .calculate-shipping .ui-selectmenu-button span.ui-icon {
    border-left: 2px solid #f7f7f7;
    display: block;
    float: right;
    height: 41px;
    text-indent: 0;
    top: 8px;
    width: 45px;
    position: absolute;
    right: 0;
    display: block;
    background-image: none;
}
.cart-bottom .calculate-shipping .ui-selectmenu-button span.ui-icon::before {
    color: #ababae;
    content: "\f107";
    font-family: FontAwesome;
    font-size: 20px;
    overflow: visible;
    position: absolute;
    right: 14px;
    top: 8px;
}
.cart-bottom .calculate-shipping .ui-selectmenu-button span.ui-selectmenu-text {
    display: block;
    line-height: 18px;
    overflow: hidden;
    padding: 12px 17px;
    text-align: left;
}
.cart-bottom .calculate-shipping input[type="text"] {
    border: 2px solid #f7f7f7;
    color: #777;
    display: block;
    font-size: 14px;
    height: 45px;
    padding: 0 18px;
    width: 100%;
    font-weight: 400;
    margin-bottom: 30px;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}
.cart-bottom .calculate-shipping input[type="text"]:focus {
    border: 2px solid #2acb35;
}
.cart-bottom .calculate-shipping button {
    padding: 11px 40px 9px;
    background: #f7f7f7;
    border-color: #f7f7f7;
    color: #222222;
}
.cart-bottom button.checkout-btn{
    padding: 11px 35px 9px;
    margin-top: 30px;
    float: right;
}



/*** 
=============================================
   Single Shop Area style
=============================================
***/
.single-shop-area{
    padding-top: 10px;
    padding-bottom: 40px;
}
.single-shop-content .img-holder {
    margin-right: 50px;
}
.single-shop-content .img-holder img {
    border: 1px solid #f5f4f3;
}
.single-shop-content .content-box {
    margin-left: -50px;
}
.single-shop-content .content-box h3 {
    color: #222222;
    font-size: 24px;
    font-weight: 400;
    margin: 0 0 8px;
    text-transform: capitalize;
}
.single-shop-content .content-box .review-box {
    margin: 0 0 15px;
}
.single-shop-content .content-box .review-box ul {}
.single-shop-content .content-box .review-box ul li {}
.single-shop-content .content-box .review-box ul li i {
    color: #2acb35;
    font-size: 15px;
}
.single-shop-content .content-box span.price {
    color: #2acb35;
    font-size: 22px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
}
.single-shop-content .content-box .text {
    overflow: hidden;
    padding: 25px 0 9px;
}
.single-shop-content .content-box .location-box {
  margin: 4px 0 20px;
}
.single-shop-content .content-box .location-box p {
    color: #222222;
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 12px;
}
.single-shop-content .content-box .location-box form input {
    border: 2px solid #f7f7f7;
    height: 40px;
    padding-left: 10px;
    padding-right: 10px;
    width: 170px;
    transition: all 500ms ease;
    margin: 0 0 15px;
}
.single-shop-content .content-box .location-box form input:focus{
    border-color: #2acb35;
}
.single-shop-content .content-box .location-box form button {
    background: #f7f7f7 none repeat scroll 0 0;
    border: medium none;
    color: #252525;
    font-size: 14px;
    font-weight: 700;
    height: 40px;
    margin-left: 6px;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    transition: all 500ms ease 0s;
    width: 95px;
    position: relative;
    top: 0px;
    padding-top: 2px;
}
.single-shop-content .content-box .location-box form button:hover{
  background: #2acb35;
  color: #fff;
}
.single-shop-content .content-box .location-box form span {
  color: #2acb35;
}

.single-shop-content .content-box .addto-cart-box {}
.single-shop-content .content-box .addto-cart-box .input-group.bootstrap-touchspin {
  float: left;
  width: 70px;
}
.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
  border-radius: 0
}
.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
  border-radius: 0;
  margin-top: -2px;
}
.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical > .btn {
  display: block;
  float: none;
  margin-left: -1px;
  max-width: 100%;
  padding: 12px 12px;
  position: relative;
  width: 100%;
}
.single-shop-content .content-box .addto-cart-box .btn-default {
  background-color: #efefef;
  border-color: #efefef;
  color: #9e9e9e;
}
.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical i {
  color: #9e9e9e;
  font-weight: normal;
  left: 8px;
  position: absolute;
  top: 7px;
}
.single-shop-content .content-box .addto-cart-box button.addtocart {
    margin-left: 95px;
    padding: 11px 30px 9px;
}


.product-tab-box {
  border: 1px solid #ececec;
  border-top: none;
  border-right: none;
  border-left: none;
  overflow: hidden; 
  margin-top: 10px;
}
.product-tab-box .tab-menu {
  border-bottom: 1px solid #ececec;
  margin-bottom: 30px;
}
.product-tab-box .tab-menu li {
  display: inline-block;
  float: left;
  margin-bottom: -1px;
  margin-right: 3px;
}
.product-tab-box .tab-menu li a {
  background: #f7f7f7;
  border-top: 1px solid #ececec;
  border-left: 1px solid #ececec;
  border-right: 1px solid #ececec;
  border-bottom: 1px solid transparent;
  border-radius: 0;
  display: block;
  margin-right: 1px;
  padding: 15px 30px 13px;
  color: #222222;
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
  background: #f7f7f7;
  transition: all 500ms ease;
}
.product-tab-box .tab-menu li.active a, 
.product-tab-box .tab-menu li:hover a{
  background: #ffffff;
  color: #2acb35;
  border-left-color: #ececec;
  border-top-color: #ececec;
  border-right-color: #ececec;
}

.product-tab-box .tab-content {
  border-left: 1px solid #ececec;
  border-right: 1px solid #ececec;
  margin-top: -30px;
  padding: 30px 30px 40px;
}
.product-tab-box .tab-content .review-box {
  
}
.product-tab-box .tab-content .review-box .title {
    margin-top: 3px;
    padding-bottom: 25px;
}
.product-tab-box .tab-content .review-box .title h3 {
  color: #3d3d3d;
  font-size: 20px;
  font-weight: 400;
  text-transform: capitalize;
}
.product-tab-box .tab-content .review-box .single-review-box {
  margin-bottom: 30px;
  padding-left: 60px;
  position: relative;
}
.product-tab-box .tab-content .review-box .single-review-box .img-holder {
  left: 0;
  position: absolute;
  top: 0;
}
.product-tab-box .tab-content .review-box .single-review-box .text-holder {
    border: 1px solid #ececec;
    margin-left: 20px;
    padding: 17px 20px 12px;
}
.product-tab-box .tab-content .review-box .single-review-box .text-holder .top {
    margin: 0 0 10px;
    overflow: hidden;
}
.product-tab-box .tab-content .review-box .single-review-box .text-holder .top .name h4 {
    color: #3d3d3d;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    text-transform: capitalize;
}
.product-tab-box .tab-content .review-box .single-review-box .text-holder .top .review-box ul {
    margin-top: -2px;
    padding-left: 0px;
    position: relative;
}
.product-tab-box .tab-content .review-box .single-review-box .text-holder .top .review-box ul li {
    display: inline-block;
    margin-right: 1px;
}
.product-tab-box .tab-content .review-box .single-review-box .text-holder .top .review-box ul li i {
    color: #2acb35;
    font-size: 14px;
}
.product-tab-box .tab-content .review-box .single-review-box .text-holder .text p {
    margin: 0;
}


.product-tab-box .tab-content .review-form .title{
    
}
.product-tab-box .tab-content .review-form .title h3 {
    margin: 0 0 15px;
}
.product-tab-box .tab-content .review-form .add-rating-box {
    margin: 0 0 20px;
}
.product-tab-box .tab-content .review-form .add-rating-box .add-rating-title h4 {
    color: #848484;
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 10px;
    font-family: 'Open Sans', sans-serif;
    text-transform: none;
}
.product-tab-box .tab-content .review-form .add-rating-box ul li {
    border-right: 1px solid #ebebeb;
    display: inline-block;
    line-height: 20px;
    margin-right: 10px;
    padding-right: 10px;
}
.product-tab-box .tab-content .review-form .add-rating-box ul li:last-child{
    margin-right: 0px;
    padding-right: 0px;
    border-right: 0px solid #ebebeb;
}
.product-tab-box .tab-content .review-form .add-rating-box ul li a i {
  color: #d6d6d6;
  font-size: 12px;
  line-height: 20px;
  margin-right: 1px;
  opacity: 0.9;
  transition: all 500ms ease 0s;
}

.product-tab-box .tab-content .review-form form .field-label p {
    color: #848484;
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 3px;
}
.product-tab-box .tab-content .review-form form input[type="text"], 
.product-tab-box .tab-content .review-form form input[type="email"], 
.product-tab-box .tab-content .review-form form textarea {
    background: #fff;
    height: 50px;
    width: 100%;
    border: 1px solid #ececec;
    color: #252525;
    font-size: 14px;
    padding: 0 15px;
    margin-bottom: 20px;
    transition: all 500ms ease;
}
.product-tab-box .tab-content .review-form form textarea {
    height: 110px;
    padding: 10px 15px;
    margin-bottom: 25px;
}
.product-tab-box .tab-content .review-form form button {
    padding: 11px 35px 9px;
}
.product-tab-box .tab-content .review-form form button:hover{}
.product-tab-box .tab-content .review-form .add-rating-box ul li:hover a i{
    opacity: 1;
    color: #2acb35;
}
.product-tab-box .tab-content .review-form form input[type="text"]:focus{
    border-color: #2acb35;
}
.product-tab-box .tab-content .review-form form input[type="email"]:focus{
    border-color: #2acb35;
}
.product-tab-box .tab-content .review-form form textarea:focus{
    border-color: #2acb35;  
}
.related-product {
  padding-top: 70px;
}
.related-product .sec-title {
  padding-bottom: 40px;
}
.related-product .single-product-item {}

.single-shop-area .sidebar-wrapper .single-sidebar .sec-title {
    overflow: hidden;
    padding-bottom: 30px;
}




.yoga-at-home {
    display: flex;
    align-items: center; /* Align content with the image naturally */
    justify-content: space-between;
    gap: 50px; /* Space between image and text */
    padding: 50px;
    max-width: 1200px;
    margin: auto;
}

.image-box {
    flex: 1; /* Keeps the image balanced */
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2); /* Soft shadow */
    border-radius: 10px; /* Smooth rounded edges */
    overflow: hidden; /* Prevents overflow of the image */
}

.image-box img {
    width: 100%;
    height: auto;
    display: block;
}


.video-box {
    flex: 1;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2); /* Matches the shadow effect */
    background: white; /* Ensures alignment with the white background */
    padding: 10px; /* Creates spacing around the video */
}

.video-box iframe {
    width: 100%;
    height: 350px; /* Increased height to better fit the layout */
    border-radius: 10px;
    display: block;
}



/* Responsive Yoga at Home Video Box */
.yoga-at-home {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 30px;
    padding: 50px;
    max-width: 1200px;
    margin: auto;
}

.image-box, .video-box {
    flex: 1;
    max-width: 100%;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    overflow: hidden;
}

.image-box img {
    width: 100%;
    height: auto;
    display: block;
}

.video-box {
    background: none; /* Remove white background */
    padding: 0; /* Remove padding */
    display: flex; 
    justify-content: center; /* Center align video */
    align-items: center;
    width: 100%;
}

.video-box iframe {
    width: 100%;
    height: 315px; /* Matches typical YouTube mobile layout */
    border-radius: 10px;
    display: block;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2); /* Keep shadow effect */
}

@media (max-width: 768px) {
    .yoga-at-home {
        flex-direction: column;
        padding: 20px;
        gap: 20px; /* Adjust spacing for better alignment */
    }
    
    .video-box {
        width: 100%;
        text-align: center; /* Ensure proper alignment */
    }

    .video-box iframe {
        height: 200px; /* Adjust height for smaller screens */
        max-width: 100%;
    }
}


/* instagram video box css */
/* .instagram-video-box {
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
    padding: 10px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

.instagram-video-box blockquote {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}


@media screen and (max-width: 768px) {
    .instagram-video-box {
        max-width: 90%;
        padding: 8px;
    }
} */



/* yoga benifits section styles */
.benefits-container {
    width: 100%;
    padding: 50px 5%;
    background: linear-gradient(to bottom, #e6f7e6, #c8e6c9); 
    text-align: center;
}

.benefits-container h2 {
    font-size: 28px;
    font-weight: bold;
    color: #4c9444; 
}

.benefits-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    margin-top: 30px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.benefit-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    text-align: left;
    padding: 15px;
    color: #245c3a; 
}

.benefit-item img {
    width: 30px;
    height: 30px;
}

.benefit-item h3 {
    margin: 0;
    font-size: 20px;
    font-weight: bold;
    color: #3e8e41;
}

.benefit-item p {
    margin: 5px 0 0;
    font-size: 16px;
    color: #245c3a;
}

.subscribe-btn {
    margin-top: 10px;
}

.subscribe-btn button {
    background-color: #7ccf8b; 
    color: white;
    border: none;
    padding: 12px 50px;
    font-size: 20px;
    font-weight: bold;
    border-radius: 25px;
    cursor: pointer;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
    transition: background 0.3s ease, transform 0.2s;
}

.subscribe-btn button:hover {
    background-color: #7ccf8b; 
    transform: scale(1.05);
}

/* MEDIA QUERIES */

/* Tablets (Stack benefits in single column) */
@media (max-width: 768px) {
    .benefits-grid {
        grid-template-columns: 1fr; /* Stack items vertically */
    }

    .benefit-item {
        flex-direction: row; /* Keep icon beside text */
        align-items: flex-start;
        text-align: left;
    }

    .benefit-item img {
        width: 28px;
        height: 28px;
    }

    .benefit-item h3 {
        font-size: 17px;
    }

    .benefit-item p {
        font-size: 13px;
    }

    .subscribe-btn {
        justify-content: center; /* Keep button centered */
    }

    .subscribe-btn button {
        font-size: 15px;
        padding: 10px 20px;
        width: auto;
        min-width: 160px;
    }
}

/* Mobile Devices (480px and smaller) */
@media (max-width: 480px) {
    .benefits-grid {
        display: flex;
        flex-direction: column; /* Stack benefits */
        gap: 15px;
    }

    .benefit-item {
        flex-direction: row; /* Keep icon beside text */
        align-items: flex-start;
        text-align: left;
        padding: 7px;
    }

    .benefit-item img {
        width: 30px;
        height: 30px;
    }

    .benefit-item h3 {
        font-size: 22px;
    }

    .benefit-item p {
        font-size: 15px;
    }

    .subscribe-btn {
        justify-content: center;
    }

    .subscribe-btn button {
        font-size: 18px;
        padding: 12px 15px;
        min-width: 200px;
    }
}

/* Smallest Screens (360px and below) */
@media (max-width: 360px) {
    .benefits-container {
        padding: 20px 3%;
    }

    .benefits-container h2 {
        font-size: 18px;
    }

    .benefit-item img {
        width: 20px;
        height: 20px;
    }

    .benefit-item h3 {
        font-size: 14px;
    }

    .benefit-item p {
        font-size: 11px;
    }

    .subscribe-btn button {
        font-size: 12px;
        padding: 6px 12px;
        min-width: 140px;
    }
}
















.content-box {
    flex: 1; /* Ensures the text takes up equal space */
    text-align: left;
}

.content-box h2 {
    font-size: 2rem;
    font-weight: bold; /* Makes it bold */
    color: #32CD32; /* Light Green */
    margin-bottom: 10px;
}


.content-box p {
    font-size: 1.7rem;
    color: #555;
    line-height: 1.6;
    max-width: 90%; /* Keeps text neatly aligned */
}

.center-heading {
    text-align: center;
    font-size: 3rem;
    font-weight: bold;
    color: #32CD32; /* Light Green */
    margin-bottom: 30px;
}

.center-heading2 {
    text-align: center;
    font-size: 3rem;
    font-weight: bold;
    color: #32CD32; /* Light Green */
    margin-bottom: 30px;
}









/* Responsive Design */
@media (max-width: 768px) {
    .yoga-at-home {
        flex-direction: column;
        text-align: center;
    }

    .content-box {
        text-align: center;
    }

    .content-box p {
        max-width: 100%;
    }
}



/* Common Styles */
.yoga-for-you {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 50px;
    padding: 50px;
    max-width: 1200px;
    margin: auto;
}

.image-box, .content-box {
    flex: 1;
}

.image-box img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    display: block;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
}




.test-our-teachers {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 50px;
    padding: 50px;
    max-width: 1200px;
    margin: auto;
}

.image-box, .content-box {
    flex: 1;
}

.image-box img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    display: block;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
}

/* Responsive Design */
@media (max-width: 768px) {
    .test-our-teachers {
        flex-direction: column;
        text-align: center;
    }

    .content-box {
        text-align: center;
    }
}




.pocket-friendly {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 50px;
    padding: 50px;
    max-width: 1200px;
    margin: auto;
}

.image-box, .content-box {
    flex: 1;
}

.image-box img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    display: block;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
}

/* Responsive Design */
@media (max-width: 768px) {
    .pocket-friendly {
        flex-direction: column;
        text-align: center;
    }

    .content-box {
        text-align: center;
    }
}




.yoga-for-you, .test-our-teachers {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    padding: 50px;
    max-width: 1200px;
    margin: auto;
}

.image-box, .content-box {
    flex: 1;
    /* font-weight: bold; */
    max-width: 50%; /* Ensures equal width distribution */
}

.image-box img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    display: block;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
}

/* Responsive Design */
@media (max-width: 1024px) {
    .yoga-for-you, .test-our-teachers {
        gap: 20px;
        padding: 30px;
    }
}

@media (max-width: 768px) {
    .yoga-for-you, .test-our-teachers {
        flex-direction: column;
        text-align: center;
    }

    .image-box, .content-box {
        max-width: 100%; /* Full width for smaller screens */
    }

    .image-box img {
        width: 90%; /* Slightly smaller image to fit within layout */
        margin: auto;
    }

    .content-box {
        text-align: center;
        padding: 10px 20px; /* Adds some spacing for readability */
    }
}







@media (max-width: 768px) {
    .image-box {
        width: 100%; /* Ensure the box takes full width */
        overflow: hidden; /* Prevents overflow */
        background: none; /* Removes any background color */
    }

    .image-box img {
        width: 100%; /* Make sure images scale properly */
        height: auto;
        display: block;
        border-radius: 10px;
    }
}
.image-box img {
    max-width: 100%;
    height: auto;
    display: block;
}





@media (max-width: 768px) {
    .content-box {
        width: 100%; /* Ensure it takes the full width */
        text-align: left; /* Keep text left-aligned */
        padding: 20px; /* Adds proper spacing */
        margin: 0 auto; /* Center the content inside the container */
    }

    .content-box h2 {
        font-size: 1.8rem; /* Adjust heading size */
        margin-bottom: 10px; /* Spacing below heading */
    }

    .content-box p {
        font-size: 1.4rem; /* Make text readable */
        line-height: 1.6; /* Improve spacing between lines */
        max-width: 100%; /* Ensures text fits properly */
    }

    /* Ensure proper structure of content boxes */
    .yoga-at-home,
    .yoga-for-you,
    .test-our-teachers,
    .pocket-friendly {
        flex-direction: column; /* Stack elements vertically */
        align-items: flex-start; /* Align content to the left */
        padding: 20px; /* Ensure proper padding */
        max-width: 95%; /* Keep content within a nice margin */
        margin: auto; /* Centers the whole section within the viewport */
    }

    .image-box, .content-box {
        max-width: 100%; /* Allow full-width layout */
    }

    .image-box img {
        width: 100%; /* Make images responsive */
        display: block; /* Remove any extra spacing */
    }
}




/* Responsive Content Box */
.content-box {
    flex: 1;
    text-align: left;
    padding: 0;
    margin: 0;
    width: 100%;
}

.content-box h2 {
    font-size: 2rem;
    font-weight: bold;
    color: #32CD32;
    margin-bottom: 10px;
}

.content-box p {
    font-size: 1.7rem;
    color: #555;
    line-height: 1.6;
    max-width: 100%; /* Removes extra margin */
}

@media (max-width: 768px) {
    .content-box {
        width: 100%;
        text-align: left;
        padding: 0;
        margin: 0;
    }

    .content-box p {
        font-size: 1.4rem;
        line-height: 1.6;
        max-width: 100%;
    }

    .yoga-at-home, .yoga-for-you, .test-our-teachers, .pocket-friendly {
        flex-direction: column;
        align-items: flex-start;
        padding: 20px;
        max-width: 100%;
        margin: auto;
    }
}










/* testimonails css */
/* .testimonials {
    text-align: center;
    padding: 50px 20px;
    background-color: #f9f9f9;
}
.testimonials h2 {
    color: #32CD32;
    font-weight: bold;
    font-size: 28px;
    margin-bottom: 10px;
}
.testimonials p {
    color: #666;
    margin-bottom: 30px;
}
.testimonial-container {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}
.testimonial-box {
    background: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    text-align: center;
    max-width: 300px;
    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.testimonial-box:hover {
    transform: translateY(-8px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
.testimonial-icon {
    font-size: 80px;
    color: #ccc;
    margin-bottom: 15px;
}
.testimonial-text {
    font-style: italic;
    color: #444;
}
h3 {
    margin: 10px 0 5px;
    color: #32CD32;
}
span {
    color: #777;
    font-size: 14px;
} */


.testimonials {
    text-align: center;
    padding: 50px 20px;
    background-color: #f9f9f9;
}

.testimonials h2 {
    color: #32CD32;
    font-weight: bold;
    font-size: 28px;
    margin-bottom: 10px;
}

.testimonials p {
    color: #666;
    margin-bottom: 30px;
}

.testimonial-container {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.testimonial-box {
    background: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    text-align: center;
    max-width: 300px;
    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.testimonial-box:hover {
    transform: translateY(-8px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.testimonial-image {
    width: 80px; /* Adjust size as needed */
    height: 80px; /* Adjust size as needed */
    border-radius: 50%; /* Makes the image circular */
    margin-bottom: 15px;
    object-fit: cover; /* Ensures the image covers the area without distortion */
}

.testimonial-text {
    font-style: italic;
    color: #444;
}

h3 {
    margin: 10px 0 5px;
    color: #32CD32;
}

span {
    color: #777;
    font-size: 14px;
}

/* Responsive styles */
@media only screen and (max-width: 768px) {
    .testimonial-container {
        flex-direction: column; /* Stack testimonials vertically on mobile */
        align-items: center; /* Center align items */
    }

    .testimonial-box {
        max-width: 90%; /* Allow more width on mobile */
    }
}








/* Register Now Button styles */
/* .register-section {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.95);
    text-align: center;
    padding: 8px 0;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
    z-index: 9999; 
    display: flex;
    justify-content: center;
    align-items: center;
}

.register-button {
    display: inline-block;
    background-color: #25D366;
    color: white;
    padding: 15px 60px;
    font-size: 18px;
    border-radius: 30px;
    text-decoration: none;
    transition: background-color 0.3s ease, transform 0.3s ease;
    width: 90%;
    max-width: 500px;
    text-align: center;
}

.register-button:hover {
    background-color: #1ebe5d;
    transform: scale(1.05);
} */

/* Improved Mobile Responsiveness */
/* @media (max-width: 1024px) {
    .register-button {
        padding: 14px 50px;
        font-size: 17px;
    }
    .register-section {
        padding: 12px 0;
    }
}

@media (max-width: 768px) {
    .register-button {
        padding: 12px 40px;
        font-size: 16px;
        width: 95%; 
    }
    .register-section {
        padding: 10px 0;
    }
} */


/* pricing section css*/

.pricing-section {
    text-align: center;
    margin: 20px;
}

.toggle-buttons {
    margin-bottom: 20px;
}

.toggle-buttons button {
    background-color: #a8e6cf; /* Light green */
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    font-size: 16px;
    margin: 0 5px;
    border-radius: 25px; /* Rounded edges */
    transition: background-color 0.3s, transform 0.3s;
    font-weight: bold;
}

.toggle-buttons button.active {
    background-color: #81c784; /* Darker green for active button */
    color: white;
    font-weight: bold;
}

.pricing-container {
    display: none;
}

.pricing-container.active {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.pricing-box {
    border: 1px solid #81c784; /* Darker green */
    border-radius: 8px;
    padding: 30px; /* Increased padding for more space */
    width: 300px; /* Increased width */
    background-color: #ffffff; /* White background for boxes */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    transition: transform 0.3s, box-shadow 0.3s;
}

.pricing-box:hover {
    transform: translateY(-5px); /* Lift effect on hover */
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2); /* Enhanced shadow on hover */
}

.pricing-box h3 {
    margin: 0 0 10px;
}

.pricing-box p {
    font-weight: bolder;
    font-size: x-large;
}

.pricing-box ul li {
    font-weight: bold;
}

.pricing-box ul {
    list-style-type: none; /* Remove bullet points */
    padding: 0;
    margin: 10px 0;
    font-size: 14px; /* Smaller font for services */
}

.join-now {
    background-color: #4caf50; /* Green color for visibility */
    color: white; /* White text */
    border: none;
    padding: 10px;
    cursor: pointer;
    font-size: 17px;
    font-weight: 600;
    border-radius: 5px;
    transition: background-color 0.3s, transform 0.3s;
    width: 100%; /* Full width */
    margin-top: 10px; /* Space above the button */
}

.join-now:hover {
    background-color: #388e3c; /* Darker green on hover */
    transform: scale(1.05); /* Slightly enlarge on hover */
}

/* Responsive styles */
/* Responsive styles */
@media only screen and (max-width: 768px) {
    .pricing-container {
        flex-direction: column; /* Stack pricing boxes vertically */
        align-items: center; /* Center align items */
    }

    .pricing-box {
        width: 90%; /* Allow more width on mobile */
        max-width: 400px; /* Set a max width for larger screens */
        margin-bottom: 20px; /* Space between boxes */
    }

    .toggle-buttons {
        display: flex; /* Use flexbox for the toggle buttons */
        justify-content: center; /* Center the buttons */
        margin-bottom: 20px; /* Add some space below the buttons */
    }

    .toggle-buttons button {
        font-size: 14px; /* Smaller font size for mobile */
        padding: 8px 16px; /* Adjust padding for mobile */
        margin: 0 5px; /* Add some space between buttons */
    }
}


/* FAQ SECTION STYLES */
.faq-section {
    background-color: #f9f9f9; /* Light background for contrast */
    padding: 15px 15px; /* Vertical padding and horizontal padding */
}

.faq-section h2 {
    font-size: 2.5em; /* Larger font size for the heading */
    margin-bottom: 30px; /* Space below the heading */
}

.panel {
    margin-bottom: 15px; /* Space between panels */
    border: 1px solid #ddd; /* Border for panels */
    border-radius: 5px; /* Rounded corners */
}

.panel-heading {
    background-color: #fff; /* White background for the heading */
    cursor: pointer; /* Pointer cursor for clickable headings */
}

.panel-title {
    display: flex; /* Flexbox for alignment */
    justify-content: space-between; /* Space between title and icon */
    align-items: center; /* Center items vertically */
    padding: 8px ; /* Padding for the title */
    font-size: 1.2em; /* Font size for the title */
}

.panel-title a {
    text-decoration: none; /* Remove underline from links */
    color: #333; /* Dark text color */
}

.panel-title a:hover {
    color: #32CD32; /* Change color on hover */
}

.panel-body {
    padding: 15px; /* Padding for the body */
    font-size: 1em; /* Font size for the body text */
    color: #555; /* Slightly lighter text color */
}

.pull-right {
    font-size: 1.5em; /* Larger icon size */
    transition: transform 0.3s; /* Smooth transition for rotation */
}

.panel-collapse.in .pull-right {
    transform: rotate(45deg); /* Rotate icon when expanded */
}

@media (max-width: 768px) {
    .faq-section h2 {
        font-size: 2em; /* Smaller font size for mobile */
    }

    .panel-title {
        font-size: 1em; /* Smaller font size for mobile */
    }

    .panel-body {
        font-size: 0.9em; /* Smaller font size for mobile */
    }
}



/* contact us new styles */
/* body {
    font-family: Arial, sans-serif;
    background-color: #f8f8f8;
    margin: 0;
    padding: 0;
}
.contact-section {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    padding: 50px;
    flex-wrap: wrap;
}
.map-container {
    width: 45%;
    height: 400px;
    min-width: 300px;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
.map-container:hover {
    transform: scale(1.02);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);
}
.map-container iframe {
    width: 100%;
    height: 300px;
    border: 0;
}
.contact-info {
    width: 45%;
    min-width: 300px;
    background: #e0f2e9;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.contact-info h2 {
    color: #4a7c59;
}
.contact-info p {
    font-size: 16px;
    color: #333;
    margin: 10px 0;
}
.icon {
    margin-right: 8px;
}
.btn {
    display: inline-block;
    margin-top: 15px;
    padding: 10px 15px;
    background: #4a7c59;
    color: white;
    text-decoration: none;
    border-radius: 5px;
    transition: background 0.3s;
}
.btn:hover {
    background: #3a5d47;
}
@media (max-width: 768px) {
    .contact-section {
        flex-direction: column;
        align-items: center;
    }
    .map-container, .contact-info {
        width: 90%;
    }
} */
/* CSS file: styles.css */
body {
    font-family: Arial, sans-serif;
    background-color: #f8f8f8;
    margin: 0;
    padding: 0;
}
.contact-section {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    padding: 50px;
    flex-wrap: wrap;
}
.map-container {
    width: 45%;
    min-width: 300px;
    height: 400px; /* Increased height */
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 55px;
}
.map-container:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);
}
.map-container iframe {
    width: 100%;
    height: 100%; /* Adjusted to fit container */
    border: 0;
}
/* .contact-info {
    width: 45%;
    min-width: 300px;
    background: #e0f2e9;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.contact-info h2 {
    color: #4a7c59;
}
.contact-info p {
    font-size: 16px;
    color: #333;
    margin: 10px 0;
}
.icon {
    margin-right: 8px;
}
.btn {
    display: inline-block;
    margin-top: 15px;
    padding: 10px 15px;
    background: #4a7c59;
    color: white;
    text-decoration: none;
    border-radius: 5px;
    transition: background 0.3s;
}
.btn:hover {
    background: #3a5d47;
} */
 .contact-info {
  width: 100%;
  max-width: 600px;
  background: #e0f2e9;
  padding: 25px 20px;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  font-family: 'Poppins', sans-serif;
  margin: 0 auto;
}

.contact-info h2 {
  color: #4a7c59;
  margin-bottom: 20px;
  font-size: 30px;
}

.contact-info p{
    font-size: 16px;
}
.contact-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 15px;
}

.contact-item .icon {
  color: #4CAF50; /* Light green theme */
  font-size: 18px;
  margin-right: 12px;
  flex-shrink: 0;
  margin-top: 3px;
}

.contact-item p {
  font-size: 16px;
  color: #333;
  margin: 0;
  line-height: 1.5;
}

.btn {
  display: inline-block;
  margin-top: 15px;
  padding: 10px 18px;
  background: #4a7c59;
  color: white;
  text-decoration: none;
  border-radius: 5px;
  font-weight: 500;
  transition: background 0.3s ease;
}

.btn i {
  margin-right: 8px;
}

.btn:hover {
  background: #3e674c;
  color: white;
}


/* ✅ Responsive for mobile */
@media (max-width: 480px) {
  .contact-info {
    padding: 20px 15px;
  }

  .contact-item {
    flex-direction: row;
    align-items: flex-start;
  }

  .contact-item p {
    font-size: 15px;
  }

  .btn {
    font-size: 14px;
    padding: 9px 16px;
  }
}

/* @media (max-width: 768px) {
    .contact-section {
        flex-direction: column;
        align-items: center;
    }
    .map-container, .contact-info {
        width: 90%;
    }
} */

@media (max-width: 768px) {
    .contact-section {
        flex-direction: column;
        align-items: center;
        padding: 30px 15px; /* Reduced side padding */
    }

    .map-container, 
    .contact-info {
        width: 100%; /* Full width on smaller screens */
        max-width: 500px; /* Prevents excessive stretching on tablets */
        margin-left: 8px;
    }
}

@media (max-width: 480px) {
    .contact-section {
        padding: 20px 10px; /* Further reduce padding for smaller screens */
    }

    .map-container, 
    .contact-info {
        width: 95%; /* Fully occupies the screen width */
        max-width: 100%; /* Ensures no extra space on sides */
    }
    .contact-info h2 {
        text-align: center;
    }
    .btn {
        /* margin-left: 100px; */
        margin-left: auto;
        margin-right: auto;
        display: block; /* Needed for margin auto to work */
        text-align: center;
        width: 155px;
    }
}



/* Connect with Us Section */
.connect-section {
    text-align: center;
    background: #e6f5e6; /* Light green background */
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    width: 100%;
    max-width: 500px;
    margin: 30px auto;
}

/* Heading */
.connect-section h2 {
    color: #2c3e50;
    margin-bottom: 15px;
}

/* Email Box */
.email-box {
    background: #c3e6c3; /* Light green */
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

/* Envelope Icon */
.email-box i {
    color: #2c3e50;
    font-size: 18px;
}

.email-box a {
    color: #2c3e50;
    text-decoration: none;
}

.email-box:hover {
    background: #a8dba8;
    transition: 0.3s;
}

/* Social Media Icons */
.social-container {
    display: flex;
    justify-content: space-around;
    padding: 10px;
    background: #c3e6c3; /* Light green to match theme */
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Default state: Light green background */
.social-icon {
    font-size: 24px;
    padding: 10px;
    border-radius: 50%;
    background: #d4f0d4; /* Light green */
    color: #2c3e50; /* Dark gray for icons */
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
}

/* Hover & Click Effects */
.social-icon:hover, .social-icon:active {
    color: white;
}

.instagram:hover { background: #E4405F; }
.facebook:hover { background: #1877F2; }
.youtube:hover { background: #FF0000; }
.whatsapp:hover { background: #25D366; }

/* Tablets */
@media (max-width: 768px) {
    .connect-section {
        max-width: 90%;
        padding: 15px;
    }

    .social-container {
        gap: 10px; /* Reduce spacing */
        padding: 8px;
    }

    .social-icon {
        width: 35px;
        height: 35px;
        font-size: 20px;
    }
}

/* Mobile Screens */
@media (max-width: 480px) {
    .connect-section {
        max-width: 90%;
        padding: 10px;
    }

    .email-box {
        font-size: 14px;
        padding: 8px;
    }

    .email-box i {
        font-size: 16px;
    }

    .social-container {
        gap: 8px; /* Reduce spacing for smaller screens */
        padding: 6px;
    }

    .social-icon {
        width: 32px;
        height: 32px;
        font-size: 18px;
    }
}













/* =============================================
   donate page styles
============================================= */

/* Donate Section */
.donate-section {
    padding: 50px 0;
    text-align: center;
    background-color: #f9f9f9; 
}

.section-title {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #2d572c; /* Dark green for headings */
}

/* Grid Layout */
.donate-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    max-width: 1100px;
    margin: auto;
}

/* Card Styling */
.donate-card {
    background: white;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
    transition: 0.3s;
    border: 2px solid #7ac142; /* Light green border */
}

.donate-card:hover {
    transform: scale(1.05);
    border-color: #5ca332; /* Darker green on hover */
}

.donate-card img {
    width: 100%;
    border-radius: 10px;
    height: 180px;
    object-fit: cover;
}

.donate-card h3 {
    font-size: 18px;
    margin: 10px 0;
    color: #2d572c; /* Dark green text */
}

.donate-card p {
    font-size: 14px;
    color: #5a8c5f; /* Medium green text */
}

/* Donate Button */
.donate-btn {
    background-color: #7ac142; /* Light green button */
    color: white;
    padding: 10px 15px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
    font-size: 16px;
}

.donate-btn:hover {
    background-color: #5ca332; /* Dark green on hover */
}

/* Responsive Design */
@media (max-width: 1024px) {
    .donate-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .donate-grid {
        grid-template-columns: repeat(1, 1fr);
    }
}


/* UPDATED ABOUT US STYLES */
/* General Styling */
body {
    font-family: Arial, sans-serif;
    background-color: #ffffff; /* White Background */
    color: #333;
    margin: 0;
    padding: 0;
}

/* About Us Section */
/* .about-us {
    padding: 60px 5%;
    width: 100%;
}


.about-title {
    color: #3a7d44; 
    font-size: 36px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 30px;
}

.about-heading {
    color: #3a7d44; 
    font-size: 28px;
    font-weight: bold;
    margin-top: 50px; 
    margin-bottom: 20px;
}


.about-text {
    font-size: 18px;
    line-height: 1.8;
    text-align: justify;
    margin-bottom: 20px; 
}


.about-list {
    padding-left: 20px;
}

.about-list li {
    font-size: 18px;
    line-height: 1.8;
    margin-bottom: 15px; 
}

.about-join-button {
    display: inline-block;
    background-color: #3a7d44; 
    color: white;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    padding: 12px 24px;
    border-radius: 5px;
    margin-top: 30px; 
    transition: background 0.3s;
}

.about-join-button:hover {
    background-color: #2e5d33; 
}


@media (max-width: 768px) {
    .about-us {
        padding: 30px 10px;
    }

    .about-title {
        font-size: 28px;
    }

    .about-heading {
        font-size: 24px;
        margin-top: 40px;
    }

    .about-text, .about-list li {
        font-size: 16px;
    }
} */

/* General Styling */
.about-us {
    background: linear-gradient(to bottom, #e8f5e9, #f2fff2); /* Light Green Gradient */
    padding: 60px 20px;
    text-align: center;
    color: #2e4d24; /* Deep Green */
}

/* Container */
.about-container {
    max-width: 900px;
    margin: auto;
    text-align: left;
}

/* Titles & Headings */
.about-title {
    font-size: 42px;
    font-weight: bold;
    color: #2e7d32;
    text-align: center;
    margin-bottom: 15px;
    letter-spacing: 1px;
}

.about-heading {
    font-size: 28px;
    color: #388e3c;
    font-weight: bold;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 10px;
}

/* Paragraphs */
.about-text {
    font-size: 17px;
    line-height: 1.6;
    color: #2e4d24;
}

/* Lists */
.about-list {
    list-style-type: none;
    padding: 0;
}

.about-list li {
    font-size: 17px;
    padding: 5px 0;
}

/* Join Button */
.about-join-button {
    display: inline-block;
    width: 21%;
    margin-top: 40px;
    margin-left: 350px;
    padding: 12px 58px;
    background: #4caf50;
    color: white;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    border-radius: 5px;
    transition: 0.3s;
}

.about-join-button:hover {
    background: #388e3c;
}

/* Responsive styles for tablets and smaller devices (768px and below) */
@media (max-width: 768px) {
    .about-join-button {
        margin-left: 0;  
        display: block;  
        text-align: center;  
        width: fit-content;  
        margin: 20px auto;  
        padding: 10px 20px;  
        font-size: 16px;  
    }
}

/* Further adjustments for very small screens (480px and below) */
@media (max-width: 480px) {
    .about-join-button {
        width: 70%;  /* Make button take up more space */
        padding: 12px;  
        font-size: 20px;  
        margin: 15px auto;  
        margin-top: 35px;
        margin-bottom: -10px;
        text-align: center;  
    }
}



/* TEMPLE SECTION STYLES */
/* Schedule Section Styling */
.schedule-section {
    text-align: center;
    padding: 50px 20px;
    background-color: #f9f9f9;
}

/* Title Styling */
.schedule-title {
    font-size: 28px;
    color: #2c5e32;
    font-weight: bold;
    margin-bottom: 20px;
}

/* Table Container */
.schedule-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Table Styling */
.schedule-table {
    width: 90%;
    max-width: 800px;
    border-collapse: collapse;
    background-color: white;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    overflow: hidden;
}

/* Table Head Styling */
.schedule-table thead {
    background-color: #43a047;
    color: white;
    font-size: 18px;
}

.schedule-table th, .schedule-table td {
    padding: 15px;
    text-align: center;
    font-weight: 500;
    border-bottom: 1px solid #ddd;
}

/* Alternate Row Colors */
.schedule-table tbody tr:nth-child(odd) {
    background-color: #f0f9f2;  /* Light green */
}

.schedule-table tbody tr:nth-child(even) {
    background-color: white;
}

/* Hover Effect on All Rows */
.schedule-table tbody tr:hover {
    background-color: #d8f3dc;  /* Slightly darker green on hover */
    transition: background-color 0.3s ease-in-out;
}



/* START MOBILE MENU STYLES */
/* ========== SLIDE-IN SIDEBAR MENU (THEMED) ========== */
.mobile-offcanvas {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #a2e6a6, #68c47e); /* a bit darker than the light green */
    z-index: 9999;
    transition: right 0.4s ease-in-out;
    overflow-y: auto;
    padding: 80px 20px 40px;
    box-shadow: -4px 0 12px rgba(0, 0, 0, 0.15);
    font-family: 'Poppins', sans-serif;
    padding-bottom: 80px; /* Adjust as needed */
    overflow-y: auto; /* Ensures scrolling if content exceeds height */
}

/* Open state */
.mobile-offcanvas.open {
    right: 0;
}

/* Close (X) Button */
.offcanvas-close {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 30px;
    cursor: pointer;
    color: #1a1a1a;
    font-weight: bold;
    z-index: 10000;
    transition: color 0.3s ease;
}
.offcanvas-close:hover {
    color: #2acb35;
}

/* Navigation Styling */
.mobile-offcanvas .navigation {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mobile-offcanvas .navigation > li > a {
    display: block;
    padding: 15px 20px;
    color: #1a1a1a;
    font-size: 16px;
    font-weight: 600;
    background-color: #eafff1;
    border-radius: 6px;
    margin-bottom: 10px;
    transition: background 0.3s ease;
    text-decoration: none;
}
.mobile-offcanvas .navigation > li > a:hover {
    background-color: #c4f6dc;
}

/* Dropdown Arrows */
.mobile-offcanvas .navigation li.dropdown > a::after {
    content: "›";
    float: right;
    font-weight: bold;
    color: #2acb35;
    transition: transform 0.3s ease;
}
.mobile-offcanvas .navigation li.dropdown.open > a::after {
    content: "⌄";
}

/* Submenus */
.mobile-offcanvas .navigation li.dropdown ul {
    display: none;
    margin-top: 8px;
    padding-left: 15px;
}

.mobile-offcanvas .navigation li.dropdown.open > ul {
    display: block;
}

/* Submenu Links */
.mobile-offcanvas .navigation li.dropdown ul li a {
    display: block;
    padding: 12px 18px;
    background-color: #ecfff5;
    font-size: 15px;
    font-weight: 500;
    color: #222;
    border-left: 2px solid #2acb35;
    border-radius: 4px;
    margin-bottom: 6px;
}
.mobile-offcanvas .navigation li.dropdown ul li a:hover {
    background-color: #dafae8;
}

body.sidebar-open {
    overflow: hidden;
    position: fixed;
    width: 100%;
}
body.sidebar-open .mainmenu-area.stricky-fixed {
    display: none !important; /* OR */
    position: static !important; /* if you just want it to stay in flow */
    z-index: 0;
}
body.sidebar-open {
    overflow: hidden; /* Prevent background scroll */
}

body.sidebar-open .mainmenu-area.stricky-fixed {
    display: none; /* Hide sticky menu while sidebar is open */
}





/* END MOBILE MENU STYLES */

/* START EVENTS STYLES */
/* Events Section */
.events-section {
    width: 90%;
    max-width: 800px;
    margin: auto;
    padding: 20px 0;
}

/* Title */
.events-title {
    font-size: 32px;
    color: #2e7d32; /* Vibrant Dark Green */
    text-align: center;
    margin-bottom: 20px;
}

/* Event Container */
.event {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #e6f9ea; /* Vibrant Light Green Background */
    padding: 18px;
    border-radius: 10px;
    margin-bottom: 18px;
    box-shadow: 0px 4px 12px rgba(0, 128, 0, 0.1);
    transition: 0.3s ease-in-out;
    cursor: pointer;
}

/* Hover Effect */
.event:hover {
    background-color: #d0f0d8; /* Slightly deeper light green on hover */
    box-shadow: 0px 6px 14px rgba(0, 128, 0, 0.15);
    transform: translateY(-3px);
}

/* Featured Event */
.event.featured {
    background-color: #66bb6a; /* Fresh Green */
    color: white;
}

/* Event Date */
.event-date {
    background: white;
    padding: 10px 15px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 8px;
    color: #2e7d32;
}

/* Event Details */
.event-details h2 {
    font-size: 18px;
    margin: 0;
    color: #2e7d32;
}

.featured .event-details h2 {
    color: white;
}

/* Register Button */
.register-btn {
    background-color: #43a047; /* Vibrant Green */
    color: white;
    border: none;
    padding: 8px 15px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 6px;
    cursor: pointer;
    transition: 0.3s;
}

.register-btn:hover {
    background-color: #388e3c;
}

/* Responsive Design */
@media (max-width: 768px) {
    .event {
        flex-direction: column;
        text-align: center;
        padding: 20px;
    }

    .event-date {
        margin-bottom: 10px;
    }

    .register-btn {
        margin-top: 20px;
        width: 50%;
    }
}

/* ---------------- MEDIA QUERIES ---------------- */

@media screen and (max-width: 768px) {
    .events-section {
      padding: 40px 15px;
    }
  
    .event {
      padding: 16px;
    }
  
    .event-details h2 {
      font-size: 18px;
    }
  
    .event-date {
      padding: 8px 12px;
    }
  
    .event-date .day {
      font-size: 18px;
    }
  
    .event-date .month {
      font-size: 13px;
    }
  
    .event-details p {
      font-size: 14px;
    }
  }
  
  @media screen and (max-width: 480px) {
    .events-section h1 {
      font-size: 26px;
    }
  
    .events-grid {
      grid-template-columns: 1fr;
    }
  
    .event-date {
      float: none;
      margin: 0 0 10px 0;
      display: inline-block;
    }
  
    .event {
      text-align: center;
    }
  
    .event-details h2 {
      font-size: 17px;
      margin-top: 10px;
    }
  
    .event-details p {
      font-size: 13.5px;
    }
  }
/* END EVENTS STYLES */


/* Board memners style */
  .board-members {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 32px;
    padding: 40px;
  }
  
  .member-card {
    width: 280px;
    background-color: #fff;
    border-radius: 16px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    text-align: center;
  }
  
  .member-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
  }
  
  .member-card img {
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 5; /* Ensures consistent image size on all screens */
    object-fit: cover;
    display: block;
  }
  
  .member-card h3 {
    font-size: 18px;
    margin: 12px 0 4px;
    color: #222;
  }
  
  .member-card p {
    font-size: 15px;
    margin-bottom: 12px;
    color: #666;
  }
  
  /* Responsive Design */
  @media (max-width: 768px) {
    .board-members {
      gap: 24px;
      padding: 30px 20px;
    }
  
    .member-card {
      width: 90%;
      max-width: 300px;
    }
  }
  
  @media (max-width: 480px) {
    .board-members {
      gap: 20px;
      padding: 20px 10px;
    }
  
    .member-card {
      width: 100%;
      max-width: 320px;
    }
  
    .member-card h3 {
      font-size: 16px;
    }
  
    .member-card p {
      font-size: 14px;
    }
  }
  
  @media (max-width: 360px) {
    .board-members {
      padding: 16px 8px;
      gap: 16px;
    }
  
    .member-card {
      width: 100%;
      max-width: 300px;
      border-radius: 12px;
    }
  
    .member-card img {
      aspect-ratio: 4 / 5;
    }
  
    .member-card h3 {
      font-size: 15px;
    }
  
    .member-card p {
      font-size: 13px;
    }
  }
   

/* legal status styles   */
.legal-status-section {
    max-width: 850px;
    margin: 60px auto;
    padding: 0 20px;
    cursor: pointer;
  }
  
  .legal-title {
    text-align: center;
    font-size: 30px;
    color: #2e7d32;
    margin-bottom: 40px;
    font-family: 'Poppins', sans-serif;
  }
  
  .legal-document {
    background: #e6f9ea;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0px 4px 10px rgba(0, 128, 0, 0.1);
    transition: 0.3s ease-in-out;
    font-family: 'Poppins', sans-serif;
  }
  
  .legal-document:hover {
    background: #d0f0d8;
    transform: translateY(-3px);
    box-shadow: 0px 6px 12px rgba(0, 128, 0, 0.15);
  }
  
  .doc-name {
    font-size: 18px;
    color: #2e7d32;
    font-weight: 500;
  }
  
  .view-btn {
    background-color: #43a047;
    color: white;
    padding: 10px 18px;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    border-radius: 6px;
    transition: background 0.3s ease;
  }
  
  .view-btn:hover {
    background-color: #388e3c;
  }
  
  /* Responsive */
 /* Tablet & Below */
@media (max-width: 768px) {
    .legal-document {
      flex-direction: column;
      align-items: center;
      text-align: center;
      gap: 12px;
    }
  
    .view-btn {
      align-self: center;
    }
  }
  
  /* Mobile (480px) */
  @media (max-width: 480px) {
    .legal-status-section {
      padding: 0 40px;
    }
  
    .legal-title {
      font-size: 26px;
    }
  
    .doc-name {
      font-size: 16px;
    }
  
    .view-btn {
      font-size: 13px;
      padding: 9px 16px;
    }
  }
  
  /* Smaller Phones (360px) */
  @media (max-width: 360px) {
    .legal-title {
      font-size: 24px;
    }
  
    .doc-name {
      font-size: 15px;
    }
  
    .view-btn {
      font-size: 12.5px;
      padding: 8px 14px;
    }
  
    .legal-document {
      padding: 15px;
    }
  }
  
/* welcome section */
/* welcome-section.css */
.welcome-section {
  background-color: #fff;
  text-align: center;
  padding: 60px 20px;
  font-family: 'Segoe UI', sans-serif;
  color: #333;
}

.welcome-section h1 {
  font-size: 55px;
  color:  #32CD32;
  font-weight: bold;
  margin-bottom: 20px;
  font-family: 'Dosis', Helvetica, Arial, Lucida, sans-serif;
}

.welcome-icon {
  width: 170px;
  margin: -8px 0;
  opacity: 0.8;
}

.welcome-section .short-info,
.welcome-section .gita-quote,
.welcome-section .additional-info {
  font-size: 27px;
  font-weight: lighter;
  line-height: 1.6;
  max-width: 1200px;
  margin: 10px auto;
  font-style: italic;
  font-family: 'Patrick Hand', cursive;
}

.donate-link {
  display: inline-block;
  font-size: large;
  margin-top: 20px;
  font-weight: bold;
  color: #c0392b;
  text-decoration: none;
  transition: 0.3s;
}

.donate-link:hover {
  color: #a93226;
}

/* ===================== */
/* Responsive Media Queries */
/* ===================== */

@media (max-width: 1024px) {
  .welcome-section h1 {
    font-size: 46px;
  }

  .welcome-section .short-info,
  .welcome-section .gita-quote,
  .welcome-section .additional-info {
    font-size: 24px;
  }

  .welcome-icon {
    width: 90px;
  }
}

@media (max-width: 768px) {
  .welcome-section {
    padding: 50px 15px;
  }

  .welcome-section h1 {
    font-size: 38px;
  }

  .welcome-section .short-info,
  .welcome-section .gita-quote,
  .welcome-section .additional-info {
    font-size: 20px;
  }

  .donate-link {
    font-size: medium;
  }

  .welcome-icon {
    width: 80px;
  }
}

@media (max-width: 480px) {
  .welcome-section {
    padding: 40px 10px;
  }

  .welcome-section h1 {
    font-size: 41px;
  }

  .welcome-section .short-info,
  .welcome-section .gita-quote,
  .welcome-section .additional-info {
    font-size: 18px;
  }

  .donate-link {
    font-size: 18px;
    padding: 10px 16px;
  }

  .welcome-icon {
    width: 135px;
  }
}

/* .donate-section {
  background-color: #f9f9f9;
  padding: 50px 20px;
  text-align: center;
  font-family: 'Segoe UI', sans-serif;
}

.donate-heading {
  font-size: 2.5rem;
  color: #333;
  position: relative;
  margin-bottom: 40px;
}

.donate-heading span {
  display: inline-block;
  width: 50px;
  height: 3px;
  background-color: #e9962c;
  vertical-align: middle;
  margin: 0 15px;
  border-radius: 2px;
}

.donate-cards {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 30px;
}

.donate-card {
  background-color: white;
  width: 295px;
  height: 300px;
  border-radius: 20px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.09);
  overflow: hidden;
  text-align: center;
  padding-bottom: 20px;
  transition: transform 0.3s ease;
  border-style: none;
}

.donate-card:hover {
  transform: translateY(-5px);
}

.donate-card img {
  width: 100%;
  height: 160px;
  object-fit: cover;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.donate-card h3 {
  font-size: 1.9rem;
  margin: 20px 0 10px;
  color: #222;
}

.donate-card button {
  background-color: #e74c3c;
  color: white;
  font-weight: bold;
  font-size: 1.5rem;
  padding: 12px 25px;
  margin-top: 5px;
  border: none;
  border-radius: 30px;
  cursor: pointer;
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
  transition: background-color 0.3s ease;
}

.donate-card button:hover {
  background-color: #c0392b;
}

@media (max-width: 768px) {
  .donate-heading {
    font-size: 2rem;
  }

  .donate-heading span {
    width: 40px;
    margin: 0 10px;
  }

  .donate-cards {
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }

  .donate-card {
    width: 90%;
    height: auto;
  }

  .donate-card img {
    height: auto;
    max-height: 200px;
  }

  .donate-card h3 {
    font-size: 1.5rem;
  }

  .donate-card button {
    font-size: 1.1rem;
    padding: 10px 20px;
  }
}

@media (max-width: 480px) {
  .donate-heading {
    font-size: 2.2rem;
  }

  .donate-heading span {
    width: 30px;
    margin: 0 8px;
  }

  .donate-card h3 {
    font-size: 2rem;
  }

  .donate-card button {
    font-size: 1.5rem;
    padding: 8px 18px;
  }
}

@media (max-width: 360px) {
  .donate-heading {
    font-size: 1.6rem;
  }

  .donate-heading span {
    width: 25px;
    margin: 0 6px;
  }

  .donate-card {
    width: 95%;
  }

  .donate-card h3 {
    font-size: 1.2rem;
  }

  .donate-card button {
    font-size: 0.95rem;
    padding: 8px 15px;
  }
}
 */

.donate-section-cards {
  background-color: #f9f9f9;
  padding: 50px 20px;
  text-align: center;
  font-family: 'Segoe UI', sans-serif;
}

.donate-heading-cards {
  font-size: 2.5rem;
  color: #333;
  position: relative;
  margin-bottom: 40px;
}

.donate-heading-cards span {
  display: inline-block;
  width: 50px;
  height: 3px;
  background-color: #e9962c;
  vertical-align: middle;
  margin: 0 15px;
  border-radius: 2px;
}

.donate-card-wrapper {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 30px;
}

.donation-card-box {
  background-color: white;
  width: 295px;
  height: 300px;
  border-radius: 20px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.09);
  overflow: hidden;
  text-align: center;
  padding-bottom: 20px;
  transition: transform 0.3s ease;
  border-style: none;
}

.donation-card-box:hover {
  transform: translateY(-5px);
}

.donation-card-box img {
  width: 100%;
  height: 160px;
  object-fit: cover;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.donation-card-box h3 {
  font-size: 1.9rem;
  margin: 20px 0 10px;
  color: #222;
}

.donation-card-box button {
  background-color: #e74c3c;
  color: white;
  font-weight: bold;
  font-size: 2rem;
  padding: 12px 25px;
  margin-top: 5px;
  border: none;
  border-radius: 30px;
  cursor: pointer;
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
  transition: background-color 0.3s ease;
}

.donation-card-box button:hover {
  background-color: #c0392b;
}

/* Responsive styles */
@media (max-width: 768px) {
  .donate-heading-cards {
    font-size: 2rem;
  }

  .donate-heading-cards span {
    width: 40px;
    margin: 0 10px;
  }

  .donate-card-wrapper {
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }

  .donation-card-box {
    width: 90%;
    height: auto;
  }

  .donation-card-box img {
    height: auto;
    max-height: 200px;
  }

  .donation-card-box h3 {
    font-size: 1.5rem;
  }

  .donation-card-box button {
    font-size: 1.1rem;
    padding: 10px 20px;
  }
}

@media (max-width: 480px) {
  .donate-heading-cards {
    font-size: 2.2rem;
  }

  .donate-heading-cards span {
    width: 30px;
    margin: 0 8px;
  }

  .donation-card-box h3 {
    font-size: 2.1rem;
  }

  .donation-card-box button {
    font-size: 2rem;
    padding: 8px 18px;
  }
}

/* @media (max-width: 360px) {
  .donate-heading-cards {
    font-size: 1.6rem;
  }

  .donate-heading-cards span {
    width: 25px;
    margin: 0 6px;
  }

  .donation-card-box {
    width: 95%;
  }

  .donation-card-box h3 {
    font-size: 1.2rem;
  }

  .donation-card-box button {
    font-size: 0.95rem;
    padding: 8px 15px;
  }
} */

.volunteer-intro {
  background-color: #f1fff1;
  padding: 60px 10%;
  text-align: center;
}

.volunteer-intro h1 {
  font-size: 36px;
  font-weight: bold;
  color: #3a8f3a;
  margin-bottom: 20px;
}

.volunteer-intro p {
  max-width: 1500px;
  margin: 10px auto;
  line-height: 1.8;
  font-size: 20px;
}

.volunteer-section {
  display: flex;
  flex-wrap: wrap;
  padding: 40px 10%;
  background-color: #ffffff;
  align-items: center;
}

.volunteer-content {
  flex: 1 1 60%;
  padding-right: 30px;
}

.volunteer-content h2 {
  color: #3a8f3a;
  font-size: 28px;
  margin-top: 30px;
}

.volunteer-content p {
  margin: 15px 0;
  line-height: 1.8;
  font-size: 19px;
}

.volunteer-content ul {
  padding-left: 20px;
  margin: 10px 0 20px;
  font-size: 19px;
}

.volunteer-content li {
  margin-bottom: 10px;
  list-style-type: disc;
}

.volunteer-content a {
  color: #3a8f3a;
  text-decoration: none;
  font-weight: bold;
}

.volunteer-content a:hover {
  text-decoration: underline;
}

.volunteer-image {
  flex: 1 1 35%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 30px;
}

.volunteer-image img {
  max-width: 100%;
  height: auto;
 margin-bottom: 310px;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}
.volunteer-content p {
  font-size: 20px;
  color: #333;
  display: flex;
  align-items: center;
  gap: 8px;
}

.volunteer-content p i {
  color: #4CAF50; /* light green theme */
  margin-left: 23px;
  display: inline-block;
}


/* Responsive Design */
@media (max-width: 760px) {
  .volunteer-intro {
    padding: 40px 20px;
  }

  .volunteer-intro h1 {
    font-size: 26px;
  }

  .volunteer-intro p {
    font-size: 17px;
    text-align: justify;
  }

  .volunteer-section {
    flex-direction: column;
    padding: 30px 20px;
  }

  .volunteer-content {
    padding-right: 0;
  }

  .volunteer-content h2 {
    font-size: 22px;
  }

  .volunteer-content p,
  .volunteer-content ul {
    font-size: 17px;
  }

  .volunteer-image {
    margin-top: 30px;
    padding-top: 0;
    margin-bottom: 0;
    justify-content: center;
  }

  .volunteer-image img {
    margin-bottom: 0;
    width: 100%;
    height: auto;
  }
}
@media (max-width: 480px) {
  .volunteer-intro h1 {
    font-size: 24px;
  }

  .volunteer-intro p {
    font-size: 16px;
  }

  .volunteer-section {
    padding: 25px 15px;
  }

  .volunteer-content h2 {
    text-align: center;
    font-size: 20px;
  }

  .volunteer-content p,
  .volunteer-content ul {
    font-size: 16px;
  }
}
@media (max-width: 360px) {
  .volunteer-intro h1 {
    font-size: 22px;
  }

  .volunteer-intro p {
    font-size: 15px;
  }

  .volunteer-section {
    padding: 20px 10px;
  }

  .volunteer-content h2 {
    font-size: 18px;
  }

  .volunteer-content p,
  .volunteer-content ul {
    font-size: 15px;
  }

  .volunteer-image img {
    width: 100%;
    height: auto;
  }
}

.corporate-intro {
  background-color: #f1fff1;
  padding: 60px 10%;
  text-align: center;
}

.corporate-intro h1 {
  font-size: 36px;
  font-weight: bold;
  color: #3a8f3a;
  margin-bottom: 10px;
}

.corporate-intro p {
  font-size: 22px;
  margin-top: 18px;
  color: #555;
}

.corporate-section {
  display: flex;
  flex-wrap: wrap;
  padding: 40px 10%;
  background-color: #ffffff;
  align-items: flex-start;
}

.corporate-content {
  flex: 1 1 60%;
  padding-right: 30px;
}

.corporate-content h2 {
  color: #3a8f3a;
  font-size: 28px;
  margin-top: 30px;
}

.corporate-content h3 {
  font-size: 22px;
  margin-top: 20px;
  color: #2d6b2d;
}

.corporate-content p {
  margin: 15px 0;
  line-height: 1.8;
  font-size: 19px;
}

.corporate-content ul {
  padding-left: 20px;
  margin: 10px 0 20px;
  font-size: 19px;
}

.corporate-content li {
  margin-bottom: 10px;
  list-style-type: disc;
}

.corporate-images {
  flex: 1 1 35%;
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding-top: 30px;
  align-items: center;
}

.corporate-images img {
  max-width: 100%;
  height: auto;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.corporate-images {
  display: flex;
  flex-wrap: wrap;           /* Wrap images on smaller screens */
  justify-content: center;   /* Center images horizontally */
  align-items: center;       /* Optional: align vertically */
  padding-top: 20px;
  gap: 20px;
  width: 100%;
  box-sizing: border-box;
}
.corporate-image img {
  width: 100%;
  max-width: 300px;     /* Adjust based on your layout */
  height: auto;
  display: block;
}

/* Responsive Design */
@media (max-width: 760px) {
  .corporate-images {
    justify-content: center;
    text-align: center;
    padding: 20px 10px;
  }
}
@media (max-width: 760px) {
  .corporate-intro {
    padding: 40px 20px;
  }

  .corporate-intro h1 {
    font-size: 26px;
  }

  .corporate-intro p {
    font-size: 17px;
    text-align: justify;
  }

  .corporate-section {
    flex-direction: column;
    padding: 30px 20px;
  }

  .corporate-content {
    padding-right: 0;
  }

  .corporate-content h2 {
    font-size: 22px;
  }

  .corporate-content h3 {
    font-size: 20px;
  }

  .corporate-content p,
  .corporate-content ul {
    font-size: 17px;
  }

  .corporate-images {
  padding-top: 20px;
  gap: 20px;
  
  }


  .corporate-image img {
    width: 100%;
    height: auto;
  }
}

@media (max-width: 480px) {
  .corporate-intro h1 {
    font-size: 24px;
  }

  .corporate-intro p {
    font-size: 16px;
    margin-left: 44px;
  }

  .corporate-section {
    padding: 25px 15px;
  }

  .corporate-content h2 {
    text-align: center;
    font-size: 20px;
  }

  .corporate-content h3 {
    font-size: 18px;
  }

  .corporate-content p,
  .corporate-content ul {
    font-size: 16px;
  }
}

@media (max-width: 360px) {
  .corporate-intro h1 {
    font-size: 22px;
  }

  .corporate-intro p {
    font-size: 15px;
  }

  .corporate-section {
    padding: 20px 10px;
  }

  .corporate-content h2 {
    font-size: 18px;
  }

  .corporate-content h3 {
    font-size: 16px;
  }

  .corporate-content p,
  .corporate-content ul {
    font-size: 15px;
  }

  .corporate-image img {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 760px) {
  .corporate-intro {
    text-align: center;
    padding: 40px 20px;
  }

  .corporate-intro p {
    font-size: 17px;
    text-align: center;
    margin: 18px auto 0 auto; /* top auto bottom */
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }
}

@media (max-width: 480px) {
  .corporate-intro p {
    font-size: 16px;
    margin: 18px auto 0 auto;
    text-align: center;
  }
}

@media (max-width: 360px) {
  .corporate-intro p {
    font-size: 15px;
    margin: 18px auto 0 auto;
    text-align: center;
  }
}

/* Copyright footer section */
.copyright-section {
  background-color: #1e1f2a;
  color: #ffffff;
  padding: 20px 40px;
  /* font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; */
  font-size: 14px;
  box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.2);
}

.copyright-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.copyright-left p {
  font-family: 'Poppins', sans-serif;
  color: #ffffff;
  margin: 0;
  opacity: 0.85;
}

.copyright-right a {
  font-family: 'Poppins', sans-serif;  
  color: #ffffff;
  margin-left: 20px;
  text-decoration: none;
  font-weight: 600;
  transition: color 0.3s ease;
}

.copyright-right a:hover {
 opacity: 0.7; 
}

/* Responsive for smaller screens */
@media (max-width: 480px) {
  .copyright-content {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .copyright-left,
  .copyright-right {
    width: 100%;
  }

  .copyright-right {
    margin-top: 10px;
  }

  .copyright-right a {
    margin: 5px 8px;
    font-size: 13px;
  }
}

.privacy-policy-section {
    padding: 40px 140px;
    font-family: 'Segoe UI', sans-serif;
    line-height: 1.7;
    font-size: 16px;
    color: #333;
  }
  
  .privacy-policy-section h2 {
    color: #4CAF50; /* light green */
    margin-top: 30px;
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 15px;
  }
  
  .privacy-policy-section p {
    margin-bottom: 15px;
    font-size: large;
  }
  
  @media (max-width: 768px) {
    .privacy-policy-section {
      padding: 25px 15px;
    }
  
    .privacy-policy-section h2 {
      font-size: 25px;
    }
  
    .privacy-policy-section p {
      font-size: 15px;
    }
  }
  


  .terms-section {
    width: 100%;
    padding: 60px 140px;
    box-sizing: border-box;
    background-color: white;
    color: #333;
    font-family: 'Segoe UI', sans-serif;
  }
  
  .terms-content h1 {
    font-size: 36px;
    color: #4CAF50;
    margin-bottom: 30px;
    font-weight: bold;
  }
  
  .terms-content h2 {
    font-size: 28px;
    color: #4CAF50;
    margin-top: 40px;
    margin-bottom: 20px;
    font-weight: bold;
  }
  
  .terms-content p {
    font-size: 18px;
    line-height: 1.8;
    margin-bottom: 20px;
  }
  
  .terms-content ul {
    list-style-type: disc !important;
    padding-left: 40px !important;
    margin-bottom: 20px;
  }
  
  .terms-content li {
    font-size: 18px;
    line-height: 1.8;
    margin-bottom: 12px;
    display: list-item !important; /* Force default display */
    list-style-position: outside !important;
    content: "•";
    color: black;
  }
  
  
  /* ✅ Mobile Responsive Media Queries */
  @media screen and (max-width: 768px) {
    .terms-section {
      padding: 40px 5vw;
    }
  
    .terms-content h1 {
      font-size: 28px;
    }
  
    .terms-content h2 {
      font-size: 24px;
    }
  
    .terms-content p,
    .terms-content li {
      font-size: 16px;
    }
  }
  
  @media screen and (max-width: 480px) {
    .terms-section {
      padding: 30px 4vw;
    }
  
    .terms-content h1 {
      font-size: 24px;
    }
  
    .terms-content h2 {
      font-size: 20px;
    }
  
    .terms-content p,
    .terms-content li {
      font-size: 15px;
    }
  }
  
/* refund policy */
.refund-section {
    width: 100%;
    padding: 60px 140px;
    box-sizing: border-box;
    background-color: white;
    color: #333;
    font-family: 'Segoe UI', sans-serif;
  }
  
  .refund-content h1 {
    font-size: 36px;
    color: #4CAF50;
    margin-bottom: 30px;
    font-weight: bold;
  }
  
  .refund-content h2 {
    font-size: 28px;
    color: #4CAF50;
    margin-top: 40px;
    margin-bottom: 20px;
    font-weight: bold;
  }
  
  .refund-content p {
    font-size: 18px;
    line-height: 1.8;
    margin-bottom: 20px;
  }
  
  .refund-content ul {
    list-style-type: disc !important;
    padding-left: 40px !important;
    margin-bottom: 20px;
  }
  
  .refund-content li {
    font-size: 18px;
    line-height: 1.8;
    margin-bottom: 12px;
    display: list-item !important;
    list-style-position: outside !important;
  }

  .refund-content a {
    color: #0A66C2;
    font-weight: 600;

  }
  
  /* ✅ Responsive styles */
  @media screen and (max-width: 768px) {
    .refund-section {
      padding: 40px 5vw;
    }
  
    .refund-content h1 {
      font-size: 28px;
    }
  
    .refund-content h2 {
      font-size: 24px;
    }
  
    .refund-content p,
    .refund-content li {
      font-size: 16px;
    }
  }
  
  @media screen and (max-width: 480px) {
    .refund-section {
      padding: 30px 4vw;
    }
  
    .refund-content h1 {
      font-size: 24px;
    }
  
    .refund-content h2 {
      font-size: 20px;
    }
  
    .refund-content p,
    .refund-content li {
      font-size: 15px;
    }
  }
  


/* Fine-tuning for very small screens like 360px */
@media (max-width: 360px) {
  .copyright-section {
    padding: 15px 20px;
    font-size: 13px;
  }

  .copyright-right a {
    font-size: 12.5px;
    margin: 4px 6px;
  }
}






/*** 
=============================================
   Event Find Area style
=============================================
***/
.event-find-area{
    padding-top: 70px;
    padding-bottom: 50px;
}
.event-find-area .event-find {
    background: #f5f4f3;
    display: block;
    padding: 18px 30px 30px;
}
.event-find-area form .input-box {
    position: relative;
}
.event-find-area form .input-box .icon-box {
    position: absolute;
    right: 20px;
    top: 41px;
}
.event-find-area form .input-box .icon-box i {
    color: #999999;
    font-size: 14px;
}
.event-find-area form .input-box .field-label{
    color: #2acb35;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    margin: 0 0 3px;
}
.event-find-area form input[type=text]{
    background: #e8e7e5;
    width: 100%;
    border: 1px solid #e1e1e1;
    height: 52px;
    display: block;
    padding: 0 20px;
    color: #ababab;
    font-size: 14px;
    font-weight: 400;
    border-radius: 30px;
    transition: all 500ms ease;
}
.event-find-area form input[type=text]:focus{
    background: #ffffff;
    border-color: #2acb35;
}
.event-find-area form button {
    width: 100%;
    display: block;
    padding: 13px 20px 11px;
    margin: 27px 0 0;
}

#ui-datepicker-div.ui-widget-content {
    border: 1px solid #c5c5c5;
    background: #fff none repeat scroll 0 0;
    border: 1px solid #777;
    color: #252525;
    font-family: "Poppins",sans-serif;
    font-size: 14px;
    border-radius: 0px;
    width: 270px;
    padding: 5px;
    text-align: center;
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-header {
    background: #2acb35 none repeat scroll 0 0;
    border: 2px solid #252525;
    border-radius: 0;
    color: #fff;
    font-weight: 700;
    padding: 5px 0;
    position: relative;
}
.ui-datepicker .ui-datepicker-prev {
    left: 5px;
}
.ui-datepicker .ui-datepicker-prev, 
.ui-datepicker .ui-datepicker-next {
    border-radius: 30%;
    height: 20px;
    position: absolute;
    top: 7px;
    width: 20px;
    transition: all 500ms ease;
    cursor: pointer;
}
.ui-datepicker .ui-datepicker-next {
    right: 5px;
}
.ui-datepicker .ui-datepicker-prev:hover, 
.ui-datepicker .ui-datepicker-next:hover {
    top: 7px;
    background: #fff;
    border: none;
}
.ui-datepicker table {
    border-collapse: collapse;
    font-size: 13px;
    margin: 0 0 0.4em;
    width: 100%;
}
.ui-datepicker th {
    border: medium none;
    font-weight: 600;
    padding: 2px 3px;
    text-align: center;
}
.ui-datepicker-calendar .ui-state-default{
    text-align: center;
}
#ui-datepicker-div .ui-state-highlight{
    border: 1px solid #d3d3d3;  
    background: #ffffff;
}
#ui-datepicker-div .ui-state-default{
    border: 1px solid #d3d3d3;  
    background: #ffffff;    
}
#ui-datepicker-div .ui-datepicker-calendar .ui-state-default:hover,
#ui-datepicker-div .ui-datepicker-calendar .ui-state-default:active{
    background: #2acb35;
    color: #fff;
    border-color: #2acb35;
}



/*** 
=============================================
    Main event Area style
=============================================
***/
.main-event-area {
    padding-bottom: 30px;
}
.main-event-area .single-item {
    overflow: hidden;
    padding-bottom: 38px;
    border-bottom: 1px solid #f5f4f3;
    margin-bottom: 40px;
}
.main-event-area .single-item .img-holder{
    position: relative;
    overflow: hidden;
    display: block;
}
.main-event-area .single-item .img-holder img{
    transform: scale(1.1, 1.1);
    transition: all 0.5s ease 0s;
    width: 100%;    
}
.main-event-area .single-item:hover .img-holder img{
    transform: scale(1, 1);    
}
.main-event-area .single-item:hover .img-holder .overlay-style-one{
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);    
}
.main-event-area .single-item .img-holder .overlay-style-one .box .content a i {
    width: 45px;
    height: 45px;
    border: 2px solid #ffffff;
    background: #000;
    font-size: 15px;
    line-height: 44px;
    transition: all 500ms ease;
}
.main-event-area .single-item .img-holder .overlay-style-one .box .content a:hover i{
    background: #2acb35;
    color: #fff;
}

.main-event-area .single-item .text-holder {
    padding-left: 70px;
    margin-top: 30px;
    position: relative;
}
.main-event-area .single-item .text-holder .date-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 70px;
    height: 70px;
    display: block;
    background: #2acb35;
    text-align: center;
}
.main-event-area .single-item .text-holder .date-box h3 {
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    padding: 12px 0 9px;
    display: block;
}
.main-event-area .single-item .text-holder .date-box p {
    background: #222426;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    display: block;
    padding: 3px 0 3px;
}
.main-event-area .single-item .text-holder .text-box{
    padding-left: 20px;
}
.main-event-area .single-item .text-holder .text-box h3 {
    margin: 0 0 5px;
}
.main-event-area .single-item .text-holder .text-box ul li{
    line-height: 24px;    
}
.main-event-area .single-item .text-holder .text-box ul li i{
    display: inline-block;
    padding-right: 10px;
    color: #2acb35;
    font-size: 15px;
}



/*** 
=============================================
    Single event Area style
=============================================
***/
.single-event-area{
    padding-top: 70px;
    padding-bottom: 70px;
}
.single-event-area .single-event{}
.single-event-area .single-event .img-box{
    position: relative;
}
.countdown-timer {
    position: absolute;
    top: 0;
    bottom: 0px;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.70);
    text-align: center;
}
.countdown-timer .default-coundown {
    display: table;
    height: 100%;
    width: 100%;
}
.countdown-timer .default-coundown .box {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.countdown-timer li {
    position: relative;
    display: inline-block;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    text-align: center;
    margin: 0 10px;
    border: 2px solid #2acb35;
    line-height: 24px;
    padding-top: 25px;
    text-align: center;
}
.countdown-timer li span.days,
.countdown-timer li span.hours,
.countdown-timer li span.minutes,
.countdown-timer li span.seconds {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    color: #ffffff;
    font-weight: 600;
    display: inline-block;
    text-align: center;
    padding: 0 30px;
}
.countdown-timer li span.timeRef {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    color: #ffffff;
    font-weight: 500;
    display: block;
    text-transform: capitalize;
    padding: 0 16px;
}

.single-event-area .single-event .inner-content {
    padding-top: 50px;
    border-bottom: 1px solid #f5f4f3;
    padding-bottom: 35px;
    margin-bottom: 30px;
}
.single-event-area .single-event .inner-content .text-holder h2{
    color: #404040;
    font-size: 30px;
    font-weight: 600;
    margin: 0 0 16px;
}
.single-event-area .single-event .inner-content .text-holder p{
    
}
.single-event-area .single-event .inner-content .text-holder .event-shedule {
    overflow: hidden;
    padding-top: 10px;
}
.single-event-area .single-event .inner-content .text-holder .event-shedule h3 {
    color: #404040;
    font-size: 24px;
    margin: 0 0 10px;
}

.single-event-area .single-event .inner-content .text-holder .event-shedule ul {
    overflow: hidden;
    padding-top: 2px;
}
.single-event-area .single-event .inner-content .text-holder .event-shedule ul li{
    line-height: 30px;    
}
.single-event-area .single-event .inner-content .text-holder .event-shedule ul li i{
    display: inline-block;
    color: #2acb35;
    padding-right: 8px;
}

.single-event-area .single-event .inner-content .event-details {
    display: block;
    overflow: hidden;
    border: 1px solid #f5f4f3;
    padding: 24px 25px 20px;
}
.single-event-area .single-event .inner-content .event-details h3 {
    color: #2acb35;
    font-size: 26px;
    font-weight: 400;
    font-family: 'Courgette', cursive;
    margin: 0 0 20px;
}
.single-event-area .single-event .inner-content .event-details ul li {
    padding-left: 30px;
    position: relative;
    border-bottom: 1px solid #f5f4f3;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.single-event-area .single-event .inner-content .event-details ul li .icon-holder {
    position: absolute;
    top: 0;
    left: 0;
}
.single-event-area .single-event .inner-content .event-details ul li .icon-holder i {
    color: #2acb35;
    font-size: 15px;
}
.single-event-area .single-event .inner-content .event-details ul li .text-holder{}
.single-event-area .single-event .inner-content .event-details ul li .text-holder h5 {
    color: #404040;
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 2px;
}
.single-event-area .single-event .inner-content .event-details ul li .text-holder p{
    margin: 0;    
}

.single-event-area .single-event .social-share-box {
    overflow: hidden;
    display: block;
    padding-left: 90px;
    position: relative;
    padding-bottom: 60px;
}
.single-event-area .single-event .social-share-box span {
    position: absolute;
    top: 0;
    left: 0;
    color: #404040;
    font-size: 16px;
    font-weight: 400;
    margin: 5px 0;
}
.single-event-area .single-event .social-share-box span i{
    display: inline-block;
    padding-right: 8px;
}
.single-event-area .single-event .social-share-box .social-links li{
    display: inline-block;
    float: left;
    margin-right: 10px;
}
.single-event-area .single-event .social-share-box .social-links li:last-child{
    margin-right: 0;
}
.single-event-area .single-event .social-share-box .social-links li a {
    background: #f5f4f3;
    color: #888888;
    font-weight: 500;
    display: block;
    padding: 5px 15px 5px;
    transition: all 500ms ease;
}
.single-event-area .single-event .social-share-box .social-links li a:hover{
    background: #1da1f2;
    color: #ffffff;
}

.single-event-area .single-event .event-form-box {
    overflow: hidden;
    display: block;
}
.single-event-area .single-event .event-form-box .title{
    padding-bottom: 30px;
}
.single-event-area .single-event .event-form-box .title h3 {
    color: #404040;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
}
.single-event-area .single-event .event-form-box .form-group {
    margin-bottom: 20px;
}
.single-event-area .single-event .event-form-box .form-group.margin0 {
    margin-bottom: 0px;
}
.single-event-area .single-event .event-form-box .form-group p {
    margin-bottom: 5px;
    font-weight: 500;
}
.single-event-area .single-event .event-form-box .form-group input[type="text"],
.single-event-area .single-event .event-form-box .form-group input[type="email"],
.single-event-area .single-event .event-form-box .form-group textarea {
    background: #ffffff;
    border: 1px solid #f4f4f4;
    color: #999999;
    display: block;
    font-size: 14px;
    height: 50px;
    margin-bottom: 25px;
    padding: 0 20px;
    width: 100%;
    transition: all 500ms ease;
    box-shadow: none;
    line-height: 50px;
}
.single-event-area .single-event .event-form-box .form-group input:focus{
    border-color: #2acb35;
}
.single-event-area .single-event .event-form-box .form-group textarea{
    height: 100px;
}
.single-event-area .single-event .event-form-box .form-group textarea:focus{
    border-color: #2acb35;
}
.single-event-area .single-event .event-form-box .form-group button {
    padding: 12px 40px 10px;
}


.event-sidebar .single-sidebar{ }
.event-sidebar .single-sidebar .event-filter {
    background: #f5f4f3;
    display: block;
    padding: 30px 20px 30px;
    margin-bottom: 50px;
}
.event-sidebar .single-sidebar .event-filter .section-title h4{
    color: #404040;
    font-size: 18px;
    font-weight: 600;
}
.event-tab-box ul {
    display: block;
    margin: 20px 0 20px;
}
.event-tab-box ul li{
    display: inline-block;
    float: left;
    position: relative;
    margin-right: 20px;    
}
.event-tab-box ul li:last-child{
    margin-right: 0;
}
.event-tab-box ul li a {
    position: relative;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    color: #404040;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    padding: 0;
    padding-left: 20px;
}
.event-tab-box ul li a:before {
    position: absolute;
    content: "";
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #f4f4f4;
    left: 0;
    top: 5px;
}
.event-tab-box ul li a:after {
    position: absolute;
    content: "";
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #fff;
    left: 3px;
    top: 8px;
}
.event-tab-box ul li.active a:after {
    background: #2acb35;
}
.event-tab-box ul li.active a:before {
    border-color: #2acb35;
}
.event-tab-box ul li.active a{
    color: #2acb35;
    background: transparent;
}
.event-tab-box ul li:hover a{
    background: transparent;
}

.event-tab-box .tab-content{   }
.event-tab-box .tab-content .input-box{
    position: relative;
    overflow: hidden;
    display: block;
    margin-bottom: 20px;
}
.event-tab-box .tab-content .input-box input[type="text"] {
    background: #ffffff;
    border: 1px solid #ffffff;
    color: #888888;
    display: block;
    font-size: 14px;
    height: 40px;
    padding: 0 15px;
    width: 100%;
    transition: all 500ms ease;
    box-shadow: none;
    line-height: 50px;
}
.event-tab-box .tab-content .input-box .icon-box {
    position: absolute;
    top: 8px;
    right: 15px;
}
.event-tab-box .tab-content .input-box .icon-box i{
    color: #2acb35;
    font-size: 15px;
}
.event-tab-box .tab-content button {
    padding: 9px 20px 7px;
    margin: 10px 0 0;
}
.event-sidebar .single-sidebar .section-title h4 {
    color: #222222;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 26px;
}
.event-sidebar .single-sidebar .popular-event {
    margin-bottom: 50px;
}
.event-sidebar .single-sidebar .popular-event .event-carousel{ }
.event-sidebar .single-sidebar .popular-event .event-carousel .img-box{
    margin-bottom: 15px;    
}
.event-sidebar .single-sidebar .popular-event .event-carousel .text-box{ }
.event-sidebar .single-sidebar .popular-event .event-carousel .text-box a h4 {
    color: #404040;
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    margin: 0 0 2px;
}
.event-sidebar .single-sidebar .popular-event .event-carousel .text-box .post-meta{
    overflow: hidden;
    display: block;
}
.event-sidebar .single-sidebar .popular-event .event-carousel .text-box .post-meta li{
    line-height: 30px;    
}
.event-sidebar .single-sidebar .popular-event .event-carousel .text-box .post-meta li i{
    display: inline-block;
    padding-right: 7px;
    color: #2acb35;
}
.event-sidebar .single-sidebar .popular-event .owl-theme .owl-nav {
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 100%;
    right: 0;
    margin: 0;
    margin-bottom: 15px;
}
.event-sidebar .single-sidebar .popular-event .owl-theme .owl-nav [class*=owl-] {
    color: #202f35;
    font-size: 20px;
    margin: 0;
    padding: 0;
    background-color: transparent;
    height: 40px;
    border: 0px;
    width: 18px;
    line-height: 36px;
    font-weight: 700;
    text-align: center;
    margin-left: 5px;
    display: inline-block;
    transition: color .3s ease;
}
.event-sidebar .single-sidebar .popular-event .owl-theme .owl-nav [class*=owl-]:hover {
    color: #2acb35;
    transition: .5s ease;
}.myfooter h3{	color:white;	text-transform:uppercase;	font-size:22px;	font-weight:400;	padding-bottom:10px;}.myfooter li{	padding:5px 0;	text-transform:uppercase;	list-style-type:disc;}.myfooter p{	color:white;}.footer-bord{	border-left:1px solid grey;	padding-left:7px;	height:38vh;}.mytable{	padding:20px;	margin-bottom:20px; padding-top:5px;}
@media screen and (max-width: 667px) {  .footer-bord {    border-left:none;	padding-left:0px;	/* height:40vh; */  }.socialicon ul li{	display:inline !important;	list-style:none;}


@media only screen and (max-width: 667px) {
  .footer-social-links li a {
    color: black;
  }
 
  /* .footer-social-links .fa-facebook{	  background: #3b5998 !important;	} .footer-social-links .fa-instagram{	  background: #2acb35 !important;	  ; } .footer-social-links .fa-linkedin{	  background: #007bb6;	  }

} */

.panel-heading {
    padding: 16px 15px !important;
}
.mt15{
    margin-top:-15px;
}
.testimonial-rapper
{
    padding:30px 0px;
}

.testimonial-rapper h4
{
    padding:20px 0px;
}

.testimonial-rapper h6
{
    padding-bottom:40px !important;
}