/* ================================ */
/* Custom google font integration */
/* ================================ */
@import url("https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900&display=swap");
@import url("https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800");
@import url("https://fonts.googleapis.com/css2?family=Catamaran:wght@900&display=swap");

/* ================================ */
/* General CSS                      */
/* ================================ */

[data-bg="light-gray"] {
  background: #f3f6f8;
  color: #232323;
}
[data-bg="gray"] {
  background: #d8dde6;
  color: #232323;
}
[data-bg="dark-brown"] {
  background: #b4333a;
  color: #fff;
}

[data-bg="black"] {
  background: #000;
  color: #fff;
}
[data-bg="navy-blue"] {
  background: #001443 !important;
  color: #fff;
}
[data-bg="dark-blue"] {
  background: rgb(6, 34, 65);
  color: #fff;
}
[data-bg="light-blue"] {
  background: #eff7fb;
  color: #000;
}
[data-bg="light-gray"] {
  background: #f2f2f2;
  color: #232323;
}
[data-bg="brown-black"] {
  background: #444;
  color: #fff;
}
[data-bg="white"] {
  background: #fff;
  color: #232323;
}
[data-bg="purple"] {
  background: rgba(66, 4, 155);
  color: #fff;
}
[data-bg="green"] {
  background: rgba(32, 153, 2) !important;
  color: #fff !important;
}
[data-bg="orange-transparent"] {
  background: rgba(255, 121, 0, 0.3) !important;
  color: #000 !important;
}
[data-bg="green-transparent"] {
  background: rgba(64, 193, 0, 0.3) !important;
  color: #000 !important;
}
[data-bg="gradient-bg"] {
  background: rgb(0,0,0);
  background: linear-gradient(180deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.7) 50%, rgba(9,9,121,0) 100%);
  color:#fff;
}

[data-bg="light-green"] {
  background: #CEEBD9;
  color:#000;
}
/* Data padding */

[data-padding="5015"] {
  padding: 50px 15px;
}
[data-padding="3015"] {
  padding: 30px 15px;
}
[data-padding="7015"] {
  padding: 70px 15px;
}
[data-padding="500"] {
  padding: 50px 0px;
}
[data-padding="5000"] {
  padding: 50px 0px 0px;
}
[data-padding="50020"] {
  padding: 50px 0px 20px;
}
[data-padding="50150"] {
  padding: 50px 15px 0;
}
[data-padding="01550"] {
  padding: 0 15px 50px;
}
[data-padding="501520"] {
  padding: 50px 15px 20px;
}
[data-padding="515"] {
  padding: 5px 15px;
}
[data-padding="1015"] {
  padding: 10px 15px;
}
[data-padding="1515"] {
  padding: 15px 15px;
}
[data-padding="2515"] {
  padding: 25px 15px;
}
[data-padding="2500"] {
  padding: 25px 0;
}
[data-padding="10015"] {
  padding: 100px 15px;
}
[data-padding="15015"] {
  padding: 150px 15px;
}
[data-padding="1500"] {
  padding: 150px 0;
}
[data-padding="20015"] {
  padding: 200px 15px;
}
[data-padding="2000"] {
  padding: 200px 0;
}
[data-padding="25015"] {
  padding: 250px 15px;
}
[data-padding="0"] {
  padding: 0;
}
[data-padding="0020"] {
  padding: 0 0 20px;
}
[data-padding="015"] {
  padding: 0 15px;
}
[data-padding="18015"] {
  padding: 180px 15px;
}

.pb-6, .py-6 {
    padding-bottom: 6rem!important;
}

.pt-6, .py-6 {
    padding-top: 6rem!important;
}
@media (min-width: 768px){
    .pb-md-6, .py-md-6 {
        padding-bottom: 6rem!important;
    }
    .pt-md-6, .py-md-6 {
        padding-top: 6rem!important;
    }
}
/* Text Colors */
.color-primary{
    color:#ffd200;
}
.color-black{
    color:#000;
}

/* backgrounds */
.background-primary{
    background:#ffd200;
}

[data-padding='00'] .container-fluid{
    padding:0 !important;
}
.tab-pane.in{
    opacity:1;
}

/* data-overlaycolors */
[data-overlaycolor="Blue-overlay"]:after {
  background: rgba(33, 84, 207);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: 1;
}
[data-overlaycolor="Black-overlay"]:after {
  background: rgba(0, 0, 0);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: 1;
}
[data-overlaycolor="Red-overlay"]:after {
  background: rgba(234, 43, 96);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: 1;
}
[data-overlaycolor="Orange-overlay"]:after {
  background: rgba(234, 109, 43);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: 1;
}
[data-overlaycolor="Green-overlay"]:after {
  background: rgba(32, 153, 2);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: 1;
}
[data-overlaycolor="Yellow-overlay"]:after {
  background: rgba(254, 193, 2);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: 1;
}
[data-overlaycolor="Cyan-overlay"]:after {
  background: rgba(2, 228, 254);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: 1;
}
[data-overlaycolor="Magenta-overlay"]:after {
  background: rgba(66, 4, 155);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: 1;
}

/* data-overlay opacity */

[data-overlayopacity="opacity-1"]:after {
  opacity: 0.1;
}
[data-overlayopacity="opacity-2"]:after {
  opacity: 0.2;
}
[data-overlayopacity="opacity-3"]:after {
  opacity: 0.3;
}
[data-overlayopacity="opacity-4"]:after {
  opacity: 0.4;
}
[data-overlayopacity="opacity-5"]:after {
  opacity: 0.5;
}
[data-overlayopacity="opacity-6"]:after {
  opacity: 0.6;
}
[data-overlayopacity="opacity-7"]:after {
  opacity: 0.7;
}
[data-overlayopacity="opacity-8"]:after {
  opacity: 0.8;
}
[data-overlayopacity="opacity-9"]:after {
  opacity: 0.9;
}
[data-overlayopacity="opacity-10"]:after {
  opacity: 1;
}

.d-none{
    display:none;
}

/* Data Position CSS */

[data-position="right"] {
  float: right;
}
[data-position="left"] {
  float: left;
}

.no-padding-bottom {
  padding-bottom: 0;
}

.red-text {
  color: #e22a31;
}
.blue-text {
  color: #0c65ed;
}

.container-fluid{padding-left:45px !important;padding-right:45px !important;}

html {
  height: 100%;
  scroll-behavior: smooth;
}
body {
  font-family: 'Open Sans', sans-serif;
  padding: 0;
  margin: 0;
  height: 100%;
  background: #f6f6f6 !important;
}
body,
button,
input,
select,
textarea {
  font-family: 'Open Sans', sans-serif;
}
a:link,
a:visited,
a:active,
a:focus,
a::before,
a::after {
  outline: 0 none;
  text-decoration: none;
}
a,
button,
.sub,
.wpcf7-submit {
  transition: all 0.2s linear 0s;
}
a {
  color: var(--base-color);
  text-decoration: none;
  outline: 0;
}
a:hover,
a:active {
  color: #1cad43;
}
*::-moz-placeholder {
  color: #c6c6c6;
  opacity: 1;
}
*::-moz-selection {
  background: #b3d4fc none repeat scroll 0 0;
  text-shadow: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #40454d;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  line-height: 1.3em;
  margin-bottom: 10px;
  margin-top: 0;
}
h3,
h4,
h5,
h6 {
  margin-bottom: 7px;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
.mom-main-color,
.mom-main-color a {
  color: #5e5eea;
}
h1 {
  font-size: 32px;
}
h2 {
  font-size: 26px;
}
h3 {
  font-size: 22px;
}
h4 {
  font-size: 20px;
}
h5 {
  font-size: 18px;
  text-transform: capitalize;
  color: #1a1a1a;
}
h6 {
  font-size: 12px;
}

h1 .subTitle,
h2 .subTitle,
h3 .subTitle,
h4 .subTitle,
h5 .subTitle,
h6 .subTitle {
  color: #999;
  display: block;
  font-size: 0.65em;
}
p,
a {
  font-family: 'Open Sans', sans-serif;
}
.width100 {
  width: 100%;
}

.overlay {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}

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

.full-width {
  width: 100%;
  float: left;
  clear: both;
  z-index: 10;
  overflow-x: hidden;
}
.clearfix {
  clear: both;
}
.main p:last-child {
  margin-bottom: 0;
}
.no-display {
  display: none;
}
.padding-0 {
  padding: 0;
}

/* TOp header CSS */
#top-header-section p,
#top-header-section a {
  margin: 0;
  font-size: 15px;
  color: #fff;
}
#top-header-section i:before {
  font-size: 18px;
}
#top-header-section ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  float: right;
  z-index: 1;
  position: relative;
}
#top-header-section ul li {
  display: inline-block;
}
#top-header-section ul li a {
  padding: 0 15px;
  border-left: 1px solid #fff;
  line-height: 12px;
  display: block;
}
#top-header-section ul li:first-child a {
  border-left: none;
}
.header-top-links {
  position: relative;
}

#main-header-section {
  transform: translate3d(0px, 0px, 0px);
  top:0;
  left:0;
  width:100%;
  overflow: visible;
  z-index:9999;
  position:relative;
  -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}
#main-header-section.shrink {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  background: rgb(255, 255, 255);
  box-shadow: rgb(221 221 221 / 60%) 0px 10px 20px 0px;
  transition: all 0.5s ease 0s;
}

.menu-primary-menu-container ul,
.secondary-nav ul{
  list-style-type: none;
  margin: 0 0 0 20px;
  padding: 0;
  float: right;
  line-height: 3.5;
}
.menu-primary-menu-container li,
.secondary-nav li{
  display: inline-block;
  margin-left: 20px;
  position:relative;
}
.menu-primary-menu-container li a,
.secondary-nav li a{
  color: inherit;
  font-size: 16px;
  transition: 0.3s ease;
  text-decoration: none;
  padding: 10px 0;
  position:relative;
}
.menu-primary-menu-container li a:after,
.secondary-nav li a:after{
    content:'';
    bottom:-14px;
    position:absolute;
    width:100%;
    height:1px;
    background:#000;
    left:0;
    opacity:0;
    visibility:hidden;
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}
.menu-secondary-menu-container ul li img {
    width: 32px !important;
}
.menu-primary-menu-container li a:hover:after{
    bottom:0;
    opacity:1;
    visibility:visible;
}
.menu-primary-menu-container li.current-menu-item a,
.menu-primary-menu-container li.current-menu-parent a{
    border-bottom:1px solid #000;
}

.menu-primary-menu-container ul li ul {
    float: left;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 100%;
    visibility: hidden;
    z-index: 99;
    width:225px;
    height:1px;
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}
.menu-primary-menu-container ul li ul li a {
    color: #000 !important;
    width: 100%;
    float: left;
    padding: 10px 20px;
    font-size: 16px;
}
.menu-primary-menu-container ul li:hover ul {
    opacity: 1;
    top: 100%;
    visibility: visible;
    background: rgba(255,203,0,0.8);
    color: #fff !important;
    width:225px;
    overflow:hidden;
    height:auto;
}
.menu-primary-menu-container ul li ul {
    line-height: 1 !important;
    padding: 15px 0;
}

.menu-primary-menu-container ul li ul li{
    width: 100%;
    margin: 0;
}
.menu-primary-menu-container ul li:hover ul li a:hover{
    background: #000;
    color:#fff !important;
    width: 100%;
    float: left;
    padding: 10px 20px;
    border:0 !important;
}
.menu-primary-menu-container ul li:hover ul li:hover ul{
    left:100%;
    opacity: 1;
    visibility: visible;
    background: #26a9f9;
    color: #fff !important;
    width:225px;
    overflow:hidden;
}
.menu-secondary-menu-container ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
.menu-secondary-menu-container ul li{
	display:inline-block;
}

/* Slider CSS */
.bx-wrapper {
  box-shadow: none;
  border: 0;
  margin: 0;
}
.slide-item {
  position: relative;
  overflow:hidden;
}
.slide-item:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #302c51;
  opacity: .6;
  z-index:9;
}
.slider-text-container {
  position: absolute;
  top: 0;
  left: 44%;
  width: 1170px;
  margin-left: -585px;
  padding: 280px 15px 80px;
  z-index:10;
}
.slide-item img{
    width:100% !important;
    position:relative;
}

.slider-text-container h2 {
  width: 50%;
  font-size: 30px;
  color: #fff;
  line-height: 54px;
  position: relative;
  z-index: 1;
  transition: 0.6s ease-in;
  opacity:0;
  left:-44%;
  line-height:1.3;
  font-weight:800;
}
.slider-text-container h2 span{
    color:#ffa179;
}
.slide-item[aria-hidden=false] .slider-text-container h2{
   opacity:1;
   left:0;
}
.slider-text-container p {
  width: 52%;
  color: rgb(255, 255, 255);
  font-size: 18px;
  margin: 20px 0;
  font-weight: 300;
  position: relative;
  z-index: 1;
  transition: 0.8s ease-in;
  opacity:0;
  left:-44%;
}
.slide-item[aria-hidden=false] .slider-text-container p{
   opacity:1;
   left:0;
}
.slider-text-container a {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    padding: 10px 49px;
    border-radius: 23px;
    background: #ff4d00;
    border: 0;
    position:relative;
    left:-44%;
    opacity:0;
    transition: 0.9s ease-in;
}
.slide-item[aria-hidden=false] .slider-text-container a{
   opacity:1;
   left:0;
}
.feature-items {
  display: flex;
  align-items: center;
  align-items: flex-start;
  flex-wrap: nowrap;
}
.feature-items .item {
  float: left;
  text-align: center;
  background: #f0ad4e;
  justify-content: space-between;
  flex-grow: 1;
  padding: 10px 20px;
  margin: 5px;
  transition: all 0.2s linear 0s;
  color: inherit;
  flex:1;
}
.feature-items .item:hover {
  color: inherit;
  background: #ff004c;
}
.feature-items .item span {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 10px 0;
}
.feature-items .item span.txt-block {
  width: 65%;
  margin: 0 auto;
}
.base-title {
  font-size: 2rem;
  font-weight: 300;
  margin: 0 0 20px;
  padding: 0 0 20px;
  color: #2c733e;
  position: relative;
  text-transform:uppercase;
}

.main p {
  font-size: 16px;
  line-height: 26px;
  color: inherit;
  margin: 0 0 20px;
  font-weight: 400;
}

.btn.btn-learnmore {
  font-size: 18px;
  font-weight: 700;
  border-radius: 5px;
  padding: 10px 25px;
  margin: 20px 0 0;
}
.navy-blue-bg {
  background: #564cb4;
  color: #fff;
}
.navy-blue-bg:hover {
  color: #fff;
  background: #1a1263;
}
.red-bg {
  color: #fff;
  background: #ff004c;
}
.quotes-container {
  position: relative;
  padding: 50px 40px 50px 100px;
}
.quotes-container:before {
  content: "";
  left: -35%;
  top: 0;
  background: #5e5eea;
  height: 100%;
  width: 200%;
  position: absolute;
  z-index: -1;
  transform-origin: bottom left;
  -ms-transform: skew(-50deg, 0deg);
  -webkit-transform: skew(-50deg, 0deg);
  transform: skew(-20deg, 0deg);
}
a.link {
  text-decoration: underline;
}
a.link:hover {
  color: #000 !important;
}
.btn-outline {
  padding: 10px 25px;
  border: 2px solid #ccc;
  font-size: 16px;
  margin-top: 30px;
}

/* Testimonials css */
.testi-meta {
  margin-top: 20px;
  display: table;
  width: 100%;
}
.testi-meta-left {
  float: left;
  margin-right: 20px;
}
.testi-meta-left img {
  width: 85px;
  height: 85px;
  border-radius: 100%;
}
.testi-meta-right {
  padding-top: 20px;
}
.testi-meta-right h3 {
  font-size: 18px;
  line-height: 14px;
  margin: 0 0 5px;
  color:inherit;
}
.testi-meta-right span {
  color: #8e8e8e;
}
.testi-inner {
  padding: 30px 30px 15px;
  border: 1px solid #e4e4e4;
  display: block;
}
.testi-msg {
  color: inherit;
  font-size: 15px;
  line-height: 22px;
  position: relative;
}

/* News posts css */
.news-container .post_title {
  margin: 0 0 15px;
  font-size: 18px;
}
.news-container .post_date {
  font-size: 14px;
  color: #777777;
  margin: 0 0 5px;
  display: block;
}
.news-container .post_excerpt {
  font-size: 14px;
  color: #777777;
  margin: 0 0 10px;
  display: block;
}
.news-container .post_author {
  color: #777777;
  font-weight: 700;
}

/* Enquiry form css */

.enquiry-form .fld {
  display: block;
  width: 100%;
  margin: 0 0 15px;
}
.enquiry-form .form-control {
  height: 45px;
}
.enquiry-form .fld.width30 {
  width: 30%;
  float: left;
  padding-right: 10px;
}
.enquiry-form .fld.width70 {
  width: 70%;
  float: left;
}
.enquiry-form textarea.form-control {
  height: auto;
}

.enquiry-form .btn {
  background: #5e5eea;
  float: right;
  border: none;
  padding: 20px 30px;
  font-size: 18px;
  margin: 20px 0 0;
}

/* FOOTER CSS */
#footer-top {
  background: #efefef;
}
#footer-top p{
    font-size:0.9rem;
    margin-top:15px;
    color: #646464;
    width:72%;
}
.footer-menu-list,
.footer-menu ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ul.footer-menu-list li,
.footer-menu ul li{
  float: left;
  width: 100%;
  line-height: 2.5;
  font-size: 16px;
  color: #777777;
}
#footer-top h4{
    font-size: 20px;
    font-weight: 900;
    text-transform: uppercase;
}
#footer-bottom {
  background: #000;
  color: #fff;
}
#footer-bottom .copyright-block p {
  margin: 0;
  font-size: 16px;
}
#footer-top .social-icons {
  list-style-type: none;
  margin: 0;
  padding: 0;
  float: left;
}
#footer-top .social-icons li {
  display: inline-block;
  font-size: 18px;
  margin-right: 15px;
}
#footer-top .social-icons li a{
        color: #1da31d;
}
#footer-top .social-icons li a:hover {
  color:#000;
}

/* Other custom CSS */
.inner-headline h1{color:inherit;font-size:38px;text-transform:uppercase;}

.sidebar h2.widget-title {
    font-size: 17px;
    padding: 8px 10px;
    background: #000;
    color: #fff;
}
.sidebar ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.sidebar ul li {
    margin: 0 0 15px;
    display: block;
    padding: 10px 0 0;
    border-top: 1px solid #e4e4e4;
}
.sidebar ul li:first-child {
    padding-top: 0;
    border-top: 0;
}
sidebar ul li a {
    font-size: 17px;
    display: block;
    color: #444;
}


/* Mobile Nav */
#menu-ham {
  position: fixed;
  right: 0;
  top: 15px;
  z-index: 99999;
}
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
  background-color: #000;
  width: 30px;
}
.is-active .hamburger-inner,
.is-active .hamburger-inner::before,
.is-active .hamburger-inner::after {
  background-color: #fff;
  width: 30px;
}

#mobile-nav {
  opacity: 0;
  right: -1800px;
  background: rgb(162 11 11);
  display: block;
  height: 100%;
  position: fixed;
  top: 0;
  width: 70%;
  z-index: 99998;
  transition: all 0.3s;
}
#mobile-nav.is-active {
  right: 0;
  opacity: 1;
}
/* Mobile Nav ends */


/* Card block template */

.card-text ul{
    margin:0;
    padding:0 0 0 20px;
}
.card-text ul li{
    margin:0 0 5px;
}
.card-header h4{
    color: inherit;
    border-bottom: 1px solid #e4e4e4;
    line-height: 50px;
    width: 100%;
    display: flex;
    place-self: flex-start;
}
.header-phone p {
    display: inline-block;
    margin-right: 10px !important;
}

/* Card block template ends */

/* Responsive CSS */
@media screen and (max-width: 768px) {
  header .branding img{width:90% !important; }
  #mobile-nav ul {
    list-style-type: none;
    margin: 40px 0 0;
    padding: 0;
  }
  #mobile-nav ul li {
    line-height: 2.5;
    margin: 0;
    width: 100%;
    position: relative;
  }
  #mobile-nav ul li a {
    color: #fff;
    display: block;
    font-size: 18px;
    height: 100%;
    position: relative;
    outline: 0 !important;
    padding: 0 20px;
  }
  #mobile-nav .sub-menu {
    background: red none repeat scroll 0 0;
    margin: 0;
    padding: 10px 0;
    display: none;
  }
  #mobile-nav .sub-menu {
    margin: 0;
    padding: 10px 0;
    display: none;
  }
  .feature-items{
      display:block;
  }
  .feature-items .item{width:47%;}
  .btn.btn-learnmore, .btn-outline{margin:20px auto;display:block;width:100%;}
  .quotes-container{padding:40px 20px;}
  .quotes-container:before{transform:none;}
  .testi-inner{margin:0 0 20px;}
  .home-news-container .item{margin: 20px 0 0;padding: 20px 0 0;border-top: 1px dotted #444;}
  .home-news-container .item:first-child{margin-top:0;padding-top:0;border-top:0;}
  .enquiry-form .btn{width:100%;}
  ul.footer-menu-list li{width:100%;}
  #footer-bottom .copyright-block p{text-align:center;}
  #footer-bottom .social-icons {margin: 10px auto;float: none;display: table;}
  .card-header h4{padding-bottom: 10px;line-height:30px;}
  .admissions-procedure{padding-left:0;}
  .sidebar{margin-top:20px;}
  
  .woocommerce-checkout .woocommerce .col2-set, .woocommerce-checkout .woocommerce-page .col2-set{
      padding:25px 15px !important;
  }
  .woocommerce-billing-fields__field-wrapper p.form-row {
        width: 100% !important;
   }
   tr.cart_item .product-name .product-quantity{
       flex-basis: 100% !important;
        padding-left: 50px !important;
        position: relative !important;
        top: 0 !important;
   }
   #footer-top .container-fluid{
       padding:30px !important;
   }
   #footer-top p{
       width:100% !important;
   }
   #my-account-menu {
        width: 100% !important;
    }
    .yith-wcmap .user-profile {
        margin-bottom: 20px !important;
    }
    .woocommerce-MyAccount-content {
        width: 100%!important;
        padding: 20px!important; 
    }
    .woocommerce-MyAccount-content .woocommerce-info a.button {
        margin-top: 20px !important;
        float: left !important;
    }
    .checkout #customer_details {
        background: none !important;
        padding: 0 !important;
        border-radius: 0 !important;
    }
    #order_review{
        background: none !important;
        padding: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }
    .woocommerce-checkout-review-order-table{
        background:#fff !important;
    }
    #customer_login .u-column1.col-1{
        max-width:100% !important;
    }
}

/* Image Gallery Styles */
.single-product .product .woocommerce-product-gallery {
    margin-bottom: 20px;
}

.single-product .product .woocommerce-product-gallery__wrapper {
    position: relative;
}

.single-product .product .woocommerce-product-gallery__image {
    max-width: 100%;
    height: auto;
    transition: opacity 0.3s ease-in-out;
}

.single-product .product .woocommerce-product-gallery__image a {
    display: block;
}

.single-product .product .woocommerce-product-gallery__image a img {
    width: 100%;
    height: auto;
}

.single-product .product .woocommerce-product-gallery__trigger {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 10px;
    border-radius: 50%;
    transition: background-color 0.3s ease-in-out;
}

.single-product .product .woocommerce-product-gallery__trigger:hover {
    background-color: rgba(0, 0, 0, 0.9);
}

/* Image Gallery Thumbnails */
.single-product .product .woocommerce-product-gallery__thumbnails {
    margin-top: 10px;
}

.single-product .product .woocommerce-product-gallery__thumbnail {
    width: 20%;
    max-width: 100%;
    height: auto;
}

.single-product .product .woocommerce-product-gallery__thumbnail a {
    display: block;
    padding: 5px;
    border: 1px solid #ddd;
}

.single-product .product .woocommerce-product-gallery__thumbnail a img {
    width: 100%;
    height: auto;
    border-radius: 5px;
}

.single-product .product .woocommerce-product-gallery__thumbnail a:hover {
    border-color: #555;

}


/* Custom Bootstrap Float Properties CSS */
@media (min-width: 360px) {
    .pull-xs-left {
        order: 1 !important;
    }
    .pull-xs-right {
        order: 2 !important;
    }
    .pull-xs-none {
        float: none !important;
    }
}
@media (min-width: 768px) {
    .pull-sm-left {
        order: 1 !important;
    }
    .pull-sm-right {
        order: 2 !important;
    }
    .pull-sm-none {
        float: none !important;
    }
}
@media (min-width: 992px) {
    .pull-md-left {
        order: 1 !important;
    }
    .pull-md-right {
        order: 2 !important;
    }
    .pull-md-none {
        float: none !important;
    }
}
@media (min-width: 1200px) {
    .pull-lg-left {
        order: 1 !important;
    }
    .pull-lg-right {
        order: 2 !important;
    }
    .pull-lg-none {
        float: none !important;
    }
}
.pull-none {
    float: none !important;
}

/* Packages Block */
.package-header{
    background:#5e5eea;
    color:#fff;
    font-size:18px;
    padding:15px 20px;
    margin:0;
}
.package-header span{
    font-size:16px;
}
.package-items .package-details{
    list-style-type:none;
    background:#fff;
    border:1px solid #ccc;
    border-top:0;
    margin:0;
    padding:0;
}
.package-items .package-details li{
    font-size:14px;
    position:relative;
    border-top:1px solid #ccc;
}
.package-items .package-details li:first-child{
    border:none;
}
.package-items .package-details li h3{
    font-size:14px;
    font-weight:600;
    margin:0;
    padding:12px 20px;
    cursor:pointer;
}
.package-items .package-details h3 span{
    position:absolute;
    right:15px;
    font-size:12px;
}
.package-items .package-details li .desc ul{
    padding:10px 15px 10px 40px;
    margin:0;
}
.package-items .package-details li .desc ul li{
    border:0;
    margin:0 0 10px;
}
.package-items .package-details li.active .desc{
    display:block;
}
.package-items .package-details li.active .icon .fa-plus{
    display:none;
}
.package-items .package-details li.active .icon .fa-minus{
    display:block;
}
.btn-enquire{
    margin: 20px auto;
    max-width: 100%;
    width: 150px;
    padding: 15px;
    color: #fff;
    display: block;
    background: #5e5eea;
    border: 0;
    font-size: 17px;
}
#globalpopupmodal{
    z-index:99999;
}
#globalpopupmodal .modal-header{
    padding: 20px;
    background: #5e5eea;
}
#globalpopupmodal .modal-header .close {
    margin-top: 0px;
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 9999999;
    text-shadow: 0 0 black;
    opacity: 1;
    font-size:30px;
    color:#fff !important;
}
#globalpopupmodal .modal-body {
    position: relative;
    padding: 25px;
    display: table;
    width: 100%;
}
#globalpopupmodal #contact-form-section .fld{
    width: 47%;
    clear: none;
    margin-right: 3%;
}
#contact-form-section .fld.msg-fld{
    width:97% !important;
}
#contact-form-section .fld.last-group{
    width: 100% !important;
    margin: 20px 0 0;
    text-align: center;
}
.wpcf7-response-output{
    display: table;
    width: 100%;
    padding: 010px;
}

.block-item img {
    width:100%;
}
.blocked-items.service-items{
    display: flex;
    flex-direction: row;
}

.blocked-items.service-items .block-item {
    width: 100%;
    height: auto;
    padding: 0 2px;
    position:relative;
    overflow:hidden;
}
.blocked-items.service-items .block-item .service-inner h3{
    color:#fff;
}
.blocked-items.service-items .block-item .service-inner{
    background: rgba(0,0,0,0.8);
    padding: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    height: 75px;
    display: table;
    transition: all 200ms linear;
    transform: scale(1);
    width: 50%;
    text-align: center;
    margin-left: -25%;
    margin-top: -38px;
}
.blocked-items.service-items .block-item:hover .service-inner{
    height:101%;
    background:rgba(255,203,0,0.98);
    width: 100%;
    padding: 30px;
    left:0;
    top:0;
    margin:0;
}
.blocked-items.service-items .block-item:hover .service-inner p,
.blocked-items.service-items .block-item:hover .service-inner a{
    display:block !important;
    color:#000;
}
.blocked-items.service-items .block-item:hover .service-inner h3{
    color:#000;
    margin:30px 0 20px;
}
.blocked-items.service-items .block-item:hover .service-inner a{
    width: auto;
    display: table !important;
    margin: 30px auto 0;
    border: 1px solid #000;
    transition: all 200ms linear;
}
.blocked-items.service-items .block-item:hover .service-inner a:hover{
    background:#000;
    color:#fff;
}
#home-slider-container{height:780px;overflow:hidden;}
.zero-padding{padding:0 !important;}

.yith-wcmap .user-profile .user-avatar{
    width:25% !important;
}

#my-account-menu.layout-simple.position-vertical-left .myaccount-menu:after, #my-account-menu.layout-simple.position-vertical-left .myaccount-menu:before{
    border-right:0 !important;
}

.woocommerce-MyAccount-orders .woocommerce-button.button.pay{
    background: #078407 !important;
    color: #fff !important;
    margin-right: 5px !important;
}
.woocommerce-MyAccount-orders .woocommerce-button.button.cancel{
    background: #e60808 !important;
    color: #fff !important;
    margin-left: 5px !important;
}
.woocommerce-MyAccount-orders .woocommerce-button.button.view{
    background: #178eca;
    color: #fff;
}
.woocommerce-MyAccount-orders thead{
    background: #1cbb45;
    color: #fff;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
    text-shadow: none;
    padding-left: 60px !important;
}
.woocommerce-EditAccountForm input[type=text],
.woocommerce-EditAccountForm input[type=email],
.woocommerce-EditAccountForm input[type=tel],
.woocommerce-EditAccountForm input[type=number],
.woocommerce-EditAccountForm input[type=password],
.woocommerce-login-base input[type=text],
.woocommerce-login-base input[type=email],
.woocommerce-login-base input[type=tel],
.woocommerce-login-base input[type=number],
.woocommerce-login-base input[type=password]{
    padding:10px 20px;
}
.woocommerce-form-login{
    max-width:430px;
    display:block;
    margin:0 auto !important;
}
.woocommerce-login-base h2{
    margin: 0 auto 20px;
    font-weight: 900;
    text-transform: uppercase;
    max-width: 430px;
    position: relative;
}
.woocommerce-login-base button.woocommerce-form-login__submit{
    width: 100%;
    margin: 20px 0 0;
    background: #14a814;
    color: #fff;
    border: 0;
    padding: 16px 20px;
    font-size: 1.2rem;
}
.woocommerce-login-base .lost_password{
    text-align: center;
    font-size: 14px;
}
.woocommerce-login-base .password-input{
    width:100%;
}
.woocommerce-EditAccountForm span.password-input {
    width: 100%;
}

.about-content ul{
    margin:0;
    padding:0;
}
.about-content ul li {
    list-style-type: none;
    display: block;
    position: relative;
    padding-left: 85px;
    margin-bottom: 20px;
}
.about-content ul li i {
    color: #fb2448;
    display: inline-block;
    font-size: 45px;
    line-height: 40px;
    position: absolute;
    top: 30px;
    left: 0;
    z-index: 1;
}
.about-content ul li i:before{
    margin:0;
    font-size:48px;
    color:#555;
}
.about-content ul li i:after {
    position: absolute;
    content: '';
    width: 60px;
    height: 60px;
    border-radius: 50%;
    top: -5px;
    left: 0;
    background-color: #ffd200;
    z-index: -1;
    margin:0;
}
.about-content ul li h3 {
    font-size: 24px;
    margin-bottom: 5px;
}
.about-content ul li p {
    margin-bottom: 0;
}
.w-auto {
    width: auto;
}
.service-card-block{
    transition: all .2s ease-in-out;
}
.service-card-block:hover{
    transform: scale(1.1);
}
.service-card-block .card-btn{
    color: #000 !important;
    text-decoration: none;
    font-weight: bold;
    margin: 20px auto 20px;
    display: table;
}
.carousel-cards{
    overflow:hidden;
}
.owl-stage{
    display: flex;
}
.owl-item {
    margin: 0 12px;
}
.owl-dots{
    display:none;
}
/* Teams Block */
.teams-block .card{
    margin:0 !important;
}
.teams-block .card img{
    max-width: 100%;
    height: auto;
}
.teams-block .card .card-header{
    padding:0;
}
.teams-block .card .card-text{
    padding:15px;
}
.teams-block .card .card-text p{
    font-size: 15px;
    margin: 15px 0 0;
}
.teams-block .card .card-text p strong{
    margin: 20px auto 20px;
    display: table;
    font-size: 18px;
}
.teams-block .card .card-text h4{
    color: inherit;
    padding: 0 0 5px;
    border-bottom: 2px solid #ffd200;
    display: table;
    margin: 0 auto;
}
.teams-block{
    transition: all .2s ease-in-out;
    margin: 30px 0;
    overflow: hidden;
}
.teams-block:hover{
    transform: scale(1.1);
}

.carousel-cards .owl-nav button {
    background: #000;
    border: 0;
    font-size: 52px;
    line-height: 40px;
    color: #fff;
    margin: 0 2px;
    padding: 2px 18px 6px;
    cursor: pointer;
    position: absolute;
    top: 50%;
}
.carousel-cards .owl-nav button.owl-prev{
    left:-70px;
}
.carousel-cards .owl-nav button.owl-next{
    right:-70px;
}
/* Leadership CSS */
.leadership-main .tab-pane .img-fluid{
    width:100%;
}
.leadership-main .nav-tabs li {
    width: 100%;
    float: left;
    height: 88px;
    border-bottom: 1px solid #acacac;
}
.leadership-main .nav-tabs li a{
    display: block;
    width: 100%;
    height: 100%;
    padding: 15px 30px;
    font-size: 18px;
}
.leadership-main .nav-tabs li a:hover{
    color:#000 !important;
    background:#ffcb00;
}
.leadership-main .nav-tabs li a small {
    font-size: 13px;
    color: #5b5b5b;
}
.leadership-main .nav-tabs li.active a{
    border-left:6px solid #ffcb00;
    font-weight: 600;
}
.leadership-main .nav-tabs{
    position: absolute;
    top: 0;
    left: 10%;
    background: rgba(255,255,255,0.8);
    width: 370px;
    height: 97.3%;
    display: block;
    padding: 20px 0;
    z-index:99999;
}
.leadership-main .tab-pane .cont {
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: left;
    background: linear-gradient(180deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.4) 60%, transparent 100%);
    color: #fff;
    padding: 1.5em 6em;
    width: 64%;
}
.leadership-main .tab-pane .cont h2{
    font-size: 30px;
    line-height: 1.22;
    font-weight: 300;
    color: #fff;
    margin: 0;
}
.leadership-main .tab-pane .cont p{
    font-size: 17px;
    line-height: 24px;
    font-weight: 200;
    color: #fff;
    margin: 0 0 50px;
}
.leadership-main .tab-pane .cont small{
    font-size: 16px;
    margin: 0 0 -10px;
    display: table;
}

/* ==================== */
/* Custom CSS */
/* ==================== */

#main-header-section .branding{
    top:0;
}
.login-nav a {
    background: #000;
    color: #fff;
    padding: 5px 22px;
    margin-left: 10px;
    float: right;
    border-radius: 19px;
    margin-top: 6px;
}
.login-nav a.shop-btn{
    background:#ff7900;
}
.login-nav a.shop-btn:hover{
    background:#000;
}
.products-block .card-text h4{
    color: inherit;
    position: absolute;
    top: 15px;
    padding: 15px;
    text-align: center;
    width: 100%;
    left: 0;
    font-size: 18px;
}
.products-block .card-text p{
    position: absolute;
    top: 55px;
    width: 100%;
    text-align: center;
    left: 0;
}
.products-block .card{
    padding-top: 80px !important;
    margin: 40px 0 20px
}

.products-block.highlight-item .card{
    margin-top: 0 !important;
    padding-bottom:55px !important;
    border:1px solid #000;
}
.products-block .card-text .card-btn{
    font-size: 16px;
    text-decoration: underline;
    margin: 0 auto 20px;
    display: table;
    padding: 5px 25px;
    background: #ff7900;
    color: #fff !important;
    text-decoration: none !important;
    text-transform: uppercase;
    border-radius: 15px;
}
.products-block .card-text .card-btn:hover{
    background:#000;
}

.btn-transparent{
    background:none; 
    padding: 15px 30px;
    display: table;
}
.btn-black-border{
    border: 1px solid #000;
}
.btn-center{
    margin: 0 auto;
}
.btn-style-large{
    font-size: 20px;
    font-weight: 700;
    border-radius: 7px;
}
.yellow-bg-container h2{
    font-size: 75px;
    font-weight: 800;
    margin: 0 0 5px;
    line-height: 60px;
}
.yellow-bg-container h3{
    font-weight: 300;
    font-size: 29px;
    margin: 0 0 20px;
}

.yellow-bg-container p{
    font-size: 17px;
    line-height: 25px;
    font-weight: 300;
}
.btn-style-small{
    font-size: 16px;
    padding: 10px 20px;
}
.yellow-bg-container a{
    color:#000 !important;
}
@media (min-width: 1200px){
  .container {
      max-width: 1320px;
  }
}

span.sub-title {
  display: inline-block;
  color: rgb(255, 96, 21);
  margin-bottom: 10px;
}
.animate-img{
  animation: 10s linear 0s infinite alternate forwards running border-transform-default;
  width:100%;
}
h2.section-title{
  font-size:40px;
  font-weight:900;
}
.section-btn {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  padding: 10px 49px;
  border-radius: 23px;
  background: #ff4d00;
  border: 0;
  position: relative;
  transition: 0.9s ease-in;
}
.gallery-item { margin-bottom: 30px; position: relative; transition: all 0.5s ease 0s; }
.gallery-item:hover { transform: translate(0px, -10px); }
.gallery-item:hover img { border-radius: 0px; }
.gallery-item:hover::before { transform: scale(1); opacity: 0.8; visibility: visible; border-radius: 0px; }
.gallery-item:hover i { opacity: 1; visibility: visible; }
.gallery-item::before { position: absolute; content: ""; width: 100%; height: 100%; top: 0px; left: 0px; background-color: rgb(48, 44, 81); opacity: 0; transition: all 0.5s ease 0s; transform: scale(0.8); visibility: hidden; border-radius: 30px 30px 0px; }
.gallery-item img { width: 100%; border-radius: 30px 30px 0px; transition: all 0.5s ease 0s; }
.gallery-item i { position: absolute; top: 50%; left: 50%; display: inline-block; color: rgb(255, 255, 255); font-size: 40px; transform: translateX(-50%) translateY(-50%); opacity: 0; visibility: hidden; transition: all 0.5s ease 0s; }
.gallery-item i:before{font-size:40px;}

.our-kids-block .card-text {
  padding: 15px;
  height: 295px;
}
.our-kids-block .card-text h4{
  font-size: 18px;
  font-weight: 800;
}
.our-kids-block .card-text p{
  font-size:15px;
}
.owl-nav{display:none !important;}
.team-img {
  position: relative;
}
.team-img::before {
  height: 100%;
  width: 100%;
  position: absolute;
  content: "";
  background: #222;
  left: 0;
  top: 0;
  border-radius: 50%;
  opacity: .0;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}
.team-img img {
  width: 100%;
  border-radius:100%;
}
.team-icon {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  top: 40%;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  opacity: 0;
}
.team-icon a {
  font-size: 14px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  margin: 0 1px;
  height: 36px;
  width: 36px;
  background: #ffffff;
  display: inline-block;
  text-align: center;
  line-height: 36px;
  border-radius: 50%;
  color: #979797;
}
.team-icon a:hover {
  color: #fff;
  background: red;
}
.team-wrapper:hover .team-icon {
  opacity: 1;
  transform: translatey(-50%);
  top:50%
}
.team-text h3{
  margin-bottom: 0;
  font-size: 24px;
  color: #fff !important;
}
.team-text {
  margin-top: 20px;
  color: #fff;
}
.team-text span {
  font-size: 14px;
  font-weight: 500;
}
.team-wrapper:hover .team-img::before {
  opacity: .5;
}
.volunteer-wrapper {
  background: #03b664;
  padding: 80px 70px 80px 60px;
  margin-left: 30px;
  position: relative;
}
h1.section-title {
  font-size: 43px;
  letter-spacing: -.3px;
  line-height: 1.06;
  margin-top: 0;
  color: #fff;
  font-weight: 900;
  margin-bottom: 30px;
}
.volunteer-us-form input {
  border: none;
  height: 80px;
  margin-bottom: 10px;
  padding: 0 30px;
  width: 100%;
  font-size: 18px;
  color: #748188;
  font-weight: 600;
  border-radius: 0;
  font-family: "Barlow", sans-serif;
}
.volunteer-us-form textarea {
  border: none;
  height: 180px;
  margin-bottom: 10px;
  padding: 30px;
  width: 100%;
  font-size: 18px;
  color: #748188;
  font-weight: 600;
  border-radius: 0;
  font-family: "Barlow", sans-serif;
}
[data-padding="18015"] .inner-headline{visibility: hidden;}
.hidden-card{visibility:hidden !important;}
.single-column-per-row-block {
    width: 100%;
    max-width: 100% !important;
    flex: 0 0 100%;
}
/* Homepage Custom CSS -- January 2024 */
#home_category_listing{
	list-style-type: none;
	margin::0;
	padding:0;
}
#home_category_listing li{
	display: inline-block;
    margin: 0 20px;
	width:200px;
	height:200px;
}

#home_category_listing li a{
    display: block;
    border-radius: 20px;
    overflow: hidden;
    border: 9px solid #d2d2d2;
}
#home_category_listing li h3{
    font-weight: 300;
    margin: 10px 0 0;
}
#home_category_listing li p{
	display:none;
}
#home_category_listing li a img{
    width: 100%;
    height: 100%;
}
#home_category_listing li h2{
    text-align: center;
    padding: 0 15px;
    font-weight: 300;
    font-size: 0.85rem;
}
#home_category_listing li .price{
    padding: 10px 15px 0;
    text-align: center;
    color: #049104;
}
#home_category_listing a.button{
    margin: 0 auto 20px;
    width: auto;
    display: table;
    background: #079807;
    color: #fff;
}

.hlf-single-product-container .woocommerce-breadcrumb{
    margin: 20px 0 0;
    padding: 10px 0;
    font-size: 14px;
    color: #b1b0b0 !important;
}
.hlf-single-product-container .woocommerce-breadcrumb a{
    color:inherit !important;
}
.single-product-right h1{
    font-size: 22px;
    font-weight: 700;
}
.single-product-right .woocommerce-Price-amount.amount{
    font-weight: 900;
    font-size: 32px;
}
.woocommerce-product-gallery__trigger{display:none !important;}
.woocommerce-product-gallery .flex-control-nav{
    list-style-type: none;
    margin: 10px 0 0;
    padding: 0;
}
.woocommerce-product-gallery .flex-control-nav li{
    display:inline-block;
}

.hlf-single-product-container .input-text.qty{
    display:none;
}

#product-actions{
    margin: 20px 0 0;
}

#product-actions .buy-now-button{
    width:48%;
    float:left;
    padding:20px;
    background:#159b47;
    color:#fff;
    border:0;
    font-size: 1.2rem;
    font-weight: 800;
    text-transform: uppercase;
    cursor:pointer;
}
#product-actions .single_add_to_cart_button{
    padding: 27px 20px;
    width: 100%;
    margin-left: 2%;
    font-size: 1.5rem;
    font-weight: 800;
    text-transform: uppercase;
    background: red;
}
.product-short-desc ol li,
.single-product-desc ol li{
    margin:0 0 10px;
}
.single-product-desc h4{
    display: table;
    background: red;
    padding: 7px 26px 7px 19px;
    color: #fff;
    border-radius: 0 30px 30px 0;
}

body.product-template-default.single-product{
    background: #ededed !important;
}

.woocommerce-product-gallery .flex-control-thumbs li{
    width: 23%;
    text-align: center;
    background: #fff;
    padding: 10px;
    margin: 0 1%;
}
.menu-secondart-my-account-menu{
        position: relative;
        top: -11px;
}


/* New shopping template style */
.products li.product .onsale{line-height:10px; padding:8px 10px; height:auto; min-height:5px; background: red; right:7px; top:6px; border-radius:10px 0 0 10px;margin:0 !important;}
.products li.product img{
    padding: 15px;
    margin: 0 !important;
	background:#fff !important;
}
.products li.product h2{
    background: #fff;
    margin: 0;
    padding: 15px !important;
    font-size: 0.9rem;
    font-weight: 300;
	text-align:center;
}
.products li.product .price{
    text-align: center;
    color: red !important;
    padding: 0 10px 10px;
    background: #fff;
}
.products li.product .button {
    margin: 0 auto 20px !important;
    padding: 8px 10px;
    background: red;
    color: #fff;
    font-weight: 300;
    display: table !important;
}
.products li.product{
    background: #fff;
    padding: 0 0 20px;
}

.products .added_to_cart{
    padding: 0;
    color: red;
    width: auto;
    text-align: center;
    margin-top: -15px;
    position: absolute;
    background: #533c3c;
    color: #fff;
    top: 14px;
    left: 0;
    padding: 3px 10px;
    border-radius: 0 10px 10px 0;
    font-size: 12px;
}
body.page-explore-products{
	background:#f6f6f6 !important;
}

/*******STRUCTURAL LAYOUT*******/

/*WooCommerce Layout Structure*/
@media (min-width: 980px) {
    
#my-account-menu{
    width:20% !important;
}
tr.cart_item .product-name .product-quantity{
   flex-basis: 100% !important;
    padding-left: 84px !important;
    position: relative !important;
    top: 0 !important;
}
.yith-wcmap .user-profile{
    margin-bottom:0 !important;
}
.woocommerce-MyAccount-content{
    width: 76% !important;
    background: #f7f7f7 !important;
    padding: 40px !important;
}
/*Billing Detials Side*/
.woocommerce-checkout .woocommerce .col2-set, .woocommerce-checkout .woocommerce-page .col2-set {
float:left;
width: 55%;
}

/*Order Review Side*/
.woocommerce-checkout #order_review_heading, .woocommerce-checkout .woocommerce #order_review, .woocommerce-checkout .woocommerce-page #order_review {
float: left;
width:43%;
margin-left: 2%;
}
}

@media (max-width: 979px) {
/*Billing Detials Margin*/
.woocommerce-checkout .woocommerce .col2-set, .woocommerce-checkout .woocommerce-page .col2-set {
margin-bottom: 2em;
}
}

/*******LEFT SIDE*******/

/*Billing Details Headline*/
.woocommerce-account form h3:first-child, .woocommerce-checkout form h3:first-child {
display: none; /*This is my preference. You can remove this and use the margin-bottom style below instead*/
/*margin-bottom: 1em;*/
}

/*Form Container Styles*/
.woocommerce-checkout .woocommerce .col2-set, .woocommerce-checkout .woocommerce-page .col2-set {
background: white;
padding: 3em;
border-radius: 1em;
}

/*Form Field Title Styles*/
label, input, button, select, textarea {
font-size: 12px;
line-height: 1.7;
text-transform: uppercase !important;
font-weight: 500;
color: #4a4a4a;
margin-bottom: 0.5em;
}

/*Form Field Styles*/
input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], select, textarea {
border: 1px solid #d9d9d9;
border-radius: 5px;
background-color: white;
height: 4em;
}

.woocommerce-account form .form-row, .woocommerce-checkout form .form-row {
margin-bottom: 1em;
}

/*Form Field Dropdown Styles*/

.select2-container--default .select2-selection--single {
background-color: #fff;
border: 1px solid #d9d9d9;
border-radius: 5px;
height: 4em;
}

.select2-container .select2-selection--single .select2-selection__rendered {
line-height: 4em;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 100%;
position: absolute;
top: 1px;
right: 5px;
width: 25px;
}

.woocommerce-account form .payment_methods label, .woocommerce-checkout form .payment_methods label {
padding-left: 0px;
}

/*Form Field Focus Color Style*/
textarea:focus, input[type=text]:focus, input[type=password]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=date]:focus, input[type=month]:focus, input[type=time]:focus, input[type=week]:focus, input[type=number]:focus, input[type=email]:focus, input[type=url]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=color]:focus, .uneditable-input:focus {
border-color: #4e22e9; /*Change this to a color that best suits your design*/
box-shadow: none;
outline: 0;
}

/*******RIGHT SIDE*******/

/*Order Review Headline Removal*/
h3#order_review_heading {
display: none;
}

/*Order Review Container Styles*/
div#order_review {
background: white;
padding: 3em;
border-radius: 1em;
box-shadow: 0 0.5em 2em rgb(0 0 0 / 10%);
}

/*Remove Product and Subtotal Headlines*/
table.shop_table.woocommerce-checkout-review-order-table thead{
display: none;
}

table.shop_table.woocommerce-checkout-review-order-table {
color: black;
text-transform: uppercase;
font-size: 14px;
}

table th, table td {
border-top: none; /*Change to set a divider line if desired*/
}

/*Order Total Line Item Styles*/
tr.order-total {
color: #0049ff; /*Accent color for total if desired*/
background: #0049ff21; /*Accent background color if desired*/
}

/*Stripe Form Field Styles*/
.wc-stripe-elements-field, .wc-stripe-iban-element-field {
border: 1px solid #d9d9d9;
border-radius: 5px;
background-color: #fff;
padding: 15px;
}

input#wc-stripe-new-payment-method {
margin-right: 1em;
}

/* Place Order Button Styles*/
#place_order {
width: 100%;
color: #fff;
border: none;
box-shadow: rgba(0, 0, 0, 0.28) 0px 2px 8px 0px;
padding: 1.5em;
}

#place_order:hover {
color: rgba(255,255,255,0.5);
}

/*Sticky Order Review*/
#order_review {
position: -webkit-sticky;
position: sticky;
top: 150px;
z-index:99;
}
body {
overflow-x:visible;
}

/*******COUPON & ALERT STYLES*******/

.woocommerce-info, .woocommerce-message {
background-color: #f7f8fa;
color: #474747;
border: none;
}

.woocommerce-error, .woocommerce-info, .woocommerce-message {
padding: 1em;
}

form.checkout_coupon.woocommerce-form-coupon {
padding: 3em;
background: white;
border-radius: 1em;
margin-top: 0em;
margin-bottom: 2em;
}

/*Error Alert*/
.woocommerce-error {
background-color: #ff7e7e;
border: none;
color: #761f1f;
}

.woocommerce-error, .woocommerce-info, .woocommerce-message {
text-shadow: none;
}

/*******REMOVE ADDITIONAL INFORMATION FIELD*******/

/*Delete This To Show Your Additional Fields Section*/
.woocommerce-additional-fields {
display: none;
}

/*******OPTIONAL WOOCOMMERCE SUBSCRIPTION STYLES*******/

/*WooCommerce Subscriptions Styles*/
/*This is commented out. Simply delete the comment slash and asterisk to activate*/

/*tr.order-total.recurring-total {
display: table-row;
background: #0049ff21;
}

.first-payment-date {
font-size: 0.85em;
}

tr.order-total {
display:none;
}*/

.woocommerce-checkou{
    background-color:#f5f5f5 !important;
}
.woocommerce-billing-fields__field-wrapper p.form-row {
    width: 100%;
}
.woocommerce-billing-fields__field-wrapper .form-row label {
    width: 100%;
}
.woocommerce-billing-fields__field-wrapper .form-row .woocommerce-input-wrapper{width:100%;}

.woocommerce-billing-fields__field-wrapper #billing_first_name_field{
    width:50%;
}
.woocommerce-billing-fields__field-wrapper #billing_last_name_field{
    width:48%;
    margin-left:2%;
}
.woocommerce-checkout input[type=text] ,
.woocommerce-checkout input[type=email],
.woocommerce-checkout input[type=tel],
.woocommerce-checkout input[type=number] {
    padding: 0 20px;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{
    background:none !important;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order{
    margin-top: 30px;
    background: red;
}
.woocommerce-checkout-review-order-table td.product-name{display:flex;flex-wrap:wrap;}
.woocommerce-checkout-review-order-table td.product-name .product-item-thumbnail{
    width: 60%;
    margin-right: 10px;
}
.woocommerce-checkout-review-order-table .order-total th,
.woocommerce-checkout-review-order-table .order-total td{
    background: #f0f0f0;
    color: #000;
}
.woocommerce-form-coupon-toggle .woocommerce-info{
    padding-left:70px;
}

.checkout-loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.checkout-loading-spinner {
    border: 4px solid #f3f3f3;
    border-top: 4px solid #3498db;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
}
.full-title-container{
    display: flex !important;
    text-align: center;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
}
.full-title-container h3{
    color: #fff;
    text-transform: uppercase;
    font-size: 4rem;
    font-weight: 900;
}
.headline-points{
    list-style-type:none;
    margin:0 0 10px;
    padding:0;
}
.headline-points li{
    background: #529c25;
    color: #fff;
    padding: 8px 19px;
    border-radius: 5px;
    margin: 0 7px 12px;
    display: inline-block;
    width: 40%;
}
body.postid-614 #fkcart-floating-toggler{
    display:none !important;
}
/* =========== */
/* LP CSS */
/* =========== */
.coach-details-absolute{
    position: absolute;
    right: 20px;
    bottom: 100px;
    text-align: left;
}
.coach-details-absolute h5{
    font-size: 2rem;
    font-weight: 900;
    color: #fff;
    border-bottom: 2px solid #ffa700;
    margin: 0 0 20px;
}
.coach-details-absolute .coach_details{
  font-size: 1.8rem;
  font-weight: 700;
  margin:0 0 5px;
}
.coach-details-absolute .coach_details .coach_desc{
  font-size: 15px;
  font-weight: 300;
}
.lp-register-btn-class{
    font-size: 1.8rem;font-weight: 900;padding: 22px 45px 10px !important;line-height: 32px;
}
.lp-register-btn-class s{
    font-size: 1.3rem;color: #b73636;font-weight: 600;
}
.case-study-inner{
    font-size: 1.2rem !important;
    line-height: 1.7;
    font-weight: 300;
    background: #fff;
    padding: 50px 50px 50px 100px;
    border-radius: 20px 20px 0 20px;
    color:#545454;
    position:relative;
}
.case-study-inner:before {
    content: '\201C';
    position: absolute;
    left: 17px;
    top: -65px;
    font-size: 14rem;
    color: #00b600;
    font-family: sans-serif;
}
.case-study-inner p{
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    color: inherit;
}
.case-study-inner .sucess-name{
    font-family: fantasy;
    font-size: 1.5rem;
    font-style: italic;
    font-weight: 900;
}
#registration_form{
    padding: 40px;
    background: #093d46;
    color: #fff !important;
    width: 100%;
}
#registration_form label{
    font-size: 1.4rem;
    color: #fff;
}
#registration_form input[type=text],
#registration_form input[type=email],
#registration_form input[type=phone]
    width: 100% !important;
    max-width: 100%;
    height: 62px;
    font-size: 1.3rem;
    font-weight: 800;
    padding: 10px 20px;
}
#registration_form button{
    background: #ffc107 !importantimportant;
    color: #000 !importantimportant;
    font-size: 1.4rem !importantimportant;
    padding: 20px 30px !importantimportant;
    height: auto;
    border-radius: 40px;
    font-weight: 900;
}
.product-category-list {
    display: flex;
    flex-wrap: nowrap; /* Ensure all items stay in one row */
    justify-content: center; /* Center items horizontally */
    gap: 20px; /* Space between items */
    padding: 0 0 20px; /* Add some padding */ 
    max-width: 100%; /* Ensure the container doesn't overflow */
    margin: 0 auto; /* Center the container itself */
}

.product-category-item {
    position: relative;
    flex: 0 0 auto; /* Prevent flex items from shrinking */
    width: 150px; /* Fixed width for each item */
    height: 150px; /* Fixed height for each item */
    border-radius: 50%; /* Make it circular */
    overflow: hidden; /* Ensure content stays within the circle */
    border: 8px solid #fff; /* Add a border */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Add a subtle shadow */
}

.category-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensure the image covers the circle */
    display: block;
}

.category-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); /* Gradient overlay */
    border-radius: 50%; /* Match the circular shape */
}

.category-name {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Center the text */
    color: #fff; /* White text */
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    z-index: 2; /* Ensure text is above the overlay */
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); /* Add shadow to text for better readability */
    line-height: 1.2;
}

/* Optional: Add hover effect */
.product-category-item:hover .category-overlay {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); /* Darker overlay on hover */
}
/* Category Banner */
.category-banner img {
    max-height: 300px; /* Adjust as needed */
    object-fit: cover;
}

/* Product Grid */
.woocommerce ul.products {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* Adjust spacing between products */
}

.woocommerce ul.products li.product {
    width: calc(25% - 20px); /* 4 products per row */
    margin: 0;
}

/* Pagination */
.woocommerce-pagination {
    text-align: center;
    margin-top: 30px;
}

.woocommerce-pagination .page-numbers {
    display: inline-flex;
    gap: 10px;
}

.woocommerce-pagination .page-numbers li {
    list-style: none;
}

.woocommerce-pagination .page-numbers li a,
.woocommerce-pagination .page-numbers li span {
    padding: 8px 16px;
    border: 1px solid #ddd;
    text-decoration: none;
    color: #333;
}

.woocommerce-pagination .page-numbers li span.current {
    background-color: #007bff;
    color: #fff;
    border-color: #007bff;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


@-webkit-keyframes border-transform-default { 
  0%, 100% { border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%; }
  14% { border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%; }
  28% { border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%; }
  42% { border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%; }
  56% { border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%; }
  70% { border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%; }
  84% { border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%; }
}
@keyframes border-transform-default { 
  0%, 100% { border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%; }
  14% { border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%; }
  28% { border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%; }
  42% { border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%; }
  56% { border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%; }
  70% { border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%; }
  84% { border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%; }
}
@-webkit-keyframes pulse-border { 
  0% { transform: translateX(-50%) translateY(-50%) translateZ(0px) scale(1); opacity: 1; }
  100% { transform: translateX(-50%) translateY(-50%) translateZ(0px) scale(1.5); opacity: 0; }
}
@keyframes pulse-border { 
  0% { transform: translateX(-50%) translateY(-50%) translateZ(0px) scale(1); opacity: 1; }
  100% { transform: translateX(-50%) translateY(-50%) translateZ(0px) scale(1.5); opacity: 0; }
}
@-webkit-keyframes pre-rotate { 
  0% { transform: rotate(180deg); }
  50% { transform: rotate(360deg); }
}
@keyframes pre-rotate { 
  0% { transform: rotate(180deg); }
  50% { transform: rotate(360deg); }
}
@-webkit-keyframes rotate360 { 
  0% { transform: rotate(0deg); }
  50% { transform: rotate(180deg); }
  100% { transform: rotate(360deg); }
}
@keyframes rotate360 { 
  0% { transform: rotate(0deg); }
  50% { transform: rotate(180deg); }
  100% { transform: rotate(360deg); }
}
@-webkit-keyframes heart-beat { 
  0% { transform: scale(1); }
  50% { transform: scale(1.2); }
  100% { transform: scale(1); }
}
@keyframes heart-beat { 
  0% { transform: scale(1); }
  50% { transform: scale(1.2); }
  100% { transform: scale(1); }
}