/* ================================================== */


/* Calmind
/* created by designesia

@charset "utf-8";

Table of content:
- import font
- import icons(font)
- variables
- body
- aside
- media query
*/
/* =========================================================
   FONT + ICON IMPORTS
========================================================= */

@import url("../fonts/fontawesome4/css/font-awesome.css");
@import url("../fonts/fontawesome6/css/fontawesome.css");
@import url("../fonts/fontawesome6/css/brands.css");
@import url("../fonts/fontawesome6/css/solid.css");
@import url("../fonts/elegant_font/HTML_CSS/style.css");
@import url("../fonts/et-line-font/style.css");
@import url("../fonts/icofont/icofont.min.css");

@import url("https://fonts.googleapis.com/css2?family=League+Spartan:wght@400;500;600;700;800;900&family=Montserrat:wght@400;500;600;700&display=swap");


/* =========================================================
   GLOBAL CSS VARIABLES
========================================================= */

:root {

    /* -------------------------
       BODY / CONTENT
    ------------------------- */

    --body-font: "Montserrat", Arial, sans-serif;
    --body-font-size: 16px;
    --body-font-color: #000000;
    --body-font-color-bg-dark: #FFFFFF;
    --body-font-weight: 401;
    --body-font-letter-spacing: 0;
    --body-font-line-height: 30px;


    /* -------------------------
       HEADING FONT
    ------------------------- */

    --heading-font:  'League Spartan', arial, helvetica, sans-serif;;
    --heading-text-transform: none;


    /* -------------------------
       BRAND COLOURS
       Use your existing brand
       colours here if different.
    ------------------------- */

    --brand-teal: #3C5657;
    --brand-red: #E09789;
    --brand-black: #000000;
    --brand-white: #FFFFFF;


    /* -------------------------
       MAIN PAGE HEADING
    ------------------------- */

    --h1-font-family: var(--heading-font);
    --h1-font-size: 52px;
    --h1-font-weight: 700;
    --h1-letter-spacing: -0.02em;
    --h1-line-height: 1.15;
    --h1-margin-bottom: 20px;


    /* -------------------------
       SECTION HEADING
       Medium + regular
    ------------------------- */

    --h2-font-family: var(--heading-font);
    --h2-font-size: 42px;
    --h2-font-weight: 400;
    --h2-letter-spacing: -0.02em;
    --h2-line-height: 1.2;
    --h2-margin-bottom: 20px;


    /* -------------------------
       SECTION SUB-HEADING
       Small + bold
    ------------------------- */

    --h3-font-family: var(--heading-font);
    --h3-font-size: 24px;
    --h3-font-weight: 700;
    --h3-letter-spacing: 0;
    --h3-line-height: 1.3;
    --h3-margin-bottom: 10px;


    /* -------------------------
       SMALLER HEADINGS
    ------------------------- */

    --h4-font-family: var(--heading-font);
    --h4-font-size: 20px;
    --h4-font-weight: 700;
    --h4-line-height: 1.4;
    --h4-margin-bottom: 10px;

    --h5-font-family: var(--heading-font);
    --h5-font-size: 18px;
    --h5-font-weight: 700;
    --h5-line-height: 1.4;
    --h5-margin-bottom: 10px;

    --h6-font-family: var(--heading-font);
    --h6-font-size: 16px;
    --h6-font-weight: 700;
    --h6-line-height: 1.4;
    --h6-margin-bottom: 10px;


    /* -------------------------
       NAVIGATION
    ------------------------- */

    --mainmenu-font: var(--body-font);
    --mainmenu-font-size: 15px;
    --mainmenu-font-weight: 600;
    --mainmenu-letter-spacing: 1px;
    --mainmenu-text-transform: none;


    /* -------------------------
       PAGE / SUBHEADER TITLE
    ------------------------- */

    --subheader-title-font-family: var(--heading-font);
    --subheader-title-font-size: 60px;
    --subheader-title-text-transform: none;


    /* -------------------------
       BUTTONS
    ------------------------- */

    --btn-font-family: var(--body-font);
    --btn-font-size: 16px;
    --btn-font-weight: 600;
    --btn-letter-spacing: 0;
    --btn-padding: 6px 30px;
    --btn-rounded: 30px;
    --btn-text-decoration: none;
    --btn-text-transform: none;


    /* -------------------------
       BREADCRUMBS
    ------------------------- */

    --breadcrumb-font-family: var(--body-font);
    --breadcrumb-font-size: 14px;
    --breadcrumb-font-weight: 500;
    --breadcrumb-separator-color: var(--brand-red);
    --breadcrumb-separator-font-size: 10px;


    /* -------------------------
       ALTERNATIVE FONT
    ------------------------- */

    --alt-font: var(--heading-font);}


/* =========================================================
   GLOBAL RESET
========================================================= */

*,
*::before,
*::after {
    box-sizing: border-box;}

html,
body {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;}

html {
    overflow-y: auto !important;}

body {
    overflow-y: auto !important;
    font-family: var(--body-font);
    font-size: var(--body-font-size);
    font-weight: var(--body-font-weight);
    color: var(--brand-black);
    background: #FFFFFF;
    letter-spacing: var(--body-font-letter-spacing);
    line-height: var(--body-font-line-height);
    word-spacing: 0;}


/* =========================================================
   BODY / CONTENT FONT
   Everything defaults to Montserrat.
========================================================= */

body,
body p,
body span,
body li,
body td,
body th,
body label,
body input,
body textarea,
body select {
    font-family: var(--body-font);
    }


/* =========================================================
   GLOBAL HEADING FONT
   ALL headings = League Spartan
========================================================= */

h1,
h2,
h3,
h4,
h5,
h6,
.subtitle,
.subheading,
.sub-title,
.section-title,
.heading,
.title,
.subheader-title {
    font-family: var(--heading-font);}


/* =========================================================
   MAIN PAGE HEADINGS
   Large + bold + teal
========================================================= */

h1,
.page-title,
.main-page-title,
.page-heading,
.hero-title {
    font-family: var(--heading-font);
    font-size: var(--h1-font-size);
    font-weight: 700;
    line-height: var(--h1-line-height);
    letter-spacing: var(--h1-letter-spacing);
    color: var(--brand-teal);
    margin-bottom: var(--h1-margin-bottom);}


/* =========================================================
   SECTION HEADINGS
   Medium + regular + red
========================================================= */

h2,
.section-heading,
.section-title {
    font-family: var(--heading-font);
    font-size: var(--h2-font-size);
    font-weight: 400;
    line-height: var(--h2-line-height);
    letter-spacing: var(--h2-letter-spacing);
    color: var(--brand-red);
    margin-bottom: var(--h2-margin-bottom);}


/* =========================================================
   SECTION SUB-HEADINGS
   Small + bold + black
========================================================= */

h3,
.section-subheading,
.section-sub-title,
.subheading,
.sub-title {
    font-family: var(--heading-font);
    font-size: var(--h3-font-size);
    font-weight: 700;
    line-height: var(--h3-line-height);
    letter-spacing: var(--h3-letter-spacing);
    color: var(--brand-black);
    margin-bottom: var(--h3-margin-bottom);}


/* =========================================================
   SMALLER HEADING LEVELS
========================================================= */

h4 {
    font-family: var(--heading-font);
    font-size: var(--h4-font-size);
    font-weight: 700;
    line-height: var(--h4-line-height);
    color: var(--brand-black);
    margin-bottom: var(--h4-margin-bottom);}

h5 {
    font-family: var(--heading-font);
    font-size: var(--h5-font-size);
    font-weight: 700;
    line-height: var(--h5-line-height);
    color: var(--brand-black);
    margin-bottom: var(--h5-margin-bottom);}

h6 {
    font-family: var(--heading-font);
    font-size: var(--h6-font-size);
    font-weight: 700;
    line-height: var(--h6-line-height);
    color: var(--brand-black);
    margin-bottom: var(--h6-margin-bottom);}


/* =========================================================
   PAGE SUBHEADER / HERO TITLE
========================================================= */

.subheader-title {
    font-family: var(--heading-font);
    font-size: var(--subheader-title-font-size);
    font-weight: 700;
    color: var(--brand-teal);
    text-transform: none;}


/* =========================================================
   NAVIGATION
   Navigation remains Montserrat.
========================================================= */

#mainmenu,
#mainmenu a,
.mainmenu,
.mainmenu a {
    font-family: var(--body-font);
    font-weight: 600;}


/* =========================================================
   BUTTONS
   Buttons remain Montserrat.
========================================================= */

button,
.btn,
a.btn,
input[type="button"],
input[type="submit"],
input[type="reset"] {
    font-family: var(--body-font);
    font-size: var(--btn-font-size);
    font-weight: var(--btn-font-weight);}


/* =========================================================
   BREADCRUMBS
========================================================= */

.breadcrumb,
.breadcrumb *,
.breadcrumb-item,
.breadcrumb-item a {
    font-family: var(--body-font);
    font-size: var(--breadcrumb-font-size);
    font-weight: var(--breadcrumb-font-weight);}


/* =========================================================
   LINKS
========================================================= */

a {
    font-family: var(--body-font);
    color: var(--brand-black);
    text-decoration: none;
    outline: none;}

a:hover {
    color: var(--brand-teal);
    text-decoration: none;}


/* =========================================================
   DARK SCHEME
   Keep typography consistent.
========================================================= */

.dark-scheme {
    color: var(--brand-white);}

.dark-scheme p,
.dark-scheme span,
.dark-scheme div,
.dark-scheme li {
    color: var(--brand-white);}

.dark-scheme a,
.dark-scheme a:hover {
    color: var(--brand-white);}


/* =========================================================
   ALTERNATIVE FONT CLASS
========================================================= */

.alt-font {
    font-family: var(--alt-font);}


/* =========================================================
   IMAGES
========================================================= */

img {
    max-width: 100%;
    height: auto;}


/* =========================================================
   CONTAINERS
========================================================= */

.container,
.container-fluid {
    width: 100%;}


/* =========================================================
   RESPONSIVE MAIN HEADINGS
========================================================= */

@media (max-width: 991px) {

    h1,
    .page-title,
    .main-page-title,
    .page-heading,
    .hero-title {
        font-size: 48px;
}

    h2,
    .section-heading,
    .section-title {
        font-size: 36px;
}

}


@media (max-width: 767px) {

    h1,
    .page-title,
    .main-page-title,
    .page-heading,
    .hero-title {
        font-size: 38px;
}

    h2,
    .section-heading,
    .section-title {
        font-size: 30px;
}

    h3,
    .section-subheading,
    .section-sub-title,
    .subheading,
    .sub-title {
        font-size: 21px;
}

}

/* =============== header =============== */

header {
  width: 100%;
  position: absolute;
  left: 0;
  z-index: 1001;
  background: var(--bg-dark-1);
  margin: 0;}

header.header-s1 {
  top: 0;}

header.header-bg {
  background: rgba(0, 0, 0, 0.5);}
/*
header.transparent {
  background: none;}

body:not(.side-layout) header:not(.smaller):not(.header-mobile).header-light.transparent {
  background: rgb(255, 255, 255);}
*/
header.autoshow {
  top: -120px;
  height: 70px !important;}

header.autoshow.scrollOn,
header.autoshow.scrollOff {
  -o-transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  transition: .5s;
  outline: none;}

header.autoshow.scrollOn {
  top: 0;}

header.autoshow.scrollOff {

  top: -120px;}

header div#logo {
  color: white;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;}

header .logo-2 {
  display: none;}

header .logo-scroll {
  display: none;}

header .logo,
header .logo-2 {
  font-family: var(--body-font);
  color: #fff;
  font-size: 40px;
  font-weight: 300;}

header .logo-2 {
  color: #333;}

header.header-full nav {
  float: left;}

header nav a {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;}

header nav a:hover {
  color: #555;}

header.smaller #mainmenu ul ul {
  top: 0px;}

header.smaller {
  position: fixed;
  top: 0px;
  background: var(--bg-dark-1);
  -webkit-backdrop-filter: blur(10px);
  -o-backdrop-filter: blur(10px);
  -moz-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border: none;}

header.header-mobile.header-float .header-inner,
header.smaller.header-float .header-inner{
  background: none;
  margin-top: 0;
  padding: 0;}

header.smaller.header-float.header-light .header-inner{
  background: none;}


header.header-light.smaller{
  background: rgba(255, 255, 255, 1.0);}

.scroll-down {
    margin-top: -125px;}

.scroll-up {
    margin-top: 0;}

header.header-center.scroll-down{
  margin-top: -175px;}

header.header-center #logo-center{
  display: inline-block;
  padding-top: 40px;}

header.header-center #mainmenu{
  display: inline-block;}

header.header-center{
  text-align: center;}

header.header-center #logo{
  display: none;}

header.smaller div#logo,
header.s2 div#logo {}

header.smaller .logo-init {
  display: none;}

header.smaller #topbar {
  margin-top:-42px;
  overflow: hidden;}

header.smaller #topbar.topbar-dark {
  background: rgba(34, 34, 34, .05);}

header.smaller #topbar.topbar-dark a {
  color: #333333;}

header .logo-mobile {
  display: none;}


header.smaller.scroll-light {
  background: #ffffff;}

header.scroll-light .logo-scroll{
  display: none;}

header.smaller.scroll-light .logo-main{
  display: none;}

header.smaller.scroll-light .logo-scroll{
  display: block;}

header.smaller.scroll-dark {
  background: var(--bg-color-even);}

header.header-light .h-phone,
header.smaller.scroll-light .h-phone {
  color: #202020;}

header:not(.header-light).smaller.scroll-light div#logo .logo {
  display: none;}

header.smaller.scroll-light div#logo .logo-2 {
  display: inline-block;}

header.smaller.scroll-light div#logo .logo-scroll {
  display: inline-block;}

header.smaller.header-light div#logo .logo {
  display: none;}

header.smaller.scroll-light .social-icons i {
  color: var(--heading-font-color);}

header.smaller.scroll-light #mainmenu li a,
header.smaller.scroll-light #mainmenu li.has-child:after {
  color: var(--heading-font-color);}
.logo-smaller div#logo {
  width: 150px;
  height: 30px;
  line-height: 65px;
  font-size: 30px;
  margin-top: 10px;
  margin-bottom: 10px;
}



.logo-main,
div#logo img {
  max-width: var(--logo-width);
  padding-bottom: 15px;
  padding-top: 15px;
}

.sw-text-wrapper {
    padding-top: 50px !important;
    background-size: cover;
    background-repeat: no-repeat;
}

footer .logo-footer{
  max-width: var(--logo-footer-width);}

header.smaller div#logo .logo-1 {
  display: none;}

header.smaller div#logo .logo-2 {
  display: inline-block;}

.logo-small {
  margin-bottom: 20px;}

header.header-full {
    padding: 30px;
}

header .header-row {
  text-align: center;}

header .header-col {
  position: relative;
  height: 100%;}

/* left col header */
header .header-col.left {
  float: left;
  padding: 0 30px 0 0;
  /* border-right:solid 1px rgba(255,255,255,.2); */}

/* middle col header */
header .header-col.mid {
  float: right;}

header .header-col.mid .social-icons {
  float: right;
  /* border-left:solid 1px rgba(255,255,255,.2); */
  padding: 0 30px 0 30px;}

header.header-float .header-inner{
  padding: 0 30px;
  background: var(--bg-dark-1);
  margin-top: 40px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;}

header.header-float.header-light .header-inner{
  background: #ffffff;}

header.header-static{
  background: none;
  position: absolute;
  top: 0;
  -webkit-backdrop-filter: blur(0);
  -o-backdrop-filter: blur(0);
  -moz-backdrop-filter: blur(0);
  backdrop-filter: blur(0);}

.header-col-right {
  text-align: right;}
/* subheader */

#subheader {
  overflow: hidden;
  position: relative;
  padding: 160px 0 120px 0;}

#subheader h1 {
  font-size: var(--subheader-title-font-size);
  text-transform: var(--subheader-title-text-transform);
  margin-bottom: 0;}

.de-overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
    background: rgba(var(--bg-dark-1-rgb), .35);
}

.de-overlay-gradient{
  position: absolute;
  width: 100%;
  height: 100%;
  top:0;
  left: 0;
  background: linear-gradient(45deg, rgba(var(--primary-color-rgb),.8), rgba(var(--secondary-color-rgb),.8));}


.de-overlay-gradient-2{
  position: absolute;
  width: 100%;
  height: 100%;
  top:0;
  left: 0;
  background: linear-gradient(45deg, rgba(var(--primary-color-rgb),.8) 0%, rgba(var(--secondary-color-rgb),0) 100%);}

.crumb-wrapper{
  position: absolute;
  padding: 0 20px;
  padding-bottom: 5px;
  bottom: 0;
  z-index: 1;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(255, 255, 255, .1);}

.crumb {
  font-size: 13px;}


.crumb {
  display: inline-block;
  padding: 3px 10px;
  margin-top: 20px;
  line-height: 1.2em;
  border-radius:30px;
  -moz-border-radius:30px;
  -webkit-border-radius:30px;}

.text-light .crumb a{
  color:rgba(255, 255, 255, 1.0);}


.text-light .crumb,
#subheader.text-light .crumb {
  color: #fff;}

#subheader .small-border-deco {
  display: block;
  margin: 0 auto;
  margin-top: 20px;
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, .1);}

#subheader .small-border-deco span {
  display: block;
  margin: 0 auto;
  height: 2px;
  width: 100px;}

.topbar-widget {
    display: flex;
    align-items: center;
    gap: 8px;}

.topbar-widget .fa-leaf {
    color: #7a9b55;
    font-size: 20px;}

/* =============== mainmenu =============== */

#mainmenu {
  font-size: 13px;
  margin: 0 auto;
  padding: 0;
  float: none;
  counter-reset: my-awesome-counter;}

#mainmenu ul {
  margin: 0px 0px;
  padding: 0px;
  height: 30px;
  background: #ffffff;
  color: var(--body-font-color);}

#mainmenu ul:not(.mega) {
  border: solid 1px #dddddd;}

.dark-scheme #mainmenu ul {
  background: var(--bg-dark-1);
  border: solid 1px rgba(255, 255, 255, .1);}

#mainmenu li {
  margin: 0px 0px;
  padding: 0px 0px;
  float: left;
  display: inline;
  list-style: none;
  position: relative;
  font-weight: 400;}

#mainmenu>li {
  margin-right: 30px;}

#mainmenu>li:last-child{
  margin-right: 0;}

#mainmenu>li {
  counter-increment: my-awesome-counter;}

#mainmenu li a.new:before{
  content:"NEW";
  font-size: 12px;
  font-weight: 200;
  padding: 1px 4px;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  margin-right: 5px;
  color:#ffffff;
  background: rgb(221, 135, 117);}
/* add number to menu
#mainmenu>li::before {
  content: counter(my-awesome-counter) ' —';
  right: 8px;
  top: 5px;
  color:var(--secondary-color);
  margin-right: 5px;
  font-weight: 500;
  font-family: var(--heading-font);}
*/

header.smaller #mainmenu>li::before{
  transform: scale(0);}


#mainmenu>li.has-child:after {
  font-family: FontAwesome;
  content: "\f078";
  padding-left: 5px;
  font-size: 8px;
  position: relative;
  top: -2px;
  color:rgba(255, 255, 255, .75);}

.rtl #mainmenu li.has-child:after {
  padding-left: 15px;}

.header-light #mainmenu li.has-child:after {
  color: rgba(0, 0, 0, .5);}

#mainmenu >li>a {
 padding-right: 6px;
  font-family: var(--body-font);
  font-size: var(--mainmenu-font-size);
  font-weight: 400;
  text-transform: var(--mainmenu-text-transform);
  letter-spacing: var(--mainmenu-letter-spacing);}

#mainmenu li.has-child>a {
  padding-right: 0px;}

#mainmenu a {
  position: relative;
  display: inline-block;
  padding-top: 25px;
  padding-bottom: 25px;
  text-decoration: none;
  color: #ffffff;
  text-align: center;
  outline: none;
  font-weight: 400;}

#mainmenu p {
  line-height: 1.8em;
  margin-bottom: 0;}

header.header-light #mainmenu a {
  color: var(--heading-font-color);}

#mainmenu a span:not(.badge) {
  position: relative;
  width: 0%;
  color: #ffffff;
  display: block;
  font-size: 10px;
  text-transform: uppercase;
  line-height: 14px;
  border-bottom: solid 2px #ffffff;}

#mainmenu li:hover a span:not(.badge) {
  width: 100%;}

#mainmenu li li a span:not(.badge) {
  float: right;
  margin-top: 5px;}

#mainmenu a.active span:not(.badge) {
  width: 100%;
  margin-left: 0%;}

.header-light {
  background: #ffffff;}

.header-light #mainmenu>li>a {
  color: rgb(27, 27, 27);
  font-weight: 200;}
.header-light #mainmenu > li > a:hover {
  color: #E09789;}
#mainmenu li li {
  font-family: var(--body-font);
  font-size: 14px;}

#mainmenu li li:last-child {
  border-bottom: none;}

#mainmenu li li a {
  padding: 5px 15px;
  border-top: none;
  color: #606060;
  width: 100%;
  border-left: none;
  text-align: left;
  font-weight: normal;
  border-bottom: solid 1px rgba(255, 255, 255, .1);
  letter-spacing: 0;
  font-size: 16px;}

#mainmenu li:last-child>a {
  border-bottom: none;}

.dark-scheme #mainmenu li li a {
  color: #ffffff;}

.rtl #mainmenu li li a {
  text-align: right;}

#mainmenu li li a:hover {
  color: #111;}

#mainmenu li li a:after {
  content: none;}

#mainmenu li li a {
    background-color: #FFFFFF;
    color: #606060;}

#mainmenu li li a:hover,
#mainmenu ul li:hover > a {
    color: #E09789 !important;
    background-color: #FFFFFF !important;}


#mainmenu li ul {
  width: 250px;
  height: auto;
  position: absolute;
  left: 0px;
  z-index: 10;
  visibility: hidden;
  opacity: 0;
  border-radius: 3px;

  /* Dropdown background */
  background: #FFFFFF;

  /* Dropdown border */
  border: 1px solid rgba(60, 86, 87, 0.08);

  /* Dropdown box shadow */
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}
/* dropdown curser */
#mainmenu > li > ul {
    display: none;
    visibility: hidden;
    opacity: 0;}

#mainmenu > li.dropdown-open > ul {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;}
 /* Dropdown hidden by default */
#mainmenu > li.has-child > ul {
    display: none !important;
    visibility: hidden;
    opacity: 0;
    width: 280px !important;
    min-width: 280px !important;}

/* Dropdown opened by click */
#mainmenu > li.has-child.dropdown-open > ul {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;}

/* Make parent text + arrow clickable */
#mainmenu > li.has-child {
    cursor: pointer;}

/* Parent menu link */
#mainmenu > li.has-child > a {
    cursor: pointer;}

/* Arrow */
.header-light #mainmenu > li.has-child::after {
    cursor: pointer;}
/* =========================================================
   DROPDOWN OPTIONS
========================================================= */

#mainmenu > li.has-child > ul li,
#mainmenu li ul li {
    display: block;
    float: none;
    padding: 0 !important;
    margin: 0 !important;

    font-size: 14px;
    text-transform: none;
    font-weight: 100;
}


/* =========================================================
   DROPDOWN LINKS
========================================================= */

#mainmenu > li.has-child > ul li a.menu-item,
#mainmenu li ul li a.menu-item {
    display: block !important;

    width: 100% !important;
    box-sizing: border-box;

    padding: 12px 20px !important;

    font-family: var(--body-font);
    font-size: 16px !important;
    line-height: 24px;

    font-weight: 400;

    white-space: nowrap !important;
    text-decoration: none;

    color: #5e5e5e !important;

    background: transparent !important;

    transition:
        color 0.2s ease,
        background-color 0.2s ease;
}


/* =========================================================
   DROPDOWN HOVER
========================================================= */

#mainmenu li ul li a.menu-item:hover {
    color: #dd8775 !important;
    background: transparent !important;
}


/* =========================================================
   ACTIVE DROPDOWN ITEM
   DARK BROWN
========================================================= */

#mainmenu li ul li a.menu-item.active-page,
#mainmenu li ul li.active-page-li > a.menu-item {

    color: #5A321F !important;

    background-color: transparent !important;

    font-weight: 500 !important;
}


/* =========================================================
   ACTIVE DROPDOWN ITEM HOVER
   KEEP BROWN
========================================================= */

#mainmenu li ul li a.menu-item.active-page:hover,
#mainmenu li ul li.active-page-li > a.menu-item:hover {

    color: #5A321F !important;

    background-color: transparent !important;
}


/* =========================================================
   ACTIVE PARENT
   KNOW US / SERVICES / SELF HELP
========================================================= */

#mainmenu > li.has-child.active-parent > a.menu-item {

    color: #5A321F !important;

}


/* =========================================================
   ACTIVE PARENT HOVER
========================================================= */

#mainmenu > li.has-child.active-parent > a.menu-item:hover {

    color: #5A321F !important;

}


/* =========================================================
   ACTIVE HOME
========================================================= */

#mainmenu > li > a.menu-item.active-page {

    color: #5A321F !important;

}


/* =========================================================
   VERY STRONG ACTIVE OVERRIDE
========================================================= */

#mainmenu a.menu-item.active-page,
#mainmenu li.active-page-li a.menu-item,
#mainmenu li.active-parent > a.menu-item {

    color: #5A321F !important;

    background: transparent !important;

    opacity: 1 !important;
}


/* =========================================================
   BADGE
========================================================= */

#mainmenu ul li b {
    background: #333;

    color: #fff;

    padding: 0 3px 3px;

    font-size: 10px;

    margin-right: 3px;

    border-radius: 2px;
}


/* =========================================================
   SUB-SUB MENU
========================================================= */

#mainmenu li ul ul:not(.ul-list) {

    top: 0;

    margin-left: 188px;
}


/* =========================================================
   SELECT MENU
========================================================= */

#mainmenu select {

    padding: 10px;

    height: 36px;

    font-size: 14px;

    border: none;

    background: #ff4200;

    color: #eceff3;
}


#mainmenu select option {

    padding: 10px;
}


/* =========================================================
   BUTTON TYPE
========================================================= */

#mainmenu .btn-type {

    padding: 0;

    margin: 0;
}


#mainmenu .btn-type a {

    background: #eee;

    padding: 0;

    margin: 0;
}


/* =========================================================
   MEGA MENU
========================================================= */

#mainmenu > li ul.mega {

    position: fixed;

    left: 0;

    height: 0%;

    width: 100%;

    visibility: hidden;

    opacity: 0;

    overflow: hidden;

    padding: 0;

    box-shadow: none;

    background: none;
}


#mainmenu > li ul.mega .sb-menu {

    background: #fff;

    border-radius: 6px;

    border: solid 1px #ddd;
}


.dark-scheme #mainmenu > li ul.mega .sb-menu {

    background: var(--bg-dark-1);

    border-color: rgba(255, 255, 255, .1);
}


#mainmenu li:hover ul.mega {

    visibility: visible;

    opacity: 1;
}


#mainmenu li ul.mega > li,
#mainmenu li ul.mega > li a {

    width: 100%;
}


#mainmenu li ul.mega li.title {

    padding: 0;

    text-align: left;

    font-family: var(--body-font);

    font-weight: bold;

    color: #586383;
}


#mainmenu li ul.mega > li ul {

    position: static;

    visibility: visible;

    opacity: 1;

    left: 0;

    float: none;

    width: 100%;
}


#mainmenu ul.mega > li ul {

    border: none;
}


#mainmenu ul.mega > li ul li {

    margin: 0;

    padding: 0;
}


#mainmenu ul.mega > li ul li:last-child {

    border-bottom: none;
}


#mainmenu li ul.mega .menu-content {

    background: #171A21;

    padding: 30px;
}


#mainmenu li ul.mega ul li a {

    background: none;

    padding: 2px 0;
}


#mainmenu li ul.mega ul li a:hover {

    color: #35404e;
}


header.header-mobile #mainmenu > li ul.mega {

    visibility: visible;

    opacity: 1;
}


header:not(.header-mobile) #mainmenu > li:hover ul.mega {

    height: auto;
}


/* menu toggle for mobile */

#menu-btn {
  line-height: 1.5em;
  display: none;
  float: right;
  width: 32px;
  height: 32px;
  padding: 4px;
  text-align: center;
  cursor: poInter;
  color: #fff;
  margin-top: 0px;
  margin-left: 20px;}

#menu-btn:before {
  font-family: FontAwesome;
  content: "\f0c9";
  font-size: 20px;}

#menu-btn.menu-open:before{
  content: "\f068";}

.rtl #menu-btn {
  float: left;}


#btn-extra{
  position: relative;
  margin-left: 20px;
  width: 24px;
  height: 12px;
  cursor: pointer;}

#btn-extra span{
  content: '';
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  border-bottom: solid 2px #ffffff;}

#btn-extra.img{
  width: 32px;
  height: 32px;}

#btn-extra img{
  width: 100%;}

header.header-light #btn-extra span{
  border-bottom: solid 2px var(--heading-font-color);}


#btn-extra span:nth-child(2){
  top:auto;
  bottom: 0;
  right: 0;}

#btn-extra:hover span{
  width: 70%;}

.header-light #btn-extra span{
  background: var(--bg-dark-1);}

#extra-wrap{
  position: fixed;
  z-index: 1002;
  top:0;
  right: -500px;
  width: 500px;
  height: 100%;
  overflow: hidden;
  background: rgba(var(255,255,255), .85);
  -webkit-backdrop-filter: blur(10px);
  -o-backdrop-filter: blur(10px);
  -moz-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);}

#extra-wrap.dark{
  background: rgba(var(--bg-dark-1-rgb), .85) !important;}

#extra-wrap.open{
  right: 0;}

#extra-content{
  padding: 50px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: -17px;
  overflow-y: scroll;}

#btn-close{
  top: 50px;
  right: 50px;
  position: absolute;
  z-index: 1001;
  width: 26px;
  height: 26px;
  cursor: pointer;}

#btn-close span{
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  width: 100%;
  height: 2px;
  background: #000000;
  transform: rotate(45deg);}

#extra-wrap.dark #btn-close span{
  background:#ffffff;}

#btn-close span:nth-child(2){
  transform: rotate(-45deg);}


header.header-mobile.header-light,
header.header-mobile.header-light #menu-btn,
header.header-mobile.header-light #menu-btn:hover {
  background: none;}

header.header-mobile.header-light #menu-btn {
  color: #222;}


header.header-mobile.header-center #logo{
  display: block;}

header.header-mobile.header-center #logo-center{
  display: none;}/* =========================
   TOP NAVBAR
========================= */


#topbar {
    position: relative;
    width: 100%;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
}

/* Center leaf + text + leaf */
#topbar .topbar-inner {
    width: 100%;
    height: 52px;
    min-height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
}

/* Leaf + text container */
#topbar .topbar-widget {
    position: static;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin: 0 !important;
    padding: 0;
}

/* Resource text */
#topbar .topbar-widget a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 26px;
    color: #000 !important;
    font-family: var(--body-font);
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    text-decoration: none;
    white-space: nowrap;
    margin: 0;
    padding: 0;
}

/* SVG leaf */
#topbar .topbar-leaf {
    width: 34px;
    height: 26px;
    display: block;
    flex-shrink: 0;
    color: #000;
    stroke: currentColor;
    stroke-width: 1;
    margin: 0;
    padding: 0;
}


/* =========================
   MOBILE
========================= */

@media (max-width: 767px) {

    #topbar {
        display: none;
    }

}

/* =========================
   KEEP MAIN MENU STATIC
========================= */

/* Disable movement/animation on main menu */
#mainmenu > li > a {
    transform: none !important;
    animation: none !important;
    transition: color 0.2s ease !important;}

/* Keep position unchanged on hover */
#mainmenu > li:hover > a {
    transform: none !important;
    animation: none !important;}

/* Keep the color hover effect */
.header-light #mainmenu > li > a:hover {
    color: #E09789 !important;}


/* =============== content =============== */
#content {
  width: 100%;
  background: #ffffff;
  padding: 90px 0 90px 0;
  z-index: 100;}

.dark-scheme #content {
  background: var(--bg-dark-1);}


/* =============== section =============== */
section {
  padding: 45px 0 45px 0;}

#content.zebra section:nth-child(even) {
  background: #fcfcfc;}

section:not(.relative) {}

section.no-bg,
#content.no-bg {
  background: none !important;}

.bottom-rounded{
  overflow: hidden;
  border-radius:0 0 100% 100%;
  -moz-border-radius:0 0 100% 100%;
  -webkit-border-radius:0 0 100% 100%;
  padding-bottom: 200px;}

.rounded-up{
  border-radius:60px 60px 0 0;
  -moz-border-radius:60px 60px 0 0;
  -webkit-border-radius:60px 60px 0 0;}

.rounded-down{
  border-radius:0 0 60px 60px;
  -moz-border-radius:0 0 60px 60px;
  -webkit-border-radius:0 0 60px 60px;}


.rounded-up-down{
  border-radius:60px;
  -moz-border-radius:60px;
  -webkit-border-radius:60px;}


.rounded-10px{
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;}

.rounded-20px{
    border-radius:20px;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;}


.dark-scheme section {
  background: var(--bg-dark-1);}

.no-bg {
  background: none !important;}

.bgcolor-variation {
  background: #f6f6f6;}

.overlay-gradient {
  width: 100%;
  height: 100%;
  z-index: 100;
  top: 0;
  padding: 90px 0 90px 0;}

.de_light section {
  background: #ffffff;}

.text_top {
  position: relative;
  z-index: 1000;}
/* =========================================
   MAIN FOOTER
========================================= */

.main-footer {
    width: 100%;
    background: #fff;
    color: #000;
    font-family: var(--body-font);}

.footer-top {
    background: #fff;
    padding: 60px 0 50px;}

.footer-container {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 2fr;
    gap: 45px;
    align-items: flex-start;}

.footer-col {
    min-width: 0;}

.footer-col h3 {
    color: #E09789;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 18px;
    padding-bottom: 12px;
    position: relative;
    text-transform: uppercase;}

.footer-col h3::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40px;
    height: 2px;
    background: #fff;}

.footer-logo {
    display: block;
    max-width: 180px;
    width: auto;
    height: auto;
    margin-bottom: 20px;}

.footer-description {
    color: #000;
    font-size: 14px;
    line-height: 1.8;
    margin: 0 0 22px;}

.contact-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 9px;
    color: #000;
    font-size: 13px;
    line-height: 1.8;}

.contact-item i {
    color: #000;
    font-size: 16px;
    width: 14px;
    min-width: 14px;
    margin-top: 5px;
    text-align: center;}

.contact-item a {
    color: #000;
    text-decoration: none;
    transition: color 0.3s ease;}

.contact-item a:hover {
    color: #E09789;}

.contact-item.address {
    align-items: flex-start;
    line-height: 1.75;}

.contact-item.address strong {
    color: #000;}

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

.footer-col ul li {
    margin-bottom: 9px;}

.footer-col ul li a {
    color: #000;
    text-decoration: none;
    font-size: 13px;
    line-height: 1.5;
    display: flex;
    align-items: center;
    transition: all 0.3s ease;}

.footer-col ul li a i {
    margin-right: 7px;
    font-size: 12px;
    color: #000;
    transition: all 0.3s ease;}

.footer-col ul li a:hover {
    color: #E09789;
    padding-left: 3px;}

.footer-col ul li a:hover i {
    color: #000;}

.footer-social {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 25px;}

.footer-social a {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #E09789;
    color: #000;
    border-radius: 50%;
    font-size: 12px;
    text-decoration: none;
    transition: all 0.3s ease;}

.footer-social a:hover {
    background: transparent;
    color: #172c3d;
    transform: translateY(-3px);}

.map-col {
    min-width: 0;
    width: 100%;}

.footer-map {
    width: 100%;
    height: 190px;
    overflow: hidden;
    background: #ddd;
    border-radius: 5px;}

.footer-map iframe {
    display: block;
    width: 100%;
    height: 190px;
    border: 0;}

.footer-bottom {
    background: #100d06;
    color: #000;
    padding: 17px 0;}

.footer-bottom-container {
    width: 90%;
    max-width: 1120px;
    margin: 0 auto;
    padding: 0 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    font-size: 12px;}

.copyright,
.developer {
    color: #9ca3af;
    font-size: 13px;
    line-height: 1.6;}

.copyright span,
.developer span {
    color: #E09789;
    font-weight: 700;}

.developer {
    text-align: right;}

/* TABLET */
@media (max-width: 991px) {
    .footer-top {
        padding: 50px 0 40px;
}

    .footer-container {
        grid-template-columns: 1fr 1fr;
        gap: 35px;
}

    .contact-col,
    .map-col {
        grid-column: span 2;
}

    .footer-map,
    .footer-map iframe {
        height: 280px;
}

    .footer-bottom-container {
        flex-direction: column;
        text-align: center;
}
}

/* MOBILE */
@media (max-width: 767px) {
    .footer-top {
        padding: 35px 0;
}

    .footer-container {
        width: 88%;
        grid-template-columns: 1fr;
        gap: 30px;
}

    .contact-col,
    .map-col {
        grid-column: auto;
}

    .footer-col h3 {
        font-size: 17px;
        margin-bottom: 20px;
}

    .footer-logo {
        max-width: 160px;
        margin-bottom: 18px;
}

    .footer-description {
        font-size: 13px;
        line-height: 1.7;
}

    .contact-item {
        font-size: 13px;
}

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

    .footer-map,
    .footer-map iframe {
        height: 230px;
}

    .footer-bottom {
        padding: 15px 0;
}

    .footer-bottom-container {
        width: 88%;
        gap: 5px;
        text-align: center;
}

    .copyright,
    .developer {
        font-size: 12px;
}

    .developer {
        text-align: center;
}
}

/* SMALL MOBILE */
@media (max-width: 480px) {
    .footer-container {
        width: 90%;
}

    .footer-social a {
        width: 34px;
        height: 34px;
}

    .footer-map,
    .footer-map iframe {
        height: 220px;
}
}
/* topbar start here */

#topbar {
  z-index: 1000;
  width: 100%;
  overflow: hidden;
  top: 0;
  background:#dd8775;}

#topbar.topbar-light{
  background: var(--bg-grey);}

#topbar.topbar-light a,
#topbar.topbar-light .social-icons i{
  color: var(--heading-font-color);}

#topbar.topbar-dark {
  background: rgba(34, 34, 34, .2);}

#topbar a {
  text-decoration: none;}

#topbar.text-light a {
  color: #ffffff;}

.topbar-left,
.topbar-right {
  display: flex;}

.topbar-right {
  float: right;}

.topbar-solid {
  background: #ffffff;}

.tb-light {
  background: #ffffff;}

#topbar:not(.topbar-noborder) .topbar-right .topbar-widget {
  border-left: solid 1px rgba(255, 255, 255, .1);}

#topbar:not(.topbar-noborder) .topbar-right span:last-child {
  border-right: solid 1px rgba(255, 255, 255, .1);}

#topbar:not(.topbar-noborder) .topbar-light .topbar-right .topbar-widget {
  border-left: solid 1px #eee;}

#topbar:not(.topbar-noborder) .topbar-light .topbar-right span:last-child {
  border-right: solid 1px #eee;}

#topbar:not(.topbar-noborder) .tb-light .topbar-right .topbar-widget {
  border-left: solid 1px rgba(0, 0, 0, .1);}

#topbar:not(.topbar-noborder) .tb-light .topbar-right span:last-child {
  border-right: solid 1px rgba(0, 0, 0, .1);}

/* topbar left content */
.topbar-left {
  float: left;}

#topbar:not(.topbar-noborder) .topbar-left .topbar-widget {
  border-right: solid 1px rgba(255, 255, 255, .1);}

#topbar:not(.topbar-noborder) .topbar-light .topbar-left .topbar-widget {
  border-right: solid 1px #eee;}

#topbar:not(.topbar-noborder) .topbar-left span:first-child {
  border-left: solid 1px rgba(255, 255, 255, .1);}

#topbar:not(.topbar-noborder) .tb-light .topbar-left .topbar-widget {
  border-right: solid 1px rgba(0, 0, 0, .1);}

#topbar:not(.topbar-noborder) .tb-light .topbar-left span:first-child {
  border-left: solid 1px rgba(0, 0, 0, .1);}

.h-phone {
  display: inline-block;
  color: #ffffff;
  font-size: 18px;
  line-height: 1.3em;
  padding-top: 12px;
  font-weight: 600;}

.h-phone span {
  margin-left: 50px;
  line-height: .25em;
  display: block;
  font-size: 12.5px;
  font-weight: 500;
  color: rgba(255, 255, 255, .75);}

header.header-light .h-phone span{
  color: var(--body-font-color);}


.h-phone i {
  display: inline-block;
  font-size: 32px;
  left: 0;
  top: 12px;
  margin-right: 15px;}

.menu_side_area .btn-line{
  display: inline-block;}

/* topbar widget */
.topbar-widget {
  font-size: 15px;
  font-weight: 300;
  display: flex;
  padding: 6px 0  6px 0;}

.topbar-widget a{
    color:rgba(255, 255, 255, .75);}

.topbar-widget img{
  width: 20px;
  margin-right: 10px;}


.topbar-widget.widget-text {
  padding-top: 6px;}

.topbar-widget i {
  font-size: 16px;
  margin-top: 8px;
  margin-right: 10px;}

.h-sub .topbar-widget {
  padding: 12px;}

.topbar-widget:before {
  float: left;
  position: relative;
  font-family: "FontAwesome";
  font-size: 16px;
  margin-right: 10px;}

.topbar-widget.tb-phone:before {
  content: "\f095";}

.topbar-widget.tb-email:before {
  content: "\f003";}

.topbar-widget.tb-opening-hours:before {
  content: "\f017";}

.topbar-widget.tb-social {
  padding: 0;}

.topbar-widget.tb-social a {
  font-size: 14px;
  display: flex;
  padding: 5px;
  padding-left: 15px;
  text-align: center;}

.topbar-widget a span {
  font-weight: bold;
  margin-right: 10px;
  border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;}

#topbar:not(.topbar-noborder) .topbar-light .topbar-widget.tb-social a,
#topbar:not(.topbar-noborder) .topbar-light .topbar-widget.tb-social a:first-child {
  border-left: solid 1px rgba(0, 0, 0, .1);}

#topbar:not(.topbar-noborder) .topbar-widget.tb-social a {
  border-left: solid 1px rgba(255, 255, 255, .1);}

.tb-light .topbar-widget.tb-social a {
  border-left: solid 1px rgba(0, 0, 0, .1);}

.topbar-widget.tb-social a:first-child {
  border: none;}

/* topbar end here */

/* =============== blog =============== */

.blog-list {
  margin: 0;
  padding: 0;}

/* blog list */

.blog-list>div {
  list-style: none;
  line-height: 1.7em;
  margin-top: 0px;
  border-bottom: solid 1px rgba(255, 255, 255, .1);
  margin-bottom: 20px;}

.blog-list img {
  margin-bottom: 20px;}

.de_light .blog-list li {
  border-bottom: solid 1px #ddd;}

.blog-list h4 {
  margin-top: 20px;}

.blog-list h4 a {
  color: #fff;}

.de_light .blog-list h4 a {
  color: #222222;}

.de_light .text-light .blog-list h4 a {
  color: #fff;}

.blog-list .btn-more {
  padding: 3px 25px 3px 25px;
  color: #111;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 700;
  float: right;}

.blog-list .btn-more:hover {
  background: #fff;}

.de_light .blog-list .btn-more:hover {
  background: #222;
  color: #fff;}

.blog-list .post-text {
  padding-left: 80px;}

.bloglist .post-text a.btn-main {
  display: inline-block;
  margin-top: 0px;
  padding: 5px 25px;}

.blog-list .blog-slider {
  margin-bottom: -60px;}

.blog-list .date-box {
  position: absolute;
  text-align: center;
  text-shadow: none;}

.blog-list .date-box .day,
.blog-list .date-box .month {
  display: block;
  color: #fff;
  text-align: center;
  width: 40px;
  z-index: 100;}

.de_light .blog-list .date-box .month {
  color: #222222;}

.blog-list .date-box {
  text-align: center;
  background: #f6f6f6;
  padding: 10px;}

.blog-list .date-box .month {
  font-size: 14px;}

.blog-list .date-box .day {
  font-family: var(--body-font);
  color: #222222;
  font-weight: bold;
  font-size: 28px;}

.blog-list .date-box .month {
  font-family: var(--body-font);
  color: #fff;
  font-size: 13px;
  letter-spacing: 3px;}

.de_light .blog-list .date-box .month {
  border-bottom-color: #ddd;}

.de_light .text-light .blog-list .date-box .month {
  color: #fff;}

/* blog comment */

#blog-comment {
  margin-top: 40px;}

#blog-comment h5 {
  margin-bottom: 10px;}

#blog-comment ul,
#blog-comment li {
  list-style: none;
  margin-left: -40px;
  padding-left: 0;}

.rtl #blog-comment li {
  margin-right: -30px;}

.rtl #blog-comment li li {
  margin-right: 40px;}

#blog-comment li {
  min-height: 70px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: solid 1px #ccc;}

.dark-scheme #blog-comment li {
  border-bottom-color: rgba(255, 255, 255, .1);}

#blog-comment li .avatar {
  position: absolute;
  margin-top: 5px;}

#blog-comment li .avatar img{
  width: 70px;
  border-radius:var(--rounded-1);
  -moz-border-radius:var(--rounded-1);
  -webkit-border-radius:var(--rounded-1);}

#blog-comment .comment {
  margin-left: 85px;}

.rtl #blog-comment .comment {
  margin-left: 0;
  margin-right: 85px;}

#blog-comment li {
  min-height: 70px;
  font-size: 15px;
  line-height: 1.6em;}

#blog-comment li li {
  margin-left: 55px;
  padding-bottom: 0px;
  margin-top: 20px;
  padding-top: 20px;
  border-top: solid 1px #ccc;
  border-bottom: none;}

.dark-scheme #blog-comment li li {
  border-top-color: rgba(255, 255, 255, .1);}

#blog-comment li li .avatar {
  position: absolute;}

#blog-comment li li .comment {}

.comment-info {
  margin-left: 85px;
  margin-bottom: 5px;}

.rtl .comment-info {
  margin-left: 0;
  margin-right: 85px;}

.comment-info span {}

.comment-info .c_name {
  display: block;
  font-weight: 700;
  color: #555555;}

.dark-scheme .comment-info .c_name {
  color: #ffffff;}

.comment-info .c_reply {
  padding-left: 20px;
  margin-left: 20px;
  border-left: solid 1px #ddd;
  font-size: 12px;}

.dark-scheme .comment-info .c_reply {
  border-left-color: rgba(255, 255, 255, .2);}

.comment-info .c_date {
  font-size: 12px;}

.blog-list h4 {
  color: #333;}

.blog-read h4 {
  color: #333;
  letter-spacing: normal;
  font-size: 24px;
  text-transform: none;}

.bloglist {
  position: relative;
  overflow: hidden;
  margin-bottom: 15px;
  background: var(--tertiary-color);}

.post-content {
  position: relative;}

.post-content p {
  margin-bottom: 0px;}

.post-text .d-date{
  font-size: 14px;}

.post-text h4 {
  margin-top: 10px;
  margin-bottom: 10px;}

.post-text h4 a {
  font-weight: bold;
  font-family: var(--heading-font);
  color: #1A1C26;
  text-decoration: none;
  line-height: 1.5em;
  letter-spacing: 0;}

.dark-scheme .post-text h4 a {
  color: #ffffff;}

.post-text .tags {
  font-size: 10px;
  text-transform: uppercase;}

.p-tagline {
  position: absolute;
  z-index: 1;
  top: 20px;
  left: 20px;}

.p-tagline {
  left: auto;
  right: 20px;}
.p-tagline,
.p-title {
  font-family: var(--body-font);
  background: rgba(var(--primary-color-rgb), .2);
  border-radius: 3px;
  display: inline-block;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 10px;
  padding: 7px 10px 6px 10px;
  text-transform: uppercase;
  margin-bottom: 5px;}

.p-tagline,
.p-title.invert {
  background: var(--secondary-color);}

.p-title {
  font-size: 12px;
  margin-bottom: 20px;}

.post-text .p-date {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 10px;
  font-weight: 500;
  color: #888888;
  padding: 5px 10px;
  background: rgba(0, 0, 0, .05);
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;}

.blog-read img {
  margin-bottom: 20px;}

.blog-read .post-text {
  padding: 0;}

/* blog comment form */

#commentform label {
  display: block;}

#commentform input {
  width: 290px;}

#commentform input:focus {
  border: solid 1px #999;
  background: #fff;}

#commentform textarea {
  width: 97%;
  padding: 5px;
  height: 150px;
  color: #333;}

#commentform textarea:focus {
  border: solid 1px #999;
  background: #fff;}

#commentform input.btn {
  width: auto;}

.blog-slide {
  padding: 0;
  margin: 0;}

.blog-item {
  margin-bottom: 60px;}

.blog-item img.preview {
  width: 100%;
  margin-bottom: 30px;}

/* =============== ratings =============== */
.ratings {
  color: #F86E4E;}

.p-rating i {
  color: #cccccc;}

.p-rating i.checked {
  color: #FFD337;}

.d-rating i {
  font-size: 15px;
  color: #FEC42C;
  margin-right: 3px;}

/* =============== contact form =============== */
.error {
  display: none;
  margin-top: 30px;
  color: #e7505a;
  clear: both;
  padding-top: 20px;
  padding: 20px;
  background: rgba(231, 80, 90, .1);
  border: solid 1px #e7505a;}

.success {
  display: none;
  color: #96c346;
  margin-top: 30px;
  clear: both;
  padding-top: 20px;
  padding: 20px;
  background: rgba(150, 195, 70, .1);
  border: solid 1px #96c346;}

.error img {
  vertical-align: top;}

#success_message{
  display: none;}

#contact_form .radio-img input[type="radio"] + label,
#contact_form .radio-img input[type="checkbox"] + label{
  padding: 0px;
  position: relative;
  background: none;
  width: 20%;
  float: left;
  text-align: center;
  margin-right: 5%;}

#contact_form .radio-img input[type="radio"] + label:before,
#contact_form .radio-img input[type="checkbox"] + label:before {
  position: absolute;
  top: 10px;
  left: 15px;
  display: none;}

#contact_form .radio-img input[type="radio"] + label img,
#contact_form .radio-img input[type="checkbox"] + label img{
  width: 100%;
  margin-bottom: 10px;
  opacity: .5;}

#contact_form .radio-img input[type="radio"]:checked + label img,
#contact_form .radio-img input[type="checkbox"]:checked + label img{
  width: 100%;
  padding: 3px;
  opacity: 1;
  background: rgb(221, 135, 117);}

#contact_form input[type=checkbox] {
  position: relative;
  border: solid 1px rgb(221, 135, 117);
  background: none;
  cursor: pointer;
  line-height: 0;
  margin: 4px .6em 0 0;
  outline: 0;
  padding: 0 !important;
  vertical-align: text-top;
  height: 15px;
  width: 15px;
  -webkit-appearance: none;
  opacity: .5;}

.form-control {
  padding: 10px;
  border: solid 1px rgba(0,0,0,0.05);
  background: rgba(0,0,0,.025);
  border-radius:6px;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;}

.text-light .form-control{
  color: #ffffff;
  border: solid 1px rgba(255,255,255,0.2);
  background: rgba(255,255,255,.025);}

.search-wrapper {
    height: 52px;}

.search-wrapper .search-icon {
    cursor: pointer;}

.search-wrapper input:focus {
    box-shadow: none !important;}


.radio-opt{
  float: left;}


.radio-opt input[type="radio"]{
  display: none;}

.radio-opt label {
  min-width: 62px;
  font-size: 12px;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  background-color: rgba(var(--primary-color-rgb),.2);
  color: white;
  padding: 0px;
  margin: 0 8px 8px 0;
  opacity: .5;}
.radio-opt input[type="radio"]:checked + label{
  background-color: rgb(221, 135, 117);
  opacity: 1;}


#contact_form input[type=checkbox]:checked{
  background: rgb(221, 135, 117);
  opacity: 1;}


#contact_form.s2 .radio-img input[type="radio"] + label,
#contact_form.s2 .radio-img input[type="checkbox"] + label,
#contact_form .radio-img input[type="radio"] + label img,
#contact_form .radio-img input[type="checkbox"] + label img{
  width: 100%;
  float: none;}

.form-underline{
  outline: none;
  width: 100%;
  padding: 10px 0 10px 0;
  margin-bottom: 20px;
  border: none;
  border-bottom: solid 1px var(--bg-dark-1);
  background: none;
  border-radius: 0;
  height: auto;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;}

.text-light .form-underline,
.dark-scheme .form-underline{
  color: #ffffff;
  border-bottom-color: rgba(255, 255, 255, .3);}

.form-underline select {
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  -moz-appearance: none;
  appearance: none;}

.form-underline input[type=text],
.form-underline textarea,
.form-underline input[type=email],
.form-underline select {
  color: #333;
  border-bottom: solid 1px var(--heading-font-color);}

.text-light .form-underline input[type=text],
.text-light .form-underline textarea,
.text-light .form-underline input[type=email],
.text-light .form-underline select {
  color: #fff;
  border-bottom: solid 1px #ffffff;}


.hover-underline{
  position: relative;
  border-bottom: solid 1px rgba(0, 0, 0, .4);}

.hover-underline .form-underline{
  padding-top: 0;}

.text-light .hover-underline{
    border-bottom: solid 1px rgba(255, 255, 255, .4);}


.hover-underline:before{
  content: '';
  position: absolute;
  bottom: 0;
  margin-bottom: -1px;
  width:0;
  border-bottom: solid 1px #000000;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  transition: .3s;
  outline: none;}

.text-light .hover-underline:before{
  border-bottom: solid 1px #ffffff;}


.hover-underline:hover:before{
  width:100%;}

.text-light ::placeholder {
  color: #ffffff;
  opacity: 1; /* Firefox */}

.text-light::-ms-input-placeholder { /* Edge 12 -18 */
  color: #ffffff;}

.form-default input[type=text],
.form-default textarea,
.form-default input[type=email],
.form-default select {
  padding: 10px;
  margin-bottom: 20px;
  background: rgba(255, 255, 255, .5);
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  height: auto;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  font-weight: 400;
  font-size: 18px;}

.form-border select {
  background: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'><path d='M0 0h24v24H0z' fill='none'></svg>") right 5px center no-repeat !important;}

.rtl .form-border select {
  background: none !important;
  padding-left: 20px;}

#contact_form.form-default textarea {
  padding: 10px;
  height: 170px;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;}

#form_subscribe input[type=text] {
  padding: 7px 12px 7px 12px;
  width: 80%;
  float: left;
  display: table-cell;
  border-radius: 30px 0 0 30px;
  -moz-border-radius: 30px 0 0 30px;
  -webkit-border-radius: 30px 0 0 30px;
  border: none;
  border-right: none;
  background: rgba(255, 255, 255, .7);
  -webkit-box-shadow: 2px 2px 20px 0px rgba(20, 20, 20, 0.05);
  -moz-box-shadow: 2px 2px 20px 0px rgba(20, 20, 20, 0.05);
  box-shadow: 2px 2px 20px 0px rgba(20, 20, 20, 0.05);}

#form_sb input[type=text] {
  font-size: 20px;
  padding: 25px 20px 25px 20px;
  width: 85%;
  height: 30px;
  float: left;
  display: table-cell;
  border-radius: 30px 0 0 30px;
  -moz-border-radius: 30px 0 0 30px;
  -webkit-border-radius: 30px 0 0 30px;
  border: none;
  background: #ffffff;}

.dark-scheme #form_sb input[type=text] {
  color: #ffffff;
  background: rgba(255, 255, 255, .1);}

#form_sb #btn-submit i {
  text-align: center;
  font-size: 30px;
  float: left;
  width: 15%;
  background: #171A21;
  color: #ffffff;
  display: table-cell;
  padding: 10px 0 10px 0;
  border-radius: 0 30px 30px 0;
  -moz-border-radius: 0 30px 30px 0;
  -webkit-border-radius: 0 30px 30px 0;}

footer:not(.footer-light) #form_subscribe input[type=text]::-moz-input-placeholder {
  color: #ffffff;}

footer:not(.footer-light) #form_subscribe input[type=text]::-webkit-input-placeholder {
  color: #ffffff;}


footer:not(.footer-light) #form_subscribe.form-dark input[type=text] {
  color: #ffffff;
  background: rgba(255, 255, 255, .1);}

.footer-light #form_subscribe input[type=text] {
  border: none;
  border-right: none;
  padding: 6px 12px;
  background: #ffffff;}

#form_subscribe input[type=text]:focus {
  background: rgba(255, 255, 255, .2);}

#form_subscribe #btn-subscribe i {
  text-align: center;
  font-size: 28px;
  float: left;
  width: 20%;
  background: #171A21;
  color: #ffffff;
  display: table-cell;
  padding: 5px 0 5px 0;
  border-radius: 0 30px 30px 0;
  -moz-border-radius: 0 30px 30px 0;
  -webkit-border-radius: 0 30px 30px 0;}

.form-default input[type=text]:focus,
.form-default textarea:focus,
.form-default input[type=email]:focus,
.form-default select:focus {
  background: #f6f6f6;}

.error_input {
  border-bottom: solid 1px #ff0000 !important;}

.arrow-up,
.arrow-down {
  width: 0;
  height: 0;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  border-bottom: 40px solid #fff;
  position: fixed;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: poInter;
  z-index: 101;}

.arrow-down {
  border-top: 40px solid #fff;
  border-bottom: none;
  position: fixed;
  z-index: 102;
  top: -40px;}

.arrow-up:before {
  font-family: "FontAwesome";
  font-size: 20px;
  content: "\f067";
  color: #222;
  position: relative;
  top: 12px;
  margin: 0 0 0 -8px;}

.arrow-down:before {
  font-family: "FontAwesome";
  font-size: 20px;
  content: "\f068";
  color: #222;
  position: relative;
  top: -35px;
  margin: 0 0 0 -8px;}

/* =============== elements =============== */

/* border */
.small-border {
  width: 50px;
  height: 2px;
  background: rgba(0, 0, 0, .5);
  border-left: none;
  border-right: none;
  display: block;
  margin: 0 auto;
  margin-bottom: 30px;}


.small-border.sm-left {
  margin-left: 0;}

.rtl .small-border.sm-left {
  margin-right: 0;}

.tiny-border {
  height: 1px;
  background: #333;
  width: 40px;
  margin: 20px 0 20px 0;
  display: block;}

.tiny-border.center {
  margin-left: auto;
  margin-right: auto;}

.small-border.white {
  border-top: solid 2px #ffffff;}

/* breadcrumb */
.crumb {
  color: #777;
  margin: 0;
  padding: 0;
  font-size: var(--breadcrumb-font-size);
  font-weight: var(--breadcrumb-font-weight);}

.crumb{
  padding-top: 10px;
  margin-bottom: -50px;}

.crumb li {
  display: inline;
  text-decoration: none;
  letter-spacing: 0;}

.crumb li:after {
  color: var(--breadcrumb-separator-color);
  font-family: "FontAwesome";
  content:"\f054";
  font-size: var(--breadcrumb-separator-font-size);;
  margin: 0 10px 0 10px;}

.crumb li:last-child:after {
  display: none;}

.crumb a {
  opacity: .6;
  text-decoration: none;}

.crumb a:hover{
  opacity: 1;}

.crumb li .active {
  font-weight: bold;}

.de_light .crumb a:hover {
  color: #fff;}

a {
  text-decoration: none;}

.de_light a {
  color: #3C5657;
  transition: color 0.25s ease;}

.de_light a:hover {
  color: #E09789;}


/* ---------------------------------------------------------
   TEXT BUTTON
   --------------------------------------------------------- */

a.btn-text {
  text-decoration: none;
  display: inline-block;
  color: #3C5657;
  font-weight: 600;
  padding: 0;
  transition: color 0.25s ease;}

a.btn-text:after {
  font-family: FontAwesome;
  content: "\f054";
  padding-left: 10px;
  transition: padding-left 0.25s ease;}

a.btn-text:hover {
  color: #E09789;}

a.btn-text:hover:after {
  padding-left: 14px;}


/* ---------------------------------------------------------
   LARGE BUTTON
   --------------------------------------------------------- */

a.btn-big {
  font-size: 14px;
  color: #fff;
  background: #3C5657;
  letter-spacing: 1px;
  line-height: normal;
  font-weight: bold;
  text-transform: uppercase;
  border: solid 1px #3C5657;
  padding: 10px 30px;
  transition:
    color 0.25s ease,
    background 0.25s ease,
    border-color 0.25s ease,
    transform 0.25s ease;}

a.btn-big:after {
  font-family: FontAwesome;
  content: "\f054";
  margin-left: 20px;}

a.btn-big:hover {
  color: #111;
  background: #E09789;
  border-color: #E09789;
  transform: translateY(-2px);}


/* ---------------------------------------------------------
   BASE BUTTON
   --------------------------------------------------------- */

a.btn,
.btn {
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition:
    color 0.25s ease,
    background-color 0.25s ease,
    border-color 0.25s ease,
    transform 0.25s ease;}


/* ---------------------------------------------------------
   RED BRAND BUTTON
   #E09789 + BLACK TEXT
   --------------------------------------------------------- */

a.btn-main,
.btn-main {
  color: #111;
  background: #dd8775;
  border-color:#dd8775;
  transition:
    color 0.25s ease,
    background-color 0.25s ease,
    border-color 0.25s ease,
    transform 0.25s ease,
    box-shadow 0.25s ease;}

a.btn-main:hover,
.btn-main:hover,
a.btn-main.btn-line:hover {
  color: #111111;
  background: rgb(228, 171, 161);
  border-color: rgb(228, 171, 161);
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(228, 171, 161, 0.18);
}

/* ---------------------------------------------------------
   BUTTON EFFECT / ANIMATION
   --------------------------------------------------------- */
a.btn-fx {
  font-size: 14px;
  color: #111;
  background: #E09789;
  letter-spacing: 1px;
  line-height: normal;
  font-weight: bold;
  text-transform: uppercase;
  border: 1px solid #E09789;
  padding: 10px 30px;
  position: relative;
  overflow: hidden;
  transition:
    color 0.3s ease,
    background-color 0.3s ease,
    border-color 0.3s ease,
    padding 0.3s ease;}

a.btn-fx:after {
  font-family: FontAwesome;
  content: "\f178";
  margin-left: 15px;
  position: absolute;
  right: -20px;
  margin-top: 0;
  color: #fff;
  transition: right 0.3s ease;}

a.btn-fx:before {
  content: "";
  width: 0;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  z-index: -1;
  background: #3C5657;
  transition: width 0.3s ease;}

a.btn-fx:hover {
  color: #fff;
  border-color: #3C5657;
  padding-left: 20px;
  padding-right: 40px;}

a.btn-fx:hover:after {
  right: 15px;}

a.btn-fx:hover:before {
  width: 100%;}


/* ---------------------------------------------------------
   LIGHT BUTTON EFFECT
   --------------------------------------------------------- */

a.btn-fx.light {
  color: #3C5657;
  background: #E9F1EF;
  border-color: #E9F1EF;}

a.btn-fx.light:before {
  background: #3C5657;}

a.btn-fx.light:hover {
  color: #fff;}


/* ---------------------------------------------------------
   FULL WIDTH BUTTON
   --------------------------------------------------------- */

.btn-fullwidth {
  display: block;
  width: 100%;}


/* ---------------------------------------------------------
   SLIDER BUTTON
   --------------------------------------------------------- */

a.btn-slider {
  font-size: 14px;
  font-weight: bold;
  color: #111;
  background: #E09789;
  line-height: normal;
  text-decoration: none;
  text-transform: uppercase;
  border: solid 2px #E09789;
  padding: 10px 30px;
  border-radius: 60px;
  transition:
    color 0.25s ease,
    background-color 0.25s ease,
    border-color 0.25s ease,
    transform 0.25s ease;}

a.btn-slider:hover {
  color: #fff;
  background: #3C5657;
  border-color: #3C5657;
  transform: translateY(-2px);}

a.btn-slider:hover:after {
  color: #fff;}


/* ---------------------------------------------------------
   ID BUTTONS
   --------------------------------------------------------- */

a.btn-id,
a.btn-id:hover {
  border: none;}

a.btn-light.btn-id {
  color: #222;}

a.btn-dark.btn-id {
  color: #fff;}


/* ---------------------------------------------------------
   ACCESSIBILITY / FOCUS
   --------------------------------------------------------- */
a.btn:focus,
a.btn-main:focus,
a.btn-fx:focus,
a.btn-slider:focus,
a.btn-big:focus,
.btn:focus,
.btn-main:focus {
  outline: 3px solid rgba(60, 86, 87, 0.35);
  outline-offset: 3px;}


/* Small brand button */
.btn-main.btn-small {
  padding: 5px 20px;
  font-weight: bold;
  text-transform: uppercase;}


/* btn-fx should not force text-transform */
.btn-fx.btn-main {
  text-transform: none;}


/* Dark background button */
a.btn-bg-dark {
  background: #3C5657;
  color: #fff;}


/* Light text button */
a.btn-text-light {
  color: #fff;}


/* Icon positioning */
.btn-icon-left i {
  margin-right: 12px;
  color: inherit;}


/* Add to cart */
.btn-add_to_cart,
a.btn-add_to_cart {
  border: 1px solid #bbb;
  font-size: 12px;
  border-radius: 0;
  padding: 3px 20px 3px 40px;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  color: #555;
  background: #fff;}

.btn-add_to_cart:before,
a.btn-add_to_cart:before {
  font-family: "FontAwesome";
  content: "\f07a";
  position: absolute;
  left: 20px;}


/* =========================================================
   MAIN BRAND BUTTON
   Red #E09789 + Black Text
   ========================================================= */

a.btn-main,
a.btn-main:active,
a.btn-main:focus,
a.btn-main:visited,
.btn-main,
input[type=button].btn-main,
a.btn-line,
#mainmenu li ul.mega a.btn-main {
  background: #dd8775;
  color: #111;
font-family: var(--body-font);
  font-size: var(--btn-font-size);
  font-weight: var(--btn-font-weight);
  letter-spacing: var(--btn-letter-spacing);
  padding: var(--btn-padding);
  text-decoration: var(--btn-text-decoration);
  text-transform: var(--btn-text-transform);
  border-radius: var(--btn-rounded);
  -moz-border-radius: var(--btn-rounded);
  -webkit-border-radius: var(--btn-rounded);
  border: none;
  position: relative;
  display: inline-block;
  text-align: center;
  outline: 0;

  transition:
    color 0.25s ease,
    background-color 0.25s ease,
    border-color 0.25s ease,
    box-shadow 0.25s ease;}


/* =========================================================
   MAIN BUTTON HOVER
   Teal #3C5657 + White Text
   ========================================================= */

a.btn-main:hover,
.btn-main:hover,
a.btn-line:hover,
#mainmenu li ul.mega a.btn-main:hover {
  background: #e4aba1;
  color: #111111;
  border-color: #e4aba1;}


/* Keyboard focus */
a.btn-main:focus-visible,
.btn-main:focus-visible {
  outline: 3px solid rgba(60, 86, 87, 0.35);
  outline-offset: 3px;}

a.btn-main.fx-slide{
  overflow: hidden;}

a.btn-main.fx-slide span{
  display: block;
  position: relative;
  transition: all .3s ease-in-out;}

a.btn-main.fx-slide:hover span{
  transform: translate(0, 40px);
  opacity: 0;}

a.btn-main.fx-slide:hover:before {
  opacity: 1;
  transform: translate(0, 0);}

a.btn-main.fx-slide:before {
  content: attr(data-hover);
  position: absolute;
  left: 0;
  width: 100%;
  opacity: 0;
  transform: translate(0, -100%);
  transition: all 0.3s ease-in-out;}

a.btn-main.btn-dark-trans{
    background: rgba(255, 255, 255, .1);}

a.btn-main.btn-dark-trans:hover{
    background: rgb(221, 135, 117);}


a.btn-main.btn-light-trans{
  color:var(--heading-font-color);
  background: rgba(0, 0, 0, .05);}

a.btn-main.btn-light-trans:hover{
    color:#ffffff;
    background: rgb(221, 135, 117);}

a.btn-main.big{
  font-size: 30px;
  padding: 20px 30px;}

a.btn-main.btn-trans.light{
  background: rgba(255, 255, 255, .25);}

a.btn-main.btn-gray{
  color: var(--heading-font-color);
  background: #e2e2e2;}

a.btn-main.btn-dark{
  color: #ffffff;
  background: var(--bg-dark-1);}

a.btn-topbar{
  display: inline-block;
  padding: 5px 20px;
  font-size: 14px;
  font-weight: bold;}

a.btn-sc {
  display: inline-block;
  font-family: var(--body-font);
  font-weight: bold;
  padding: 6px;
  font-size: 14px;
  color: #222;
  border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  background: #f2f2f2;}

a.btn-sc img {
  width: 20px;
  margin-top: -4px;
  margin-right: 8px;}

a.btn-line,
a.btn-line:hover {
  background: none;
  color: #35404e;
  border: solid 1px rgba(255, 255, 255, .5);}


a.btn-line.dark,
a.btn-line.dark:hover{
  background: #dd8775;
  color:rgb(0, 0, 0);
}

.text-light .btn-line{
  color:#ffffff;}


a.btn-line:hover {
  color: #ffffff;}

header:not(.header-light) a.btn-line,
.dark-scheme a.btn-line,
.dark-schem a.btn-line:hover {
  color: #ffffff;}

a.btn-main.btn-white {
  color: var(--heading-font-color);
  background: #ffffff;}

.col-right a.btn-main {
  font-size: 14px;
  text-transform: none;}

a.btn-border {
  border: solid 2px rgba(255, 255, 255, .3);
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  min-width: 120px;
  outline: 0;
  font-weight: bold;
  text-decoration: none;
  padding: 10px 30px;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 2px;}

a.btn-border:hover {
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0);
  margin-top: -2px;
  margin-bottom: 2px;
  box-sizing: border-box}

a.btn-border.light {
  border: solid 1px #ffffff;
  color: #ffffff;}

a.btn-border.light:hover {
  background: #ffffff;}

a.btn-border:hover a {
  color: #ffffff !important;}

.d-btn-close {
  color: #ffffff;
  cursor: poInter;
  text-align: center;
  display: block;
  width: 60px;
  height: 60px;
  background: #333;
  font-size: 32px;
  font-weight: bold;
  text-decoration: none;
  margin: 0 auto;
  padding-top: 12px;
  position: absolute;
  left: 0;
  right: 0;}

a.btn-link {
  display: block;
  text-decoration: none;
  margin-top: 10px;}

a.btn-lg{
  font-size: 24px;
  padding: 15px 30px 10px 30px;}

.btn-plus{
  font-size: 15px;
  font-weight: bold;
  display: inline-block;
  position: relative;
  text-align: center;
  max-width: 36px;
  height: 36px;
  border-radius:36px;
  -moz-border-radius:36px;
  -webkit-border-radius:36px;
  overflow: hidden;
  border: solid 1px var(--heading-font-color);
  color: var(--heading-font-color);;}

.btn-plus:hover{
  max-width: 100%;
  color: var(--heading-font-color);;}

.btn-plus i{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10px;}

.btn-plus span{
  opacity: 0;
  display: inline-block;
  overflow: hidden;
  margin-left: 36px;
  line-height: 2.2em;
  padding-right: 15px;
  text-overflow: ellipsis;
  white-space: nowrap;}

.btn-plus:hover span{
  opacity: 1;}


.text-light .btn-plus{
  border: solid 1px #ffffff;
  color: #ffffff;;}

.text-light .btn-plus:hover{
  color: #ffffff;;}

a.btn-main.btn-with-arrow{
  padding-right: 40px;}

.btn-with-arrow{
  position: relative;}

.btn-with-arrow:after{
  position: absolute;
  content: url(../images/ui/arrow-top-right-white.svg);
  top:12px;}

.btn-with-arrow:hover:after{
  top:8px;}

.btn-with-arrow:before{
  position: absolute;
  content: url(../images/ui/arrow-top-right-white.svg);
  top:16px;
  left: 8px;
  opacity: 0;}

a.btn-main.btn-with-arrow:hover{
  padding-right: 25px;
  padding-left: 40px;}

.btn-with-arrow:hover:after{
  opacity: 0;}

.btn-with-arrow:hover:before{
  opacity: 1;
  top:12px;
  left: 12px;}

.cover a.btn-link:hover {
  color: #fff;}

.play-button {
  border-radius: 60px;
  -moz-border-radius: 60px;
  -webkit-border-radius: 60px;
  color: #fff;
  text-decoration: none;
  border: solid 5px rgba(255, 255, 255, .3);
  display: inline-block;
  text-align: center;
  width: 80px;
  height: 80px;
  padding-top: 22px;
  padding-left: 5px;}

.play-button:before {
  font-family: "FontAwesome";
  font-size: 20px;
  content: "\f04b";
  position: relative;
  color: #fff;}

.play-button:hover {
  border: solid 5px rgba(255, 255, 255, 1);}

.play-button.dark {
  color: #222;
  border: solid 5px rgba(0, 0, 0, .1);}

.play-button.dark:before {
  color: #222;}

.play-button.dark:hover {
  border: solid 5px rgba(0, 0, 0, .5);}

.text-light .play-button {
  border-radius: 60px;
  -moz-border-radius: 60px;
  -webkit-border-radius: 60px;
  color: #fff;
  text-decoration: none;
  border: solid 5px rgba(255, 255, 255, .3);
  display: inline-block;
  text-align: center;
  width: 80px;
  height: 80px;
  padding-top: 22px;
  padding-left: 5px;}

.text-light .play-button:before {
  font-family: "FontAwesome";
  font-size: 20px;
  content: "\f04b";
  position: relative;
  color: #fff;}

.text-light .play-button.dark {
  color: #fff;
  border: solid 5px rgba(255, 255, 255, .3);}

.text-light .play-button.dark:before {
  color: #fff;}

.btn-main.fx-slide {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: auto;
    min-height: 56px;

    padding-left: 40px;
    padding-right: 40px;

    border-style: none;
    border-radius: 48px;

    background-color: #dd8775;
    color: #000;

    font-family: 'Montserrat', arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.063em;

    text-align: center;
    text-decoration: none;
    cursor: pointer;

    text-shadow: none;
    opacity: 1;

    transition: all 0.3s ease;
}

.btn-main.fx-slide span {
    display: inline-block;
}


/* divider */
.spacer-single {
  width: 100%;
  height: 30px;
  display: block;
  clear: both;}

.spacer-double {
  width: 100%;
  height: 60px;
  display: block;
  clear: both;}

.spacer-triple {
  width: 100%;
  height: 90px;
  display: block;
  clear: both;}

.spacer-half {
  width: 100%;
  height: 15px;
  display: block;
  clear: both;}


.spacer-5 {
  width: 100%;
  height: 5px;
  display: block;
  clear: both;}

.spacer-10 {
  width: 100%;
  height: 10px;
  display: block;
  clear: both;}

.spacer-20 {
  width: 100%;
  height: 20px;
  display: block;
  clear: both;}

.spacer-30 {
  width: 100%;
  height: 30px;
  display: block;
  clear: both;}

.spacer-40 {
  width: 100%;
  height: 40px;
  display: block;
  clear: both;}

.spacer-50 {
  width: 100%;
  height: 50px;
  display: block;
  clear: both;}

.spacer-60 {
  width: 100%;
  height: 60px;
  display: block;
  clear: both;}

.spacer-30-line{
  border-bottom: solid 1px rgba(0, 0, 0, .3);
  margin-top: 30px;
  margin-bottom: 30px;}

.text-light .spacer-30-line{
  border-bottom: solid 1px rgba(255, 255, 255, .3);
  margin-top: 30px;
  margin-bottom: 30px;}

hr {
  display: block;
  clear: both;
  border-top: solid 1px #ddd;
  margin: 40px 0 40px 0;}

/* dropcap */
.dropcap::first-letter {
  font-family: var(--heading-font);
  float: left;
  font-size: 60px;
  line-height: 1;
  font-weight: 700;
  margin-right: 1rem;}

/* form */
.form-transparent input[type=text],
.form-transparent textarea,
.form-transparent input[type=email] {
  padding: 10px;
  margin-bottom: 20px;
  color: #fff;
  border: solid 1px rgba(0, 0, 0, .3);
  background: rgba(0, 0, 0, .2);
  border-radius: 0;
  height: auto;}

.form-border input[type=text],
.form-border textarea,
.form-border input[type=email],
.form-border input[type=password],
.form-border input[type=date],
.form-border select {
  padding: 8px;
  margin-bottom: 10px;
  border: none;
  background: rgba(0, 0, 0, .025);
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  height: auto;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  color: #333;}

.dark-scheme .form-border input[type=text],
.dark-scheme .form-border textarea,
.dark-scheme .form-border input[type=email],
.dark-scheme .form-border input[type=password],
.dark-scheme .form-border input[type=date],
.dark-scheme .form-border select {
  color: #ffffff;
  border: solid 1px rgba(var(--primary-color-rgb), .5);}

.dark-scheme ::-webkit-calendar-picker-indicator {
  filter: invert(1);}

.dark-scheme .form-border input::-moz-input-placeholder,
.dark-scheme .form-border textarea::-moz-input-placeholder {
  color: rgba(255, 255, 255, .5);}

.dark-scheme .form-border input::-webkit-input-placeholder,
.dark-scheme .form-border textarea::-webkit-input-placeholder {
  color: rgba(255, 255, 255, .5);}

.form-border input[type=text]:focus,
.form-border textarea:focus,
.form-border input[type=date]:focus,
.form-border select:focus {
  background: rgba(var(--secondary-color-rgb), .1);}

.form-subscribe {
  display: table;
  margin: 0 auto;}

.form-subscribe input[type=text] {
  display: table-cell;
  border: solid 1px rgba(255, 255, 255, .3);
  border-right: none;
  background: rgba(255, 255, 255, .1);
  padding: 6px 20px 6px 20px;
  border-radius: 60px 0 0 60px;
  height: 40px;
  vertical-align: middle;}

.form-subscribe .btn-main {
  display: table-cell;
  border-radius: 0 60px 60px 0;
  height: 40px;
  vertical-align: middle;}

.form-subscribe input[type=text]:hover {
  background: rgba(255, 255, 255, .3);}

.field-set label {
  color: #606060;}

.field-set .d-label{
  display: inline-block;
  color:var(--heading-font-color);
  font-weight: 500;
  margin-bottom: 10px;}

.dark-scheme .field-set label {
  color: #ffffff;}

.de_form input[type="radio"],
.de_form input[type="checkbox"] {
  display: none;}

.de_form input[type="radio"]+label:before {
  content: "\f111";
  font-family: "FontAwesome";
  margin-right: 10px;
  border: solid 1px #d2d2d2;}

.de_form input[type="checkbox"]+label:before {
  position: absolute;
  content: '';
  display: inline-block;
  font-family: "FontAwesome";
  margin-right: 10px;
  border: solid 2px rgba(0, 0, 0, .2);
  width: 16px;
  height: 16px;
  margin-top: 5px;
  left: 0;
  font-size: 11px;
  padding: 1px 3px 0 3px;
  line-height: 15px;
  border-radius: 4px;}

.dark-scheme .de_form input[type="checkbox"]+label:before {
  border: solid 2px rgba(255, 255, 255, .2);}

.de_checkbox {
  position: relative;
  display: block;
  padding-left: 25px;}

.de_form input[type="radio"]+label,
.de_form input[type="checkbox"]+label {
  cursor: pointer;
  border: none;
  border-radius: 3px;}

.no-bg input[type="radio"]+label,
.de_form.no-bg input[type="checkbox"]+label {
  padding: 4px 0px;
  border: none;
  background: none;}

.de_form input[type="radio"]:checked+label,
.de_form input[type="checkbox"]:checked+label {
  border: none;}

.de_form input[type="checkbox"]:checked+label:before {
  content: "\f00c";
  color: #ffffff;
  border: rgba(0, 0, 0, 0);}

.item_filter_group {
  border: solid 1px rgba(0, 0, 0, .15);
  margin-bottom: 25px;
  padding: 30px;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;}

.dark-scheme .item_filter_group {
  border: solid 1px rgba(255, 255, 255, .075);}

.item_filter_group h4 {
  font-size: 18px;}


/* =============== heading =============== */
h1,
h2,
h4,
h3,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
footer.footer-light h5 {
  margin-top: 0;
  font-family: var(--heading-font);
  font-weight: var(--heading-font-weight);
  color: var(--heading-font-color);
  text-transform: var(--heading-text-transform);}

.dark-scheme h1,
.dark-scheme h2,
.dark-scheme h4,
.dark-scheme h3,
.dark-scheme h5,
.dark-scheme h6,
.dark-scheme .h1_big,
.dark-scheme .h1,
.dark-scheme .h2,
.dark-scheme .h3,
.dark-scheme .h4,
.dark-scheme .h5,
.dark-scheme .h6 {
  color: #ffffff;}

footer h1,
footer h2,
footer h4,
footer h4,
footer h5,
footer h6 {
  color: #fff;}

h2.text-light,
footer h4,
footer h4,
footer h5,
footer h6 {
  color: #fff;}


.text-line{
   color: transparent !important;
  -webkit-text-stroke: 1px #ffffff;}


h1,.h1,.hs-1{
  font-family: var(--h1-font-family);
  font-size: var(--h1-font-size);
  font-weight: var(--h1-font-weight);
  letter-spacing: var(--h1-letter-spacing);
  line-height: var(--h1-line-height);
  margin-bottom: var(--h1-margin-bottom);}

h2,.h2,.hs-2{
  font-family: var(--h2-font-family);
  font-size: var(--h2-font-size);
  font-weight: var(--h2-font-weight);
  letter-spacing: var(--h2-letter-spacing);
  line-height: var(--h2-line-height);
  margin-bottom: var(--h2-margin-bottom);}

h3,.h3,.hs-3{
  font-family: var(--h3-font-family);
  font-size: var(--h3-font-size);
  font-weight: var(--h3-font-weight);
  letter-spacing: var(--h3-letter-spacing);
  line-height: var(--h3-line-height);
  margin-bottom: var(--h3-margin-bottom);}

h4,.h4,.hs-4{
  font-family: var(--h4-font-family);
  font-size: var(--h4-font-size);
  font-weight: var(--h4-font-weight);
  letter-spacing: var(--h4-letter-spacing);
  line-height: var(--h4-line-height);
  margin-bottom: var(--h4-margin-bottom);}

h5,.h5,.hs-5{
  font-family: var(--h5-font-family);
  font-size: var(--h5-font-size);
  font-weight: var(--h5-font-weight);
  letter-spacing: var(--h5-letter-spacing);
  line-height: var(--h5-line-height);
  margin-bottom: var(--h5-margin-bottom);}


h6,.h6,.hs-6{
  font-family: var(--h6-font-family);
  font-size: var(--h6-font-size);
  font-weight: var(--h6-font-weight);
  letter-spacing: var(--h6-letter-spacing);
  line-height: var(--h6-line-height);
  margin-bottom: var(--h6-margin-bottom);}


h5.new:before{
  content:"NEW";
  font-size: 12px;
  padding: 1px 6px 2px 6px;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  margin-right: 5px;
  color:#ffffff;
  background: rgb(221, 135, 117);}

h5 span.label {
  display: inline-block;
  margin-right: 10px;
  background: #222222;
  color: #ffffff;
  padding: 0 5px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;}

.wm {
  text-align: center;
  width:150%;
  font-size: 400px;
  font-weight: bold;
  position: absolute;
  left: 0;
  z-index: 0;
  font-family: var(--heading-font);
  line-height: 1.5em;
  margin-left:0;
  letter-spacing: -.08em;
  top: 50%;
  background: -webkit-linear-gradient(180deg,rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, .5) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transform: translate(-50%, -50%);
   -webkit-user-select: none;
    user-select: none;}

.wm .s1{
   -webkit-text-stroke: 0;
   color: rgba(var(--primary-color-rgb),.3);}

.wm.invert{
  color:rgba(0,0,0,.1);}

.top-center {
  color: rgba(255, 255, 255, .5);
  position: absolute;
  width:100%;
  left: 0;
  z-index: 1;
  text-align: center;
  font-family: var(--heading-font);
  line-height: 70px;
  letter-spacing: -.05em;
  top: 50%;
  transform: translate(-50%, -50%);}

.text-light, .text-light p {
  color: var(--body-font-color-bg-dark);}

.text-dark {
    display: block;
    color:rgb(94, 94, 94) !important;
    font-family: "League Spartan", Arial, Helvetica, sans-serif !important;
    font-weight: 700 !important;
    text-decoration: none;
    font-size: 16px;
}
.services-content h3,
.services-content .ul-check,
.services-content .ul-check li,
.services-content .ul-check li a {
    color: rgb(94, 94, 94) !important;
}
/* Only What We Do section */
.what-we-do-content h3 {
    color: rgb(94, 94, 94) !important;
}

/* Only Our Approach section */
.our-approach-content p,
.our-approach-content strong {
    color: rgb(94, 94, 94) !important;
    -webkit-text-fill-color: rgb(94, 94, 94) !important;
}
.resource-section-new {
    width: 100%;
    background:#FBF8F4;
    padding: 70px 0;
    overflow: hidden;
}

.resource-container-new {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
}


/* =========================
   SECTION HEADING
   ========================= */

.resource-heading-new {
    margin-bottom: 40px;
}

.resource-subtitle-new {
    font-size: 16px;
    color: #dd8775;
    font-weight: 600;
}

.resource-heading-new h2 {
    margin: 12px 0 0;
}


/* =========================
   RESOURCE GRID
   ========================= */

.resource-grid-new {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 45px 30px;
}


/* =========================
   FIRST ROW - 3 CARDS
   ========================= */

.resource-card-new:nth-child(1),
.resource-card-new:nth-child(2),
.resource-card-new:nth-child(3) {
    grid-column: span 2;
}


/* =========================
   SECOND ROW - 2 CENTERED
   ========================= */

.resource-card-new:nth-child(4) {
    grid-column: 2 / span 2;
}

.resource-card-new:nth-child(5) {
    grid-column: 4 / span 2;
}


/* =========================
   CARD
   ========================= */

.resource-card-new {
    width: 100%;
    min-width: 0;
}


/* =========================
   SQUARE IMAGE
   ========================= */

.resource-image-new {
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: 0;
}

.resource-image-new img {
    display: block;
    width: 95%;
    height: 95%;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;

    object-fit: cover;
    object-position: center;

    transform: none !important;
    transition: none !important;
}


/* =========================
   REMOVE IMAGE ZOOM
   ========================= */

.resource-image-new:hover img,
.resource-card-new:hover img {
    transform: none !important;
    transition: none !important;
}


/* =========================
   BUTTON
   ========================= */

.resource-button-new {
    margin-top: 20px;
}

.resource-button-new a {
    display: inline-block;
    padding: 13px 30px;

    background: rgb(221, 135, 117);
    color: #000;

    text-decoration: none;
    border-radius: 50px;

    font-size: 16px;
    font-weight: 600;

    transition: none !important;
}


/* =========================
   REMOVE BUTTON HOVER
   ========================= */

.resource-button-new a:hover,
.resource-button-new a:focus,
.resource-button-new a:active {
    background: rgb(221, 135, 117) !important;
    color: #000 !important;

    text-decoration: none !important;

    transform: none !important;
    box-shadow: none !important;
}


/* =========================
   TABLET
   ========================= */

@media (max-width: 991px) {

    .resource-grid-new {
        grid-template-columns: repeat(2, 1fr);
        gap: 35px 25px;
    }

    .resource-card-new:nth-child(1),
    .resource-card-new:nth-child(2),
    .resource-card-new:nth-child(3),
    .resource-card-new:nth-child(4),
    .resource-card-new:nth-child(5) {
        grid-column: auto;
    }

}


/* =========================
   MOBILE
   ========================= */

@media (max-width: 600px) {

    .resource-section-new {
        padding: 50px 0;
    }

    .resource-container-new {
        width: 90%;
    }

    .resource-grid-new {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .resource-card-new:nth-child(1),
    .resource-card-new:nth-child(2),
    .resource-card-new:nth-child(3),
    .resource-card-new:nth-child(4),
    .resource-card-new:nth-child(5) {
        grid-column: auto;
    }

}

/* =========================================================
   MANAHSPARSH - WHY TRUST US SECTION
========================================================= */

.bg-color-op-1 {
    width: 100%;
    padding: 80px 0 90px;
 
    background: #fbf6f2;
}




/* =========================================================
   CARD ROW
========================================================= */

.bg-color-op-1 .row.g-4 {
    align-items: stretch;
}


/* =========================================================
   CARD COLUMN
========================================================= */

.bg-color-op-1 .row.g-4 > .col-lg-4 {
    display: flex;
    flex-direction: column;
}


/* =========================================================
   CARD IMAGE
========================================================= */

.bg-color-op-1 .rounded-1.overflow-hidden.relative {
    position: relative;

    overflow: hidden;

    border-radius: 8px !important;

    background: #f3e9e3;
}


/* =========================================================
   IMAGE
========================================================= */

.bg-color-op-1 .rounded-1.overflow-hidden.relative img {
    display: block;

    width: 100%;

    height: 270px;

    object-fit: cover;

    border-radius: 8px;

    transition:
        transform .6s cubic-bezier(.22, 1, .36, 1);
}


/* =========================================================
   IMAGE HOVER
========================================================= */

.bg-color-op-1 .rounded-1.overflow-hidden.relative:hover img {
    transform: scale(1.05);
}


/* =========================================================
   IMAGE LINK
========================================================= */

.bg-color-op-1 .rounded-1.overflow-hidden.relative > a {
    position: absolute;

    inset: 0;

    z-index: 2;

    display: block;
}


/* =========================================================
   CARD CONTENT
========================================================= */

.bg-color-op-1 .row.g-4 > .col-lg-4 .pt-4 {
    display: flex;

    flex-direction: column;

    flex: 1;

    padding-top: 24px !important;

    text-align: center;
}


/* =========================================================
   CARD HEADING
========================================================= */

.bg-color-op-1 .row.g-4 > .col-lg-4 .pt-4 h3 {
    margin: 0 0 13px;

    font-family: "League Spartan",
        Arial,
        Helvetica,
        sans-serif;

    font-size: 25px;

    line-height: 1.2;

    font-weight: 700;

    text-align: center;
}


/* =========================================================
   CARD HEADING LINK
========================================================= */

.bg-color-op-1 .row.g-4 > .col-lg-4 .pt-4 h3 a,
.bg-color-op-1 .text-dark {
    display: block;

    color: #000000 !important;

    font-family: "League Spartan",
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 25px;

    font-weight: 700 !important;

    line-height: 1.2;

    text-align: center;

    text-decoration: none;
}




/* =========================================================
   CARD PARAGRAPH
========================================================= */

.bg-color-op-1 .row.g-4 > .col-lg-4 .pt-4 p {
    width: 100%;

    max-width: 370px;

    margin: 0 auto 22px;

    color: #333333 !important;

    font-family: "Montserrat",
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 16px;

    line-height: 1.6;

    font-weight: 400;

    text-align: center;
}


/* =========================================================
   BUTTON
========================================================= */

.bg-color-op-1 .row.g-4 > .col-lg-4 .pt-4 a.btn-main {
    display: inline-flex !important;

    width: fit-content !important;

    min-height: 46px;

    margin-top: auto !important;

    margin-left: auto !important;

    margin-right: auto !important;

    padding: 0 23px;

    align-items: center !important;

    justify-content: center !important;

    border: 0;

    border-radius: 50px;

    background: #dd8775 !important;

    color: #000000 !important;

    font-family: "Montserrat",
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 16px;

    line-height: 1;

    font-weight: 600;

    text-align: center;

    text-decoration: none;

    box-shadow:
        0 7px 20px rgba(184, 117, 99, .18);

    transition:
        background .25s ease,
        transform .25s ease,
        box-shadow .25s ease;
}


/* =========================================================
   BUTTON HOVER
========================================================= */

.bg-color-op-1 .row.g-4 > .col-lg-4 .pt-4 a.btn-main:hover {
    background: #e4aba1 !important;

    color: #000000 !important;

    transform: translateY(-2px);

    box-shadow:
        0 10px 25px rgba(184, 117, 99, .25);
}


/* =========================================================
   WOW ANIMATION
========================================================= */

.bg-color-op-1 .wow {
    transition:
        opacity .7s ease,
        transform .7s cubic-bezier(.22, 1, .36, 1);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .bg-color-op-1 {
        padding: 65px 0 75px;
    }

    .bg-color-op-1 h2.split {
        font-size: 38px !important;
    }

    .bg-color-op-1 .rounded-1.overflow-hidden.relative img {
        height: 250px;
    }

    .bg-color-op-1 .row.g-4 > .col-lg-4 .pt-4 h3 a,
    .bg-color-op-1 .text-dark {
        font-size: 23px;
    }

    .bg-color-op-1 .row.g-4 > .col-lg-4 .pt-4 p {
        font-size: 15px;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .bg-color-op-1 {
        padding: 55px 0 65px;
    }


    /* Heading */

    .bg-color-op-1 h2.split {
        margin-bottom: 35px;

        font-size: 32px !important;

        text-align: center;
    }


    /* Cards */

    .bg-color-op-1 .row.g-4 > .col-lg-4 {
        width: 100%;

        display: flex;

        flex-direction: column;

        margin-bottom: 35px;
    }

    .bg-color-op-1 .row.g-4 > .col-lg-4:last-child {
        margin-bottom: 0;
    }


    /* Image */

    .bg-color-op-1 .rounded-1.overflow-hidden.relative img {
        height: 240px;
    }


    /* Content */

    .bg-color-op-1 .row.g-4 > .col-lg-4 .pt-4 {
        padding-top: 20px !important;
    }


    /* Heading */

    .bg-color-op-1 .row.g-4 > .col-lg-4 .pt-4 h3,
    .bg-color-op-1 .row.g-4 > .col-lg-4 .pt-4 h3 a,
    .bg-color-op-1 .text-dark {
        font-size: 24px;

        text-align: center;
    }


    /* Paragraph */

    .bg-color-op-1 .row.g-4 > .col-lg-4 .pt-4 p {
        max-width: 100%;

        margin-bottom: 20px;

        font-size: 14px;

        line-height: 1.6;

        text-align: center;
    }


    /* Button */

    .bg-color-op-1 .row.g-4 > .col-lg-4 .pt-4 a.btn-main {
        margin-top: 0 !important;

        margin-left: auto !important;

        margin-right: auto !important;
    }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 420px) {

    .bg-color-op-1 h2.split {
        font-size: 29px !important;
    }

    .bg-color-op-1 .rounded-1.overflow-hidden.relative img {
        height: 220px;
    }
}


.text-white,
.de_light .text-white {
  color: #fff;}

.text-light h1,
.text-light h3,
.text-light h4,
.text-light h5,
.text-light h6 {
  color: var(--heading-font-color-bg-dark);}

.de_light .text-light h1,
.de_light .text-light h2,
.de_light .text-light h4,
.de_light .text-light h4,
.de_light .text-light h5,
.de_light .text-light h6 {
  color: #fff;}
  .hero-title,
.hero-title .char {
    color: #fff !important;
}

.text-white h1,
.text-white h2,
.text-white h4,
.text-white h4,
.text-white h5,
.text-white h6 {
  color: #fff;}

.de_light .text-white h1,
.de_light .text-white h2,
.de_light .text-white h4,
.de_light .text-white h4,
.de_light .text-white h5,
.de_light .text-white h6 {
  color: #fff;}

.de_light h1,
.de_light h2,
.de_light h4,
.de_light h4,
.de_light h5,
.de_light h6 {
  color: #202020;}

/* list */

ul.d-inline li{
  list-style: none;
  display: inline;}

.list-mx-10 li{
  margin: 0 10px;}

ul.cols-2{
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;}

.ul-check {
  padding: 0;
  list-style: none;}

.ul-check li {
  margin: 5px 0 5px 0;
}

.ul-check li:before {
  font-family: "FontAwesome";
  content: "\f00c";
  margin-right: 15px;
  color:rgb(221, 135, 117);}

.ul-check.white li:before{
  color: #ffffff;}

.ul-check.id-color-2 li:before{
  color: var(--secondary-color);}

.dark-scheme .ul-check li a{
  color:rgba(255, 255, 255, .7);}

.ul-style-4 {
  padding: 0;
  list-style: none;
  font-size: 14px;}

.ul-style-4 li {
  margin: 2px 0 2px 0;
  font-weight: 500;}

.ul-style-4 li:before {
  color: #ffffff;
  font-family: "FontAwesome";
  content: "\f00c";
  margin-right: 15px;
  padding: 3px;
  font-size: 12px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;}

.ul-info{
  margin: 0;
  padding: 0;
  list-style: none;}

.ul-info li{
  display: flex;
  justify-content: space-between;
  padding: 6px 0;
  border-bottom: solid 1px rgba(0, 0, 0, .1);}

.ul-info li div:nth-child(2){
  font-weight: 600;}

ol.ol-style-1 {
  list-style-type: none;
  counter-reset: ordered;
  margin-left: 50px;}

ol.ol-style-1 li {
  font-weight: 500;
  margin-bottom: 20px;
  font-size: 18px;}

ol.ol-style-1.fs-16 li{
  font-size: 16px;}

ol.ol-style-1 li::before {
  background: rgba(var(--primary-color-rgb),1);
  border-radius: 50%;
  color: var(--btn-color);
  content: counter(ordered);
  counter-increment: ordered;
  display: inline-block;
  font-weight: 400;
  margin-left: -50px;
  padding: 5px 5px;
  position: absolute;
  width: 40px;
  height: 40px;
  text-align: center;}

ol.ol-style-1.white li::before{
  color: #ffffff;}

ol.ol-style-1.c2 li::before{
  background: var(--bg-dark-2);}

.text-light ol.ol-style-1 li::before{
  color: #ffffff;}

.ol-style-1 {
  font-size: 16px;
  font-weight: bold;}

.ol-style-1 p {
  font-weight: normal;}

.ol-style-1 {
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0;}

.ol-style-1 li {
  display: table;
  counter-increment: item;
  margin-bottom: 0.6em;}

.ol-style-1 li:before {
  content: counters(item, ".") ". ";
  display: table-cell;
  padding-right: 0.6em;}

.ol-style-1 li li {
  margin: 0;}

.ol-style-1 li li:before {
  content: counters(item, ".") " ";}

/* pagination */

.page-link{
  margin: 0 5px;
  font-weight: bold;
  color: var(--heading-font-color);
  background: none;}

.page-link{
  width: 40px;
  border: none;
  border-radius:100%;
  -moz-border-radius:100%;
  -webkit-border-radius:100%;}

.page-link:hover{
  background: none;}

.page-item.active .page-link{
  border-color:rgb(221, 135, 117);}

.dark-scheme .page-link{
  color: #ffffff;}

.spinner {
  display: table-cell;
  vertical-align: middle;
  margin: 100px auto 0;
  width: 70px;
  text-align: center;}

.spinner>div {
  width: 18px;
  height: 18px;
  background-color: #fff;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;}
.split .char {
    display: inline-block;
    opacity: 1 !important;
    visibility: visible !important;
}

@-webkit-keyframes sk-bouncedelay {

  0%,
  80%,
  100% {
    -webkit-transform: scale(0)
}

  40% {
    -webkit-transform: scale(1.0)
}
}

@keyframes sk-bouncedelay {

  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
}

  40% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
}
}

h2.split {
    font-family: "League Spartan", Arial, sans-serif !important;
    font-size: 42px !important;
   
    line-height: 1.15 !important;
    letter-spacing: -0.5px !important;

    color: #d47c6a !important;
    -webkit-text-fill-color: #d47c6a !important;

    overflow: hidden;
}


.barkha-session-box {
    width: 380px;
    height: 380px;
    max-width: 100%;
    box-sizing: border-box;

    margin: 85px;

    padding: 35px;

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

    text-align: center;
}


/* Quote mark */
.barkha-session-box .quote-mark {
    margin: 0 0 15px;
    padding: 0;

    font-size: 42px;
    line-height: 1;
}

/* Text area */
.barkha-session-box .quote-content {
    width: 100%;
    margin: 0;
    padding: 0;
}

.barkha-session-box .barkha-quote {
    margin: 0 0 25px;
    line-height: 1.6;
}

.barkha-session-box .barkha-availability {
    margin: 0;
    line-height: 1.6;
}

/* Button */
.barkha-session-box .button-wrapper {
    margin-top: 25px;
    text-align: center;
}

.barkha-session-box .therapy-btn {
    display: inline-block;
}

/* =============== social icons =============== */
.social-icons {
  display: inline-block;}

.social-icons i {
  text-shadow: none;
  padding: 10px 5px;
  width: 36px;
  height: 36px;
  text-align: center;
  font-size: 16px;
  margin: 0 3px 0 3px;
  border-radius:6px;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;}

.dark-scheme .social-icons i {
  background: rgba(255, 255, 255, .1);}

.social-icons i.fa-google-plus {
  padding: 12px 14px 10px 6px;}

.social-icons.s2 i{
  background: rgba(255, 255, 255, .1);}

.social-icons i:hover {
  background: #fff;
  border-color: #eceff3;
  color: #333;}

.social-icons.big a{
  padding: 0;
  display: inline-block;}
.social-icons.big i {
  font-size: 26px;
  width: auto;
  height: auto;
  color:#ffffff;
  background: rgb(221, 135, 117);
  border-radius:0px;
  -moz-border-radius:0px;
  -webkit-border-radius:0px;
  padding: 14px 0;}

.social-icons.big i:hover {
  background: none;}

#topbar .social-icons i{
  font-size: 16px;
  background: none;
  margin-bottom: 0;
  margin-right: 1px;
  padding: 15px 5px;
  height: 30px;
  width: 30px;
  margin-top: 5px;
  color:#000;}

.social-icons.big i {
  margin: 0 15px 0 15px;}

.social-icons.big i:hover {
  background: none;}

.social-icons.s1 i {
  border: none;
  font-size: 16px;
  margin: 3px;}

.social-icons.s1:hover i {
  background: none;}

.social-icons.s1 {
  line-height: 0.5;
  text-align: center;}

.social-icons.s1 .inner {
  display: inline-block;
  position: relative;}

.social-icons.s1 .inner:before,
.social-icons.s1 .inner:after {
  content: "";
  position: absolute;
  height: 5px;
  border-bottom: 1px solid rgba(255, 255, 255, .2);
  top: 0;
  width: 100%;}

.social-icons.s1 .inner:before {
  right: 100%;
  margin-right: 15px;
  margin-top: 20px;}

.social-icons.s1 .inner:after {
  left: 100%;
  margin-left: 15px;
  margin-top: 20px;}

.col-right {
  display: inline-block;
  float: right;
  margin-top: 22px;}

/* =========================================
   FAQ ACCORDION
========================================= */

.accordion-section-title {
    color: rgb(176, 96, 79);
    width: 100%;
    padding: 18px 55px 18px 25px;
    cursor: pointer;
    font-family: var(--body-font);
    display: block;
    transition: all linear 0.3s;
    text-decoration: none;
    border-bottom: solid 1px #dddddd;
    position: relative;
    font-size: 18px;

    text-align: left;
    white-space: normal;
    box-sizing: border-box;
    line-height: 1.5;
}


/* =========================================
   FAQ ANSWER
   IMPORTANT: NO INNER SCROLLBAR
========================================= */

.accordion-section-content {
    width: 100%;
    box-sizing: border-box;

    /* Remove inner scrollbar */
    overflow: visible !important;
    overflow-y: visible !important;
    overflow-x: hidden !important;

    /* Allow answer to expand naturally */
    height: auto !important;
    max-height: none !important;

    /* Allow long text to wrap */
    word-wrap: break-word;
    overflow-wrap: break-word;

    /* Normal spacing */
    padding: 20px 25px;
}


/* =========================================
   FAQ CONTENT
========================================= */

.accordion-section-content p {
    max-width: 100%;
    word-wrap: break-word;
    overflow-wrap: break-word;
    color: rgb(94, 94, 94);
}

.accordion-section-content ul {
    max-width: 100%;
    padding-left: 25px;
}

.accordion-section-content li {
    max-width: 100%;
    word-wrap: break-word;
    overflow-wrap: break-word;
}


/* =========================================
   FAQ LINKS
========================================= */

.accordion-section-content a {
    max-width: 100%;
    word-wrap: break-word;
    overflow-wrap: break-word;
}


/* =========================================
   FAQ SECTION
========================================= */

.faq-section {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden !important;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .accordion-section-title {
        font-size: 18px;
        padding: 16px 45px 16px 18px;
    }

    .accordion-section-content {
        width: 100%;
        height: auto !important;
        max-height: none !important;

        overflow: visible !important;
        overflow-y: visible !important;
        overflow-x: hidden !important;

        padding: 18px;
    }

}



/* =========================================
   ARROW
========================================= */

.accordion-section-title:before {
    font-family: "FontAwesome";
    content: "\f107";

    position: absolute;
    right: 15px;
    top: 50%;

    transform: translateY(-50%);

    color: var(--bg-dark-1);
    text-align: center;

    font-size: 15px;
    width: 30px;

    padding: 0;

    pointer-events: none;}


/* =========================================
   DARK SCHEME
========================================= */

.dark-scheme .accordion-section-title,
.text-light .accordion-section-title {
    color: #ffffff;
    border-bottom: solid 1px rgba(255, 255, 255, 0.4) !important;}

.dark-scheme .accordion-section-title:before,
.text-light .accordion-section-title:before {
    color: #ffffff;}


/* =========================================
   OPEN ACCORDION
========================================= */

.accordion-section-title.active:before {
    content: "\f106";}

.accordion-section-title.active {
    margin-bottom: 0;
    text-decoration: none;}


/* =========================================
   FAQ CONTENT
========================================= */

.accordion-section-content {
    padding: 15px 25px 5px;
    display: none;
    margin-bottom: 10px;

    /* Prevent long text from overflowing */
    overflow-wrap: break-word;
    word-wrap: break-word;

    line-height: 1.7;}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .accordion-section-title {
        font-size: 18px;
        padding: 17px 52px 17px 20px;
        line-height: 1.45;
}

    .accordion-section-content {
        padding: 14px 20px 5px;
        font-size: 16px;
}
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .accordion-section-title {
        font-size: 16px;
        line-height: 1.5;
        padding: 15px 48px 15px 15px;
        white-space: normal;
}

    .accordion-section-title:before {
        right: 10px;
        width: 25px;
}

    .accordion-section-content {
        padding: 12px 15px 5px;
        font-size: 14px;
        line-height: 1.7;
}
}
/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 480px) {

    .accordion-section-title {
        font-size: 15px;
        padding: 14px 45px 14px 12px;
        line-height: 1.5;
}

    .accordion-section-title:before {
        right: 8px;
        width: 22px;
        font-size: 13px;
}

    .accordion-section-content {
        padding: 10px 12px 5px;
        font-size: 14px;
}
}


/* =========================================
   VERY SMALL DEVICES
========================================= */

@media (max-width: 360px) {

    .accordion-section-title {
        font-size: 14px;
        padding-left: 10px;
        padding-right: 42px;
}

    .accordion-section-content {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 13px;
}
}
/* FAQ BANNER */

.faq-banner {
display: flex;
width: 100%;
margin: 0;
padding: 0;
background-color: #3C5657;
overflow: hidden;
}

.faq-banner-image {
position: relative;
width: 50%;
flex: 0 0 50%;
margin: 0;
padding: 0;
}

.faq-banner-image img {
display: block;
width: 100%;
height: 100%;
min-height: 460px;
margin: 0;
padding-top: 50px;
object-fit: cover;
object-position: center;
border: 0;
}

.faq-banner-content {
display: flex;
flex-direction: column;
justify-content: center;
width: 50%;
flex: 0 0 50%;
min-height: 460px;
margin: 0;
padding: 70px 7%;
box-sizing: border-box;
background-color: #3C5657;
}

.faq-banner-label {
display: block;
margin: 0 0 15px;
padding: 0;
color: #fff !important;
-webkit-text-fill-color: #fff !important;
font-family: 'Montserrat', Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 1.5;
opacity: 1 !important;
}

.faq-banner-content h1 {
display: block;
margin: 0 0 25px;
padding: 0;
color: #fff !important;
-webkit-text-fill-color: #fff !important;
font-family: 'League Spartan', Arial, Helvetica, sans-serif;
font-size: 52px;
font-weight: 500;
line-height: 1.1;
letter-spacing: 0;
text-transform: none;
opacity: 1 !important;
}

.faq-banner-content p {
display: block;
margin: 0 0 18px;
padding: 0;
color: #fff !important;
-webkit-text-fill-color: #fff !important;
font-family: 'Montserrat', Arial, Helvetica, sans-serif;
font-size: 17px;
font-weight: 400;
line-height: 1.75;
letter-spacing: 0;
opacity: 1 !important;
}

.faq-banner-content p:last-child {
margin-bottom: 0;
}

/* FAQ SECTION */

section.faq-section {
position: relative;
width: 100%;
padding: 70px 0 80px;
overflow: visible !important;
box-sizing: border-box;
}

section.faq-section > .container {
width: 100%;
box-sizing: border-box;
}

section.faq-section h2,
section.faq-section h2.split {
color: #000 !important;
-webkit-text-fill-color: #000 !important;
font-family: 'League Spartan', Arial, Helvetica, sans-serif;
font-size: 22px;
line-height: 1.2;
white-space: normal !important;
opacity: 1 !important;
}

.section-heading > span {
display: inline-block;
color:rgb(176, 96, 79)!important;
-webkit-text-fill-color: rgb(176, 96, 79) !important;
opacity: 1 !important;
}

/* FAQ QUESTION */

section.faq-section .accordion-section-title {
position: relative;
display: flex;
align-items: center;
width: 100%;
margin: 0;
padding: 18px 40px 20px 0;
color: #050505 !important;
-webkit-text-fill-color: #050505 !important;
background: transparent !important;
font-family: 'League Spartan', Arial, Helvetica, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 1.35;
border: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
cursor: pointer;
transition: none !important;
box-sizing: border-box;
white-space: normal !important;
overflow: visible !important;
}

section.faq-section .accordion-section-title::after {
content: none !important;
display: none !important;
}

section.faq-section .accordion-section-title:hover,
section.faq-section .accordion-section-title:focus {
color: #050505 !important;
-webkit-text-fill-color: #050505 !important;
background: transparent !important;
transform: none !important;
box-shadow: none !important;
}

section.faq-section .accordion-section-title i,
section.faq-section .accordion-section-title .icon {
display: inline-block;
margin-left: auto;
flex-shrink: 0;
}

/* FAQ ANSWER */

section.faq-section .accordion-section-content,
section.faq-section .accordion-section-content[style] {
position: relative !important;
width: 100%;
height: auto !important;
max-height: none !important;
margin: 0;
padding: 22px 0 25px;
color: rgb(68, 70, 69) !important;
-webkit-text-fill-color: rgb(68, 70, 69) !important;
background: transparent !important;
font-family: 'Montserrat', Arial, Helvetica, sans-serif !important;
font-size: 16px;
font-weight: 400;
line-height: 1.7;
box-sizing: border-box;
overflow: visible !important;
overflow-y: visible !important;
overflow-x: visible !important;
}

section.faq-section .accordion-section-content > *,
section.faq-section .accordion-section-content div {
max-width: 100%;
box-sizing: border-box;
}

section.faq-section .accordion-section-content p {
display: block;
margin: 0 0 16px;
padding: 0;
max-width: 100%;
color: rgb(68, 70, 69) !important;
-webkit-text-fill-color: rgb(68, 70, 69) !important;
font-family: 'Montserrat', Arial, Helvetica, sans-serif !important;
font-size: 16px;
font-weight: 400;
line-height: 1.7;
overflow: visible !important;
overflow-wrap: break-word;
word-wrap: break-word;
box-sizing: border-box;
}

section.faq-section .accordion-section-content p:last-child {
margin-bottom: 0;
}

section.faq-section .accordion-section-content strong,
section.faq-section .accordion-section-content b {
color: rgb(68, 70, 69) !important;
-webkit-text-fill-color: rgb(68, 70, 69) !important;
font-family: 'Montserrat', Arial, Helvetica, sans-serif !important;
font-weight: 700;
}

/* FAQ LIST */

section.faq-section .accordion-section-content ul {
display: block;
margin: 10px 0 18px;
padding-left: 22px;
max-width: 100%;
box-sizing: border-box;
}

section.faq-section .accordion-section-content ol {
display: block;
margin: 10px 0 18px;
padding-left: 25px;
max-width: 100%;
box-sizing: border-box;
}

section.faq-section .accordion-section-content li {
margin-bottom: 14px;
padding-left: 5px;
max-width: 100%;
color: rgb(68, 70, 69) !important;
font-family: 'Montserrat', Arial, Helvetica, sans-serif !important;
font-size: 16px;
line-height: 1.7;
overflow-wrap: break-word;
word-wrap: break-word;
box-sizing: border-box;
}

section.faq-section .accordion-section-content li:last-child {
margin-bottom: 0;
}

/* FAQ LINKS */

section.faq-section .accordion-section-content a {
color: inherit;
text-decoration: none;
max-width: 100%;
overflow-wrap: anywhere;
word-wrap: break-word;
}

/* FAQ TABLE */

section.faq-section .accordion-section-content table {
width: 100%;
max-width: 100%;
border-collapse: collapse;
box-sizing: border-box;
}

section.faq-section .accordion-section-content th,
section.faq-section .accordion-section-content td {
padding: 10px;
color: rgb(68, 70, 69) !important;
font-family: 'Montserrat', Arial, Helvetica, sans-serif !important;
line-height: 1.6;
border: 1px solid rgba(0, 0, 0, 0.12);
}

section.faq-section .accordion-section-content img {
display: block;
max-width: 100%;
height: auto;
box-sizing: border-box;
}

/* TABLET */

@media (max-width: 991px) {

.faq-banner-content {
    min-height: 400px;
    padding: 55px 5%;
}

.faq-banner-image img {
    min-height: 400px;
}

.faq-banner-content h1 {
    font-size: 42px;
}

.faq-banner-content p {
    font-size: 16px;
    line-height: 1.65;
}

section.faq-section {
    padding: 55px 0 65px;
}

section.faq-section > .container {
    padding-left: 20px;
    padding-right: 20px;
}

section.faq-section h2,
section.faq-section h2.split {
    font-size: 30px !important;
}

section.faq-section .col-lg-8.offset-lg-2 {
    width: 100%;
    margin-left: 0;
}

section.faq-section .accordion-section-title {
    font-size: 22px;
}

section.faq-section .accordion-section-content,
section.faq-section .accordion-section-content p,
section.faq-section .accordion-section-content li {
    font-size: 15px;
}


}

/* MOBILE */

@media (max-width: 767px) {

.faq-banner {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.faq-banner-image {
    width: 100%;
    flex: 0 0 100%;
}

.faq-banner-image img {
    display: block;
    width: 100%;
    height: 320px;
    min-height: 320px;
    object-fit: cover;
    object-position: center;
}

.faq-banner-content {
    width: 100%;
    flex: 0 0 100%;
    min-height: auto;
    padding: 45px 25px;
    box-sizing: border-box;
}

.faq-banner-label {
    font-size: 14px;
    margin-bottom: 12px;
}

.faq-banner-content h1 {
    font-size: 38px;
    line-height: 1.1;
    margin-bottom: 20px;
}

.faq-banner-content p {
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 16px;
}

section.faq-section {
    padding: 35px 0 45px;
    overflow: visible !important;
}

section.faq-section > .container {
    padding-left: 20px;
    padding-right: 20px;
}

section.faq-section h2,
section.faq-section h2.split {
    font-size: 24px !important;
    line-height: 1.25;
    white-space: normal !important;
}

section.faq-section .accordion-section-title {
    width: 100%;
    padding: 16px 35px 17px 0;
    font-size: 19px;
    line-height: 1.4;
}

section.faq-section .accordion-section-content,
section.faq-section .accordion-section-content[style] {
    width: 100%;
    height: auto !important;
    max-height: none !important;
    padding: 18px 0 22px;
    font-size: 15px;
    line-height: 1.65;
    overflow: visible !important;
    overflow-y: visible !important;
    overflow-x: visible !important;
}

section.faq-section .accordion-section-content p,
section.faq-section .accordion-section-content li {
    font-size: 15px;
    line-height: 1.65;
}


}

/* SMALL MOBILE */

@media (max-width: 480px) {

.faq-banner-image img {
    width: 100%;
    height: 260px;
    min-height: 260px;
    object-fit: cover;
}

.faq-banner-content {
    padding: 35px 20px;
}

.faq-banner-label {
    font-size: 13px;
    margin-bottom: 10px;
}

.faq-banner-content h1 {
    font-size: 32px;
    line-height: 1.1;
    margin-bottom: 18px;
}

.faq-banner-content p {
    font-size: 14px;
    line-height: 1.65;
}

section.faq-section {
    padding: 30px 0 40px;
}

section.faq-section > .container {
    padding-left: 15px;
    padding-right: 15px;
}

section.faq-section h2,
section.faq-section h2.split {
    font-size: 22px !important;
}

section.faq-section .accordion-section-title {
    padding: 15px 30px 16px 0;
    font-size: 17px;
    line-height: 1.4;
}

section.faq-section .accordion-section-content,
section.faq-section .accordion-section-content[style] {
    padding: 16px 0 20px;
    font-size: 14px;
    line-height: 1.65;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    overflow-y: visible !important;
    overflow-x: visible !important;
}

section.faq-section .accordion-section-content p,
section.faq-section .accordion-section-content li {
    font-size: 14px;
    line-height: 1.65;
}


}

/* EXTRA SMALL */

@media (max-width: 360px) {

.faq-banner-image img {
    height: 230px;
    min-height: 230px;
}

.faq-banner-content {
    padding: 30px 18px;
}

.faq-banner-content h1 {
    font-size: 29px;
}

section.faq-section .accordion-section-title {
    font-size: 16px;
}


}

/* OVERFLOW FIX */

section.faq-section,
section.faq-section *,
.faq-banner,
.faq-banner * {
box-sizing: border-box;
}

section.faq-section {
overflow-x: visible !important;
}

section.faq-section .accordion-section-content {
scrollbar-width: none;
}

section.faq-section .accordion-section-content::-webkit-scrollbar {
display: none;
width: 0;
height: 0;
}

/* testimonial
    /* ================================================== */

.de_testi {
  display: block;
  margin-bottom: 10px;}

.de_testi blockquote p {
  margin-top: 10px;}

.de_testi blockquote .de-rating-ext{
  text-align: center;
  margin-top: 0;}

.de_testi blockquote p {
  text-align: center;
  font-size: 16px;
  line-height: 1.7em;
  font-weight: 400;
  margin-bottom: 10px;}

.de_testi_by div{
  color:var(--heading-font-color);
  font-weight: bold;
  margin-top: 20px;
  display: block;
  text-align: center;
  font-style: normal;
  font-size: 15px;
  line-height: 1.5em;}

.de_testi_by div span{
  display: block;
  font-weight: 400;
  font-size: 15px;
  opacity: .5;}

.de_testi_by img {
  width: 80px !important;
  height: 80px !important;
  display: block;
  margin: 0 auto;
  margin-top: 20px;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;}

.de_testi_pic {
  float: left;
  padding-right: 15px;}

.de_testi_company {
  padding-top: 20px;}

.de_testi blockquote {
  position: relative;
  display: block;
  font-family: var(--body-font);
  border: none;
  font-weight: 300;
  padding: 10px;}

.de_testi.s2 blockquote{
  background: #ffffff;
  padding: 20px 40px 40px 40px;
  border-radius:var(--rounded-1);
  -moz-border-radius:var(--rounded-1);
  -webkit-border-radius:var(--rounded-1);}

.text-light .de_testi.s2 blockquote{
  background: var(--bg-dark-1);
  color:#ffffff;}

.de_testi.no-bg blockquote {
  background: none;}

.de_testi blockquote:before {
  position: absolute;
  font-family: "FontAwesome";
  content: "\f10e";
  color: rgba(255,255,255,.05);
  z-index: 100;
  font-size: 84px;
  background: none;
  top:20px;
  right:0;
  padding: 20px;}


.de_testi.type-2.review blockquote {
  padding: 50px;}

.de_testi.type-2.review blockquote:before {
  display: none;}

.de_testi.type-2.review p {
  padding-top: 0;}

.de_testi.type-2.review h3 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;}

.text-light .de_testi.type-2 blockquote {
  color: #fff;
  background: var(--bg-color-odd);
  border: var(--border-default);}

.de_testi.type-2 blockquote p {
  font-family: var(--body-font);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7em;
  letter-spacing: -.1px;}

.de_testi.type-2 .de_testi_by {
  font-size: 14px;
  font-weight: normal;}

.de_testi.opt-3 blockquote {
  background: none;
  color: #555;
  padding-top: 0;
  font-weight: 400;}

.de_testi.opt-3 blockquote p {
  font-size: 14px;}

.de_testi.opt-3 blockquote:before {
  color: #fff;}

.de_testi.opt-3 .de_testi_by {
  font-size: 14px;
  color: #000;}

.de_testi.de-border blockquote {
  border: solid 5px rgba(0, 0, 0, .05);}

/* new timeline */

.site-timeline-content{
  position: relative;}

.de-timeline-article .site-center-line {
  position: absolute;
  width: 2px;
  height: 100%;
  top: 5%;
  left: 50%;
  margin-left: -2px;
  bottom: 5%;}
.year__ {
  display: inline-block;}
.de-timeline-article.odd .site-center-line {
  background: rgb(221, 135, 117);}
.de-timeline-article.even .site-center-line {
  background: var(--secondary-color);}
.de-timeline-article {
  width: 100%;
  position: relative;
  overflow: hidden;
  margin: 0;
  margin-top: -2%;}
.de-timeline-article .content-left-container,
.de-timeline-article .content-right-container {
  max-width: 47%;
  width: 100%;
  margin-bottom: 80px;}
.de-timeline-article .content-left,
.de-timeline-article .content-right {
  position: relative;
  width: auto;
  padding: 60px 25px 20px;}
.de-timeline-title {
  margin-top: 0;}
.de-timeline-article p {
  padding: 0;
  font-size: 15px;
  position: relative;}
.de-timeline-article .content-left-container {
  float: left;}
h4.de-timeline-year {
  margin: 0;
  display: inline-block;
  padding: 10px 25px;
  border-radius: 21px;
  color: #fff;}
.de-timeline-article.even h4.de-timeline-year{
  color:var(--heading-font-color);}
.de-timeline-article.odd .year__ {
  float: left;}
.de-timeline-article.odd h4.de-timeline-year {
  background: rgb(221, 135, 117);}
.de-timeline-article.even .year__ {
  float: right;}
.de-timeline-article.even h4.de-timeline-year {
  background: var(--secondary-color);}
.de-timeline-article .d-line {
  position: absolute;
  width: 55px;
  height: 2px;
  top: 20px;
  margin-left: 0;}
.de-timeline-article.odd .d-line {
  left: 50%;
  background: rgb(221, 135, 117);}
.de-timeline-article.even .d-line {
  right: 50%;
  background: var(--secondary-color);}
.de-timeline-article .owl-carousel {
  position: relative;
  width: auto;
  padding: 60px 25px 20px;}
.de-timeline-article .content-right-container {
  float: right;}
.de-timeline-article .meta-dot {
  position: absolute;
  top: 10px;
  left: 50%;
  width: 20px;
  height: 20px;
  margin-left: -10px;
  border-radius: 100%;}
.de-timeline-article.odd .meta-dot {
  background: rgb(221, 135, 117);}
.de-timeline-article.even .meta-dot {
  background: var(--secondary-color);}
@media only screen and (max-width: 830px) {
  .de-timeline-article .site-center-line {
    margin-left: 0;
    top: 30px;
    left: 30px;
}
  .de-timeline-article .meta-dot {
    margin-left: 0;
    left: 20px;
}
  .de-timeline-article .content-left-container,
  .de-timeline-article .content-right-container {
    max-width: 100%;
    width: auto;
    float: none;
    margin-left: 50px;
}
  .de-timeline-article .content-left-container {
    margin-bottom: 20px;
}
  .de-timeline-article .content-left,
  .de-timeline-article .content-right {
    padding: 10px 25px;
    min-height: 65px;
}
  .de-timeline-article .content-left:before {
    content: "\f0d9";
    right: auto;
    left: -8px;
}
  .de-timeline-article .content-right:before {
    display: none;
}
  h4.de-timeline-year {
    position: absolute;
    top:0;
    left: 60px;
}
  .de-timeline-article.odd .d-line {
    left: 30px;
}
  .de-timeline-article.even .d-line {
    right: 0;
    left: 30px;
}
  .de-timeline-article.odd .content-left-container{
    padding-top: 20px;
}
  .de-timeline-article.even .content-left-container{
    padding-top: 50px;
}
  .de-timeline-article.odd .content-left-container .owl-carousel{
    padding: 60px 20px 0 20px;
}
   .de-timeline-article.even .content-right-container .owl-carousel{
    padding: 0px 20px 60px 20px;
}
}

/* close new timeline */


.v-center {
  min-height: 100%;
  display: flex;
  align-items: center;
  background: #ffffff;}

.timeline-area {
  padding: 80px 0;}

.all-timelines {
  position: relative;}

.timelines h2 {
  text-align: center;
  color: #fff;
  font-weight: 600;
  margin-bottom: 40px;}

.all-timelines::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  height: 100%;
  width: 2px;
  background: #efa22f;
  top: 20px;}

.single-timeline {
  margin-bottom: 22px;}

.timeline-blank {
  width: 50%;}

.timeline-text {
  width: 50%;
  padding-left: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;}

.timeline-text h6 {
  color: #f0f1f2;
  font-weight: 900;
  display: inline-block;
  font-size: 1rem;}

.timeline-text span {
  color: #f0f1f2;
  display: block;
  width: 100%;}

.single-timeline:nth-child(even) .timeline-text span {
  text-align: right;}

.t-circle {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  left: -6px;
  background: #efa22f;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;}

.single-timeline:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;}

.single-timeline:nth-child(even) .t-circle {
  right: -6px;
  left: unset;}

.single-timeline:nth-child(even) .timeline-text {
  padding-left: 0;
  padding-right: 30px;
  text-align: right;}

@media all and (max-width: 768px) {
  .all-timelines::before {
    right: unset;
    top: 0;
}

  .single-timeline:nth-child(2n) .timeline-text {
    padding-left: 30px;
    padding-right: 0;
    text-align: left;
}

  .single-timeline:nth-child(2n) .t-circle {
    left: -6px;
    right: unset;
}

  .timeline-blank {
    display: none;
}

  .timeline-text {
    width: 100%;
}

  .single-timeline:nth-child(even) .timeline-text span {
    text-align: left !important;
}
}

@media all and (max-width: 360px) {
  .all-timelines::before {
    top: 32px;
}
}


/* css attributes */

.overflow-hidden {
  overflow: hidden;}

.border1 {
  border-width: 1px;}

.bordertop {
  border-top: solid 1px #eee;}


/* anim */
header,
header *,
.hover,
.hover *,
a.btn-line:after,
.de_count,
.social-icons a i,
.mfp-close,
.mfp-close:hover,
.text-rotate-wrap,
.text-rotate-wrap .text-item,
.carousel-item .pf_text .title,
.carousel-item:hover .pf_text .title,
.carousel-item .pf_text .title .type,
.carousel-item:hover .pf_text .title .type,
.owl-slider-nav .next,
.owl-slider-nav .prev,
#back-to-top.show,
#back-to-top.hide,
.social-icons-sm i,
.social-icons-sm i:hover,
#popup-box.popup-show,
#popup-box.popup-hide,
.d-btn-close,
.btn-main,
.form-subscribe input[type=text],
#mainmenu *,
#mainmenu a span,
#mainmenu a.active span,
.error_input,
.owl-item.active.center div blockquote,
.mask *,
.mask .cover,
.mask:hover .cover,
.mask img,
.mask:hover img,
.accordion .content,
a.btn-border,
#contact_form input,
#form_subscribe input[type=text],
.logo-carousel img,
a.a-underline *,
.dropdown *,
.form-border *,
.d-carousel *,
.container-timeline *,
.d_demo_img *,
.carousel-control-next-icon,
.carousel-control-prev-icon,
.grayscale,
.hover-color,
.show-on-scroll,
#mainmenu>li::before,
.player *,
.btn-plus,
.btn-plus *,
.btn-with-arrow:after,
.btn-with-arrow:before,
#topbar,
#extra-wrap,
#btn-extra,
#btn-extra *,
.crumb *,
.active-show,
.de-dot *,
#aside,
#aside-menu,
.d-prev:before,.d-next:before,
.atr__extra-menu,
.atr__extra-menu *,
.atr__opt *,
.atr__colors *,
#de_notif,
#thumbnail-carousel *{
  -o-transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  transition: .5s;
  outline: none;}

a.btn-fx:after,
a.btn-fx:hover:after,
a.btn-fx:before,
a.btn-fx:hover:before,
#mainmenu li,
#mainmenu li ul,
.widget-post li .post-date,
.items_filter *,
.owl-prev,
.owl-next {
  -o-transition: .2s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: .2s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: .2s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: .2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: .2s cubic-bezier(0.4, 0, 0.2, 1);
  outline: none;}

header.header-mobile #mainmenu>li>span {
  -o-transition: none;
  -ms-transition: none;
  -moz-transition: none;
  -webkit-transition: none;
  transition: none;
  outline: none;}

@-webkit-keyframes scaleIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5);
}

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
}

@keyframes scaleIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5);
}

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
}

.scaleIn {
  -webkit-animation-name: scaleIn;
  animation-name: scaleIn;}

@-webkit-keyframes scaleInFade {
  from {
    opacity: 0;
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5);
}

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
}

@keyframes scaleInFade {
  from {
    opacity: 0;
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5);
}

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
}

.scaleInFade {
  -webkit-animation-name: scaleInFade;
  animation-name: scaleInFade;}

@-webkit-keyframes scaleOutFade {
  from {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

  100% {
    opacity: 1;
    -webkit-transform: scale(1, 1, 1);
    transform: scale(1, 1, 1);
}
}

@keyframes scaleOutFade {
  from {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

  100% {
    opacity: 1;
    -webkit-transform: scale(1, 1, 1);
    transform: scale(1, 1, 1);
}
}

.scaleOut {
  -webkit-animation-name: scaleOutFade;
  animation-name: scaleOutFade;}

@-webkit-keyframes widthInFade {
  from {
    opacity: 0;
    width: 1px;
}

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

@keyframes widthInFade {
  from {
    opacity: 0;
    width: 1px;
}

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

.widthInFade {
  -webkit-animation-name: widthInFade;
  animation-name: widthInFade;}

/* video */
video,
object {
  display: inline-block;
  vertical-align: baseline;
  min-width: 100%;
  min-height: 100%;}

/* =============== map =============== */

#map {
  width: 100%;
  height: 500px;}

.map iframe {
  width: 100%;
  border: solid 1px #ccc;
  padding: 2px;
  background: #fff;}

.map-container {
  width: 100%;
  height: 380px;
  overflow: hidden;}

.map-container iframe {
  width: 100%;}

.de-map-hotspot {
  position: relative;}

.de-map-hotspot img {
  width: 100%;}

.de-spot {
  padding: 0;
  margin: 0;
  position: absolute;
  vertical-align: center;
  text-align: center;}


.de-spot span {
  position: absolute;
  display: inline-block;
  background: #ffffff;
  padding: 0 10px;
  font-size: 12px;
  font-weight: bold;
  left: 30px;
  line-height: 1.8em;
  color: #35404e;
  border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;}
.dark-scheme .de-spot span{
  background: none;
  color:#ffffff;
  border: solid 2px rgba(255, 255, 255, .25);}
.de-circle-1 {
  width: 15px;
  height: 15px;
  background-color: var(--tertiary-color);
  border-radius: 50%;
  position: absolute;
  margin: 5px 0 0 5px;
  left: 31%;}

.de-circle-2 {
  border: 4px solid var(--tertiary-color);
  -webkit-border-radius: 30px;
  height: 25px;
  width: 25px;
  position: absolute;
  -webkit-animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  opacity: 0.0;
  left: 31%;}

@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    opacity: 0.0;
}

  50% {
    opacity: 1.0;
}

  100% {
    -webkit-transform: scale(1.2, 1.2);
    opacity: 0.0;
}
}

/* =============== overide bootstrap =============== */

.dark-scheme .modal-header,
.nav-tabs {
  border-bottom-color: rgba(255, 255, 255, .2);}

.dark-scheme .modal-content {
  background: var(--bg-dark-1);}

.dark-scheme .modal-footer {
  border-top-color: rgba(255, 255, 255, .2);}

.dark-scheme .accordion-body {
  background: var(--bg-dark-1);
  border-color: #292F45;}

.nav-tabs .nav-link {
  font-weight: 600;}

.tab-default .tab-content {
  margin-top: 20px;}

.container-fluid {
  padding: 0px;
  margin: 0px;}

.btn-primary {
  text-shadow: none;
  border: none;}

.btn.btn-primary:hover {
  background: #555;}

.btn-success,.btn-success:hover{
  border: none;}

.daterangepicker td.active, .daterangepicker td.active:hover,.daterangepicker td.in-range{
  border-radius:0px;
  -moz-border-radius:0px;
  -webkit-border-radius:0px;}


.daterangepicker td.disabled, .daterangepicker option.disabled, .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date{
  color: #ccc;}

.daterangepicker_input{
  display: none;}

.img-responsive {
  display: inline-block;}

.img-shadow {
  -webkit-box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.1);}

.img-circle{
  border-radius:100%;
  -moz-border-radius:100%;
  -webkit-border-radius:100%;}

.img-gray{
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%);}

img.img-auto {
  width: auto;
  height: auto;}

.images-group-s1 img {
  width: 31.5%;
  margin-right: 2.5%;
  float: left;
  padding: 5px;}

.images-group-s1 img:nth-child(2) {
  padding-top: 25%;}

.images-group-s1 img:nth-child(3) {
  padding-top: 12.5%;
  margin-right: 0;}

p{
  margin-top: 0;}

p.lead {
  font-size: 18px;
  line-height: 32px;
  margin-top: 0;
  font-weight: 400;
  letter-spacing: -0.2px;}

p.small{
  line-height: 1.8em;}

p.lead.big{
  font-size: 32px !important;}

.dark-scheme p.lead {
  color: rgba(255, 255, 255, .75);}

.dark-scheme strong{
  color:#ffffff;}

.panel-group {
  opacity: .8;}

.panel-heading,
.panel-body {
  background: #27282B;
  border: solid 1px #202220;
  border-radius: 0;}

.panel-body {
  border-top: none;}

.progress {
  background: #27282B;}

.panel-heading h4 a {
  display: block;}

.panel-heading h4 a:hover {
  color: #eceff3;}

.panel-default,
.panel-collapse,
.panel-collapse,
.panel-group .panel {
  border: none;
  border-radius: 0;}

.panel-heading {
  background: #222;}

.table-bordered,
.table-bordered td {
  border: solid 1px #202220;}

.collapsible-link::before {
  content: '';
  width: 14px;
  height: 2px;
  background: #333;
  position: absolute;
  top: calc(50% - 1px);
  right: 1rem;
  display: block;
  transition: all 0.3s;}

/* Vertical line */
.collapsible-link::after {
  content: '';
  width: 2px;
  height: 14px;
  background: #333;
  position: absolute;
  top: calc(50% - 7px);
  right: calc(1rem + 6px);
  display: block;
  transition: all 0.3s;}

.text-light .collapsible-link:before,
.text-light .collapsible-link:after {
  background: #ffffff;}


.rtl .collapsible-link::before {
  right: auto;
  left: 0px;}

.rtl .collapsible-link::after {
  right: auto;
  left: 6px;}

.rtl .rtl-show {
  display: block}

.rtl .rtl-hide {
  display: none;}

.collapsible-link[aria-expanded='true']::after {
  transform: rotate(90deg) translateX(-1px);}

.collapsible-link[aria-expanded='true']::before {
  transform: rotate(180deg);}

.collapsible-link.text-white {
  color: #ffffff;}

.collapsible-link.text-white::after,
.collapsible-link.text-white::before {
  background: #ffffff;}

.pic-grey {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%);}

.pic-grey:hover{
  -webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  -o-filter: grayscale(0);
  -ms-filter: grayscale(0);
  filter: grayscale(0);}

/* =============== widget =============== */

.widget {
  margin-bottom: 30px;
  padding-bottom: 30px;}

footer .widget{
  margin-bottom: 0;}


.widget ul {
  list-style: none;
  margin: 0;
  padding: 0;}

.widget ul li {
  margin: 3px 0;}

.widget .small-border {
  height: 2px;
  width: 30px;
  background: #fff;
  margin: 0px 0 20px 0;
  display: block;}

.widget_category li {
  padding: 8px 20px 8px 20px;
  margin-bottom: 8px;
  background: #111;}

.widget_category li:before {
  font-family: "FontAwesome";
  content: "\f07b";
  margin-right: 10px;}

.de_light .widget_category li {
  background: none;
  border: solid 1px #eee;}

.widget_category li a {
  color: #606060;}

.widget_recent_post li {
  padding-left: 20px;
  border-bottom: solid 1px #222;
  padding-bottom: 7px;
  margin-bottom: 5px;}

.widget_recent_post li a {
  color: #555;}

.widget-post li {
  padding-bottom: 8px;
  margin-bottom: 8px;}

.widget-post li a {
  font-weight: 600;
  display: block;
  text-decoration: none;
  color: #606060;}


.dark-scheme .widget-post li a {
  color: #ffffff;}

.widget-post .post-date {
  position: absolute;
  color: #222;
  margin-right: 10px;
  text-align: center;
  width: 50px;
  font-size: 10px;
  text-transform: uppercase;}

.widget-post li:hover>.post-date {
  background: #222;
  color: #fff;}

.widget-post .date {
  margin-top: 5px;
  margin-right: 10px;
  float: left;
  background: #333;
  color: #fff;
  display: inline-block;
  padding: 2px 3px 2px 3px;
  line-height: 1.4em;
  font-size: 12px;
  width: 60px;
  font-weight: bold;
  text-align: center;}

.rtl .widget-post .date {
  float: right;}

.widget .comments li {
  padding-left: 20px;
  border-bottom: solid 1px var(--bg-dark-3);
  padding-bottom: 7px;
  margin-bottom: 5px;}

.widget .tiny-border {
  width: 100%;
  background: rgba(255, 255, 255, .1);}

.footer-light .widget .tiny-border {
  background: rgba(0, 0, 0, .1);}

.widget_tags li {
  text-shadow: none;
  display: inline-block;
  margin-right: 3px;
  margin-bottom: 16px;}

.widget_tags li a {
  font-size: 12px;
  text-decoration: none;
  color: var(--btn-color) !important;
  padding: 5px 10px 7px 10px;
  margin: 0 2px;
  border-radius: var(--btn-rounded);
  -moz-border-radius: var(--btn-rounded);
  -webkit-border-radius: var(--btn-rounded);}

.de_light .widget_tags li a {
  color: #606060;
  border: solid 1px rgba(0, 0, 0, .2);}

.widget_tags li a:hover {
  color: #555;
  border-color: #555;}

.de_light .widget_tags li a:hover {
  color: #111;
  border-color: #111;}

.widget_tags li a {
  border-color: #555;}

.widget_tags li a:hover border-color: #eceff3;
}

footer .widget {
  border: none;
  margin-bottom: 0;}

.widget_tags ul {
  margin-top: 30px;}

footer .widget.widget_tags li a {
  border-color: #222;}

footer .widget_recent_post li {
  padding: 0 0 10px 0;
  margin: 0;
  margin-bottom: 10px;
  background: none;
  border-bottom-color: rgba(255, 255, 255, .1);}

footer .widget_recent_post li a {
  color: #ccc;}

footer .widget h5 {
  margin-bottom: 20px;}

footer .widget_list li {
  padding: 0 0 10px 0;
  margin: 0;
  margin-bottom: 10px;
  background: none;
  border-bottom-color: rgba(255, 255, 255, .1);}

footer .widget_list li a {
  color: #ccc;}

footer .tiny-border span {
  background: #ffffff;
  display: block;
  height: 1px;
  width: 30px;}

#cookit {
  position: fixed;
  width: 100%;
  bottom: 0;
  padding: 1rem 2rem;
  display: flex;
  z-index: 1022;
  background: rgba(20, 20, 20, 1) !important;}

.dark-scheme #cookit {
  border-top: solid 1px rgba(255, 255, 255, .15);}

#cookit.hidden {
  display: none;}

#cookit #cookit-container {
  margin: auto;
  width: 1300px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;}

#cookit #cookit-container>* {
  margin: .4rem;}

#cookit #cookit-container p {
  line-height: 1.4rem;}

#cookit #cookit-container a {
  text-decoration: none;}

#cookit #cookit-container a:hover {
  opacity: .9;}

#cookit #cookit-container #cookit-button {
  color: #ffffff !important;
  font-size: 14px;
  font-weight: bold;
  padding: .25rem 2rem;
  margin-left: auto;
  border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;}

/* marquee */


.d-flex {
  display: flex;
  white-space: nowrap;}

.de-marquee-list {
  display: flex;
  align-items: top;
  -webkit-animation: loop 40s infinite linear;
  animation: loop 40s infinite linear;}

.de-marquee-list .d-item-txt {
  font-size: 100px;
  line-height: 100px;
  padding-right: 8px;
  font-style: normal;
  font-weight: bold;
  font-family: var(--heading-font);
  color: rgb(221, 135, 117);
  user-select: none;
  text-transform:uppercase;
  -webkit-text-stroke: 1px rgba(255, 255, 255, .75);}

.de-marquee-list.s2 .d-item-txt{
  background: -webkit-linear-gradient(0deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .5) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 0;}

.de-marquee-list .d-item-txt img{
  width: 80px;
  margin-top: -15px;
  margin-right: 20px;}

.de-marquee-list .d-item-display {
  display: inline;}

.de-marquee-list .d-item-block {
  width: 80px;
  height: 2px;
  margin: 0 20px;
  margin-right: 40px;
  padding: 0px;
  border-radius: 50%;
  display: inline-block;
  transform: translateY(-30px);
  background: rgb(221, 135, 117);}

.de-marquee-list.s2 .d-item-block{
  height: 5px;
  background: -webkit-linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .5) 100%);}

.de-marquee-list .d-item-block{
  border-radius: 0;}

.text-light .de-marquee-list .d-item-dot {
  background: rgba(255, 255, 255, .3);}

.de-marquee-list.style-2 .d-item-txt {
  font-size: 160px;
  background: rgba(255, 255, 255, .2);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}

.de-marquee-list.style-2 .d-item-dot {
  transform: translateY(-0px);
  background: rgba(255, 255, 255, .2);}

/* marquee */


.de-step-s1 {
  overflow: ;
  position: relative;
  padding: 0 25px;
  height: 100%;
  border-radius:var(--rounded-1);
  -moz-border-radius:var(--rounded-1);
  -webkit-border-radius:var(--rounded-1);}

.de-step-s1 p {
  position: relative;
  z-index: 1;
  margin-bottom: 0;}

.de-step-s1 h4 {
  position: relative;
  z-index: 1;}

.de-step-s1 .d-number {
  font-size: 14px;
  text-transform: uppercase;
  font-weight:500;
  padding: 5px 10px;
  display: inline-block;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  margin-bottom: 40px;
  line-height: 1em;
  color:var(--heading-font-color);}

.text-light .de-step-s1 .d-number{
  color:#ffffff;}

.border-gray {
  border: solid 1px #ddd;}

.bg-blur {
  background: rgba(0, 0, 0, .15);
  -webkit-backdrop-filter: blur(10px);
  -o-backdrop-filter: blur(10px);
  -moz-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);}

/* marquee plugin close */

.gradient-white-top{
  background: linear-gradient(180deg, rgba(255,255,255, 1) 50%, rgba(255,255,255, 0) 100%);}

.gradient-edge-top {
  z-index: 1;
  position: absolute;
  top: 0;
  width: 100%;
  height: 30%;
  background: linear-gradient(180deg, rgba(var(--bg-dark-1-rgb), 1) 0%, rgba(var(--bg-dark-1-rgb), 0) 100%);}

.gradient-edge-bottom {
  z-index: 1;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 30%;
  background: linear-gradient(0deg, rgba(var(--bg-dark-1-rgb), 1) 0%, rgba(var(--bg-dark-1-rgb), 0) 100%);}

.gradient-edge-start {
  z-index: 1;
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
  background: linear-gradient(90deg, rgba(var(--bg-dark-1-rgb), 1) 0%, rgba(var(--bg-dark-1-rgb), 0) 100%);}

.gradient-edge-end {
  z-index: 1;
  position: absolute;
  top: 0;
  width: 50%;
  right: 0;
  height: 100%;
  background: linear-gradient(90deg, rgba(var(--bg-dark-1-rgb), 0) 0%, rgba(var(--bg-dark-1-rgb), 1) 100%);}

.gradient-edge-top.light {
  background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);}
.gradient-edge-bottom.light {
  background: linear-gradient(0deg, rgba(255,255,255, 1) 0%, rgba(255,255,255, 0) 100%);}
.gradient-edge-start.light {
  background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);}
.gradient-edge-end.light {
  background: linear-gradient(90deg, rgba(255,255,255, 0) 0%, rgba(255,255,255, 1) 100%);}

.gradient-edge-top.color {
  background: linear-gradient(180deg, rgba(var(--primary-color-rgb),1) 0%, rgba(var(--primary-color-rgb),0) 100%);}
.gradient-edge-bottom.color{
  background: linear-gradient(0deg, rgba(var(--primary-color-rgb), 1) 0%, rgba(var(--primary-color-rgb), 0) 100%);}
.gradient-edge-start.color {
 background: linear-gradient(90deg, rgba(var(--primary-color-rgb), 1) 0%, rgba(var(--primary-color-rgb), 0) 100%);}
.gradient-edge-end.color {
  background: linear-gradient(90deg, rgba(var(--primary-color-rgb), 0) 0%, rgba(var(--primary-color-rgb), 1) 100%);}

.dark-scheme .de-gradient-edge-bottom {
  background: linear-gradient(0deg, rgba(var(--bg-dark-1-rgb), 1) 0%, rgba(var(--bg-dark-1-rgb), 0) 100%);}

.radial-light{background-image: radial-gradient(ellipse, rgba(255, 255, 255, .3), transparent 70%);}

.no-border {
  border: none !important;}


.owl-carousel.no-hide .owl-stage-outer {
  overflow: visible !important;
}


.grayscale{
  filter: grayscale(1);}

.hover-color:hover{
  filter:grayscale(0);}

.show-on-scroll{
  opacity: 0;}

.show-on-scroll.show{
  opacity: 1;}

.show-on-scroll.hide{
  opacity: 0;}

.de-rating-ext .d-val{
  color:#fff;
  margin-right: 10px;}

.de-rating-ext{
  font-size: 14px;}

.de-rating-ext i{
  color:#F2B827;}


/* select2 begin */
.select2-container--default .select2-selection--single {
  border-color: #fff;
  height: 60px;
  padding: 2.5px 0;
  border-radius: 0;}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 48px;}

.select2-dropdown {
  border-radius: 0;
  box-shadow: #444 0px 3px 5px;
  border: 0;}


.select2-container--default{
    margin-bottom: 20px;}
.select2-container--default img{
    width: 30%;
    margin-right:10px;
    padding:10px;
    padding-left: 5px;}
.select2-container--default .select2-selection--single{
    background: none;
    height: auto;
    border: solid 1px rgba(0, 0, 0, .2);}
.select2-container--default .select2-results__option--selectable{
    background: none;}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
    background: rgb(221, 135, 117);}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 0;
    margin-left: 0px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    width: 0;}

/* select2 end */

.grid-divider > [class*=col-]:nth-child(n+2):after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  border-left: solid 1px rgba(255, 255, 255, .3);
  height: auto;}

.grid-divider.dark > [class*=col-]:nth-child(n+2):after {
  border-left: solid 1px rgba(0, 0, 0, .25);}


.grid-divider.dark-divider > [class*=col-]:nth-child(n+2):after {
  border-left: solid 1px var(--heading-font-color);}

.dark-scheme .grid-divider > [class*=col-]:nth-child(n+2):after,
.text-light .grid-divider > [class*=col-]:nth-child(n+2):after {
  border-left-color: rgba(255, 255, 255, .5);}

.arrow-divider > [class*=col-]:nth-child(n+2):after {
  position: absolute;
  top: 0;
  bottom: 0;
  height: auto;
  left: -20px;}

.arrow-divider.light > [class*=col-]:nth-child(n+2):after {
  content: url('../images/ui/arrow-right-white.svg');}

/* =============== declass =============== */

/* background */
.bg-white{ background:#ffffff; }
.bg-black{ background:#000000; }

/* width (percent) */
.w-10{width: 10%;}
.w-20{width: 20%;}
.w-30{width: 30%;}
.w-40{width: 40%;}
.w-50{width: 50%;}
.w-60{width: 60%;}
.w-70{width: 70%;}
.w-80{width: 80%;}
.w-90{width: 90%;}
.w-100{width: 100%;}

/* width (px) */
.w-10px{width: 10px;}
.w-15px{width: 18px;}
.w-20px{width: 20px;}
.w-24px{width: 24px;}
.w-30px{width: 30px;}
.w-40px{width: 40px;}
.w-50px{width: 50px;}
.w-60px{width: 60px;}
.w-70px{width: 70px;}
.w-80px{width: 80px;}
.w-90px{width: 90px;}
.w-100px{width: 100px;}
.w-110px{width: 110px;}
.w-120px{width: 120px;}
.w-130px{width: 130px;}
.w-140px{width: 140px;}
.w-150px{width: 150px;}
.w-160px{width: 160px;}
.w-170px{width: 170px;}
.w-200px{width: 200px;}
.w-250px{width: 250px;}
.w-300px{width: 300px;}
.w-400px{width: 400px;}
.w-500px{width: 500px;}

.h-auto{height: auto;}

/* height (percent) */
.h-10{height: 10%;}
.h-20{height: 20%;}
.h-30{height: 30%;}
.h-40{height: 40%;}
.h-50{height: 50%;}
.h-60{height: 60%;}
.h-70{height: 70%;}
.h-80{height: 80%;}
.h-90{height: 90%;}
.h-100{height: 70%;}

/* height (px) */
.h-10px{height: 10px;}
.h-20px{height: 20px;}
.h-24px{height: 24px;}
.h-40px{height: 40px;}
.h-50px{height: 50px;}
.h-60px{height: 60px;}
.h-70px{height: 70px;}
.h-80px{height: 80px;}
.h-90px{height: 90px;}
.h-100px{height: 80px;}
.h-110px{height: 110px;}
.h-120px{height: 120px;}
.h-130px{height: 130px;}
.h-140px{height: 140px;}
.h-150px{height: 150px;}
.h-200px{height: 200px;}
.h-250px{height: 250px;}
.h-300px{height: 300px;}

/* top (percent) */
.top-10{top: 10%;}
.top-20{top: 20%;}
.top-30{top: 30%;}
.top-40{top: 40%;}
.top-50{top: 50%;}
.top-60{top: 60%;}
.top-70{top: 70%;}
.top-80{top: 80%;}
.top-90{top: 90%;}
.top-100{top: 100%;}

/* top (px) */
.top-10px{top: 10px;}
.top-20px{top: 20px;}
.top-30px{top: 30px;}
.top-40px{top: 40px;}
.top-50px{top: 50px;}
.top-60px{top: 60px;}
.top-70px{top: 70px;}
.top-80px{top: 80px;}
.top-90px{top: 90px;}
.top-100px{top: 100px;}

/* bottom (percent) */
.bottom-10{bottom: 10%;}
.bottom-20{bottom: 20%;}
.bottom-30{bottom: 30%;}
.bottom-40{bottom: 40%;}
.bottom-50{bottom: 50%;}
.bottom-60{bottom: 60%;}
.bottom-70{bottom: 70%;}
.bottom-80{bottom: 80%;}
.bottom-90{bottom: 90%;}
.bottom-100{bottom: 100%;}

/* bottom (px) */
.bottom-10px{bottom: 10px;}
.bottom-20px{bottom: 20px;}
.bottom-30px{bottom: 30px;}
.bottom-40px{bottom: 40px;}
.bottom-50px{bottom: 50px;}
.bottom-60px{bottom: 60px;}
.bottom-70px{bottom: 70px;}
.bottom-80px{bottom: 80px;}
.bottom-90px{bottom: 90px;}
.bottom-100px{bottom: 100px;}

/* top negative (px) */
.top-min-10{top:-10px;}
.top-min-20{top:-20px;}
.top-min-30{top:-30px;}
.top-min-40{top:-40px;}
.top-min-50{top:-50px;}
.top-min-60{top:-60px;}
.top-min-70{top:-70px;}
.top-min-80{top:-80px;}
.top-min-90{top:-90px;}
.top-min-100{top:-100px;}

/* bottom negative (px) */
.bottom-min-10{bottom:-10px;}
.bottom-min-20{bottom:-20px;}
.bottom-min-30{bottom:-30px;}
.bottom-min-40{bottom:-40px;}
.bottom-min-50{bottom:-50px;}
.bottom-min-60{bottom:-60px;}
.bottom-min-70{bottom:-70px;}
.bottom-min-80{bottom:-80px;}
.bottom-min-90{bottom:-90px;}
.bottom-min-100{bottom:-100px;}

/* left pos (percent) */
.start-10{left: 10%;}
.start-20{left: 20%;}
.start-30{left: 30%;}
.start-40{left: 40%;}
.start-50{left: 50%;}
.start-60{left: 60%;}
.start-70{left: 70%;}
.start-80{left: 80%;}
.start-90{left: 90%;}
.start-100{left: 100%;}

/* left pos (px) */
.start-10px{left: 10px;}
.start-20px{left: 20px;}
.start-30px{left: 30px;}
.start-40px{left: 40px;}
.start-50px{left: 50px;}
.start-60px{left: 60px;}
.start-70px{left: 70px;}
.start-80px{left: 80px;}
.start-90px{left: 90px;}
.start-100px{left: 100px;}

/* right  pos (percent) */
.end-10{right: 10%;}
.end-20{right: 20%;}
.end-30{right: 30%;}
.end-40{right: 40%;}
.end-50{right: 50%;}
.end-60{right: 60%;}
.end-70{right: 70%;}
.end-80{right: 80%;}
.end-90{right: 90%;}
.end-100{right: 100%;}

/* right  pos (px) */
.end-10px{right: 10px;}
.end-20px{right: 20px;}
.end-30px{right: 30px;}
.end-40px{right: 40px;}
.end-50px{right: 50px;}
.end-60px{right: 60px;}
.end-70px{right: 70px;}
.end-80px{right: 80px;}
.end-90px{right: 90px;}
.end-100px{right: 100px;}

/* margin-left (percent) */
.ms-10{margin-left: 10%;}
.ms-20{margin-left: 20%;}
.ms-30{margin-left: 30%;}
.ms-40{margin-left: 40%;}
.ms-50{margin-left: 50%;}
.ms-60{margin-left: 60%;}
.ms-70{margin-left: 70%;}
.ms-80{margin-left: 80%;}
.ms-90{margin-left: 90%;}
.ms-100{margin-left: 100%;}


/* margin-left (px) */
.ms-10px{margin-left: 10px;}
.ms-20px{margin-left: 20px;}
.ms-30px{margin-left: 30px;}
.ms-40px{margin-left: 40px;}
.ms-50px{margin-left: 50px;}
.ms-60px{margin-left: 60px;}
.ms-70px{margin-left: 70px;}
.ms-80px{margin-left: 80px;}
.ms-90px{margin-left: 90px;}
.ms-100px{margin-left: 100px;}


/* margin top (px) */
.mt-10{margin-top:10px;}
.mt-20{margin-top:20px;}
.mt-30{margin-top:30px;}
.mt-40{margin-top:40px;}
.mt-50{margin-top:50px;}
.mt-60{margin-top:60px;}
.mt-70{margin-top:70px;}
.mt-80{margin-top:80px;}
.mt-90{margin-top:90px;}
.mt-100{margin-top:100px;}
.mt-120{margin-top:120px;}
.mt-140{margin-top:140px;}

/* margin top negative (px) */
.mt-min-10{margin-top:-10px;}
.mt-min-20{margin-top:-20px;}
.mt-min-30{margin-top:-30px;}
.mt-min-40{margin-top:-40px;}
.mt-min-50{margin-top:-50px;}
.mt-min-60{margin-top:-60px;}
.mt-min-70{margin-top:-70px;}
.mt-min-80{margin-top:-80px;}
.mt-min-90{margin-top:-90px;}
.mt-min-100{margin-top:-100px;}

/* margin bottom (px) */
.mb-10{margin-bottom:10px;}
.mb-20{margin-bottom:20px;}
.mb-25{margin-bottom:25px;}
.mb-30{margin-bottom:30px;}
.mb-40{margin-bottom:40px;}
.mb-50{margin-bottom:50px;}
.mb-60{margin-bottom:60px;}
.mb-70{margin-bottom:70px;}
.mb-80{margin-bottom:80px;}
.mb-90{margin-bottom:90px;}
.mb-100{margin-bottom:100px;}

/* margin bottom negative (px) */
.mb-min-10{margin-bottom:-10px;}
.mb-min-20{margin-bottom:-20px;}
.mb-min-30{margin-bottom:-30px;}
.mb-min-40{margin-bottom:-40px;}
.mb-min-50{margin-bottom:-50px;}
.mb-min-60{margin-bottom:-60px;}
.mb-min-70{margin-bottom:-70px;}
.mb-min-80{margin-bottom:-80px;}
.mb-min-90{margin-bottom:-90px;}
.mb-min-100{margin-bottom:-100px;}

/* margin left negative (px) */
.ms-min-10{margin-left:-10px;}
.ms-min-20{margin-left:-20px;}
.ms-min-30{margin-left:-30px;}
.ms-min-40{margin-left:-40px;}
.ms-min-50{margin-left:-50px;}
.ms-min-60{margin-left:-60px;}
.ms-min-70{margin-left:-70px;}
.ms-min-80{margin-left:-80px;}
.ms-min-90{margin-left:-90px;}
.ms-min-100{margin-left:-10p0x;}

/* margin top negative (px) */
.me-min-10{margin-right:-10px;}
.me-min-20{margin-right:-20px;}
.me-min-30{margin-right:-30px;}
.me-min-40{margin-right:-40px;}
.me-min-50{margin-right:-50px;}
.me-min-60{margin-right:-60px;}
.me-min-70{margin-right:-70px;}
.me-min-80{margin-right:-80px;}
.me-min-90{margin-right:-90px;}
.me-min-100{margin-right:-100px;}

/* font-size (px) */
.fs-12{font-size: 12px;}
.fs-14{font-size: 14px;}
.fs-15{font-size: 15px;}
.fs-16{font-size: 16px;}
.fs-18{font-size: 18px;}
.fs-20{font-size: 20px;}
.fs-24{font-size: 24px;}
.fs-28{font-size: 28px;}
.fs-30{font-size: 30px;}
.fs-32{font-size: 32px;}
.fs-36{font-size: 36px;}
.fs-40{font-size: 40px;}
.fs-48{font-size: 48px;}
.fs-56{font-size: 56px;}
.fs-60{font-size: 60px;}
.fs-64{font-size: 64px;}
.fs-72{font-size: 72px;}
.fs-84{font-size: 84px;}
.fs-96{font-size: 96px;}
.fs-120{font-size: 120px;}
.fs-150{font-size: 150px;}
.fs-200{font-size: 200px;}


/* font-weight */
.fw-100{font-weight: 100 !important;}
.fw-200{font-weight: 200 !important;}
.fw-300{font-weight: 300 !important;}
.fw-400{font-weight: 400 !important;}
.fw-500{font-weight: 500 !important;}
.fw-600{font-weight: 600 !important;}
.fw-bold{font-weight: bold !important;}

/* margin left (px) */
.ms-10{margin-left: 10%;}
.ms-20{margin-left: 20%;}
.ms-30{margin-left: 30%;}
.ms-40{margin-left: 40%;}
.ms-50{margin-left: 50%;}
.ms-60{margin-left: 60%;}
.ms-70{margin-left: 70%;}
.ms-80{margin-left: 80%;}
.ms-90{margin-left: 90%;}
.ms-100{margin-left: 100%;}

/* padding (px) */
.p-10{padding: 10px;}
.p-15{padding: 15px;}
.p-20{padding: 20px;}
.p-30{padding: 30px;}
.p-40{padding: 40px;}
.p-50{padding: 50px;}
.p-60{padding: 60px;}
.p-70{padding: 70px;}
.p-80{padding: 80px;}
.p-90{padding: 90px;}
.p-100{padding: 100px;}

/* padding bottom (px) */
.pb-10{padding-bottom: 10px;}
.pb-20{padding-bottom: 20px;}
.pb-30{padding-bottom: 30px;}
.pb-40{padding-bottom: 40px;}
.pb-50{padding-bottom: 50px;}
.pb-60{padding-bottom: 60px;}
.pb-70{padding-bottom: 70px;}
.pb-80{padding-bottom: 80px;}
.pb-90{padding-bottom: 90px;}
.pb-100{padding-bottom: 100px;}

/* padding top (px) */
.pt-10{padding-top: 10px;}
.pt-20{padding-top: 20px;}
.pt-30{padding-top: 30px;}
.pt-40{padding-top: 40px;}
.pt-50{padding-top: 50px;}
.pt-60{padding-top: 60px;}
.pt-70{padding-top: 70px;}
.pt-80{padding-top: 80px;}
.pt-90{padding-top: 90px;}
.pt-100{padding-top: 100px;}

/* padding left (px) */
.ps-10{padding-left: 10px;}
.ps-20{padding-left: 20px;}
.ps-30{padding-left: 30px;}
.ps-40{padding-left: 40px;}
.ps-50{padding-left: 50px;}
.ps-60{padding-left: 60px;}
.ps-70{padding-left: 70px;}
.ps-80{padding-left: 80px;}
.ps-90{padding-left: 90px;}
.ps-100{padding-left: 100px;}

/* padding left (px) */
.pe-10{padding-right: 10px;}
.pe-20{padding-right: 20px;}
.pe-30{padding-right: 30px;}
.pe-40{padding-right: 40px;}
.pe-50{padding-right: 50px;}
.pe-60{padding-right: 60px;}
.pe-70{padding-right: 70px;}
.pe-80{padding-right: 80px;}
.pe-90{padding-right: 90px;}
.pe-100{padding-right: 100px;}

/* border white */
.border-white-1{border: solid 1px white;}
.border-white-2{border: solid 2px white;}
.border-white-3{border: solid 3px white;}
.border-white-4{border: solid 4px white;}
.border-white-5{border: solid 5px white;}
.border-white-6{border: solid 6px white;}
.dashed-1-white{border: dashed 1px white;}

/* border bottom white with transparency */
.border-bottom-white-trans-1{ border-bottom: solid 1px rgba(255, 255, 255, .1); }
.border-bottom-white-trans-2{ border-bottom: solid 1px rgba(255, 255, 255, .2); }
.border-bottom-white-trans-3{ border-bottom: solid 1px rgba(255, 255, 255, .3); }
.border-bottom-white-trans-4{ border-bottom: solid 1px rgba(255, 255, 255, .4); }
.border-bottom-white-trans-5{ border-bottom: solid 1px rgba(255, 255, 255, .5); }
.border-bottom-white-trans-6{ border-bottom: solid 1px rgba(255, 255, 255, .6); }
.border-bottom-white-trans-7{ border-bottom: solid 1px rgba(255, 255, 255, .7); }
.border-bottom-white-trans-8{ border-bottom: solid 1px rgba(255, 255, 255, .8); }
.border-bottom-white-trans-9{ border-bottom: solid 1px rgba(255, 255, 255, .9); }

/* border bottom grey */
.border-bottom-1-grey{border-bottom: solid 1px #dddddd;}

/* border bottom dark */
.border-bottom-1-dark{border-bottom: solid 1px var(--bg-dark-1);}

/* border bottom dark */
.border-bottom-1-light{border-bottom: solid 1px rgba(255,255,255,.5);}

/* hover effects */
.hover:hover .hover-scale-1-2{transform: scale(1.2);}
.hover-scale-in-1{transform: scale(1.1); }
.hover:hover .hover-scale-in-1{transform: scale(1); }
.hover-scale-in-3{transform: scale(3); }
.hover:hover .hover-scale-in-3{transform: scale(1); }
.hover-op-0{ opacity:1 }
.hover:hover .hover-op-0{ opacity:0 }
.hover-op-1,.hover-op-05{ opacity:0 }
.hover:hover .hover-op-1{ opacity:1 }
.hover:hover .hover-op-05{ opacity:.5 }
.hover:hover .hover-scale-1-1{transform: scale(1.1);}
.hover:hover .hover-scale-1-2{transform: scale(1.2);}
.hover:hover .hover-scale-in-3{transform: scale(1); opacity: 1}
.hover:hover .hover-bg-color{background: rgb(221, 135, 117) !important;}
.hover:hover .hover-bg-color-2{background: var(--secondary-color) !important;}
.hover:hover .hover-bg-dark{background: var(--heading-font-color)}
.hover-mh-100{max-height: 0px; overflow: hidden;}
.hover:hover .hover-mh-100{max-height: 500px;}
.hover-mh-60{max-height: 0px; overflow: hidden;}
.hover:hover .hover-mh-60{max-height: 60px; overflow: hidden;}
.hover:hover .hover-top-0{top:0;}
.hover:hover .hover-pb-40{padding-bottom: 40px;}
.hover-mt-40{margin-top: 40px;}
.hover:hover .hover-mt-40{margin-top: 0px;}
.hover:hover .hover-mt-0{margin-top: 0;}
.hover:hover .hover-text-light *{color: #ffffff}
.hover:hover .hover-jello{animation-name: jello; animation-duration: 1.5s;}
.hover:hover .hover-bounce{animation-name: bounce; animation-duration: 1.5s;}
.hover:hover .hover-move-up-100{transform: translateY(-100px); opacity: 0}

.inline-block{display: inline-block;}

.infinite{ animation-iteration-count: infinite;}

/* opacity */
.op-05{ opacity:.05; }
.op-1{ opacity:.1; }
.op-2{ opacity:.2; }
.op-3{ opacity:.3; }
.op-4{ opacity:.4; }
.op-5{ opacity:.5; }
.op-6{ opacity:.6; }
.op-7{ opacity:.7; }
.op-8{ opacity:.8; }
.op-9{ opacity:.9; }

/* line height em */
.lh-085{line-height: .85em;}
.lh-1{line-height: 1em;}
.lh-1-1{line-height: 1.1em;}
.lh-1-2{line-height: 1.2em;}
.lh-1-3{line-height: 1.3em;}
.lh-1-4{line-height: 1.4em;}
.lh-1-5{line-height: 1.5em;}
.lh-1-6{line-height: 1.6em;}
.lh-1-7{line-height: 1.7em;}
.lh-1-8{line-height: 1.8em;}

/* min height (px) */
.mh-80{min-height:80px;}
.mh-100{min-height:100px;}
.mh-200{min-height:200px;}
.mh-300{min-height:300px;}
.mh-400{min-height:400px;}
.mh-500{min-height:500px;}
.mh-600{min-height:600px;}
.mh-700{min-height:700px;}
.mh-800{min-height:800px;}
.mh-900{min-height:900px;}
.mh-1000{min-height:1000px;}

/* max height (px) */
.max-h-80{max-height:80px;}
.max-h-100{max-height:100px;}
.max-h-200{max-height:200px;}
.max-h-300{max-height:300px;}
.max-h-400{max-height:400px;}
.max-h-500{max-height:500px;}
.max-h-600{max-height:600px;}
.max-h-700{max-height:700px;}
.max-h-800{max-height:800px;}
.max-h-900{max-height:900px;}
.max-h-1000{max-height:1000px;}

/* background dark */
.bg-dark-10{background: rgba(var(--bg-dark-1-rgb),.1)}
.bg-dark-20{background: rgba(var(--bg-dark-1-rgb),.2)}
.bg-dark-30{background: rgba(var(--bg-dark-1-rgb),.3)}
.bg-dark-40{background: rgba(var(--bg-dark-1-rgb),.4)}
.bg-dark-50{background: rgba(var(--bg-dark-1-rgb),.5)}

/* overlay-black */
.overlay-black-1{background: rgba(0, 0, 0, .1)}
.overlay-black-2{background: rgba(0, 0, 0, .2)}
.overlay-black-3{background: rgba(0, 0, 0, .3)}
.overlay-black-4{background: rgba(0, 0, 0, .4)}
.overlay-black-5{background: rgba(0, 0, 0, .5)}
.overlay-black-6{background: rgba(0, 0, 0, .6)}
.overlay-black-7{background: rgba(0, 0, 0, .7)}
.overlay-black-8{background: rgba(0, 0, 0, .8)}
.overlay-black-9{background: rgba(0, 0, 0, .9)}

/* overlay-dark */
.overlay-dark-1{background: rgba(var(--bg-dark-1-rgb), .1)}
.overlay-dark-2{background: rgba(var(--bg-dark-1-rgb), .2)}
.overlay-dark-3{background: rgba(var(--bg-dark-1-rgb), .3)}
.overlay-dark-4{background: rgba(var(--bg-dark-1-rgb), .4)}
.overlay-dark-5{background: rgba(var(--bg-dark-1-rgb), .5)}
.overlay-dark-6{background: rgba(var(--bg-dark-1-rgb), .6)}
.overlay-dark-7{background: rgba(var(--bg-dark-1-rgb), .7)}
.overlay-dark-8{background: rgba(var(--bg-dark-1-rgb), .8)}
.overlay-dark-9{background: rgba(var(--bg-dark-1-rgb), .9)}

/* overlay-white */
.overlay-white-1{background: rgba(255, 255, 255, .1)}
.overlay-white-2{background: rgba(255, 255, 255, .2)}
.overlay-white-3{background: rgba(255, 255, 255, .3)}
.overlay-white-4{background: rgba(255, 255, 255, .4)}
.overlay-white-5{background: rgba(255, 255, 255, .5)}
.overlay-white-6{background: rgba(255, 255, 255, .6)}
.overlay-white-7{background: rgba(255, 255, 255, .7)}
.overlay-white-8{background: rgba(255, 255, 255, .8)}
.overlay-white-9{background: rgba(255, 255, 255, .9)}

/* rotation */
.rot-1 { transform: rotateZ(1deg); }
.rot-2 { transform: rotateZ(2deg); }
.rot-3 { transform: rotateZ(3deg); }
.rot-4 { transform: rotateZ(4deg); }
.rot-5 { transform: rotateZ(5deg); }
.rot-10{ transform: rotateZ(10deg); }
.rot-15{ transform: rotateZ(15deg); }
.rot-20{ transform: rotateZ(20deg); }
.rot-25{ transform: rotateZ(25deg); }
.rot-30{ transform: rotateZ(30deg); }
.rot-35{ transform: rotateZ(35deg); }
.rot-40{ transform: rotateZ(40deg); }
.rot-45{ transform: rotateZ(45deg); }
.rot-50{ transform: rotateZ(50deg); }
.rot-55{ transform: rotateZ(55deg); }
.rot-60{ transform: rotateZ(60deg); }
.rot-65{ transform: rotateZ(65deg); }
.rot-70{ transform: rotateZ(70deg); }
.rot-75{ transform: rotateZ(75deg); }
.rot-80{ transform: rotateZ(80deg); }
.rot-85{ transform: rotateZ(85deg); }
.rot-90{ transform: rotateZ(90deg); }

.rot-min-1 { transform: rotateZ(-1deg); }
.rot-min-2 { transform: rotateZ(-2deg); }
.rot-min-3 { transform: rotateZ(-3deg); }
.rot-min-4 { transform: rotateZ(-4deg); }
.rot-min-5 { transform: rotateZ(-5deg); }
.rot-min-10{ transform: rotateZ(-10deg); }
.rot-min-15{ transform: rotateZ(-15deg); }
.rot-min-20{ transform: rotateZ(-20deg); }
.rot-min-25{ transform: rotateZ(-25deg); }
.rot-min-30{ transform: rotateZ(-30deg); }
.rot-min-35{ transform: rotateZ(-35deg); }
.rot-min-40{ transform: rotateZ(-40deg); }
.rot-min-45{ transform: rotateZ(-45deg); }
.rot-min-50{ transform: rotateZ(-50deg); }
.rot-min-55{ transform: rotateZ(-55deg); }
.rot-min-60{ transform: rotateZ(-60deg); }
.rot-min-65{ transform: rotateZ(-65deg); }
.rot-min-70{ transform: rotateZ(-70deg); }
.rot-min-75{ transform: rotateZ(-75deg); }
.rot-min-80{ transform: rotateZ(-80deg); }
.rot-min-85{ transform: rotateZ(-85deg); }
.rot-min-90{ transform: rotateZ(-90deg); }

/* positions */
.absolute,.abs { position: absolute;}
.abs-center { left: 50%; transform: translateX(-50%);}
.abs-middle{ top: 50%;  transform: translateY(-50%);}
.abs-centered{ position: absolute; top: 50%; left: 50%;transform: translate(-50%, -50%);}
.relative,.position-relative { position: relative; }

/* z-index */
.z-1{ z-index:1 }
.z-2{ z-index:2 }
.z-3{ z-index:3 }
.z-4{ z-index:4 }
.z-1000 { z-index: 1000;}

.auto-height{height: 100%;padding-top: 100%;}

.rounded-top-60{
  border-radius:60px 60px 0 0;
  -moz-border-radius:60px 60px 0 0;
  -webkit-border-radius:60px 60px 0 0;}

.rounded-bottom-60{
  border-radius:0 0 60px 60px;
  -moz-border-radius:0 0 60px 60px;
  -webkit-border-radius:0 0 60px 60px;}

.rounded-bottom-end-60{
  border-radius:0 0 60px 0;
  -moz-border-radius:0 0 60px 0;
  -webkit-border-radius:0 0 60px 0;}

.rounded-bottom-start-60{
  border-radius:0 0 0 60px;
  -moz-border-radius:0 0 0 60px;
  -webkit-border-radius:0 0 0 60px;}

.rounded-top-start-60{
  border-radius:60px 0 0 0;
  -moz-border-radius:60px 0 0 0;
  -webkit-border-radius:60px 0 0 0;}

.border-1-black{border: solid 1px black;}
.border-1-white{border: solid 1px white;}

.border-1-color{border: solid 1px rgb(221, 135, 117);}




/* gradient border */

.gradient-border {
  position: relative;
  z-index: 0;}

.gradient-border::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 2px; /* border thickness */
  background: linear-gradient(135deg, rgb(221, 135, 117), rgba(var(--primary-color-rgb),0));
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;}
.bg-color-op-1 { background: rgba(200, 219, 215, 0.1) !important; }
.bg-color-op-2 { background: rgba(200, 219, 215, 0.2) !important; }
.bg-color-op-3 { background: rgba(200, 219, 215, 0.3) !important; }
.bg-color-op-4 { background: rgba(200, 219, 215, 0.4) !important; }
.bg-color-op-5 { background: rgba(200, 219, 215, 0.5) !important; }
.bg-color-op-6 { background: rgba(200, 219, 215, 0.6) !important; }
.bg-color-op-7 { background: rgba(200, 219, 215, 0.7) !important; }
.bg-color-op-8 { background: rgba(200, 219, 215, 0.8) !important; }

.ratio-1-1{
  width: 100%;
  position: relative;}
.ratio-1-1:before{
  content: "";
   display: block;
   padding-top: 100%;}

.flex-end{
    justify-content: flex-end;}

.angled-wrapper {
    clip-path: polygon(20% 0, 100% 0, 100% 100%, 0% 100%);
    overflow: hidden;}

.angled-wrapper-lr {
    clip-path: polygon(15% 0, 100% 0, 85% 100%, 0% 100%);
    overflow: hidden;}


/* declass end */
.online-therapy-section {
    background-color: rgb(214, 228, 225);
}

.online-therapy-section h2,
.online-therapy-section p,
.online-therapy-section strong {
    color: #000;
}

.therapist-overlay {
    background-color: #dd8775;
    color: #ffffff !important;
}

.therapist-overlay p {
    margin: 0;
    color: #ffffff !important;
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 20px;
    font-weight: 600;
}

/* aside */
#aside{
  padding: 60px 45px;
  width: 20%;
  position: fixed;
  top:0;
  bottom: 0;
  background: var(--bg-dark-1);
  z-index: 1001;
  overflow-x: hidden;
  scrollbar-width: none;}
#aside .d-logo{
  text-align: center;
  margin-bottom: 40px;}
#aside .d-logo img{
  width: 100%;}
#aside .d-nav {
  position: relative;
  width: 100%;
  margin-bottom: 40px;}
#aside .d-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;}
#aside .d-nav ul li {
  /* Sub Menu */}
#aside .d-nav ul li a {
  display: block;
  padding: 5px 0;
  color: #fff;
  text-decoration: none;
  -webkit-transition: 0.2s linear;
  -moz-transition: 0.2s linear;
  -ms-transition: 0.2s linear;
  -o-transition: 0.2s linear;
  transition: 0.2s linear;}
#aside .d-nav ul li a:hover {
  color: rgb(221, 135, 117);}
#aside .d-nav ul li a .fa {
  width: 16px;
  text-align: center;
  margin-right: 5px;
  float:right;}
#aside .d-nav ul li ul li a {
  padding: 5px 20px;}
#main, .de-sidebar main, .de-sidebar footer{
  width: 80%;
  margin-left: 20%;
  float: right;}
#main .container, .de-sidebar main .container, .de-sidebar footer{
  padding-left: 40px;
  padding-right: 40px;}
#aside-menu {
  display: none;
  position: fixed;
  top:0;
  left: 0;
  line-height: 1.5em;
  width: 40px;
  height: 40px;
  padding: 4px;
  padding-top: 8px;
  text-align: center;
  cursor: pointer;
  color: #fff;
  margin:30px;
  z-index: 1001;  background: rgb(221, 135, 117);
  border-radius:100%;
  -moz-border-radius:100%;
  -webkit-border-radius:100%;}

#aside-menu:before {
  font-family: FontAwesome;
  content: "\f0c9";
  font-size: 20px;}

#aside-menu.open:before{
  content: "\f00d";}

@media only screen and (max-width: 992px) {
  #aside{
    width: 30%;
}
  #main,.de-sidebar main, .de-sidebar footer{
    width: 70%;
    margin-left: 30%;
}
}
@media only screen and (max-width: 768px) {
  #main,.de-sidebar main, .de-sidebar footer{
    width: 100%;
    margin-left: 0;
}
  #aside{
    width: 320px;
    left: -320px;
}
  #aside.open{
    left: 0;
}
  #aside-menu{
    display: block;
}
  #aside-menu.open{
    margin-left: 340px;
}
}
/* aside end

/* shop */

.de__pcard h3{
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 0px;
  font-size: 17px;}

.atr__images{
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;}

.atr__images img{
  width: 100%;
  height: auto;
  background: var(--bg-light);
  padding: 20px;}

.atr__image-hover{
  opacity: 0;
  z-index: 1;
  position: absolute;
  left: 0;}

.atr__images .atr__image-hover.full{
  padding: 0;}

.atr__images:hover .atr__image-hover{
  opacity: 1;
  -o-transition:.8s;
  -ms-transition:.8s;
  -moz-transition:.8s;
  -webkit-transition:.8s;
  transition:.8s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;}

.atr__colors{
  margin-top: 10px;}

.atr__colors div{
  border: solid 1px rgba(51, 51, 51, 0);
  display: inline-block;
  margin: 0 2px;border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;}

.atr__colors span{
  display: block;
  background: #333333;
  width: 20px;
  height: 20px;
  border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;}

.atr__colors div.active{
  border: solid 1px #333333;
  padding: 3px;}

.atr__colors div.active span{
  width: 14px;
  height: 14px;}

.atr__opt{
  text-align: center;}

.atr__opt div{
  display: inline-block;
  cursor: pointer;
  font-size: 14px;
  padding: 2px;
  margin: 2px;
  border:solid 1px var(--secondary-color);
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  line-height: 1em;
  width: 32px;}

.atr__opt div.active{
  background: var(--secondary-color);
  color:#ffffff;}

.de__pcard .atr__extra-menu{
  z-index: 1;
  text-align: center;
  position: absolute;
  width: 100%;
  transform: scale(0);
  bottom: 20px;}

.de__pcard .atr__extra-menu div,
.de__pcard .atr__extra-menu a{
  display: inline-block;
  cursor: pointer;
  margin: 0 2px;}

.de__pcard .atr__extra-menu div i,
.de__pcard .atr__extra-menu a i{
  background: #ffffff;
  font-size: 18px;
  padding: 10px;
  border-radius: 60px;
  -moz-border-radius: 60px;
  -webkit-border-radius: 60px;}

.de__pcard .atr__extra-menu div.active i{
  background: #000000;
  color: #ffffff;}


.de__pcard .atr__extra-menu div:hover i{
  background: #333333;
  color: #ffffff;}

.de__pcard .atr__images:hover .atr__extra-menu{
  transform: scale(1);}

.de__pcard .atr__promo{
  position: absolute;
  z-index: 1;
  display: inline-block;
  background: rgb(221, 135, 117);
  color:#ffffff;
  padding: 3px 8px;
  line-height: 1em;
  margin: 10px 0 0 10px;
  font-weight: bold;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;}

#de_notif{
  opacity: 0;
  font-weight: bold;
  background: #ffffff;
  color: #000000;
  padding: 5px 10px;
  position: fixed;
  left: 50%;
  bottom: -50px;
  transform: translate(-50%, 0);
  z-index: 100;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;}

#de_notif.active{
  opacity: 1;
  bottom: 40px;}

/* shop end */


/* cart begin */

.de__cart-item{
  display: flex;
  margin-bottom: 30px;}
.de__cart-item img{
  position: absolute;
  width: 64px;
  margin: 0 15px;
  background: var(--bg-light);
  padding: 5px;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;}
.de__cart-item h4{
  margin-bottom: 0;
  font-size: 18px;}
.d-checkbox__input {
  display: none;}
.d-checkbox__input:checked + .d-checkbox__label:after {
  opacity: 1;}
.d-checkbox__label {
  display: inline-block;
  width: 16px;
  height: 16px;
  position: relative;
  cursor: pointer;}
.d-checkbox__label:before {
  content: "";
  width: 16px;
  height: 16px;
  border: 2px solid var(--secondary-color);;
  box-sizing: border-box;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 3px;}
.d-checkbox__label:after {
  font-family: "FontAwesome";
  content: "\f00c";
  background: var(--secondary-color);
  color:#ffffff;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  width: 16px;
  height: 16px;
  display: block;
  border-radius: 2px;
  overflow: hidden;
  opacity: 0;
  transition: 0.2s opacity;}
.de__cart-item .d-info{
  display: inline-flex;
  margin-left: 95px}
.de__cart-item .d-price{
  color: var(--heading-font-color);
  font-size: 18px;}
#extra-wrap.dark .de__cart-item .d-price{
  color: #ffffff;}
.de__cart-item .de-number .d-plus,
.de__cart-item .de-number .d-minus{
  padding-top:5px;}
.de__cart-item .de-number input{
  font-weight: bold;
  font-size: 16px;}


#extra-wrap .de__cart-item .d-info{
  max-width: 150px;
  text-overflow: ellipsis;
  white-space: nowrap;
    overflow: hidden;
}
#extra-wrap .de__cart-item h4,
#extra-wrap .de__cart-item .d-price{
  font-size: 14px;}

/* cart end */

/* ecommerce icons begin */
.de-icon-counter{
  cursor: pointer;
  position: relative;
  padding: 10px;
  padding-right: 15px;}
.de-icon-counter img{
  width: 24px;}
.de-icon-counter .d-counter{
  background: rgb(221, 135, 117);
  font-size: 12px;
  width: 24px;
  height: 24px;
  color:#ffffff;
  position: absolute;
  top: 0;
  right: 0;
  padding-top: 6px;
  line-height: 1;
  text-align: center;
  border-radius:30px;
  -moz-border-radius:30px;
  -webkit-border-radius:30px;}

.de-quick-search{
  background: none;
  outline: none;
  border:solid 1px rgba(0, 0, 0, .5);
  padding: 3px 10px;}
/* ecommerce icons end */

/* owl sync begin */
#sync1 .item {
  background: rgba(var(--primary-color-rgb),.1);
  padding: 40px;
  margin: 5px;
  color: #FFF;
  -webkit-border-radius: var(--rounded-1);
  -moz-border-radius: var(--rounded-1);
  border-radius: var(--rounded-1);
  text-align: center;}

#sync2 .item {
  background: rgba(var(--primary-color-rgb),.1);
  margin: 5px;
  color: #FFF;
  -webkit-border-radius: var(--rounded-1);
  -moz-border-radius: var(--rounded-1);
  border-radius: var(--rounded-1);
  padding: 10px;
  text-align: center;
  cursor: pointer;}
#sync2 .item h1 {
  font-size: 18px;}
#sync2 .current .item {
  background: rgba(var(--primary-color-rgb),.3);}

/* range slider begin */

/* price range slider */
.price-input {
  width: 100%;
  display: flex;
  margin: 0 0 15px;}
.price-input .field {
  display: flex;
  width: 100%;
  align-items: center;}
.field input {
  width: 60px;
  outline: none;
  font-size: 16px;
  margin-left: 12px;
  border-radius: 3px;
  border: none;
  font-weight: bold;
  -moz-appearance: textfield;
  background: none;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;}
.price-input .separator {
  width: 130px;
  display: flex;
  font-size: 19px;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
  margin-left: 10px;}
.slider {
  height: 5px;
  position: relative;
  background: #ddd;
  border-radius: 5px;}
.slider .progress {
  height: 100%;
  left: 0%;
  right: 0%;
  position: absolute;
  border-radius: 5px;
  background: rgb(221, 135, 117);}
.range-input {
  position: relative;
  margin-bottom: 10px;}
.range-input input {
  position: absolute;
  width: 100%;
  height: 5px;
  top: -5px;
  background: none;
  pointer-events: none;
  -webkit-appearance: none;
  -moz-appearance: none;}
input[type="range"]::-webkit-slider-thumb {
  height: 17px;
  width: 17px;
  border-radius: 50%;
  background: rgb(221, 135, 117);
  pointer-events: auto;
  -webkit-appearance: none;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);}
input[type="range"]::-moz-range-thumb {
  height: 17px;
  width: 17px;
  border: none;
  border-radius: 50%;
  background: rgb(221, 135, 117);
  pointer-events: auto;
  -moz-appearance: none;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);}
/* range slider end */

/* custom tabs */
.de-tab .d-tab-nav {
  padding: 0;
  list-style: none;
  position: relative;}
.de-tab .d-tab-nav .active-tab {
  border-bottom: none;
  font-weight: 500;
  position: relative;
  color: var(--btn-color);
  background: rgb(221, 135, 117);}
.de-tab .d-tab-nav li {
  display: block;
  cursor: pointer;
  padding: 10px;}
.de-tab .d-tab-content {
  padding: 0;
  margin: 0;
  list-style: none;}
.de-tab .d-tab-content > li {
  display: none;}

.de-tab .d-tab-nav li{
  display: inline-block;
  padding: 8px 20px;}

.de-tab.pill .d-tab-nav{
  background: rgba(var(--primary-color-rgb),.2);}

.de-tab.pill .d-tab-nav{
  display: flex;
  justify-content: space-around;
  border: none;
  border-radius:30px;
  -moz-border-radius:30px;
  -webkit-border-radius:30px;
  overflow: hidden;}
.de-tab.pill .d-tab-nav li{
  font-weight: 500;
  color:#000000;
  text-align: center;
  flex-grow:1;}
.de-tab.pill .d-tab-nav .active-tab{
  background: rgb(221, 135, 117);
  color:#ffffff;
  border:none;}

.de-tab.plain .d-tab-nav li{
  font-weight: 500;
  color:#000000;
  text-align: center;
  padding: 0;
  margin: 0;
  opacity: .4;}
.de-tab.plain .d-tab-nav .active-tab{
  background: none;
  font-weight: bold;
  opacity: 1;}


@media only screen and (max-width: 767px) {
  .d-tab-nav,
  .d-tab-nav li{
    display: block !important;
}
}

/* custom tabs end */

/* de-dot */


.de-dot {
    position: absolute;
    z-index: 10;
    box-sizing: content-box;
    display: inline-block;
    width: 32px;
    height: 32px;
    margin: -16px 0 0 -16px;
    border-radius: 50%;}

.de-dot:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 15px;
    height: 15px;
    background: orange;
    border-radius: 50%;
    animation: dot-pulse 1500ms ease-out infinite;}

.de-dot:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 15px;
    height: 15px;
    background: orange;
    border-radius: 50%;
    transition: all 200ms;}


@keyframes dot-pulse {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
}

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(2.2);
        opacity: 0;
}
}


.de-dot .d-content{
  transform: scale(0);
  transform-origin: top left;
  background: rgba(var(--bg-dark-1-rgb),.8);
  opacity: 0;
  overflow: hidden;
  margin-left: 10px;
  margin-top:20px;
  width: 210px;
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  padding: 20px 25px;
  font-size: 15px;
  line-height: 1.6em;}

.de-dot:hover .d-content,
.de-dot.active .d-content {
  transform: scale(1);
  opacity: 1;}

.de-dot:hover::after,
.de-dot.active::after {
  background: #ffffff;}

.de-dot:hover::before,
.de-dot.active::before {
  background: #ffffff;}


.dlm {
  display: block;
  position: relative;
  margin: 0 0 15px;
  padding: 0;
  &:after {
    content: '';
    display: block;
    border-bottom: 1px dotted #000;
      position: relative;
    margin-top: -6px;
    z-index: 1;
}
}
.dlm-table {
  position: relative;
  display: table;
  border-collapse: separate;
  background: transparent;}

.dlm-description {
    display: table-cell;
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
   vertical-align: bottom;}
.dlm-name {
  font-weight: 500;
  display: inline;
  margin: 0;
  background:#fff;
  z-index: 2;
  position: relative;
  padding: 0 6px 0 0;
  font-size: 16px;}

.dlm-options {
  &:before {
    content: '|';
    display: inline-block;

}
}

.dlm-price {
  color:var(--title-font-color);
  font-weight: bold;
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
  display: table-cell;}

.dlm-value {
  background-color: #fff;
  display: inline-block;
  z-index: 2;
  padding: 0 0 0 6px;
  position: relative;}


.ss-wrap{
  position: relative;
  width: 120%;
  margin-left: -10%;}

.ss-wrap img{
  width: 25%;
  box-shadow: 0 0.25rem 0.5rem rgb(0 0 0 / 15%), 0 1.5rem 2.2rem rgb(0 0 0 / 50%);
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;}

.ss-wrap .img-c1{
  margin-bottom: -15%;
  z-index: 4;}

.ss-wrap .img-l1{
  top:10%;
  left: 20%;
  z-index: 3;}

.ss-wrap .img-l2{
  top:20%;
  left: 0%;}


.ss-wrap .img-r1{
  top:10%;
  right: 20%;
  z-index: 3;}

.ss-wrap .img-r2{
  top:20%;
  right: 0%;}

.body-font{
  font-family: var(--body-font);}

/* text circle begin */
.text-circle {
  position: relative;
  width: calc(var(--text-circle-width) * 2);
  height: calc(var(--text-circle-width) * 2);
  border-radius: 50%;
  animation: spin var(--text-circle-speed) linear infinite;}

@keyframes spin {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}

.text-circle span {
  position: absolute;
  left: 50%;
  transform-origin: 0 var(--text-circle-width);
  font-size: calc(var(--text-circle-width) * 0.15);
  white-space: pre;}
/* text circle end */

/* de-vertical-nav begin */

.de-vertical-nav a{
  background: var(--bg-grey);
  border-radius:2px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  display: block;
  padding: 40px;
  position: relative;}

.de-vertical-nav img{
  position: absolute;
  width: 40px;
  top: 50%;  transform: translateY(-50%);}

/* de-vertical-nav end */

/* timeline begin */
.de-timeline .d-item{
  display: flex;
  justify-content: space-between;
  position: relative;}

.de-timeline .d-item{
  content: "";
  border-left: solid 1px #555;
  margin-left: 20px;
  padding-bottom: 30px;}

.de-timeline .d-item  .d-icon{
  border-radius:30px;
  -moz-border-radius:30px;
  -webkit-border-radius:30px;
  position: absolute;
  width: 28px;
  height: 28px;
  text-align: center;
  left: -15px;
  color: #ffffff;
  background: var(--secondary-color);}

.de-timeline .d-item.active .d-icon{
  animation: pulsing 2s infinite;
  transition: all 0.2s;}

.de-timeline .d-item .d-text{
  max-width: 80%;
  padding-left: 40px;}

.de-timeline .d-item .d-text h4{
  margin-bottom: 5px;}

.de-timeline .d-item:not(.active){
  opacity: .25;}

@keyframes pulsing {
  from {
    box-shadow: 0 0 0 0 rgba(var(--secondary-color-rgb),1);
}
  70% {
    box-shadow: 0 0 0 15px rgba(var(--secondary-color-rgb),0);
}
  to {
    box-shadow: 0 0 0 0 rgba(var(--secondary-color-rgb),0);
}
}

/* de-timeline end */

/* timeline-s2 begin */
.de-timeline-s2 .d-item{
  display: flex;
  justify-content: space-between;
  position: relative;}

.de-timeline-s2 .d-item{
  content: "";
  border-left: solid 1px rgba(0, 0, 0, .2);
  margin-left: 20px;
  padding-bottom: 30px;}

.de-timeline-s2 .d-item:last-child{
  border: none;}


.de-timeline-s2.color .d-item{
  border-left-color: var(--secondary-color);}


.de-timeline-s2 .d-item.no-border{
  border: none;}

.de-timeline-s2 .d-item  .d-icon{
  font-weight: bold;
  border-radius:30px;
  -moz-border-radius:30px;
  -webkit-border-radius:30px;
  position: absolute;
  width: 40px;
  height: 40px;
  padding-top: 5px;
  text-align: center;
  left: -20px;
  color:#ffffff;
  background: rgb(221, 135, 117);}

.de-timeline-s2.color .d-item  .d-icon{
  background: var(--secondary-color);}

.de-timeline-s2 .d-item.active .d-icon{
  animation: pulsing 2s infinite;
  transition: all 0.2s;}

.de-timeline-s2 .d-item .d-text{
  padding-left: 40px;}

.de-timeline-s2 .d-item .d-text h4{
  margin-bottom: 5px;}

@keyframes pulsing {
  from {
    box-shadow: 0 0 0 0 rgba(var(--secondary-color-rgb),1);
}
  70% {
    box-shadow: 0 0 0 15px rgba(var(--secondary-color-rgb),0);
}
  to {
    box-shadow: 0 0 0 0 rgba(var(--secondary-color-rgb),0);
}
}

/* de-timeline end */


/* swiperjs */

.swiper{
  background: var(--bg-dark-1);  }

.swiper,
.sw-overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    left:0;
    top: 0;}

.swiper-slide{
    position: relative;
    background: var(--bg-dark-1);}

.sw-caption{
    z-index: 1;
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    letter-spacing: -.5;}

.sw-text-wrapper.border-left{
  border-left: solid 1px rgba(0, 0, 0, .25);
  padding-left: 40px;}

.sw-text-wrapper.border-left.light{
  border-left: solid 1px rgba(255, 255, 255, .25);
  padding-left: 40px;}


.slider-title .underline{
  position: relative;}
.slider-title .underline:before{
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
  background: var(--secondary-color);}
h1.slider-title{
  font-size: 64px;
  font-weight: 500;
  margin-bottom: 20px;
  line-height: 1.1em;
  letter-spacing: -2px;}
h2.slider-title{
  font-size: 64px;
  letter-spacing: -3px;}
h3.slider-teaser{
  font-size: 24px;}
p.slider-teaser{
  font-size: 18px;
  line-height: 1.6em;
  font-weight: 400;}


.swiper-inner {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}


.swiper-pagination {
    width: auto;
    font-size: 20px;
    text-align: center;
    position: absolute;
    left: 50%;
    right: auto;
    bottom: 40px;
    transform: translateX(-50%);
    font-weight: 400;
}

.swiper-pagination-total{
  font-size:20px;
  opacity: .5;}

.swiper-pagination-current{
  color:#000000;
  font-size: 20px;}

.text-light .swiper-pagination-current{
  color: #ffffff;}

.slider-light .swiper-pagination-current{
  color: var(--heading-font-color);}

.swiper-button-next, .swiper-button-prev{
  color:#ffffff;}

.swiper-button-next.dark, .swiper-button-prev.dark{
  color:#000000;}


.slider-light .swiper-button-next, .slider-light .swiper-button-prev{
  color:rgb(221, 135, 117);}

.swiper-button-next:after, .swiper-button-prev:after{
  font-size:24px;}

.swiper-button-next{
  right: 20px;}

.swiper-button-prev{
  left: 20px;}

.sw-price .d-starting{
  margin-bottom: 20px;
  color:rgba(255, 255, 255, .75);}
.sw-price .d-price{
  font-size: 56px;
  font-family: var(--heading-font);
  font-weight: bold;
  margin-bottom: 10px;}
.sw-price .d-val{
  background: -webkit-linear-gradient(0deg,#888888 0%, #ffffff 75%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}
.sw-price .d-cur, .sw-price .d-period{
  font-size: 16px;
  font-family: var(--body-font);
  color:var(--secondary-color);}
.sw-price .d-cur{
  font-weight: bold;}


/* swiper end */

/* =========================================================
   REBT HERO SECTION
   ========================================================= */

.rebt-hero {
    position: relative;
    overflow: hidden;
}


/* =========================================================
   HERO IMAGE
   ========================================================= */

.rebt-hero .swiper-inner {
    position: relative;
    background-size: cover !important;
    background-position: center !important;
}


/* =========================================================
   GREY IMAGE OVERLAY
   ========================================================= */

.rebt-hero .sw-overlay {
    position: absolute !important;
    inset: 0 !important;

    width: 100%;
    height: 100%;

    z-index: 2 !important;

    pointer-events: none;

    background: rgba(50, 50, 50, 0.40) !important;
}


/* =========================================================
   TEXT ABOVE OVERLAY
   ========================================================= */

.rebt-hero .sw-caption {
    position: relative;
    z-index: 3 !important;
}

.rebt-hero .sw-text-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
/* =========================================================
   WHAT HAPPENS IN THERAPY
   ========================================================= */

.therapy-steps .row.g-4 > .col-lg-4:nth-child(odd) .bg-grey {
   background-color: #c8dbd7 !important;
}

.therapy-steps .row.g-4 > .col-lg-4:nth-child(even) .bg-grey {
    background-color: #f6d4c4 !important;
}
/* RE-CBT PATTERNS SECTION HEADING */
section .text-center.mb-5 h2 {
    color: #dd8775 !important;
    -webkit-text-fill-color:#dd8775 !important;
    font-family: 'League Spartan', Arial, Helvetica, sans-serif !important;
    font-size: 36px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

section .text-center.mb-5 hr {
    border-color: #000000 !important;
    opacity: 1 !important;
}



/* =========================================================
   SECTION HEADING
   ========================================================= */
.therapy-steps .text-center h2 {
    font-family: "League Spartan", Arial, Helvetica, sans-serif !important;
    color: rgb(221, 135, 117) !important;
    -webkit-text-fill-color: rgb(221, 135, 117) !important;
    font-weight: 500 !important;
    opacity: 1 !important;
    visibility: visible !important;
}


/* =========================================================
   STEP NUMBER
   ========================================================= */

.therapy-steps .bg-grey .id-color {
    font-family: 'League Spartan',
                 Arial,
                 Helvetica,
                 sans-serif !important;

    color: #000000 !important;
}


/* =========================================================
   BOX HEADINGS
   ========================================================= */

.therapy-steps .bg-grey h4 {
    font-family: 'League Spartan',
                 Arial,
                 Helvetica,
                 sans-serif !important;

    color: #000000 !important;

    font-weight: 500 !important;

    line-height: 1.2;
}

section .text-center.mb-5 ~ .col-lg-4 p,
section .text-center.mb-5 ~ .col-lg-4 p strong {
    color: rgb(94, 94, 94) !important;
    -webkit-text-fill-color: rgb(94, 94, 94) !important;
}
.row.align-items-center.g-4 .subtitle {
    font-family: "League Spartan", Arial, Helvetica, sans-serif !important;
    color: rgb(212, 124, 106) !important;
    -webkit-text-fill-color: rgb(212, 124, 106) !important;
    font-size: 44px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
}
/* =========================================
   OUR THERAPISTS HERO — REDUCED HEIGHT
========================================= */

.our-therapists-hero .mh-800,
.our-therapists-hero .swiper,
.our-therapists-hero .swiper-wrapper,
.our-therapists-hero .swiper-slide,
.our-therapists-hero .swiper-inner {
    height: 550px !important;
    min-height: 550px !important;
}


/* Background image */
.our-therapists-hero .swiper-inner {
    background-size: cover !important;
    background-position: center center !important;
}


/* Keep text vertically centered */
.our-therapists-hero .sw-caption {
    height: 100%;
    display: flex;
    align-items: center;
}


/* Mobile */
@media (max-width: 767px) {

    .our-therapists-hero .mh-800,
    .our-therapists-hero .swiper,
    .our-therapists-hero .swiper-wrapper,
    .our-therapists-hero .swiper-slide,
    .our-therapists-hero .swiper-inner {
        height: 450px !important;
        min-height: 450px !important;
    }

}

.anxiety-help-section .content-card-text p {
    margin: 0 0 12px;
    font-size: 16px;
    line-height: 1.7;
    color: red !important;
}

.anxiety-help-section .content-card-text p strong {
    color: #222;
    font-weight: 600;
}

.anxiety-help-section .content-card-text p:last-child {
    margin-bottom: 0;
}

/* =========================================================
   BOX PARAGRAPHS
   ========================================================= */

.therapy-steps .bg-grey p {
    font-family: 'Montserrat',
                 Arial,
                 sans-serif !important;

    color: #000000 !important;

    font-weight: 400 !important;

    line-height: 1.7;
}


/* =========================================================
   BOX
   ========================================================= */

.therapy-steps .bg-grey {
    border-radius: 10px;

    transition: transform 0.3s ease;
}


/* Optional subtle hover */
.therapy-steps .bg-grey:hover {
    transform: translateY(-4px);
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .therapy-steps > .container > .text-center h2 {
        font-size: 28px !important;
    }

    .therapy-steps .bg-grey h4 {
        font-size: 22px !important;
    }

    .therapy-steps .bg-grey p {
        font-size: 15px !important;
    }

}

/* =========================================================
   HERO HEADING
   ========================================================= */

.rebt-hero .rebt-hero-title {
    position: relative;
    z-index: 4 !important;

    margin: 0;

    font-family: 'League Spartan', Arial, Helvetica, sans-serif !important;

    font-size: 58px !important;
    font-weight: 600 !important;

    line-height: 1.1 !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    text-align: center;

    opacity: 1 !important;

    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}


/* =========================================================
   QUOTE ICON
   ========================================================= */


.rebt-hero .quote-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 991px) {

    .rebt-hero .rebt-hero-title {
        font-size: 44px !important;
    }

}


@media (max-width: 767px) {

    .rebt-hero .rebt-hero-title {
        font-size: 36px !important;
        line-height: 1.15 !important;
    }

    .rebt-hero .quote-icon svg {
        width: 40px;
        height: 40px;
    }

}


@media (max-width: 480px) {

    .rebt-hero .rebt-hero-title {
        font-size: 30px !important;
    }

}

/* swiper #2 begin */

.swiper-container {
  overflow: hidden;
  width: 100%;
  margin-left: auto;
  margin-right: auto;}
@media (min-width: 480px) {
  .swiper-container {
    min-height: 320px;
}
}
.swiper-container-wrapper {
  display: flex;
  flex-flow: column nowrap;
  height: 100vh;
  width: 100vw;}
@media (min-width: 480px) {
  .swiper-container-wrapper {
    flex-flow: row nowrap;
}
}

#swiper-s2 .swiper-slide {
  text-align: center;
  background-size: cover;
  background-position: center;
  background-color: var(--bg-dark-1);
  /* Center slide text vertically */
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  /* Slide content */}
.swiper-slide .description,
.swiper-slide .title {
  display: block;
  opacity: 0;
  transition: 0.5s ease 0.5s;}
.swiper-slide-active .description,
.swiper-slide-active .title {
  opacity: 1;}
.swiper-slide-active .title {
  margin-bottom: 0.5rem;
  font-size: 24px;
  color: #000;
  transition: opacity 0.5s ease 0.5s;}
.swiper-slide-active .description {
  font-size: 16px;
  color: #777;
  transition: opacity 0.5s ease 0.75s;}

.sw-caption-thumb h3{
  font-size: 22px}

.sw-caption-thumb .d-tag{
  color:#ffffff;
  font-size: 12px;
  font-weight: bold;
  background: rgb(221, 135, 117);
  padding: 2px 10px;
  border-radius:30px;
  -moz-border-radius:30px;
  -webkit-border-radius:30px;}

/* swiper #2 end */

.player {
  margin: 0 auto;
  background: none;
  width: 120px;
  height: 120px;
  border: solid 2px #fff;
  position: relative;
  text-indent:-9999px;}

.player span {
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-left: 20px solid #ffffff;
  border-bottom: 15px solid transparent;
  position:absolute;
  top:37.5%;
  left:45%; }

.player.dark span{
  border-left: 20px solid #000000;}

.player:hover{
  cursor:pointer;
  border:none;
  box-shadow:none;}

.player:hover span{
  transform: scale(1.2);}

.player.invert span{
  border-left: 20px solid #000;}


.player.invert:hover span{
  border-left: 20px solid #fff;}


.btn-play {
  margin: 0 auto;
  background: rgb(221, 135, 117);
  width: 40px;
  height: 40px;
  position: relative;
  text-indent:-9999px;}

.btn-play span {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-left: 15px solid #ffffff;
  border-bottom: 10px solid transparent;
  position:absolute;
  top:10px;
  left:15px; }

.btn-play.dark span{
  border-left: 15px solid #000000;}

.btn-play:hover{
  background:rgb(221, 135, 117);
  cursor:pointer;
  border:none;
  box-shadow:none;}

.btn-play:hover span{
  transform: scale(.8);}


.de-flex #mainmenu{
  margin: 0;}

.col-start, .col-end {
  display: flex;
  align-items: center;
  justify-content: start;
  flex-grow: 1;
  flex-basis: 0;}

.col-end{
  justify-content: end;}

.col-center {
  display: flex;
  align-items: center;
  justify-content: center;}

.col-center img{
  width: 160px;}


.subtitle{
  position: relative;
  font-weight: 600;
  display: inline-block;
font-family: var(--heading-font);
  font-size:var(--subtitle-font-size);
  color:var(--subtitle-color);
  letter-spacing: var(--subtitle-letter-spacing);
  text-transform: var(--subtitle-text-transform);
  padding: var(--subtitle-padding);
  background: var(--subtitle-background);
  border-radius:var(--subtitle-rounded);
  -moz-border-radius:var(--subtitle-rounded);
  -webkit-border-radius:var(--subtitle-rounded);
  line-height: 1.5em;
  margin-bottom: 20px;}

.text-light .subtitle{
  color: var(--subtitle-color-dark);
  background: var(--subtitle-background-dark);
  border-color: rgba(255, 255, 255, .5);}

@keyframes blinkingText{
  0%    { background: rgb(221, 135, 117);}
  50%   { background: rgba(var(--primary-color-rgb), 0); }
  100%    { background: rgb(221, 135, 117);}
}

.scrollbar {
  position: fixed;
  bottom: 0;
  left: 0;
  height: 4px;
  transition: all linear 0.1s;
  min-width: 0%;
  z-index:1000;}

.scrollbar-v {
  background: var(--secondary-color);
  position: fixed;
  top: calc(50% + 60px);
  left: 43px;
  width: 2px;
  transition: all linear 0.1s;
  min-height: 0%;
  z-index:1000;}

.scrollbar-v:before{
  content: "";
  position: absolute;
  left: 0;
  width: 2px;
  min-height: 100px;
  background: rgba(0, 0, 0, .15);}


.scrollbar-v.dark:before{
  background: rgba(255, 255, 255, .2);}

.float-text {
    width: 20px;
    position: fixed;
    z-index: 1002;
    margin-left: 30px;
    text-align: center;
    font-size: 12px;
    top: 50%;
    left: 16px;
    transform: translate(-50%, -50%);
    font-weight: 500;}

.float-text a{
    color: #000000;}

.float-text.dark a{
  color:#ffffff;}

.float-text span{
    margin-left: -5px;
    margin-top: 20px;
    writing-mode: vertical-rl;
    letter-spacing: .75px;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    color: #222;}


.float-text-right {
    width: 20px;
    position: fixed;
    z-index: 1000;
    margin-left: 30px;
    text-align: center;
    letter-spacing: 2px;
    font-size: 12px;
    top: 50%;
    right: 15px;}

.de_social-icons a{
  color:#ffffff;
  margin:10px 0;}


.dark-scheme .float-text span{
    color: #ffffff;}

/* de-number begin */

    .de-number{
      margin-top: 8px;
}

    .d-minus, .d-plus{
      margin-top: -6px;
      cursor: pointer;
      color: #ffffff;
      font-size: 24px;
      width:36px;
      height:36px;
      padding:3px 5px 3px 5px;
      display: inline-block;
      vertical-align: middle;
      text-align: center;
      -webkit-user-select: none; /* Safari */
      -ms-user-select: none; /* IE 10 and IE 11 */
      user-select: none; /* Standard syntax */
      background: rgb(221, 135, 117);
}
    .d-minus:active, .d-plus:active{
      background: #ffffff;
      color: #000;
}
    .de-number input{
      width: 40px;
      text-align: center;
      font-size: 20px;
      border:none;
      padding: 3px !important;
      background: none;
}

    #extra-wrap.dark .de-number input{
      color: #ffffff;
}
/* de-number close */

#recaptcha {
    width: 304px;
    margin: 0 auto;}

.carousel-indicators [data-mdb-target]{
  background: none !important;
  margin: 0 10px;}
.carousel-indicators [data-mdb-target] img {
    margin-top: 20px;}

.d_demo_img {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 5px;
  margin-bottom: 15px;
  border-radius:12px;
  -moz-border-radius:12px;
  -webkit-border-radius:12px;

  box-shadow: 5px 20px 40px 5px rgba(0,0,0,.1);
  -webkit-box-shadow: 5px 20px 40px 5px rgba(0,0,0,.1);
  -moz-box-shadow: 5px 20px 40px 5px rgba(0,0,0,.1);}

.d_demo_img:hover{
  border-color:rgba(var(--primary-color-rgb),1);}

.d_demo_img .d-overlay {
  opacity: 0;
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
  display: flex;
  justify-content: center;
  align-items: center;}

.d_demo_img .d-overlay span {
  color: #ffffff;
  background: rgb(221, 135, 117);
  padding: 5px 15px;
  font-weight: bold;
  transform: scale(1.5);
  opacity: 0;}

.d_demo_img:hover img {
  transform: scale(1.1);}

.d_demo_img:hover .d-overlay {
  opacity: 1;}

.d_demo_img:hover .d-overlay span {
  transform: scale(1.0);
  opacity: 1;}

.de-hover-scale:hover{
  transform: scale(1.2);
  -webkit-box-shadow: 0 10px 30px rgb(0 19 87 / 25%);
  -moz-box-shadow: 0 10px 30px rgb(0 19 87 / 25%);
  box-shadow: 0 10px 30px rgb(0 19 87 / 25%);}

.soft-shadow {
  box-shadow: 0 0.25rem 0.5rem rgb(0 0 0 / 5%), 0 1.5rem 2.2rem rgb(0 0 0 / 10%);}

.rtl .owl-carousel,
.rtl .bx-wrapper {
  direction: ltr;}

.rtl .owl-carousel .owl-item {
  direction: rtl;}

.de-flex {
  display: flex;
  justify-content: space-between;}

.de-flex>.de-flex-col {
  display: flex;
  justify-content: center;
  align-items: center;}

#loadmore {
  display: inline-block;
  margin-top: 10px;}

.d-item {
  display: none;}

.filter__l,
.filter__r {
  font-family: var(--heading-font);}

.filter__l {
  font-weight: bold;}

.filter__r {
  float: right;
  cursor: pointer;}

/*Cookie Consent Begin*/
#cookieConsent {
  background-color: rgba(255, 255, 255, 0.8);
  min-height: 26px;
  font-size: 14px;
  line-height: 26px;
  font-weight: 500;
  padding: 10px 30px 10px 30px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  display: none;
  z-index: 9999;}

#cookieConsent a {
  text-decoration: none;}

#closeCookieConsent {
  float: right;
  display: inline-block;
  cursor: poInter;
  height: 20px;
  width: 20px;
  margin: -15px 0 0 0;
  font-weight: bold;}

#closeCookieConsent:hover {
  color: #FFF;}

#cookieConsent a.cookieConsentOK {
  color: #fff;
  display: inline-block;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  padding: 0 20px;
  cursor: poInter;}

#cookieConsent a.cookieConsentOK:hover {
  opacity: .8;}

/*Cookie Consent End*/

.vertical-center {
  min-height: 100%;
  /* Fallback for browsers do NOT support vh unit */
  /* These two lines are counted as one :-)       */

  display: flex;
  align-items: center;}

#purchase-now {
  position: fixed;
  bottom: 80px;
  left: 20px;
  z-index: 10000;}

#purchase-now a {
  color: #ffffff;
  z-index: 1;
  position: absolute;
  border-radius: 60px;
  -moz-border-radius: 60px;
  -webkit-border-radius: 60px;
  background: #78A938;
  display: block;
  font-size: 24px;
  font-weight: bold;
  width: 60px;
  height: 60px;
  padding: 17px;
  text-decoration: none;
  animation: shadow-pulse 1s infinite;}


#buy-now {
  position: fixed;
  bottom: 60px;
  left: 40px;
  z-index: 10000;
}

#buy-now a {
  color: #ffffff;
  z-index: 1;
  position: absolute;
  background: #333333;
  display: block;
  font-size: 14px;
  font-weight: bold;
  padding: 10px 15px;
  text-align: center;
  width: 150px;
  line-height: 1em;
  text-decoration: none;
  animation: shadow-pulse 1s infinite;
  border-radius:30px;
  -moz-border-radius:30px;
  -webkit-border-radius:30px;}

#buy-now a img{
  width: 64px;
  margin-left: 3px;}

@keyframes shadow-pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(120, 169, 56, 0.2);
}

  100% {
    box-shadow: 0 0 0 20px rgba(120, 169, 56, 0);
}
}

#purchase-now a span {
  font-size: 14px;
  font-weight: 500;
  left: 8px;
  position: absolute;
  top: 18px;
  width: 100px;}

#purchase-now .pn-hover {
  position: absolute;
  font-weight: bold;
  font-size: 16px;
  background: #ffffff;
  color: #78A938;
  width: 120px;
  padding: 10px;
  padding-left: 20px;
  text-align: center;
  top: 8px;
  border-radius: 0px;
  left: 30px;
  opacity: 0;}

#purchase-now:hover .pn-hover {
  opacity: 1;
  left: 40px;}

.opt-1 {
  display: inline-block;}

.opt-2 {
  display: none;}

.border {
  border-color: #EFEFEF !important;}

.tparrows {
  background: none !important;}

.gray img,
img.gray {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%);}

.text-light .border {
  border-color: rgba(255, 255, 255, .1) !important;}

.owl-thumbs img {
  padding: 3px;}

strong {
  font-weight: bold;}

.text-light strong {
  color: #fff;}

.bg-white {
  background: #ffffff;}

.bg-white-10 {
  background: rgba(255, 255, 255, .1);}

.wh80 {
  width: 80%;
  height: 80%;}

.border-top {
  border-top: solid 1px #e5e5e5 ;}

.text-light .border-top{
  border-top: solid 1px rgba(255, 255, 255, .5) !important;}

.border-bottom {
  border-bottom: solid 1px #e5e5e5;}

.dark-scheme .border-bottom {
  border-bottom: solid 1px rgba(255, 255, 255, .3) !important;}


.dark-scheme header.border-bottom {
  border-bottom: solid 1px rgba(255, 255, 255, .1) !important;}

.color-overlay {
  background: rgba(157, 130, 235, .3);}

section .color-overlay {
  padding: 60px 0 60px 0;}

.color-overlay-2 {
  background: rgba(26, 37, 48, .85);}

.circle-x {
  background: #333;
  display: inline-block;
  padding: 20px;
  font-size: 40px;
  color: #fff;
  margin-top: 140px;
  width: 70px;
  height: 70px;
  border-radius: 60px;
  -moz-border-radius: 60px;
  -webkit-border-radius: 60px;
  -webkit-box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.6);
  box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.6);}

#navigation {
  position: fixed;
  width: 100%;
  height: 60px;
  top: 0;
  right: 20px;
  text-align: center;
  margin-bottom: 60px;
  z-index: 1000;}

.nav-prev:before,
.nav-next:before,
.nav-exit:before {
  font-family: "FontAwesome";
  content: '\f177';
  color: #fff;
  padding: 20px;
  font-size: 24px;
  cursor: poInter;}

.nav-exit:before {
  width: 100%;
  display: block;}

.nav-next:before {
  content: '\f178';
  width: 100%;
  background: #555;}

.nav-exit:before {
  content: '\f00d';}

.de_light .nav-exit:before {
  color: #222;}

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

p {
  margin-bottom: 20px;
  color: rgb(94, 94, 94);}

p.intro {
  color: #555;
  font-size: 16px;
  line-height: 1.5em;}

.bg-grey {
  background: #f6f6f6;}

.no-bottom .col-md-12 {}

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

.no-top {
  padding-top: 0 !important;}

.no-margin {
  margin: 0 !important;}

.nopadding {
  padding: 0;
  margin: 0;}

#filters i {
  margin-right: 10px;}

.bg-side {
  position: relative;
  overflow: hidden;}

.image-slider {
  cursor: move;}

.inner-padding {
  padding: 90px;}

.inner-padding.pos-left {
  padding: 90px;
  padding-left: 0;}

.rtl .inner-padding.pos-left {
  padding-left: 90px;
  padding-right: 0;}

.no-padding,
section.no-padding {
  padding: 0;}

.float-left {
  float: left;}

#loader-area {
  display: none;
  background: #fff;}

#loader-area {
  display: none;
  background: #111;}

.loader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 99999;}

.page-overlay {
  display: none;
  width: 120px;
  height: 120px;
  border-radius: 0px;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10000;
  margin: auto;}

.form-control:focus {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;}

.d-carousel {
  position: relative;
  display: flex;
  align-items: center;}

.d-custom-nav {
  position: absolute;
  display: flex;
  width: 100%;
  height: 100px;
  z-index: 100;}

.d-arrow-left,
.d-arrow-right {
  display: none;
  cursor: pointer;
  position: absolute;
  margin-top: -10px;
  z-index: 100;
  width: 30px;
  height: 60px;
  background-color: rgba(255, 255, 255, 1.0);}

.d-arrow-left {
  left: 0px;
  border-top-right-radius: 110px;
  border-bottom-right-radius: 110px;}

.d-arrow-right {
  right: 0px;
  border-top-left-radius: 110px;
  border-bottom-left-radius: 110px;}

.d-arrow-left i,
.d-arrow-right i {
  position: absolute;
  z-index: 1000;
  top: 20px;
  color: #ffffff;
  font-size: 20px;
  font-weight: bold;}

.d-arrow-left i {
  left: 8px;}

.d-arrow-right i {
  right: 8px;}

#d-coll-carousel {
  position: relative;
  display: flex;
  align-items: center;}

.owl-nav {
  display: flex;}

.owl-prev,
.owl-next,
.d-nav-left,
.d-nav-right {
  cursor: pointer;
  position: absolute;
  top: 27.5%;
  z-index: 100;
  width: 40px;
  height: 40px;
  background-color: rgba(255, 255, 255, 1.0);
  border: solid 1px #ccc;}

.dark-scheme .owl-prev,
.dark-scheme .owl-next {
  background: var(--bg-color-even);
  color: #ffffff;
  border-color: rgba(255, 255, 255, .1);}

.owl-prev:hover,
.owl-next:hover {
  transform: scale(1.1);
  -webkit-box-shadow: 5px 5px 30px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 5px 5px 30px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 5px 5px 30px 0px rgba(0, 0, 0, 0.2);}

.owl-prev,
.d-nav-left {
  left: -12px;
  border-radius: 60px;
  padding-left: 4px;}

.owl-next,
.d-nav-right {
  right: -12px;
  border-radius: 60px;
  padding-right: 4px;}

.d-nav-left i,
.d-nav-right i {
  position: absolute;
  top: 20px;
  color: #111111;
  font-size: 20px;
  font-weight: bold;}

.owl-next i,
.d-nav-left i {
  top: 12px;
  left: 16px;}

.d-nav-right i {
  top: 12px;
  right: 16px;}

.owl-arrow {
  z-index: 100;
  background: #fff;
  margin-top: 48%;
  display: none;
  cursor: poInter;}

.owl-arrow span {
  display: block;
  background: #555;
  position: absolute;}

.owl-arrow .prev {
  left: 0;}

.owl-arrow .next {
  right: 0;}

.owl-arrow .prev:before,
.owl-arrow .next:before {
  font-family: "FontAwesome";
  content: '\f177';
  color: #222222;
  padding: 20px;
  font-size: 32px;
  display: block;}

.owl-arrow .next:before {
  content: '\f178';}

.owl-pagination {
  margin-top: 0px;
  height: 40px;}

.owl-theme .owl-controls .owl-page span {
  display: block;
  margin-top: 20px;
  margin-left: 10px;
  margin-right: 10px;
  width: 6px;
  height: 6px;
  background-color: #555;
  opacity: 1;}

.owl-theme .owl-controls .owl-page.active span {
  background: none;}

.owl-theme .owl-controls .owl-page.active span:before {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  position: relative;
  border: solid 2px #555;
  top: -2px;
  left: -2px;}

/* new owl */

.owl-theme .owl-nav.disabled+.owl-dots {
  margin-top: 20px;}

.owl-dots button {
  border: none;
  outline: none;
  padding: 0;
  width: 8px;
  height: 8px;
  margin: 0 5px;
  border-radius: 30px;
  background: rgba(0, 0, 0, .15);}

.owl-theme .owl-dots .owl-dot span {
  display: none;}

/* new owl close */

.text-light .owl-theme .owl-controls .owl-page span {
  background-color: #fff;}

.text-light .owl-theme .owl-controls .owl-page.active span {
  background: none;}

.text-light .owl-theme .owl-controls .owl-page.active span:before {
  border: solid 2px #fff;}

.text-light .owl-dot.active{
  background: #ffffff;}

.text-slider {
  color: #fff;
  display: inline-block;}

.text-slider.med-text {
  font-size: 72px;
  line-height: 84px;
  font-weight: bold;}

.text-slider.big-text {
  font-size: 120px;
  line-height: 120px;
  font-weight: bold;}

.border-deco .text-item {
  display: inline-block;}

.text-slider.dark {
  color: #222;}

.text-item i {
  font-size: 60px;
  margin-top: 5px;}

.text-slider.big-text i {
  font-size: 90px;
  margin-top: 15px;}

.text-slider h1 {
  font-size: 60px;}

.text-rotate-wrap {
  display: inline-block;}

.text-rotate-wrap .text-item {
  display: none;}

.red {
  color: #ff0000;}

.teal {
  color: #009999;}

.purple {
  color: #663366;}

.green {
  color: #009900;}

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

.center-y {
  position: relative;}

.overlay-bg {
  padding: 120px 0;
  width: 100%;
  height: 100%;
  z-index: 100;}

.overlay-bg.p60 {
  padding-top: 60px;
  padding-bottom: 60px;}

.overlay-gradient {
  width: 100%;
  height: 100%;
  z-index: 100;
  top: 0;}

.overlay-solid {
  width: 100%;
  height: 100%;
  z-index: 100;
  top: 0;}

.overlay-bg.t0 {
  background: rgba(var(--primary-color-rgb), 0);}

.overlay-bg.t20 {
  background: rgba(var(--primary-color-rgb), .2);}

.overlay-bg.t30 {
  background: rgba(var(--primary-color-rgb), .3);}

.overlay-bg.t40 {
  background: rgba(var(--primary-color-rgb), .4);}

.overlay-bg.t50 {
  background: rgba(var(--primary-color-rgb), .5);}

.overlay-bg.t60 {
  background: rgba(var(--primary-color-rgb), .6);}

.overlay-bg.t70 {
  background: rgba(var(--primary-color-rgb), .7);}

.overlay-bg.t80 {
  background: rgba(var(--primary-color-rgb), .8);}

.overlay-bg.t90 {
  background: rgba(var(--primary-color-rgb), .9);}


.overlay-bg.light-5 {
  background: rgba(255, 255, 255, .5);}

.overlay-bg.light-6 {
  background: rgba(255, 255, 255, .6);}

.overlay-bg.light-7 {
  background: rgba(255, 255, 255, .7);}

.overlay-bg.light-8 {
  background: rgba(255, 255, 255, .8);}

.overlay-bg.c1 {
  background: rgba(var(--primary-color-rgb), .8);}

.overlay-bg.dark {
  background: rgba(20, 20, 20, .8);}

.overlay-bg.gradient-blue-aqua {
  background: -moz-linear-gradient(45deg, rgba(2, 68, 129, 0.9) 0%, rgba(52, 176, 188, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc024481', endColorstr='#cc34b0bc', GradientType=1);}


.de-overlay-gradient-dark {
  position: absolute;
  width: 100%;
  height: 100%;
  top:0;
  left: 0;
  background: -moz-linear-gradient(rgba(0 ,0 ,0, 0) 0%, rgba(0, 0, 0, 1) 100%);}


.de-overlay-gradient-color {
  position: absolute;
  width: 100%;
  height: 100%;
  top:0;
  left: 0;
  background: -moz-linear-gradient(rgba(var(--primary-color-rgb), 0) 0%, rgba(var(--primary-color-rgb), 1) 100%);}


.bg-grey,
section.bg-grey {
  background: var(--bg-grey);}

.wow {
  visibility: hidden;}

#back-to-top {
  background: rgb(221, 135, 117);
  position: fixed;
  bottom: -40px;
  right: 20px;
  z-index: 1020;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 30px;
  cursor: poInter;
  padding-top: 3px;
  border: 0;
  text-decoration: none;
  transition: opacity 0.2s ease-out;
  outline: none;
  opacity: 0;
  border-radius:30px;
  -moz-border-radius:30px;
  -webkit-border-radius:30px;}

#back-to-top:hover {
  transform: scale(1.1);}

#back-to-top.show {
  bottom: 20px;
  opacity: 1;}

#back-to-top.hide {
  bottom: -40px;}

#back-to-top:before {
  font-family: "FontAwesome";
  font-size: 18px;
  content: "\f106";
  color: #000 !important;
  position: relative;}

/* mouse scroll icon begin */

.mouse {
  position: absolute;
  width: 22px;
  height: 42px;
  bottom: 40px;
  left: 50%;
  margin-left: -12px;
  border-radius: 15px;
  border: 2px solid #fff;
  -webkit-animation: intro 1s;
  animation: intro 1s;}

.scroll {
  display: block;
  width: 3px;
  height: 3px;
  margin: 6px auto;
  border-radius: 4px;
  background: #fff;
  -webkit-animation: finger 1s infinite;
  animation: finger 1s infinite;}

@-webkit-keyframes intro {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
}

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
}

@keyframes intro {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
}

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
}

@-webkit-keyframes finger {
  0% {
    opacity: 1;
}

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
}
}

@keyframes finger {
  0% {
    opacity: 1;
}

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
}
}

/* mouse scroll icon close */

@-moz-keyframes bounce {

  0%,
  20%,
  50%,
  80%,
  100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
}

  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
}

  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
}
}

@-webkit-keyframes bounce {

  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
}

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
}
}

@keyframes bounce {

  0%,
  20%,
  50%,
  80%,
  100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
}

  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
}
}

.arrow-anim {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -20px;
  width: 40px;
  height: 40px;
  background-size: contain;}

.arrow-anim:before {
  content: "\f107";
  font-family: "FontAwesome";
  font-size: 32px;}

.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;}

.text-black {
  color: #222;}


#de-arrow-nav-set {
  text-align: center;}

#de-arrow-nav-set i {
  color: #222;
  font-size: 32px;}

#de-arrow-nav-set i.icon_menu {
  display: inline-block;}

/* =========================================================
   GOOGLE REVIEWS SECTION
========================================================= */

.google-reviews-section {
    position: relative !important;
    background: #3C5657 !important;
    padding: 80px 0 !important;
    margin-top: 120px !important;
    overflow: visible !important;
}


/* =========================================================
   REVIEWS WAVES
========================================================= */

.reviews-wave-container {
    position: absolute !important;
    left: 0 !important;
    top: -120px !important;

    width: 100% !important;
    height: 120px !important;

    overflow: hidden !important;
    z-index: 1 !important;

    pointer-events: none !important;
}

.reviews-wave-container .review-wave {
    position: absolute !important;

    top: 0 !important;
    left: 0 !important;

    width: 100% !important;
    height: 125px !important;

    display: block !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Wave order */

.reviews-wave-back {
    z-index: 1 !important;
}

.reviews-wave-middle {
    z-index: 2 !important;
}

.reviews-wave-front {
    z-index: 3 !important;
}


/* =========================================================
   SUPPORT SECTION
========================================================= */

.support-section {
    position: relative !important;
  
    overflow: visible !important;
}


/* =========================================================
   SUPPORT WAVES
========================================================= */

.support-wave-container {
    position: absolute !important;

    left: 0 !important;
    top: -120px !important;

    width: 100% !important;
    height: 120px !important;

    overflow: hidden !important;

    z-index: 5 !important;

    pointer-events: none !important;
}

.support-wave-container .support-wave {
    position: absolute !important;

    top: 0 !important;
    left: 0 !important;

    width: 100% !important;
    height: 125px !important;

    display: block !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Support wave colors */

.support-wave-back {
    z-index: 1 !important;
}

.support-wave-back path {
    fill: rgb(190, 210, 206) !important;
}

.support-wave-middle {
    z-index: 2 !important;
    opacity: 0.5 !important;
}

.support-wave-middle path {
    fill: rgb(202, 218, 214) !important;
    opacity: 0.8 !important;
}

.support-wave-front {
    z-index: 3 !important;
}

.support-wave-front path {
    fill: rgb(214, 228, 225) !important;
}


/* =========================================================
   GOOGLE RATING
========================================================= */

.google-rating-card {
    position: relative !important;
    z-index: 20 !important;

    width: 100% !important;

    margin: 0 auto 45px !important;
    padding: 0 !important;

    background: transparent !important;
    border: none !important;
    box-shadow: none !important;

    display: flex !important;
    flex-direction: row !important;

    align-items: center !important;
    justify-content: center !important;

    gap: 13px !important;

    text-align: center !important;
}

.google-rating-icon {
    width: 46px !important;
    height: 46px !important;

    padding: 9px !important;
    margin: 0 !important;

    display: block !important;

    background: #ffffff !important;
    border-radius: 50% !important;

    object-fit: contain !important;

    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15) !important;

    flex: 0 0 auto !important;
}

.google-rating-info {
    display: flex !important;
    flex-direction: column !important;

    align-items: center !important;
    justify-content: center !important;

    text-align: center !important;
}

.google-rating-info p {
    margin: 0 0 8px !important;

    color: #ffffff !important;

    font-size: 18px !important;
    font-weight: 600 !important;
}
.google-rating-info h3 {
    color: #ffffff !important;
}



/* =========================================================
   RATING NUMBER
========================================================= */

.google-rating-card h2 {
    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;

    font-size: 34px !important;
    line-height: 1 !important;
    font-weight: 700 !important;

    flex: 0 0 auto !important;
}


/* =========================================================
   BUSINESS NAME
========================================================= */

.google-business-name {
    display: none !important;
}


/* =========================================================
   GOOGLE STARS
========================================================= */

.google-rating-stars {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    gap: 2px !important;

    margin: 0 !important;
    padding: 0 !important;

    line-height: 1 !important;

    flex: 0 0 auto !important;
}

.google-rating-stars i {
    display: inline-block !important;

    color: #FBBC04 !important;

    font-size: 18px !important;

    margin: 0 !important;
    padding: 0 !important;

    line-height: 1 !important;
}


/* =========================================================
   REVIEW COUNT
========================================================= */

.google-review-count {
    color: rgba(255, 255, 255, 0.9) !important;

    font-size: 15px !important;
    font-weight: 500 !important;

    margin: 0 !important;
    padding: 0 !important;

    white-space: nowrap !important;

    line-height: 1 !important;
}


/* =========================================================
   OWL / SWIPER AREA
========================================================= */

.google-reviews-section .owl-stage {
    display: flex !important;
    align-items: stretch !important;
}

.google-reviews-section .owl-item {
    display: flex !important;

    height: auto !important;

    min-width: 0 !important;
}

.google-reviews-section .owl-item .item {
    width: 100% !important;

    height: auto !important;

    display: flex !important;

    padding: 7px !important;

    min-width: 0 !important;
}


/* =========================================================
   REVIEW CARDS
========================================================= */

.google-reviews-section .bg-color-op-1 {
    width: 100% !important;

    min-height: 300px !important;
    height: 100% !important;

    display: flex !important;
    flex-direction: column !important;

    background: #ffffff !important;
    color: #333333 !important;

    border-radius: 14px !important;

    padding: 30px !important;

    box-sizing: border-box !important;

    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12) !important;

    overflow: hidden !important;
}


/* =========================================================
   CARD CONTENT
========================================================= */

.google-reviews-section .text-dark {
    color: #3C5657 !important;
}

.google-reviews-section small {
    color: #777777 !important;
}

.google-reviews-section .d-stars {
    color: #FBBC04 !important;
}

.google-reviews-section .d-stars i {
    color: #FBBC04 !important;
    font-size: 15px !important;
}

.google-reviews-section .de-rating-ext .text-white {
    color: #3C5657 !important;
}

.google-reviews-section .bg-color-op-1 p {
    color: #444444 !important;

    line-height: 1.6 !important;

    margin-top: 0 !important;
    margin-bottom: 20px !important;

    overflow-wrap: anywhere !important;
}

.google-reviews-section .read-full-review {
    margin-top: auto !important;

    color: #3C5657 !important;

    font-weight: 600 !important;

    text-decoration: none !important;
}

.google-reviews-section .read-full-review:hover {
    color: #243b3c !important;
    text-decoration: none !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .google-reviews-section {
        margin-top: 95px !important;
        padding: 70px 0 65px !important;
    }

    .reviews-wave-container {
        top: -95px !important;
        height: 95px !important;
    }

    .reviews-wave-container .review-wave {
        height: 100px !important;
    }

    .support-wave-container {
        top: -95px !important;
        height: 95px !important;
    }

    .support-wave-container .support-wave {
        height: 100px !important;
    }

    .google-reviews-section .bg-color-op-1 {
        min-height: 300px !important;
        padding: 25px !important;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    /* -----------------------------------------
       SECTION
    ----------------------------------------- */

    .google-reviews-section {
        margin-top: 75px !important;

        padding: 65px 12px 50px !important;

        width: 100% !important;

        box-sizing: border-box !important;
    }


    /* -----------------------------------------
       WAVES
    ----------------------------------------- */

    .reviews-wave-container {
        top: -70px !important;

        width: 100% !important;
        height: 70px !important;

        overflow: hidden !important;
    }

    .reviews-wave-container .review-wave {
        top: 0 !important;

        width: 100% !important;
        height: 75px !important;

        max-width: none !important;

        transform: none !important;
    }


    /* -----------------------------------------
       SUPPORT WAVES
    ----------------------------------------- */

    .support-wave-container {
        top: -70px !important;

        width: 100% !important;
        height: 70px !important;
    }

    .support-wave-container .support-wave {
        width: 100% !important;
        height: 75px !important;

        max-width: none !important;

        transform: none !important;
    }


    /* -----------------------------------------
       GOOGLE RATING
    ----------------------------------------- */

    .google-rating-card {
        width: 100% !important;

        gap: 7px !important;

        margin: 0 auto 30px !important;

        flex-wrap: nowrap !important;

        justify-content: center !important;

        min-width: 0 !important;
    }

    .google-rating-icon {
        width: 38px !important;
        height: 38px !important;

        padding: 7px !important;
    }

    .google-rating-card h2 {
        font-size: 26px !important;
    }

    .google-rating-stars {
        gap: 1px !important;
    }

    .google-rating-stars i {
        font-size: 14px !important;
    }

    .google-review-count {
        font-size: 12px !important;
    }


    /* -----------------------------------------
       OWL / SWIPER
    ----------------------------------------- */

    .google-reviews-section .owl-stage-outer {
        width: 100% !important;

        overflow: hidden !important;
    }

    .google-reviews-section .owl-stage {
        display: flex !important;

        align-items: stretch !important;
    }

    .google-reviews-section .owl-item {
        display: flex !important;

        width: 100% !important;

        min-width: 0 !important;
    }

    .google-reviews-section .owl-item .item {
        width: 100% !important;

        padding: 6px !important;

        box-sizing: border-box !important;
    }


    /* -----------------------------------------
       REVIEW CARD
    ----------------------------------------- */

    .google-reviews-section .bg-color-op-1 {
        width: 100% !important;

        min-height: 0 !important;

        height: auto !important;

        padding: 22px !important;

        border-radius: 12px !important;

        box-sizing: border-box !important;
    }


    /* Don't force excessive card height */

    .google-reviews-section .bg-color-op-1 p {
        font-size: 14px !important;

        line-height: 1.55 !important;

        margin-bottom: 15px !important;
    }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .google-reviews-section {
        margin-top: 65px !important;

        padding: 60px 8px 45px !important;
    }


    /* Waves */

    .reviews-wave-container {
        top: -60px !important;

        height: 60px !important;
    }

    .reviews-wave-container .review-wave {
        height: 65px !important;
    }

    .support-wave-container {
        top: -60px !important;

        height: 60px !important;
    }

    .support-wave-container .support-wave {
        height: 65px !important;
    }


    /* Rating */

    .google-rating-card {
        gap: 5px !important;

        margin-bottom: 25px !important;
    }

    .google-rating-icon {
        width: 32px !important;
        height: 32px !important;

        padding: 6px !important;
    }

    .google-rating-card h2 {
        font-size: 23px !important;
    }

    .google-rating-stars i {
        font-size: 11px !important;
    }

    .google-review-count {
        font-size: 10px !important;
    }


    /* Cards */

    .google-reviews-section .owl-item .item {
        padding: 5px !important;
    }

    .google-reviews-section .bg-color-op-1 {
        padding: 20px !important;

        border-radius: 11px !important;
    }
}


/* =========================================================
   VERY SMALL PHONES
========================================================= */

@media (max-width: 360px) {

    .google-reviews-section {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .google-rating-card {
        gap: 4px !important;
    }

    .google-rating-icon {
        width: 29px !important;
        height: 29px !important;
        padding: 5px !important;
    }

    .google-rating-card h2 {
        font-size: 21px !important;
    }

    .google-rating-stars i {
        font-size: 10px !important;
    }

    .google-review-count {
        font-size: 9px !important;
    }

    .google-reviews-section .bg-color-op-1 {
        padding: 17px !important;
    }
}


/* owl */
  .read-full-review {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        margin-top: 8px;
        color: #222;
        font-size: 14px;
        font-weight: 600;
        text-decoration: none;
}

    .read-full-review:hover {
        color: #000;
        text-decoration: underline;
}

    .read-full-review i {
        font-size: 11px;
}

    .de-rating-ext .d-stars {
        color: #FBCF1E;
}
.owl-custom-nav.menu-float{
  position: relative;}
.owl-custom-nav.menu-float .btn-prev,
.owl-custom-nav.menu-float .btn-next{
  position: absolute;
  z-index: 2000;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  cursor: pointer;
  padding:0;}
.owl-custom-nav.menu-float .btn-prev{
  left: 0px;}
.owl-custom-nav.menu-float .btn-next{
  right: 0px;}
.owl-custom-nav.menu-float .btn-prev:before,
.owl-custom-nav.menu-float .btn-next:before{
  font-size: 24px;}
.owl-custom-nav .btn-prev:before,
.owl-custom-nav .btn-next:before{
display: block;
font-family:"FontAwesome";
content:"\f105";
color:var(--btn-color);
padding:10px 0;
font-size:20px;
width: 40px;
height: 50px;
background: rgb(221, 135, 117);
text-align: center;}
.owl-custom-nav.dark .btn-prev:before,
.owl-custom-nav.dark .btn-next:before{
color:#000000;}
.owl-custom-nav .btn-prev:before{
content:"\f104";
border-radius:0 30px 30px 0;
-moz-border-radius:0 30px 30px 0;
-webkit-border-radius:0 30px 30px 0;}
.owl-custom-nav .btn-next:before{
border-radius:30px 0 0 30px;
-moz-border-radius:30px 0 0 30px;
-webkit-border-radius:30px 0 0 30px;}

.owl-custom-nav.dark .btn-prev:before,
.owl-custom-nav.dark .btn-next:before{
  color:#000000;}

.owl-custom-nav a{
  text-decoration:none;}


.de-custom-nav .d-prev:before, .de-custom-nav .d-next:before{
    font-family: "FontAwesome";
    display: block;
    width: 40px;
    height: 40px;
    background: rgb(221, 135, 117);
    margin: 3px;
    text-align: center;
    font-size: 20px;
    color:var(--btn-color);
    cursor: pointer;
    padding: 3px 0 0 0;}

.de-custom-nav .d-prev:before{
    content:"\f104";}

.de-custom-nav .d-next:before{
    content:"\f105";}

.de-custom-nav .d-prev.circle:before, .de-custom-nav .d-next.circle:before{
  border-radius:30px;
  -moz-border-radius:30px;
  -webkit-border-radius:30px;}

.de-custom-nav .d-prev:hover:before, .de-custom-nav .d-next:hover:before{
    background: rgb(221, 135, 117);
    opacity: .8;}


.owl-prev,.owl-next{
  display: none;}

.owl-slider-nav {
  position: absolute;
  width: 100%;}

.owl-slider-nav,
.owl-slider-nav div {
  position: absolute;
  z-index: 10;
  cursor: poInter;}

.owl-slider-nav .next {
  right: -50px;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-right: 50px solid transparent;}

.owl-slider-nav .prev {
  left: -50px;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 50px solid transparent;}

.owl-slider-nav .next:before {
  font-family: "FontAwesome";
  font-size: 24px;
  content: "\f0da";
  color: #fff;
  position: absolute;
  right: -40px;
  top: -13px;}

.owl-slider-nav .prev:before {
  font-family: "FontAwesome";
  font-size: 24px;
  content: "\f0d9";
  color: #fff;
  position: absolute;
  left: -40px;
  top: -13px;}

.owl-dots {
  text-align: center;}

.owl-dot {
  background: #ccc;
  border: none;
  margin: 5px;
  width: 6px;
  height: 6px;
  padding: 0;
  border-radius: 60px;
  -moz-border-radius: 60px;
  -webkit-border-radius: 60px;}

.dark-scheme .owl-dot,
.text-light .owl-dot {
  background: rgba(255, 255, 255, .2);}

.owl-item.active div blockquote,
.owl-item.active div blockquote .de_testi_by {
  opacity: 1;}

.owl-stage {
  overflow: none;}

.typed-strings p {
  position: absolute;}

.typed-cursor {
  opacity: 1;
  -webkit-animation: blink 0.5s infinite;
  -moz-animation: blink 0.5s infinite;
  animation: blink 0.5s infinite;}

@keyframes blink {
  0% {
    opacity: 1;
}

  50% {
    opacity: 0;
}

  100% {
    opacity: 1;
}
}

@-webkit-keyframes blink {
  0% {
    opacity: 1;
}

  50% {
    opacity: 0;
}

  100% {
    opacity: 1;
}
}

@-moz-keyframes blink {
  0% {
    opacity: 1;
}

  50% {
    opacity: 0;
}

  100% {
    opacity: 1;
}
}

.sitemap {
  margin: 0;
  padding: 0;}

.sitemap.s1 li {
  list-style: none;}

.sitemap.s1 li:before {
  font-family: FontAwesome;
  content: "\f016";
  margin-right: 10px;}

.list {
  margin: 0;
  padding: 0;}

.list li {
  list-style: none;}

.rtl .list.s1 li:after,
.list.s1 li:before {
  font-family: FontAwesome;
  content: "\f00c";
  margin-right: 10px;}

.rtl .list.s1 li:after {
  margin-right: 0;
  margin-left: 10px;}

.rtl .list.s1 li:before {
  display: none;}

.list.s2 li:before {
  font-family: FontAwesome;
  content: "\f055";
  margin-right: 10px;}

.list.s3 {
  display: inline;
  margin: 0;
  padding: 0;}

.list.s3 li {
  display: inline;
  margin-right: 20px;}

.list.s3 a {
  font-weight: bold;}

#owl-logo img:hover {
  opacity: 1;}

.switch-set {
  font-weight: bold;
  direction: ltr !important;}

.dark-scheme .switch-set{
  color:#ffffff;}

.dark-scheme .switch {
  background: rgba(255, 255, 255, .1);}

.switch-set div {
  display: inline-block;
  padding: 0 5px;
  direction: ltr !important;}

.switch {
  margin-bottom: -5px;
  -webkit-appearance: none;
  height: 22px;
  width: 42px;
  background-color: #F4F4F4;
  border-radius: 60px;
  position: relative;
  cursor: poInter;
  border: none;}

.switch::after {
  content: "";
  width: 18px;
  height: 18px;
  background-color: #ffffff;
  position: absolute;
  border-radius: 100%;
  transition: .5s;
  margin: 2px 0 0 2px;}

.de-switch {
  display: block;}

.de-switch h3 {
  font-weight: 400;
  padding-bottom: 6px;}

.de-switch input[type=checkbox] {
  display: none;}

.de-switch input[type=checkbox]:checked+label {
  background-color: #2f7df9;}

.de-switch input[type=checkbox]:checked+label:after {
  left: 23px;}

.de-switch label {
  transition: all 200ms ease-in-out;
  display: inline-block;
  position: relative;
  height: 20px;
  width: 40px;
  border-radius: 40px;
  cursor: pointer;
  background-color: rgba(0, 0, 0, .3);
  color: transparent;}

.dark-scheme .de-switch label {
  background-color: rgba(255, 255, 255, .1);}

.de-switch label:after {
  transition: all 200ms ease-in-out;
  content: " ";
  position: absolute;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background-color: white;
  top: 3px;
  left: 3px;
  right: auto;}

.de-switch.colored input[type=checkbox]:checked+label {
  background-color: #55c946;}

.de-switch.colored label {
  background-color: #ff4949;}

.switch-with-title h5 {
  float: left;}

.switch-with-title .de-switch {
  float: right;}

.switch:checked::after {
  transform: translateX(20px);}

.switch:focus {
  outline-color: transparent;}

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

.rtl .menu_side_area {
  margin-left: 0;}

.hide-content {
  display: none;}

.display-none {
  display: none;}

.ul-check {
  padding: 0;
  list-style: none;}

.ul-check li {
  position: relative;
  display: block;
  margin-top: 0;
  padding: 0px;
  padding-left: 30px;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  line-height: 1.6em;}

.ul-check li h4 {
  font-size: 18px;
  font-weight: 500;}

.ul-check.s2 li h4 {
  font-weight: 600;}

.ul-check.s2 li {
  margin-bottom: 30px;}

.ul-check.s3 li {
  margin-bottom: 5px}

.ul-check .d-label {
  background: #fdda76;
  font-weight: bold;
  padding: 0 5px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;}

.ul-check-inline{
  margin: 0;
  padding: 0;}

.ul-check-inline li {
  display: inline-block;
  padding: 0 20px;
  padding-left: 0;
  color: var(--heading-font-color);}

.ul-check-inline li:before {
  font-family: "FontAwesome";
  content: "\f00c";
  margin-right: 10px;
  color: rgb(221, 135, 117);
  border: solid 1px rgb(221, 135, 117);
  border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  padding: 5px;}

.ul-check li:before {
  position: absolute;
  left: 0;
  font-family: "FontAwesome";
  content: "\f00c";
  margin-right: 12px;
  width: 20px;
  line-height: 1;
  padding: 4px 0;
  font-size: 15px;
  display: inline-block;
  text-align: center;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;}

.rtl .ul-check li:before {
  margin-right: 0;
  margin-left: 12px;}

.ul-style-3 {
  margin-top: 15px;
  padding: 0;
  list-style: none;}

.ul-style-3 li {
  display: inline-block;
  margin: 0;
  padding: 0px;}

.ul-style-3 li:after {
  content: "/";
  margin: 0 5px 0 10px;}

.ul-style-3 li:last-child:after {
  content: "";}

a:hover .bg-hover-2{
  background: var(--secondary-color) !important;}

a:hover .text-hover-white{
  color:#ffffff;}


/* shadow */

.shadow-soft,
.de-map-wrapper iframe,
.expand-custom,
#form_sb input,
.container-timeline ul li::before{
  -webkit-box-shadow: 0 10px 30px rgb(0 19 87 / 6%);
  -moz-box-shadow: 0 10px 30px rgb(0 19 87 / 6%);
  box-shadow: 0 10px 30px rgb(0 19 87 / 6%);}

.shadow-1 {
  -webkit-box-shadow: 0 10px 30px rgb(29, 29, 31, 25%);
  -moz-box-shadow: 0 10px 30px rgb(29, 29, 31, 25%);
  box-shadow: 0 10px 30px rgb(29, 29, 31, 25%);}

.no-shadow {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;}

.rounded-5 {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  position: relative;
  overflow: hidden;}


.rounded-10 {
  overflow: hidden;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;}

.rounded-20 {
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  position: relative;}

.rounded-30{
  overflow: hidden;
  border-radius:20px;
  -moz-border-radius:20px;
  -webkit-border-radius:20px;}

.circle{
  border-radius:100%;
  -moz-border-radius:100%;
  -webkit-border-radius:100%;}

.rtl .carousel-control-next {
  right: 0;}

.rtl .carousel-control-prev {
  left: 0;
  right: auto;}

.carousel-control-next-icon,
.carousel-control-prev-icon {
  opacity: 1;
  width: 48px;
  height: 48px;
  padding-top: 10px;
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;}

.carousel-control-next-icon:after,
.carousel-control-prev-icon:after {
  font-family: FontAwesome;
  content: "\f104";
  font-size: 32px;
  color: rgb(221, 135, 117);}

.carousel-control-next-icon:after {
  content: "\f105";}

.carousel-control-next-icon:hover,
.carousel-control-prev-icon:hover {
  background: #ffffff;}

.carousel-indicators [data-mdb-target] {
  background-color: rgb(221, 135, 117);
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;}

.de-map-wrapper iframe {
  width: 100%;
  height: 450px;
  border: solid 1px #cccccc;}


/* image effect */


img.anim-up-down {
  -webkit-animation: move-up-down 1s infinite alternate;
  animation: move-up-down 1s infinite alternate;}

img.anim-up-down {
  -webkit-animation: move-up-down 1s infinite alternate;
  animation: move-up-down 1s infinite alternate;}

@-webkit-keyframes move-up-down {
  0% {
    transform: translateY(0);
}

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

@keyframes move-up-down {
  0% {
    transform: translateY(0);
}

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

.slider-text-wrap {
  background: rgba(255, 255, 255, .75);
  padding: 30px;
  padding-top: 20px;
  overflow: hidden;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;}

.bubble{
  font-weight: bold;
  position: absolute;
  color:#ffffff;
  text-align: center;
  width: 100px;
  height: 100px;
  border-radius:100%;
  padding-top: 35px;
  -moz-border-radius:100%;
  -webkit-border-radius:100%;
  background: rgb(221, 135, 117);
  z-index:1;}

.bubble-3 .bubble:nth-child(1){
  position: absolute;
  top:25%;
  left: 10%;}

.bubble-3 .bubble:nth-child(2){
  position: absolute;
  top:35%;
  right: 10%;}

.bubble-3 .bubble:nth-child(3){
  position: absolute;
  bottom:15%;
  left: 30%;}

.d-grid-images{
  border-top: solid 1px #dddddd;
  border-left: solid 1px #dddddd;}

.d-grid-images .d-item{
  text-align: center;
  display: flex;
  width: 25%;
  height: 100px;
  float: left;
  border-right: solid 1px #dddddd;
  border-bottom: solid 1px #dddddd;
  justify-content: center;
  align-items: center;}

/* price list */

.def-list-dots{
  padding-left: 30px;
  font-size: 18px;}

.def-list-dots dl {
  display: table;
  width: 100%;
  margin: 3px 0;
  margin-bottom: 10px;}
.def-list-dots dt {
  display: table-cell;
  width: 100%;
  max-width: 0;
  overflow: hidden;
  vertical-align: top;
  font-weight: 400;}
.def-list-dots dt span:after {
  content: " ";}
.def-list-dots dt:after {
  content: "..................................................................................................................................................................................................................";
  display: inline-block;
  width: 0;
  color: rgba(255,255,255, 0.5);}
.def-list-dots .no-def-item dt:after {
  content: "";}
.def-list-dots dd {
  display: table-cell;
  margin: 0;
  padding-left: 4px;
  vertical-align: bottom;
  white-space: nowrap;
  font-weight: 600;
  color:rgb(221, 135, 117);}

.images-carousel-group img{
  height: 350px;
  width: auto;}

.d-list-menu {
  margin: 0;
  padding: 0;}
#search {
  float: left;
  width: 70%;
  margin-bottom: 0;}

#btn-search {
  border: none;
  padding: 7px;
  background: #222;
  float: left;
  width: 30%;
  height: 42px;}

#btn-search:before {
  font-family: FontAwesome;
  content: "\f002";
  font-size: 24px;
  color: #111;}

#btn-search:hover {
  background: #fff;}

.btn-search{
  cursor: pointer;
  color: var(--heading-font-color);
  padding: 6px;
  font-size: 18px;
  background: #ffffff;
  width: 42px;
  text-align: center;
  border-radius:30px;
  -moz-border-radius:30px;
  -webkit-border-radius:30px;}

/* dropdown */
/* ============================== */
.dropdown {
  position: relative;
  z-index: 500;
  font-weight: 600;
  display: inline-block;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  text-align: left;}

.dropdown a,
.dropdown a:hover {
  text-decoration: none;
  outline: none;
  display: inline-block;}

.dropdown a,
.header-light .dropdown a:hover {
  color: #333;}

.dark-scheme .dropdown a,
.dark-scheme .header-light .dropdown a:hover {
  color: #ffffff;}

.dropdown>a {
  display: inline-block;
  padding: 7px 12px 7px 12px;
  min-width: 140px;
  border: solid 1px rgba(0, 0, 0, .2);
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  font-weight: bold;}

.dark-scheme .dropdown>a {
  border: solid 1px rgba(255, 255, 255, .2);}

.dropdown>a:after {
  font-family: "FontAwesome";
  font-size: 16px;
  content: "\f107";
  position: relative;
  float: right;
  margin-left: 10px;}

.rtl .dropdown>a:after {
  margin-left: 0;
  float: left;}

.dropdown ul,
.dropdown li {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0;}

.dropdown ul {
  background: #ffffff;
  padding: 10px;
  position: absolute;
  min-width: 140px;
  display: none;
  cursor: pointer;
  border: solid 1px rgba(0, 0, 0, .1);}

.dropdown li span {
  background: #ffffff;
  display: block;
  padding: 5px 10px 5px 10px;
  border-top: none;
  width: 100%;
  font-weight: 400;
  font-size: 14px;}

.dark-scheme .dropdown li span {
  background: var(--bg-dark-1);
  border: solid 1px rgba(255, 255, 255, .1);}

.dark-scheme .dropdown li span:hover {
  background: var(--bg-color-even);
  color: #fff;}

.dropdown li span:hover {
  color: #ffffff;
  background: #eeeeee;}

.dropdown li.active {
  display: none;}

.dropdown ul.d-col-3 {
  width: 600px !important;}

.dropdown ul.d-col-3 li {
  width: 33.3%;
  float: left;}

.dropdown ul.d-col-3 li span {}

.text-light .dropdown {
  background: none;
  border: solid 1px rgba(255, 255, 255, .1);}

.text-light .dropdown a {
  color: #ffffff;}

.items_filter {
  font-size: 14px;
  margin-bottom: 30px;}

.items_filter .dropdown {
  margin-right: 10px;}

.dropdown.fullwidth,
.dropdown.fullwidth a,
.dropdown.fullwidth ul,
.dropdown.fullwidth li {
  width: 100%;}

.dropdown.style-2,
.dropdown.style-2 a,
.dropdown.style-2 ul,
.dropdown.style-2 li {
  width: 100%;}

.rtl .dropdown.style-2 {
  text-align: right;}

.dropdown.style-2 h4 {
  font-size: 15px;
  font-weight: 500;}

.dropdown.style-2 a {
  font-size: 20px;
  color: #ffffff;
  padding: 5px 0;
  border: none;
  border-top: solid 1px rgba(255, 255, 255, .3);}

a.btn-search-big {
  text-align: center;
  display: inline-block;
  width: 100%;
  padding: 20px;
  font-weight: bold;
  color: #ffffff;
  font-size: 20px;
  border: solid 1px #ffffff;}

a.btn-search-big:hover {
  background: #ffffff;
  color: #35404e;}

.separator {
  line-height: 0.5;
  text-align: center;
  margin: 30px 0 30px 0;}

.separator span {
  display: inline-block;
  position: relative;}

.separator span:before,
.separator span:after {
  content: "";
  position: absolute;
  border-bottom: 1px solid rgba(255, 255, 255, .1);
  top: 5px;
  width: 50px;}

.separator span:before {
  right: 100%;
  margin-right: 15px;}

.separator span:after {
  left: 100%;
  margin-left: 15px;}

.separator span i {
  font-size: 12px;
  padding: 0;
  margin: 0;
  float: none;}

.de_light .separator span:before,
.de_light .separator span:after {
  border-bottom: 1px solid rgba(0, 0, 0, .2);}

.text-light .separator span:before,
.text-light .separator span:after {
  border-bottom: 1px solid rgba(255, 255, 255, .1);}

.de-separator:after {
background: none repeat scroll 0% 0% rgb(221, 135, 117);
content: "";
height: 10px;
right: 0%;
margin: -5px auto auto -5px;
position: absolute;
transform: rotate(-45deg);
width: 10px;}
.de-separator:before {
background: none repeat scroll 0% 0% rgb(221, 135, 117);
content: "";
height: 10px;
left: 0%;
margin: -5px auto auto -5px;
position: absolute;
transform: rotate(-45deg);
width: 10px;}
.de-separator {
position: relative;
border-top: 1px solid rgb(221, 135, 117);
width: 250px;
clear: both;
margin:0 auto;
margin-bottom: 40px;}

/* =============== plugin =============== */

/* isotope */
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -ms-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;}

.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;}

#filters {
  font-family: var(--body-font);
  padding: 0;
  margin: 0;
  margin-bottom: 20px;
  font-weight: 400;}

#filters li {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 25px;}

#filters a {
  outline: none;
  text-decoration: none;
  padding: 8px 20px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  font-weight: 600;}

.text-light #filters a {
  color: rgba(255, 255, 255, .5);}

#filters a:hover {
  background: rgba(255, 255, 255, .2);}

#filters a.selected {
  color: #fff;}

.text-light #filters a:hover {
  color: #fff;}

.text-light #filters a.selected {
  color: #fff;}

.text-light #filters a.selected {
  color: #fff;}

.isotope-item {
  z-index: 2;}

.isotope-hidden.isotope-item {
  poInter-events: none;
  z-index: 1;}

.project-carousel ul.slides,
.project-carousel-3-col ul.slides {
  margin-top: 10px;
  margin-bottom: 20px;}

.logo-carousel .flex-direction-nav,
.project-carousel .flex-control-nav,
.project-carousel .flex-direction-nav,
.project-carousel-3-col .flex-control-nav,
.project-carousel-3-col .flex-direction-nav {
  display: none;}

.logo-carousel.owl-carousel .owl-item img {
  width: auto;}

.logo-carousel.no-control .flex-control-nav {
  display: none;}

.logo-carousel.s2 img {
  background: rgba(255, 255, 255, .25);
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  padding: 10px;}

.owl-carousel.owl-center .owl-item {
  opacity: .6;}
.owl-carousel.owl-center .owl-item.active.center {
    opacity: 1;
     position: relative;
     z-index: 101;
     -webkit-transform: scale(1.2);
     transform: scale(1.2);
     -webkit-box-shadow: 8px 8px 10px 0px rgba(0, 0, 0, 0.calc());
    -moz-box-shadow: 8px 8px 10px 0px rgba(0, 0, 0, 0.calc());
    box-shadow: 8px 8px 10px 0px rgba(0, 0, 0, 0.calc());}

.typed-strings p {
  position: absolute;}

.social-icons-sm i {
  color: #fff;
  margin: 0 5px 0 5px;
  border: solid 1px #555;
  width: 32px;
  height: 32px;
  padding: 8px;
  text-align: center;
  border-radius: 30px;}

.social-icons-sm i:hover {
  color: #ffffff;}

.arrowup {
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-bottom: 30px solid #fff;
  margin: 0 auto;
  left: 0;
  right: 0;
  position: absolute;
  margin-top: -30px;}

.arrowdown {
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid #ffffff;
  margin: 0 auto;
  left: 0;
  right: 0;
  position: absolute;}

.arrowright {
  width: 0;
  height: 0;
  border-top: 60px solid transparent;
  border-bottom: 60px solid transparent;
  border-left: 60px solid green;}

.arrowleft {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid blue;}

a,
img {
  outline: 0;}

/* overwrite bootstrap */

.nav-pills .nav-link {
  font-weight: 500;}

.de-preloader {
  width: 100%;
  height: 100%;
  top: 0;
  position: fixed;
  background: #ffffff;
  z-index: 5000;}

.dark-scheme .de-preloader {
  background: var(--bg-color-even);}

.dot-loader {
  width: 80px;
  height: 16.6666666667px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);}

.dot-loader-dot {
  will-change: transform;
  height: 16.6666666667px;
  width: 16.6666666667px;
  border-radius: 50%;
  background-color: #ffffff;
  position: absolute;
  -webkit-animation: grow 0.5s ease-in-out infinite alternate;
  animation: grow 0.5s ease-in-out infinite alternate;}

.dot-loader-dot.dot1 {
  left: 0;
  transform-origin: 100% 50%;}

.dot-loader-dot.dot2 {
  left: 50%;
  transform: translateX(-50%) scale(1);
  -webkit-animation-delay: 0.15s;
  animation-delay: 0.15s;}

.dot-loader-dot.dot3 {
  right: 0;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;}

@-webkit-keyframes grow {
  to {
    transform: translateX(-50%) scale(0);
}
}

@keyframes grow {
  to {
    transform: translateX(-50%) scale(0);
}
}


/* Line Preloader */

.line-preloader {
  width: 100px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.line-preloader .p-line {
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 2px solid rgba(0, 0, 0, 0);}

.line-preloader .p-line:nth-child(1) {
  position: absolute;
  width: 25px;
  height: 25px;
  border-right: 2px solid gold;
  border-bottom: 2px solid gold;
  animation: anim4 600ms linear infinite;}

.line-preloader .p-line:nth-child(2) {
  border-left: 2px solid gold;
  border-top: 2px solid gold;
  animation: anim4 1200ms linear infinite;}

.line-preloader .p-line:nth-child(3) {
  position: absolute;
  width: 75px;
  height: 75px;
  border-right: 2px solid gold;
  border-top: 2px solid gold;
  animation: anim4 900ms linear infinite;}

@keyframes anim4 {
  to {
    transform: rotate(360deg);
}
}

/* countdown-begin */
.countdown-amount{
  color: var(--heading-font-color);
  font-size: 40px;}
@media only screen and (max-width: 992px) {
  .countdown-amount{
    font-size: 32px;
}
}

/* steps */
  .de-step-icon {
    width: 80px;
    height: 80px;
    background-color: rgb(221, 135, 117);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    margin: 0 auto 10px;
}

  .de-step-icon i{
    font-size: 32px;
}

  .de-step {
    text-align: center;
    position: relative;
    padding: 20px;
}

  .de-step-arrow::after {
    content: "→";
    font-size: 24px;
    position: absolute;
    right: -25px;
    top: 50%;
    transform: translateY(-50%);
    color: #000;
}

  .de-step:last-child .de-step-arrow::after {
    content: none;
}

  @media (max-width: 767.98px) {
    .de-step-arrow::after {
      display: none;
}
  }


  .d-atr{
      font-size: 14px;
      display: inline-block;
      font-weight: bold;
      color:#031B4E;
      margin-right: 10px;
}
  .d-atr img{
      float: left;
      width:16px;
      padding-top:5px;
      margin-right: 3px;
}


  #thumbnail-carousel .owl-item:hover {
    cursor: pointer;
    opacity: .6;
}


/* ================================================== */


/* media query */


/* ================================================== */

@media (min-width: 1000px){
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: var(--container-max-width);
}
}


@media (min-width: 1200px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1200px;
}
}


@media (min-width: 1400px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1304px;
}
}


/* bootstrap cols 5 */
@media (min-width: 992px) {
  .col-md-1-5 { width: 20%; }
  .col-md-2-5 { width: 40%; }
  .col-md-3-5 { width: 60%; }
  .col-md-4-5 { width: 80%; }
  .col-md-5-5 { width: 100%; }
}

@media (min-width: 1200px) {
  .col-lg-1-5 { width: 20%; }
  .col-lg-2-5 { width: 40%; }
  .col-lg-3-5 { width: 60%; }
  .col-lg-4-5 { width: 80%; }
  .col-lg-5-5 { width: 100%; }
}
/* bootstrap cols 5 end */

/* 7 columns begin */
@media (max-width: 767px) {
    .col-lg-1-7 {
        width: 100%;
}
}
@media (min-width: 768px) {
    .col-lg-1-7 {
        width: 33.33%;
}
}
@media (min-width: 1200px) {
    .col-lg-1-7 {
        width: 14.28%;
}
}
/* 7 columns end */

@media(min-width:980px) and (max-width: 1199px) {
  #mainmenu li a:after {
    margin-left: 15px;
}

  .container,
  .container-lg,
  .container-md,
  .container-sm {
    min-width: 95%;
}
}

/* =============================================-----
    design for 768px
    /* ================================================== */

@media (min-width: 768px) and (max-width: 979px) {
  .slider_text {
    padding-top: 0px;
}
}

@media only screen and (max-width: 992px) {

  .container{
    max-width: 100%;
}

  .col-right {
    position: absolute;
    top: -82px;
    right: 60px;
    width: 140px;
}

  .mb-sm-20 {
    margin-bottom: 20px;
}

  .mb-sm-30 {
    margin-bottom: 30px;
}

  .mt-sm-0{
    margin-top: 0;
}

  .sm-mt-0 {
    margin-top: 0;
}

  .p-sm-30 {
    padding: 40px;
}

  .pb-sm-0 {
    padding-bottom: 0;
}

  .mb-sm-0 {
    margin-bottom: 0;
}

  .sm-p-40{
    padding: 40px;
}

  header .header-col {
    position: absolute;
    top: 0;
}

  header .header-col.mid {
    position: absolute;
    top: 70px;
    width: 100%;
    padding: 0 0 0 0;
}

  .text-center-sm {
    text-align: center;
}

  .sm-pt10 {
    padding-top: 10px;
}

  #menu-btn {
    display: block;
    float: right;
    z-index: 1000;
    top: 0;
    right: 0;
}

  .inner-padding {
    padding: 40px;
}

  .header-col-left,
  .header-col-right {
    padding-top: 16px;
}

  .header-col-mid #mainmenu {
    position: absolute;
    top: 90px;
    width: 100%;
    padding: 0 0 0 0;
    left: 20px;
}

  #mainmenu>li::before{
    display: none;
}

  header {
    display: none;
}

  header.header-bg {
    background: rgba(0, 0, 0, 1);
}

  header,
  header.fixed {
    display: block;
    position: inherit;
    margin: 0;
    padding: 0;
    margin-top: 0;
    height: auto;
    background: var(--bg-dark-1);
}

  header.autoshow {
    height: auto;
    top: 0;
}

  header.autoshow #mainmenu li a {
    background: none;
}

  header.header-mobile-sticky {
    position: fixed;
}

  #subheader .crumb {
    margin-top: -5px;
    margin-bottom:0;
}

  #sidebar {
    padding-left: 10px;
}

  .slider_text h1 {
    font-size: 32px;
}

  .slider_text .description {
    display: none;
}

  #logo,
  #logo .inner {
    vertical-align: middle;
    height: auto;
}

  nav {
    height: 0;
}
#mainmenu {
    position: fixed;
    height: 100%;
    z-index: 200;
    width: 200px;
    margin: 0;
    margin-top: 10px;
    padding: 0;
    padding-top: 20px;
    padding-bottom: 100px !important;
    overflow-y: auto;
    top: 100px;
}

#mainmenu ul {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#mainmenu a.menu-item {
    text-align: left;
    padding-left: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 400;
}

#mainmenu li.has-child:after {
    display: none !important;
}

#mainmenu li li a.menu-item,
#mainmenu li li li a.menu-item {
    padding-left: 0;
}

#mainmenu a.menu-item:hover {
    background: #111;
}

#mainmenu li {
    border-bottom: solid 1px var(--bg-dark-3);
    margin: 0;
    width: 100%;
    display: block;
}

#mainmenu li:last-child {
    margin-bottom: 30px;
}

#mainmenu li a {
    color: #eceff3;
}

#mainmenu li li a.menu-item:hover {
    color: #fff;
}

#mainmenu ul:not(.mega) {
    border: none;
}

#mainmenu > li ul.mega .sb-menu {
    border: none;
}

#back-to-top {
    display: none;
}


/* =========================================
   MOBILE HEADER
   ========================================= */

header.header-mobile {
    overflow: hidden;
    position: relative;
}

header.header-mobile #mainmenu {
    width: 100%;
    padding-right: 30px;
    position: absolute;
    padding-top: 30px;
}

header.header-mobile #mainmenu ul {
    background: none;
}

header.header-mobile #mainmenu a.menu-item {
    text-align: left;
    padding-top: 16px;
    padding-bottom: 10px;
}

header.header-light.header-mobile #mainmenu a.menu-item {
    color: var(--heading-font-color);
}

header.header-mobile #mainmenu a.menu-item:hover {
    background: none;
}


/* =========================================
   MOBILE MENU
   ========================================= */

header.header-mobile #mainmenu li {
    border-bottom: solid 1px rgba(255, 255, 255, .2);
    margin: 0;
    width: 100%;
    display: block;
}

.dark-scheme header.header-mobile #mainmenu li {
    border-bottom-color: rgba(255, 255, 255, .1);
}

header.header-light.header-mobile #mainmenu li,
header.header-light.header-mobile #mainmenu li ul li a.menu-item {
    border-color: #eee;
}

header.header-dark.header-mobile {
    background: #222;
}

header.header-dark.header-mobile #mainmenu li {
    border-color: #333;
}

header.header-dark.header-mobile #mainmenu li a.menu-item {
    color: #fff;
}

header.header-mobile #mainmenu li a {
    color: #fff;
}

.dark-scheme header.header-mobile #mainmenu li a.menu-item {
    color: #fff;
}

header.header-mobile #mainmenu li a.menu-item:hover {
    color: var(--secondary-color);
}

.dark-scheme header.header-mobile #mainmenu li a.menu-item:hover {
    color: #fff;
}

header.header-mobile #mainmenu li:last-child {
    margin-bottom: 30px;
}


/* =========================================
   MOBILE SUBMENU
   ========================================= */

header.header-mobile #mainmenu li ul {
    position: relative;
    left: 0;

    width: 100% !important;
    min-width: 0 !important;

    margin: 0;
    padding: 0;

    /*
     * IMPORTANT:
     * Do NOT force height/display here.
     * Your theme's existing JS controls open/close.
     */
    position: inherit;
    top: auto;
}


/* =========================================
   SUBMENU LINKS
   ========================================= */

header.header-mobile #mainmenu li ul a.menu-item {
    width: 100%;
    background: none;
    border: none;

    font-size: 17px !important;
    padding: 12px 20px !important;
    line-height: 1.4;

    white-space: nowrap !important;
}

header.header-mobile #mainmenu li ul li {
    border: none;
    padding-left: 40px;
    width: 100%;
}

header.header-mobile #mainmenu li ul li a.menu-item {
    display: block;
    border-bottom: solid 1px var(--bg-dark-3);
}

header.header-mobile #mainmenu li ul li:last-child {
    border-bottom: none;
    margin: 0;
}

header.header-mobile #mainmenu li ul li:last-child a.menu-item {
    border-bottom: none;
}


/* =========================================
   NESTED SUBMENU
   ========================================= */

header.header-mobile #mainmenu li ul li ul {
    width: 100% !important;
    min-width: 0 !important;
}


/* =========================================
   REMOVE DUPLICATE ARROWS
   ========================================= */

/*
 * Remove the arrow generated by the old
 * #mainmenu rule.
 */
header.header-mobile #mainmenu li a.menu-item:after {
    display: none !important;
}


/*
 * Remove any arrow from the LI itself.
 */
header.header-mobile #mainmenu li:after {
    display: none !important;
}


/* =========================================
   ONE ARROW
   ========================================= */

header.header-mobile #mainmenu > li.menu-item-has-children > a.menu-item {
    position: relative;
    padding-right: 35px !important;
}


/* Single arrow */
header.header-mobile #mainmenu > li.menu-item-has-children > a.menu-item:after {
    content: "\f107";

    font-family: "FontAwesome";

    display: block !important;

    position: absolute;

    right: 10px;
    top: 50%;

    transform: translateY(-50%);

    width: auto;
    height: auto;

    margin: 0;
    padding: 0;

    font-size: 16px;
    line-height: 1;

    color: #fff;

    background: transparent;
    border: none;

    pointer-events: none;
}


/* =========================================
   LIGHT HEADER
   ========================================= */

header.header-light.header-mobile #mainmenu > li.menu-item-has-children > a.menu-item:after {
    color: var(--heading-font-color);
}


/* =========================================
   DARK HEADER
   ========================================= */

header.header-dark.header-mobile #mainmenu > li.menu-item-has-children > a.menu-item:after {
    color: #fff;
}


/* =========================================
   MEGA MENU
   ========================================= */

header.header-mobile #mainmenu li ul.mega .menu-content {
    background: #fff;
}

header.header-mobile #mainmenu li ul.mega ul {
    height: auto;
}


/* =========================================
   BORDERS
   ========================================= */

header #mainmenu li ul li:first-child {
    border-top: solid 1px var(--bg-dark-3);
}

.dark-scheme header #mainmenu li ul li:first-child {
    border-top-color: rgba(255, 255, 255, .1);
}


/* =========================================
   DARK SCHEME
   ========================================= */

.dark-scheme header.header-mobile #mainmenu li {
    border-bottom-color: rgba(255, 255, 255, .1);
}

.dark-scheme header.header-mobile #mainmenu li ul li a.menu-item {
    border-bottom-color: rgba(255, 255, 255, .1);
}



  .dark-scheme header.header-mobile #mainmenu>li>span {
    background: url(../images/ui/arrow-down-light.png) center no-repeat;
}

  header.header-mobile #mainmenu li span.active {
    background: url(../images/ui/arrow-up-light.png) center no-repeat;
}

  .dark-scheme header.header-mobile #mainmenu li span.active {
    background: url(../images/ui/arrow-up-light.png) center no-repeat;
}

  header.header-mobile #mainmenu li>ul>li>span {
    width: 36px;
    height: 36px;
    background: url(../images/ui/arrow-down.png) center no-repeat;
    position: absolute;
    right: 0;
    margin-top: -45px;
    z-index: 1000;
    cursor: poInter;
}

  header.header-mobile #mainmenu>li>ul>li>span.active {
    background: url(../images/ui/arrow-up.png) center no-repeat;
}

  header.header-mobile #mainmenu li ul li a.menu-item {
    border-bottom: solid 1px rgba(255, 255, 255, .2);
}

  .dark-scheme header.header-mobile #mainmenu li ul li a.menu-item {
    border-bottom-color: rgba(255, 255, 255, .1);
}

  header.header-mobile #mainmenu li ul li:last-child>a.menu-item {
    border-bottom: none;
}

  header.header-light.header-mobile #mainmenu>li>span,
  header.header-light.header-mobile #mainmenu li>ul>li>span {
    background: url(../images/ui/arrow-down.png) center no-repeat;
}

  header.header-light.header-mobile #mainmenu>li>span.active,
  header.header-light.header-mobile #mainmenu li>ul>li>span.active {
    background: url(../images/ui/arrow-up.png) center no-repeat;
}

  #mainmenu li ul.mega {
    position: fixed;
    left: 0;
    width: 100%;
    margin-top: 30px;
    display: block;
}

  #mainmenu li ul.mega>li {
    width: 100%;
}

  #mainmenu li ul.mega>li ul {
    position: static;
    visibility: visible;
    opacity: 1;
    left: 0;
    float: none;
    width: 100%;
}

  #mainmenu ul.mega>li ul li {
    margin: 0;
    padding: 0;
}

  #mainmenu li ul.mega .menu-content {
    background: #202020;
    padding: 30px;
}

  /* header light */
  .header-light #mainmenu ul li a.menu-item,
  .header-light #mainmenu ul li a.menu-item:hover {
    color: #333;
}

  .hidden-phone {
    display: none;
}

  .sm-hide {
    display: none;
}

  .p-sm-relative {
    display: none;
}

  .d-btn-close {
    position: relative;
}

  #mainmenu a.menu-item span {
    display: none;
}

  .table-custom-1 {
    position: relative;
    height: auto;
}

  .timeline>li>.timeline-panel {
    width: 100%;
}

  .timeline-badge {
    display: none;
}

  .timeline:before {
    background: none;
}

  .tp-caption {
    padding-left: 40px;
    padding-right: 40px;
}

  .subfooter .de-flex,
  .subfooter .de-flex-col {
    display: block;
}

  .subfooter .social-icons {
    margin-top: 20px;
}

  .subfooter span.copy {
    margin-top: 20px;
    display: block;
}

  .dropdown {
    display: inline-block;
    margin-bottom: 10px;
}

  .sm-img-fluid{
    width: 100%;
}

  section{
    padding: 60px 0;
}

  #subheader h1:not(.cam-style){
    margin: 0;
    padding: 0;
}

  #subheader{
    padding: 40px 0 80px 0 !important;
}

  #testimonial-carousel .de_testi{
    margin:0 20px;
}

  .crumb{
    margin-bottom: 0;
}

  section.bottom-rounded{
    overflow: hidden;
    border-radius:0 0 0% 0%;
    -moz-border-radius:0 0 0% 0%;
    -webkit-border-radius:0 0 0% 0%;
    padding-bottom: 60px;
}

  /* title tablet */

  h1,
  h1.ultra-big,
  h1.ultra-big .text-line,
  h1.ultra-big-2,
  .title-text,
  h1.slider-title{
    font-size: 60px;
}

  h1.slider-title,
  h2.slider-title{
    margin-bottom: 0;
}

  h2{
    font-size: 40px;
}

  .arrow-divider > [class*=col-]:nth-child(n+2):after{
    display: none;
}

  .pos-sm-relative{
    position: relative !important;
}

  /* padding top (px) */
  .pt-sm-10{padding-top:10px;}
  .pt-sm-20{padding-top:20px;}
  .pt-sm-30{padding-top:30px;}
  .pt-sm-40{padding-top:40px;}
  .pt-sm-50{padding-top:50px;}
  .pt-sm-60{padding-top:60px;}
  .pt-sm-70{padding-top:70px;}
  .pt-sm-80{padding-top:80px;}
  .pt-sm-90{padding-top:90px;}
  .pt-sm-100{padding-top:10px;}

  /* padding top (px) */
  .pb-sm-10{padding-bottom:10px;}
  .pb-sm-20{padding-bottom:20px;}
  .pb-sm-30{padding-bottom:30px;}
  .pb-sm-40{padding-bottom:40px;}
  .pb-sm-50{padding-bottom:50px;}
  .pb-sm-60{padding-bottom:60px;}
  .pb-sm-70{padding-bottom:70px;}
  .pb-sm-80{padding-bottom:80px;}
  .pb-sm-90{padding-bottom:90px;}
  .pb-sm-100{padding-bottom:10px;}

  /* margin top (px) */
  .mt-sm-10{margin-top:10px;}
  .mt-sm-20{margin-top:20px;}
  .mt-sm-30{margin-top:30px;}
  .mt-sm-40{margin-top:40px;}
  .mt-sm-50{margin-top:50px;}
  .mt-sm-60{margin-top:60px;}
  .mt-sm-70{margin-top:70px;}
  .mt-sm-80{margin-top:80px;}
  .mt-sm-90{margin-top:90px;}
  .mt-sm-100{margin-top:10px;}

  /* margin top (px) */
  .mb-sm-10{margin-bottom:10px;}
  .mb-sm-20{margin-bottom:20px;}
  .mb-sm-30{margin-bottom:30px;}
  .mb-sm-40{margin-bottom:40px;}
  .mb-sm-50{margin-bottom:50px;}
  .mb-sm-60{margin-bottom:60px;}
  .mb-sm-70{margin-bottom:70px;}
  .mb-sm-80{margin-bottom:80px;}
  .mb-sm-90{margin-bottom:90px;}
  .mb-sm-100{margin-bottom:10px;}


  .fs-sm-1vw{font-size: 1vw}
  .fs-sm-2vw{font-size: 2vw}
  .fs-sm-3vw{font-size: 3vw}
  .fs-sm-4vw{font-size: 4vw}
  .fs-sm-5vw{font-size: 5vw}
  .fs-sm-6vw{font-size: 6vw}
  .fs-sm-7vw{font-size: 7vw}
  .fs-sm-8vw{font-size: 8vw}
  .fs-sm-9vw{font-size: 9vw}
  .fs-sm-10vw{font-size: 10vw}
  .fs-sm-11vw{font-size: 11vw}
  .fs-sm-12vw{font-size: 12vw}
  .fs-sm-13vw{font-size: 13vw}
  .fs-sm-14vw{font-size: 14vw}
  .fs-sm-15vw{font-size: 15vw}

  #content{
    margin-top: 50px;
}

  #btn-extra{
    display: none;
}

  header.logo-center{
    padding-top: 10px;
}

  .mt-sm-50{
    margin-top: 50px;
}

}

/* =============================================-----
    custom for 320px & 480px
    /* =============================================----- */

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

   header .logo-main {
    display: none;
}

  header .logo-init {
    display: none;
}

  header .logo-mobile {
    display: block;
}

  header .btn-main{
    display: none;
}

  #topbar{
    display: none;
}

  .menu_side_area {
    margin-left: 20px;
    width: 100%;
    position: relative;
    right: 0;
    text-align: right;
    z-index: 0;
    display: block;
}

  header .container {
    min-width: 100%;
}

  .container {
    padding-left: 20px;
    padding-right: 20px;
}

  #filters li.pull-right {
    float: none;
}

  .text-item {
    font-size: 48px;
    line-height: 48px;
}

  .text-item i {
    font-size: 36px;
}

  .xs-hide {
    display: none;
}

  header a.btn-main{
    display: none !important;
}

  .scrollbar-v,
  .float-text{
    display: none;
}

  .de-spot span{
    display: none;
}

  .de-spot .de-circle-1,
  .de-spot .de-circle-2{
    transform: scale(.25);
}

  section{
    padding: 40px 0;
}

  #subheader{
    padding-top: 100px;
}

  /* title phone */

  h1,
  h1.ultra-big,
  h1.ultra-big .text-line,
  h1.ultra-big-2,
  .title-text,
  h1.slider-title,
  h2.slider-title{
    font-size: 48px;
}

  h2{
    font-size: 36px;
}

  .mt-xs-0{
    margin-top: 0;
}

  /* padding top (px) */
  .pt-xs-10{padding-top:10px;}
  .pt-xs-20{padding-top:20px;}
  .pt-xs-30{padding-top:30px;}
  .pt-xs-40{padding-top:40px;}
  .pt-xs-50{padding-top:50px;}
  .pt-xs-60{padding-top:60px;}
  .pt-xs-70{padding-top:70px;}
  .pt-xs-80{padding-top:80px;}
  .pt-xs-90{padding-top:90px;}
  .pt-xs-100{padding-top:10px;}

  /* padding top (px) */
  .pb-xs-10{padding-bottom:10px;}
  .pb-xs-20{padding-bottom:20px;}
  .pb-xs-30{padding-bottom:30px;}
  .pb-xs-40{padding-bottom:40px;}
  .pb-xs-50{padding-bottom:50px;}
  .pb-xs-60{padding-bottom:60px;}
  .pb-xs-70{padding-bottom:70px;}
  .pb-xs-80{padding-bottom:80px;}
  .pb-xs-90{padding-bottom:90px;}
  .pb-xs-100{padding-bottom:10px;}

  /* margin top (px) */
  .mt-xs-10{margin-top:10px;}
  .mt-xs-20{margin-top:20px;}
  .mt-xs-30{margin-top:30px;}
  .mt-xs-40{margin-top:40px;}
  .mt-xs-50{margin-top:50px;}
  .mt-xs-60{margin-top:60px;}
  .mt-xs-70{margin-top:70px;}
  .mt-xs-80{margin-top:80px;}
  .mt-xs-90{margin-top:90px;}
  .mt-xs-100{margin-top:10px;}

  /* margin top (px) */
  .mb-xs-10{margin-bottom:10px;}
  .mb-xs-20{margin-bottom:20px;}
  .mb-xs-30{margin-bottom:30px;}
  .mb-xs-40{margin-bottom:40px;}
  .mb-xs-50{margin-bottom:50px;}
  .mb-xs-60{margin-bottom:60px;}
  .mb-xs-70{margin-bottom:70px;}
  .mb-xs-80{margin-bottom:80px;}
  .mb-xs-90{margin-bottom:90px;}
  .mb-xs-100{margin-bottom:10px;}

  .ss-wrap{
    position: relative;
    width: 200%;
    margin-left: -50%;
}

  .fs-xs-1vw{font-size: 1vw}
  .fs-xs-2vw{font-size: 2vw}
  .fs-xs-3vw{font-size: 3vw}
  .fs-xs-4vw{font-size: 4vw}
  .fs-xs-5vw{font-size: 5vw}
  .fs-xs-6vw{font-size: 6vw}
  .fs-xs-7vw{font-size: 7vw}
  .fs-xs-8vw{font-size: 8vw}
  .fs-xs-9vw{font-size: 9vw}
  .fs-xs-10vw{font-size: 10vw}
  .fs-xs-11vw{font-size: 11vw}
  .fs-xs-12vw{font-size: 12vw}
  .fs-xs-13vw{font-size: 13vw}
  .fs-xs-14vw{font-size: 14vw}
  .fs-xs-15vw{font-size: 15vw}

}

/* =============================================-----
    design for 480px
    /* =============================================----- */

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .container {
    padding-left: 30px;
    padding-right: 30px;
}

  .timeline-panel {
    margin-bottom: 30px;
}

  .timeline-pic {
    height: 300px;
}
}

/* =============================================-----
    design for 320px
    /* =============================================----- */

@media only screen and (max-width: 480px) {

  .text-item {
    font-size: 32px;
    line-height: 32px;
}

  .text-item i {
    font-size: 24px;
}

  h4.s2 span {
    display: block;
    margin: 0;
    padding: 0;
}

  .h-phone {
    display: none;
}

  header a.btn-main i {
    display: inline-block;
}

}

@media only screen and (max-width: 360px) {
  #topbar {
    display: none;
}
}

/* section control */
@media only screen and (min-device-width: 768) and (max-device-width: 1024) and (orientation: portrait) {
  section {
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    background-size: auto 100%;
    background-attachment: scroll;
}
}

@media only screen and (max-width: 992px) {
  #subheader {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: scroll;
}

  section {
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    background-size: auto 100%;
    background-attachment: scroll;
}
}

/* new added */
.half-fluid .left-half,
.half-fluid .right-half {
  left: 50%;
  margin-left: -50vw;
  max-width: 100vw;
  position: relative;
  right: 50%;
  width: 100vw;
  padding: 0px;}
.half-fluid .image {
  background-size: cover;
  background-position: center;
  min-height: 400px;
  height: 100%;}

@media (min-width: 992px) {
  .half-fluid .left-half {
    padding-left: 0 !important;
    position: absolute;
    left: 0;
    right: 50%;
    margin-left: auto;
    width: auto;
}
  .half-fluid .right-half {
    padding-right: 0 !important;
    position: absolute;
    right: 0;
    left: 50%;
    margin-left: auto;
    width: auto;
}
}

.two-third-fluid .image {
  background-size: cover;
  background-position: center;
  min-height: 400px;
  height: 100%;}
/* 2/3 */
@media (min-width: 992px) {
  .two-third-fluid .left-two-third {
    padding-left: 0 !important;
    position: absolute;
    left: 0;
    right: 33%;
    margin-left: auto;
    width: 66%;
}
  .two-third-fluid .right-two-third {
    padding-right: 0 !important;
    position: absolute;
    right: 0;
    left: 33%;
    margin-left: auto;
    width: auto;
}
}
/* why trust us */
.btn-main {
    display: inline-block;
    background: #ffd400;
    color: #111;
    padding: 12px 25px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    border-radius: 3px;
    transition: 0.3s ease;}

.btn-main:hover {
    background: #111;
    color: #fff;}
.service-image {
    position: relative;
    z-index: 1;
    margin-bottom: 20px !important;}

.btn-main {
    position: relative;
    z-index: 10;
    display: inline-block;}

.row.g-5 > [class*="col-"] {
    margin-bottom: 40px;}
/* image height -we help you?*/
   /* Main services row */
    .services-row {
        position: relative;
}

    /* Individual service */
    .service-item {
        position: relative;
        z-index: 1;
        margin-bottom: 30px;
}

    /* Service image */
    .service-image {
        position: relative;
        z-index: 1;
        width: 100%;
        margin-bottom: 20px !important;
        overflow: hidden;
}

    /* Make images block elements */
    .service-image img {
        display: block;
        width: 100%;
        height: auto;
}

    /* Service content */
    .service-content {
        position: relative;
        z-index: 5;
}

    /* Heading */
    .service-content h3 {
        margin-top: 0;
        margin-bottom: 15px;
        color: #000;
        font-weight: 400;
}

    /* Paragraph */
    .service-content p {
        margin-bottom: 20px !important;
        color: rgb(94, 94, 94);
}

    /* Button */
    .service-content .btn-main {
        display: inline-block;
        position: relative;
        z-index: 10;
        margin-bottom: 10px;
}

    /* Prevent image/button overlap */
    .service-item {
        padding-bottom: 20px;
}


    /* ================= TABLET ================= */

    @media (max-width: 991px) {

        .service-item {
            margin-bottom: 35px;
            padding-bottom: 15px;
}

        .service-image {
            margin-bottom: 20px !important;
}

    }


    /* ================= MOBILE ================= */

    @media (max-width: 767px) {

        .services-row {
            row-gap: 30px !important;
}

        .service-item {
            margin-bottom: 30px;
            padding-bottom: 20px;
}

        .service-image {
            margin-bottom: 20px !important;
}

        .service-content h3 {
            margin-top: 0;
            margin-bottom: 12px;
}

        .service-content p {
            margin-bottom: 20px !important;
}

        .service-content .btn-main {
            margin-bottom: 15px;
}

    }
    /* =========================================
   MANAHSPARSH SOCIAL SECTION
========================================= */

.ms-social-section {

  width: 100%;

  position: relative;

  overflow: hidden;

  background: rgba(var(--primary-color-rgb), .1);

  padding: 20px 0 20px;

}


/* =========================================
   HEADING
========================================= */

.ms-social-heading {

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 18px;

  margin-bottom: 38px;

  padding: 0 20px;
}


.ms-social-heading p {

  margin: 0;

  color: #315c50;

  font-family: var(--heading-font);

  font-size: 14px;

  font-weight: 600;

  text-transform: uppercase;

  letter-spacing: 2.5px;

  white-space: nowrap;
}


.ms-social-line {

  width: 55px;

  height: 1px;

  background: #c78b69;

  opacity: 0.7;
}


/* =========================================
   MARQUEE
========================================= */

.ms-marquee {

  width: 100%;

  overflow: hidden;

  position: relative;
}


/* Fade edges */

.ms-marquee::before,
.ms-marquee::after {

  content: "";

  position: absolute;

  top: 0;

  bottom: 0;

  width: 100px;

  z-index: 2;

  pointer-events: none;
}


.ms-marquee::before {

  left: 0;

  background: linear-gradient(
    to right,
    #f4f1e9,
    rgba(244, 241, 233, 0)
  );
}


.ms-marquee::after {

  right: 0;

  background: linear-gradient(
    to left,
    #f4f1e9,
    rgba(244, 241, 233, 0)
  );
}


/* =========================================
   TRACK
========================================= */

.ms-marquee-track {

  display: flex;

  width: max-content;

  animation: msSocialScroll 32s linear infinite;
}


/* =========================================
   SOCIAL GROUP
========================================= */

.ms-social-group {

  display: flex;

  align-items: center;

  flex-shrink: 0;

  white-space: nowrap;
}


/* =========================================
   SOCIAL LINKS
========================================= */

.ms-social-group a {

  position: relative;

  display: inline-block;

  color: #315c50;

  text-decoration: none;

font-family: var(--body-font);

  font-size: clamp(25px, 3vw, 42px);

  font-weight: 300;

  letter-spacing: -0.5px;

  padding: 5px 0;

  transition:
    color 0.35s ease,
    transform 0.35s ease;
}


/* Hover */

.ms-social-group a:hover {

  color: #bd7654;

  transform: translateY(-3px);
}


/* =========================================
   DECORATIVE STAR
========================================= */

.ms-social-group span {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  color: #c48362;

  font-size: 14px;

  margin: 0 45px;

  transform: rotate(0deg);

  transition: transform 0.4s ease;
}


.ms-social-group span:hover {

  transform: rotate(90deg);
}


/* =========================================
   ANIMATION
========================================= */

@keyframes msSocialScroll {

  0% {

    transform: translateX(0);

}

  100% {

    transform: translateX(-50%);

}

}


/* =========================================
   PAUSE ON HOVER
========================================= */

.ms-social-section:hover
.ms-marquee-track {

  animation-play-state: paused;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 768px) {

  .ms-social-section {

    padding: 42px 0 45px;

}


  .ms-social-heading {

    margin-bottom: 28px;

    gap: 12px;

}


  .ms-social-heading p {

    font-size: 10px;

    letter-spacing: 1.8px;

}


  .ms-social-line {

    width: 30px;

}


  .ms-social-group a {

    font-size: 28px;

}


  .ms-social-group span {

    margin: 0 25px;

    font-size: 12px;

}


  .ms-marquee::before,
  .ms-marquee::after {

    width: 50px;

}

}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 480px) {

  .ms-social-section {

    padding: 35px 0 40px;

}


  .ms-social-group a {

    font-size: 24px;

}


  .ms-social-group span {

    margin: 0 20px;

}

}
/* get in touch - know us page */
 .support-section {
    padding: 80px 20px;
    background:rgb(214, 228, 225);
    text-align: center;
}

  .support-container {
    max-width: 900px;
    margin: 0 auto;
}

  .support-content h4 {
    margin: 0 auto 20px;
    max-width: 750px;
    font-size: 32px;
    line-height: 1.25;
    font-weight: 600;
    color: #222;
    font-family: 'League Spartan', arial, helvetica, sans-serif;
}

  .support-content p {
    max-width: 720px;
    margin: 0 auto 30px;
    font-size: 17px;
    line-height: 1.7;
    color: #555;
    font-family: 'Montserrat', arial, sans-serif;

}

  .support-content strong {
    color: #222;
    font-weight: 700;
}
.support-btn {
  display: inline-block;
  padding: 14px 28px;
  border-radius: 50px;
  background: #3C5657;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  transition: 0.3s ease;}

.support-btn:hover {
  background: #3C5657;
  color: #fff;}


  @media (max-width: 600px) {
    .support-section {
      padding: 60px 20px;
}

    .support-content h4 {
      font-size: 26px;
}

    .support-content p {
      font-size: 16px;
}
  }
  .hs-4{
    font-weight: 600 !important;
}
.what-makes-us-different {
  background-color: #E9f1ef;
   padding: 80px 0;
}

/* =========================================================
   MEET OUR THERAPISTS
========================================================= */

.therapists-section {
    position: relative;
    padding: 100px 0 120px;
    overflow: hidden;
}


/* =========================================================
   HEADING
========================================================= */

.therapist-heading h2 {
    font-size: 42px;
    font-weight: 600;
    margin-bottom: 15px;
}

.therapist-heading hr {
    width: 70px;
    margin: 0 auto;
}


/* =========================================================
   THERAPIST CARD
========================================================= */

.therapist-card {
    position: relative;

    /* PERFECT SQUARE */
    width: 100%;
    aspect-ratio: 1 / 1;

    overflow: hidden;

    background: #f5f5f5;

    border-radius: 0;

    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}


/* =========================================================
   IMAGE
========================================================= */

.therapist-image {
    width: 100%;
    height: 100%;

    /* DO NOT CROP IMAGE */
    object-fit: contain;

    /* DO NOT ZOOM */
    transform: none !important;

    display: block;

    background: #f5f5f5;
}
.subtitle {
    color: rgb(221, 135, 117);
    font-size: 22px;
    font-weight: 500;
}

.therapist-details h2 {
    font-size: 52px;
    font-weight: 700;
    font-family: 'League Spartan';
}

@media (max-width: 767px) {
    .therapist-details h2 {
        font-size: 32px;
        font-weight: 600;
    }
}
.therapist-details p {
    font-size: 22px;
    line-height: 1.5;
    color: #555;
    margin: 10px 0 0;
    font-weight: 400;
}

.therapist-details p strong {
    font-weight: 600;
    color: #333;
}

/* =========================================================
   REMOVE IMAGE ZOOM FROM THEME
========================================================= */

.therapist-card:hover .therapist-image {
    transform: none !important;
}


/* =========================================================
   DARK OVERLAY
========================================================= */

.therapist-overlay {
    position: absolute;
    inset: 0;

    background: rgba(0, 0, 0, 0.20);

    opacity: 0;

    transition: opacity 0.3s ease;

    z-index: 2;
}


/* =========================================================
   THERAPIST NAME
========================================================= */

.therapist-name {
    position: absolute;

    left: 0;
    right: 0;

    top: 50%;

    transform: translateY(-50%);

    text-align: center;

    z-index: 3;

    transition: opacity 0.3s ease;
}

.therapist-name h3 {
    color: #ffffff;

    font-size: 28px;

    font-weight: 600;

    margin: 0;

    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}


/* =========================================================
   THERAPIST INFORMATION
========================================================= */

.therapist-info {
    position: absolute;

    left: 0;
    right: 0;

    top: 50%;

    transform: translateY(-50%);

    padding: 25px;

    text-align: center;

    z-index: 4;

    opacity: 0;

    transition: opacity 0.3s ease;
}

.therapist-info p {
    color: #ffffff;

    font-size: 17px;

    line-height: 1.6;

    margin: 0;
}


/* =========================================================
   HOVER
========================================================= */

.therapist-card:hover .therapist-overlay {
    opacity: 1;
}

.therapist-card:hover .therapist-name {
    opacity: 0;
}

.therapist-card:hover .therapist-info {
    opacity: 1;
}


/* =========================================================
   LINK
========================================================= */

.therapist-link {
    display: block;

    text-decoration: none;

    color: inherit;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .therapists-section {
        padding: 70px 0 80px;
    }

    .therapist-heading h2 {
        font-size: 32px;
    }

    .therapist-card {
        aspect-ratio: 1 / 1;
    }

    .therapist-name h3 {
        font-size: 23px;
    }

    .therapist-info {
        padding: 15px;
    }

    .therapist-info p {
        font-size: 15px;
    }

}
```



  /* =========================================
   ADHD SYMPTOMS SECTION
========================================= */

.adhd-symptoms-section {
    padding: 80px 20px;
    background: #f8f7f3;}

.adhd-symptoms-section .container {
    max-width: 1200px;
    margin: 0 auto;}


/* =========================================
   HEADING
========================================= */

.section-heading {
    text-align: center;
    margin-bottom: 50px;}

.section-heading h2 {
    margin: 0;
    font-size: 38px;
    line-height: 1.2;
    font-weight: 600;
    color: rgb(212, 124, 106);}

.section-heading hr {
    width: 60px;
    height: 2px;
    border: 0;
    margin: 18px auto 0;
    background: #222;}


/* =========================================
   GRID
========================================= */

.symptoms-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;}


/* =========================================
   CARD
========================================= */

.symptom-card {
    background: #ffffff;
    padding: 30px;
    border-radius: 8px;
    min-height: 220px;

    box-sizing: border-box;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;}

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

    box-shadow:
        0 12px 30px rgba(0, 0, 0, 0.08);}


/* =========================================
   TITLE
========================================= */

.symptom-title h4 {
    margin: 0 0 18px;

    font-size: 22px;
    line-height: 1.3;

    font-weight: 600;
    color: #222;}


/* =========================================
   CONTENT
========================================= */

.symptom-content p {
    margin: 0;

    font-size: 16px;
    line-height: 1.7;

    color: #555;}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .adhd-symptoms-section {
        padding: 60px 20px;
}

    .section-heading h2 {
        font-size: 32px;
}

    .symptoms-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
}

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 575px) {

    .adhd-symptoms-section {
        padding: 50px 15px;
}

    .section-heading {
        margin-bottom: 35px;
}

    .section-heading h2 {
        font-size: 28px;
}

    .symptoms-grid {
        grid-template-columns: 1fr;
        gap: 20px;
}

    .symptom-card {
        padding: 25px;
        min-height: auto;
}

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

    .symptom-content p {
        font-size: 15px;
        line-height: 1.6;
}

}
/* =========================================
   CURRICULUM SECTION
========================================= */

.curriculum-section {
    width: 100%;
    padding: 80px 20px;
    background: #f7f5f1;
    box-sizing: border-box;}

.curriculum-container {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 60px;
    align-items: start;}


/* =========================================
   CURRICULUM CONTENT
========================================= */

.curriculum-content {
    background: #ffffff;
    padding: 45px;
    border-radius: 16px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);}

.curriculum-content > h4 {
    margin: 0 0 35px;
    color: #8b5e3c;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;}


/* =========================================
   EACH DAY
========================================= */

.curriculum-day {
    padding: 0 0 35px;
    margin-bottom: 35px;
    border-bottom: 1px solid #e8e3dc;}

.curriculum-day:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;}

.curriculum-day h3 {
    margin: 0 0 12px;
    color: #333333;
    font-size: 22px;
    line-height: 1.35;
    font-weight: 700;}

.curriculum-day h4 {
    margin: 0 0 20px;
    color: #666666;
    font-size: 17px;
    line-height: 1.6;
    font-weight: 500;}

.curriculum-day p {
    margin: 0 0 12px;
    color: #555555;
    font-size: 16px;
    line-height: 1.7;}

.curriculum-day strong {
    color: #333333;
    font-weight: 700;}


/* =========================================
   WHO CAN JOIN
========================================= */

.who-can-join {
    background: #ffffff;
    padding: 40px 35px;
    border-radius: 16px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
    position: sticky;
    top: 30px;}

.who-can-join h4 {
    margin: 0 0 25px;
    color:#000;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1px;}

.who-can-join-content {
    margin-bottom: 30px;}

.who-can-join-content p {
    margin: 0 0 18px;
    color: #555555;
    font-size: 16px;
    line-height: 1.6;}

.who-can-join-content strong {
    color: #333333;}
/* =========================
   ADHD CTA / BANNER
========================= */

.adhd-cta-section {
    padding: 70px 0;
    background: #ffffff;}

.adhd-cta-box {
    background: #3C5657;
    border-radius: 20px;
    padding: 60px 40px;
    text-align: center;
    position: relative;
    overflow: hidden;}

/* Optional subtle decorative effect */
.adhd-cta-box::before {
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    background:  #3C5657;
    border-radius: 50%;
    top: -100px;
    left: -80px;}

.adhd-cta-box::after {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    background: rgba(255, 255, 255, 0.25);
    border-radius: 50%;
    bottom: -100px;
    right: -60px;}

.adhd-cta-content {
    position: relative;
    z-index: 2;}

.adhd-cta-content h2 {
    margin: 0 0 30px;
    font-size: 36px;
    line-height: 1.2;
    font-weight: 700;
    color: #fff;}

.adhd-register-btn {
    display: inline-block;
    padding: 14px 35px;
    background: #E09789;
    color: #ffffff;
    text-decoration: none;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    transition: all 0.3s ease;}

.adhd-register-btn:hover {
    background: #555555;
    color: #ffffff;
    transform: translateY(-2px);}

/* =========================
   MOBILE
========================= */

@media (max-width: 767px) {

    .adhd-cta-section {
        padding: 45px 15px;
}

    .adhd-cta-box {
        padding: 45px 25px;
        border-radius: 15px;
}

    .adhd-cta-content h2 {
        font-size: 26px;
        line-height: 1.3;
        margin-bottom: 25px;
}

    .adhd-register-btn {
        padding: 12px 28px;
        font-size: 13px;
}
}


/* =========================================
   REGISTER BUTTON
========================================= */

.curriculum-register-btn {
    display: inline-block;
    padding: 14px 32px;
    background: rgb(221, 135, 117);
    color: #ffffff;
    text-decoration: none;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 600;
    transition: all 0.3s ease;}

.curriculum-register-btn:hover {
    background: rgb(221, 135, 117);
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(111, 71, 45, 0.25);}


/* =========================================
   TABLET
========================================= */

@media (max-width: 900px) {

    .curriculum-section {
        padding: 60px 20px;
}

    .curriculum-container {
        grid-template-columns: 1fr;
        gap: 35px;
}

    .who-can-join {
        position: relative;
        top: auto;
}

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 600px) {

    .curriculum-section {
        padding: 45px 15px;
}

    .curriculum-content {
        padding: 28px 22px;
        border-radius: 12px;
}

    .curriculum-content > h4 {
        margin-bottom: 28px;
        font-size: 14px;
}

    .curriculum-day {
        padding-bottom: 28px;
        margin-bottom: 28px;
}

    .curriculum-day h3 {
        font-size: 19px;
}

    .curriculum-day h4 {
        font-size: 15px;
        line-height: 1.5;
}

    .curriculum-day p {
        font-size: 15px;
        line-height: 1.65;
}

    .who-can-join {
        padding: 30px 22px;
        border-radius: 12px;
}

    .who-can-join h4 {
        font-size: 16px;
}

    .who-can-join-content p {
        font-size: 15px;
}

    .curriculum-register-btn {
        width: 100%;
        text-align: center;
        box-sizing: border-box;
}

}

/* =========================================
   QUOTE SLIDER
========================================= */

.quote-section {
    position: relative;
    width: 100%;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden;}


/* Slider Height */

.quote-slider {
    position: relative;
    width: 100%;
    height: 480px;
    overflow: hidden;}


/* Swiper */

.quote-slider .swiper {
    width: 100%;
    height: 100%;}

.quote-slider .swiper-wrapper {
    width: 100%;
    height: 100%;}

.quote-slider .swiper-slide {
    width: 100%;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important;}


/* =========================================
   BACKGROUND IMAGE
========================================= */

.quote-slider .swiper-inner {
    position: relative;

    width: 100%;
    height: 100%;

    background-image: url('images/slider/8.webp');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;

    overflow: hidden;}



/* =========================================
   CAPTION
========================================= */

.quote-slider .sw-caption {
    position: relative;

    width: 100%;
    height: 100%;

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

    z-index: 2;}


/* =========================================
   CONTAINER
========================================= */

.quote-slider .container {
    width: 100%;
    height: 100%;

    display: flex;
    align-items: center;}


/* =========================================
   ROW
========================================= */

.quote-slider .row {
    width: 100%;
  }


/* =========================================
   TEXT WRAPPER
========================================= */

.quote-slider .sw-text-wrapper {

    width: 100%;
    max-width: 650px;

    margin-left: auto;
    margin-right: 0;

    text-align: left;
}


/* =========================================
   QUOTE ICON
========================================= */

.quote-slider .quote-icon {

    color: rgba(255, 255, 255, 0.65);

    width: 50px;
    height: 50px;

    margin-bottom: 20px !important;}

.quote-slider .quote-icon svg {
    width: 48px;
    height: 48px;}


/* =========================================
   QUOTE TEXT
========================================= */

.quote-slider .quote-text {

    margin: 0;
    font-size: 36px;
    line-height: 1.15;

    font-weight: 700;

    letter-spacing: -0.5px;

    text-align: left;

    max-width: 650px;
  }


/* =========================================
   AUTHOR
========================================= */

.quote-slider .quote-author {

    margin-top: 30px;

    padding-top: 25px;

    position: relative;

    color: rgba(255, 255, 255, 0.9);

    font-size: 16px;

    font-weight: 400;

    text-align: left;}


/* Small horizontal line above author */

.quote-slider .quote-author::before {

    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 55px;
    height: 2px;

    background: rgba(255, 255, 255, 0.7);}


/* =========================================
   BOTTOM GRADIENT
========================================= */

.quote-section .gradient-edge-bottom {

    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;

    height: 80px;

    background: linear-gradient(
        to bottom,
        rgba(255,255,255,0),
        rgba(255,255,255,0.95)
    );

    z-index: 5;

    pointer-events: none;}


/* =========================================
   DESKTOP
========================================= */

@media (min-width: 1200px) {

    .quote-slider {
        height: 480px;
}

    .quote-slider .sw-text-wrapper {
        max-width: 650px;
}

    .quote-slider .quote-text {
        font-size: 36px;
        line-height: 1.15;
}
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .quote-slider {
        height: 500px;
}

    .quote-slider .sw-text-wrapper {

        max-width: 600px;

        margin-left: auto;
        margin-right: auto;

        padding: 0 30px;
}

    .quote-slider .quote-text {

        font-size: 32px;

        line-height: 1.2;

        text-align: center;
}

    .quote-slider .quote-author {

        text-align: center;
}

    .quote-slider .quote-author::before {

        left: 50%;

        transform: translateX(-50%);
}

    .quote-slider .quote-icon {

        margin-left: auto;
        margin-right: auto;
}
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .quote-slider {
        height: 520px;
}

    .quote-slider .sw-text-wrapper {

        max-width: 100%;

        padding-left: 25px;
        padding-right: 25px;
}

    .quote-slider .quote-icon {

        width: 40px;
        height: 40px;

        margin-bottom: 15px !important;
}

    .quote-slider .quote-icon svg {

        width: 40px;
        height: 40px;
}

    .quote-slider .quote-text {

        font-size: 27px;

        line-height: 1.2;

        letter-spacing: 0;

        text-align: center;
}

    .quote-slider .quote-author {

        font-size: 14px;

        margin-top: 25px;

        padding-top: 20px;

        text-align: center;
}

    .quote-slider .gradient-edge-bottom {
        height: 60px;
}
}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 480px) {

    .quote-slider {
        height: 560px;
}

    .quote-slider .sw-text-wrapper {

        padding-left: 20px;
        padding-right: 20px;
}

    .quote-slider .quote-text {

        font-size: 23px;

        line-height: 1.25;
}

    .quote-slider .quote-author {

        font-size: 13px;
}
}
 .text-center h2 {
        margin-bottom: 11 !important;
        color: #FFFFFF ;
        font-weight: 500;
        font-family:'League Spartan'; 
        font-size: 34px !important;
}

    .text-center h2 + hr {
        margin-top: 0 !important;
}

/* =========================================================
   WHAT MAKES US DIFFERENT SECTION
========================================================= */

.what-makes-us-different {
    position: relative !important;

    background-color:rgb(214, 228, 225);

    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-bottom: 90px !important;


    overflow: visible !important;}


/* =========================================================
   3 OVERLAPPING TOP WAVES
========================================================= */

.what-makes-us-different .support-wave-container {
    position: absolute !important;

    left: 0 !important;
    top: -120px !important;

    width: 100% !important;
    height: 120px !important;

    overflow: hidden !important;

    z-index: 1 !important;

    pointer-events: none !important;}


/* =========================================================
   ALL SVG WAVES
========================================================= */

.what-makes-us-different .support-wave-container .support-wave {
    position: absolute !important;

    top: 0 !important;
    left: 0 !important;

    width: 100% !important;
    height: 125px !important;

    display: block !important;

    margin: 0 !important;
    padding: 0 !important;}


/* =========================================================
   BACK WAVE
========================================================= */

.what-makes-us-different .support-wave-back {
    z-index: 1 !important;}

.what-makes-us-different .support-wave-back path {
      fill: rgb(246, 239, 233) !important;
    opacity: 1 !important;}


/* =========================================================
   CONTENT
========================================================= */

.what-makes-us-different > .container {
    position: relative !important;

    z-index: 5 !important;}

    /* =========================================================
   HOW WE CAN HELP YOU - SERVICES SECTION
========================================================= */

.services-section {
    width: 100%;
    padding: 80px 0 90px;

}



/* =========================================================
   SERVICES ROW
========================================================= */

.services-section .services-row {
    align-items: stretch;
}


/* =========================================================
   SERVICE ITEM
========================================================= */

.services-section .service-item {
    display: flex;

    flex-direction: column;
}


/* =========================================================
   SERVICE IMAGE
========================================================= */

.services-section .service-image {
    position: relative;

    overflow: hidden;

    border-radius: 8px !important;

    background: #f3e9e3;
}


/* Image */
.services-section .service-image {
    overflow: hidden;
    border-radius: 8px;
}

.services-section .service-image img {
    display: block;

    width: 100%;
    height: 300px;

    object-fit: cover;

    border-radius: 8px;

    /* NO ZOOM */
    transform: none !important;
    scale: 1 !important;

    /* NO ANIMATION */
    transition: none !important;
}


/* Prevent zoom on hover */

.services-section .service-image:hover img {
    transform: none !important;
    scale: 1 !important;

    transition: none !important;
}





/* =========================================================
   SERVICE CONTENT
========================================================= */

.services-section .service-content {
    display: flex;

    flex-direction: column;

    flex: 1;

    padding: 25px 15px 0;

    text-align: center;
}


/* =========================================================
   SERVICE HEADING
========================================================= */

.services-section .service-content h3 {
    margin: 0 0 13px;

    font-family: "League Spartan",
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 25px;

    line-height: 1.2;

    font-weight: 700;

    letter-spacing: -.2px;

    color: #000000;

    text-align: center;
}


/* =========================================================
   SERVICE PARAGRAPH
========================================================= */

.services-section .service-content p {
    width: 100%;

    max-width: 520px;

    margin: 0 auto 22px;

    font-family: "Montserrat",
        Arial,
        sans-serif !important;

    font-size: 15px;

    line-height: 1.65;

    font-weight: 400;

    color: #333333 !important;

    text-align: center;
}


/* =========================================================
   SERVICE BUTTON
========================================================= */

.services-section .service-content .btn-main {
    display: inline-flex !important;

    width: fit-content !important;

    min-height: 46px;

    margin-top: auto !important;

    margin-left: auto !important;

    margin-right: auto !important;

    padding: 0 23px;

    align-items: center !important;

    justify-content: center !important;

   
}


/* =========================================================
   BUTTON HOVER
========================================================= */

.services-section .service-content .btn-main:hover {
    background: #e4aba1 !important;

    color: #000000 !important;

    transform: translateY(-2px);

    box-shadow:
        0 10px 25px rgba(184, 117, 99, .25);
}


/* =========================================================
   SERVICE SPACING
========================================================= */

.services-section .service-item:nth-child(1),
.services-section .service-item:nth-child(2) {
    margin-bottom: 20px;
}

.services-section .service-item:nth-child(3),
.services-section .service-item:nth-child(4) {
    margin-top: 20px;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .services-section {
        padding: 65px 0 75px;
    }

    .services-section h2.split {
        font-size: 38px !important;
    }

    .services-section .service-image img {
        height: 260px;
    }

    .services-section .service-content h3 {
        font-size: 25px;
    }

    .services-section .service-content p {
        font-size: 15px;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .services-section {
        padding: 55px 0 65px;
    }


    /* Section heading */

    .services-section h2.split {
        margin-bottom: 35px;

        font-size: 32px !important;

        text-align: center;
    }


    /* One card per row */

    .services-section .service-item {
        width: 100%;

        margin-top: 0 !important;

        margin-bottom: 40px !important;
    }

    .services-section .service-item:last-child {
        margin-bottom: 0 !important;
    }


    /* Image */

    .services-section .service-image img {
        height: 240px;
    }


    /* Content */

    .services-section .service-content {
        padding: 20px 10px 0;
    }


    /* Heading */

    .services-section .service-content h3 {
        font-size: 24px;

        text-align: center;
    }


    /* Paragraph */

    .services-section .service-content p {
        max-width: 100%;

        font-size: 14px;

        line-height: 1.6;

        text-align: center;
    }


    /* Button */

    .services-section .service-content .btn-main {
        margin-top: 0 !important;

        margin-left: auto !important;

        margin-right: auto !important;
    }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 420px) {

    .services-section h2.split {
        font-size: 29px !important;
    }

    .services-section .service-image img {
        height: 220px;
    }
}


/* =========================================================
   HEADING
========================================================= */

.what-makes-us-different h2 {
    position: relative;

    z-index: 5;

    color: #dd8775;

    margin-bottom: 50px;}


/* =========================================================
   CARDS
========================================================= */

.what-makes-us-different .de-step {
    position: relative;

    z-index: 5;

    height: 100%;}


/* =========================================================
   CARD ICON
========================================================= */

.what-makes-us-different .step-icon {
    margin-bottom: 20px;}

.what-makes-us-different .step-icon i {
    color: #182820;}


/* =========================================================
   CARD HEADING
========================================================= */

.what-makes-us-different .hs-4 {
    color: #182820;

    font-size: 28px;

    line-height: 1.3;

    font-weight: 700 !important;

    margin-bottom: 15px;}


/* =========================================================
   CARD TEXT
========================================================= */

.what-makes-us-different .de-step p {
    color: rgb(94, 94, 94);

    font-size: 16px;

    line-height: 1.7;

    margin-bottom: 0;}


/* =========================================================
   STRONG TEXT
========================================================= */

.what-makes-us-different .de-step strong {
   

    font-weight: 700;}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .what-makes-us-different {
        padding-top: 130px !important;

        padding-bottom: 80px !important;

        margin-top: 100px !important;
}


    .what-makes-us-different .support-wave-container {
        top: -100px !important;

        height: 100px !important;
}


    .what-makes-us-different .support-wave-container .support-wave {
        height: 105px !important;
}


    .what-makes-us-different h2 {
        margin-bottom: 40px;
}


    .what-makes-us-different .hs-4 {
        font-size: 20px;
}


    .what-makes-us-different .de-step p {
        font-size: 15px;

        line-height: 1.65;
}
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .what-makes-us-different {
        padding-top: 105px !important;

        padding-bottom: 65px !important;

        margin-top: 75px !important;
}


    /* Wave */

    .what-makes-us-different .support-wave-container {
        top: -75px !important;

        height: 75px !important;
}


    .what-makes-us-different .support-wave-container .support-wave {
        height: 80px !important;
}


    /* Wave opacity */

    .what-makes-us-different .support-wave-back path {
        opacity: 1 !important;
}


    .what-makes-us-different .support-wave-middle path {
        opacity: 0.55 !important;
}


    .what-makes-us-different .support-wave-front path {
        opacity: 0.20 !important;
}


    /* Heading */

    .what-makes-us-different h2 {
        margin-bottom: 35px;

        font-size: 30px;

        line-height: 1.25;
}


    /* Cards */

    .what-makes-us-different .de-step {
        text-align: center;

        margin-bottom: 25px;
}


    .what-makes-us-different .step-icon {
        margin-bottom: 15px;
}


    .what-makes-us-different .hs-4 {
        font-size: 20px;

        margin-bottom: 12px;
}


    .what-makes-us-different .de-step p {
        font-size: 15px;

        line-height: 1.6;
}
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .what-makes-us-different {
        padding-top: 90px !important;

        padding-bottom: 55px !important;

        margin-top: 65px !important;
}


    .what-makes-us-different .support-wave-container {
        top: -65px !important;

        height: 65px !important;
}


    .what-makes-us-different .support-wave-container .support-wave {
        height: 70px !important;
}


    .what-makes-us-different h2 {
        font-size: 27px;

        margin-bottom: 30px;
}


    .what-makes-us-different .hs-4 {
        font-size: 19px;
}


    .what-makes-us-different .de-step p {
        font-size: 14px;
}
}
.support-section {
    padding: 80px 0;
}

.support-section .support-cards {
    align-items: stretch;
}

.support-section .support-card {
    height: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* CIRCULAR IMAGE */
.support-section .support-image {
    width: 220px;
    height: 220px;
    margin: 0 auto 25px;
    overflow: hidden;
    border-radius: 50%;
    flex-shrink: 0;
}

.support-section .support-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* TEXT AREA */
.support-section .support-card-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.support-section .support-card-content h4 {
    margin: 0 0 15px;
    font-size: 22px;
    line-height: 1.3;
    color: #161616;
}

.support-section .support-card-content p {
    margin: 0 0 25px;
    max-width: 360px;
    font-size: 16px;
    line-height: 1.3;
    color: #555;
}

.support-section .support-card-content strong {
    color: #161616;
}


/* BUTTON */
/* =========================================
   SUPPORT BUTTONS CONTAINER
========================================= */

.support-section .support-buttons {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 15px;

    width: 100%;
    box-sizing: border-box;
}


/* =========================================
   SUPPORT BUTTON
========================================= */

.support-section .support-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 13px 26px;

    background-color: #dd8775;
    color: #000000;

    border: 1px solid #dd8775;
    border-radius: 50px;

    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.2;

    text-decoration: none;
    white-space: nowrap;

    cursor: pointer;

    transition:
        background-color 0.3s ease,
        color 0.3s ease,
        border-color 0.3s ease;
}


/* =========================================
   HOVER
========================================= */

.support-section .support-button:hover {
    background-color: rgb(228, 171, 161);
    color: #000000;
    border-color: rgb(228, 171, 161);

    transform: none;
}


/* =========================================
   FOCUS
========================================= */

.support-section .support-button:focus {
    outline: none;
}


/* =========================================
   ACTIVE
========================================= */

.support-section .support-button:active {
    background-color: rgb(228, 171, 161);
    color: #000000;
    border-color: rgb(228, 171, 161);

    transform: none;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 700px) {

    .support-section .support-buttons {
        gap: 10px;
        overflow-x: auto;
        justify-content: flex-start;
        padding-bottom: 5px;
    }

    .support-section .support-button {
        flex-shrink: 0;

        padding: 12px 20px;

        font-size: 14px;
    }
}



/* TABLET */
@media (max-width: 991px) {

    .support-section .support-image {
        width: 170px;
        height: 170px;
    }

}


/* MOBILE */
@media (max-width: 767px) {

    .support-section {
        padding: 60px 0;
    }

    .support-section .support-image {
        width: 160px;
        height: 160px;
        margin-bottom: 20px;
    }

    .support-section .support-card-content h4 {
        font-size: 20px;
    }

    .support-section .support-card-content p {
        font-size: 15px;
        line-height: 1.6;
    }

}



    /* =========================================
   RE-CBT SECTION
========================================= */

.rebt-section {
    width: 100%;
    background: #f7f0ea;
    padding: 55px 25px 60px;
    box-sizing: border-box;}


/* =========================================
   MAIN CONTAINER
========================================= */

.rebt-container {
    width: 100%;
    max-width: 1050px;
    margin: 0 auto;}


/* =========================================
   SECTION TITLE
========================================= */

.rebt-title {
    margin: 0;
    padding: 0 0 14px;

    color:#3C5657 ;
  font-family: var(--heading-font);
    font-size: 32px;
    line-height: 1.3;

    font-weight: 500;

    border-bottom: 1px solid #d9bca8;}


/* =========================================
   TWO COLUMNS
========================================= */

.rebt-content {
    display: grid;

    grid-template-columns: 1fr 1fr;

    margin-top: 20px;}


/* =========================================
   COLUMNS
========================================= */

.rebt-column {
    box-sizing: border-box;}


/* LEFT */

.rebt-left {
    padding: 0 45px 0 10px;}


/* RIGHT */

.rebt-right {
    padding: 0 10px 0 45px;

    border-left: 1px solid #ddc9ba;}


/* =========================================
   COLUMN HEADINGS
========================================= */

.rebt-heading {
    margin: 0 0 18px;

    color: #3C5657 ;

   font-family: var(--heading-font);

    font-size:22px;
    line-height: 1.35;

    font-weight: 700;}


/* =========================================
   LIST
========================================= */

.rebt-list {
    list-style: none;

    padding: 0;
    margin: 0;}


/* =========================================
   LIST ITEMS
========================================= */

.rebt-list li {
    display: flex;

    align-items: flex-start;

    gap: 10px;

    margin-bottom: 15px;

    color:#3C5657 ;

    font-family: var(--body-font);

    font-size: 16px;
    line-height: 1.5;

    font-weight: 400;}


/* =========================================
   ICON
========================================= */

.rebt-icon {
    flex: 0 0 17px;

    width: 19px;
    height: 19px;

    display: inline-flex;

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

    margin-top: 1px;

    font-size: 20px;
    line-height: 17px;

    font-weight: 700;}


/* =========================================
   GREEN CHECK
========================================= */

.rebt-icon.check {
    color: #43a047;}


/* =========================================
   RED CROSS
========================================= */

.rebt-icon.cross {
    color: #d75c52;}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .rebt-section {
        padding: 45px 25px 50px;
}

    .rebt-container {
        max-width: 850px;
}

    .rebt-title {
        font-size: 21px;
}

    .rebt-left {
        padding-right: 30px;
}

    .rebt-right {
        padding-left: 30px;
}

    .rebt-heading {
        font-size: 14px;
}

    .rebt-list li {
        font-size: 12px;
}
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 700px) {

    .rebt-section {
        padding: 40px 20px 45px;
}

    .rebt-title {
        font-size: 20px;

        padding-bottom: 12px;
}

    .rebt-content {
        grid-template-columns: 1fr;

        gap: 35px;

        margin-top: 25px;
}

    .rebt-left,
    .rebt-right {
        padding: 0;
}

    .rebt-right {
        padding-top: 30px;

        border-left: none;

        border-top: 1px solid #ddc9ba;
}

    .rebt-heading {
        font-size: 15px;

        margin-bottom: 15px;
}

    .rebt-list li {
        font-size: 13px;

        line-height: 1.55;

        margin-bottom: 13px;
}

    .rebt-icon {
        flex-basis: 18px;

        width: 18px;
        height: 18px;

        font-size: 16px;
}
}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 480px) {

    .rebt-section {
        padding: 35px 18px 40px;
}

    .rebt-title {
        font-size: 19px;
}

    .rebt-heading {
        font-size: 14px;
}

    .rebt-list li {
        font-size: 12.5px;

        line-height: 1.5;
}
}


/* therapist-card */

 .therapist-card {
        height: 450px;
        position: relative;
        overflow: hidden;
        border-radius: 10px;
}

    .therapist-card img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
}

    /* Mobile */
    @media (max-width: 767px) {
        .therapist-card {
            height: 400px;
}
    }
    .ms-social-group {
  font-size: 40px;
  font-weight: 600;}

.ms-social-group span:nth-child(even) {
  font-size: 24px;}
/* our therapists */
/* ================================
   ABOUT / THERAPY SECTION
================================ */

.about-section {
  width: 100%;
  background: #ffffff;
  padding: 80px 20px;
  box-sizing: border-box;}

.about-container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;}

.about-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 70px;
  align-items: stretch;}


/* ================================
   LEFT CONTENT
================================ */

.about-content {
   font-family: var(--body-font);
  color:  #3C5657;
  font-size: 16px;
  line-height: 1.65;
  text-align: left;}

.about-content p {
  margin: 0;}

.about-content strong {
  font-weight: 700;
  color:  #3C5657;}


/* ================================
   RIGHT CARD
================================ */

.quote-card {
  background: #f7f3ee;
  padding: 45px 45px 40px;
  box-sizing: border-box;

  display: flex;
  flex-direction: column;
  justify-content: space-between;

  min-height: 390px;}

.quote-mark {
  margin: 0 0 15px;
  font-family: var(--heading-font);
  font-size: 64px;
  line-height: 0.7;
  font-weight: 400;
  color:  #3C5657;}

.quote-content {
font-family: var(--body-font);
  color:#3C5657;
  font-size: 16px;
  line-height: 1.65;
  flex: 1;}

.quote-content p {
  margin: 0;}

.quote-content strong {
  font-weight: 700;}

.quote-content em {
  font-style: italic;}


/* ================================
   BUTTON
================================ */

.button-wrapper {
  margin-top: 30px;}

.start-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 48px;
  padding: 0 30px;

  background:  #E09789;
  color: #000;

  border-radius: 999px;

  font-family: var(--body-font);
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;

  transition:
    background-color 0.25s ease,
    transform 0.25s ease;}

.start-button:hover {
  background:  #3C5657;
  color: #fff;
  transform: translateY(-2px);}

.start-button:active {
  transform: translateY(0);}


/* ================================
   TABLET
================================ */

@media (max-width: 900px) {

  .about-section {
    padding: 60px 25px;
}

  .about-grid {
    grid-template-columns: 1fr;
    gap: 45px;
}

  .quote-card {
    min-height: auto;
}
}


/* ================================
   MOBILE
================================ */

@media (max-width: 600px) {

  .about-section {
    padding: 45px 20px;
}

  .about-grid {
    gap: 35px;
}

  .about-content,
  .quote-content {
    font-size: 15px;
    line-height: 1.6;
}

  .quote-card {
    padding: 35px 25px 30px;
}

  .quote-mark {
    font-size: 52px;
}

  .start-button {
    width: 100%;
    min-height: 50px;
}
}
.reviews-section {
    max-width: 1112px;
    margin: 28px auto 0;
    padding: 0;}

.reviews-title {
    margin: 0;
    padding: 0 0 21px;
    border-bottom: 1px solid #ddd;

    color: #E09789;
   font-family: var(--heading-font);
    font-size: 32px;
    font-weight: 400;
    line-height: 1.2;}

.reviews-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 35px;
    padding-top: 39px;}

.review {
    text-align: center;}

.review-info {
    min-height: 92px;
    margin-bottom: 13px;

    color:  #3C5657;
    font-family: var(--body-font);
    font-size: 23px;
    font-weight: 500;
    line-height: 1.2;}

.review-text {
    margin: 0;

    color:#3C5657;
   font-family: var(--body-font);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;}

/* Tablet */
@media (max-width: 900px) {
    .reviews-section {
        padding: 0 25px;
}

    .reviews-grid {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 45px;
}
}

/* Mobile */
@media (max-width: 600px) {
    .reviews-title {
        font-size: 27px;
}

    .reviews-grid {
        grid-template-columns: 1fr;
}

    .review-info {
        font-size: 21px;
}
}/* =========================================================
   BLOG / NEWSLETTER
========================================================= */

.newsletter {
    width: 100%;
    padding: 60px 20px 70px;
    background: #fff;
    box-sizing: border-box;
    margin-top: 0;}

.newsletter-container {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
  padding-top: 120px;}

.newsletter h1 {
    margin: 0 0 20px;
    font-size: 42px;
    line-height: 1.2;
    font-weight: 700;
    font-family: 'League Spartan', arial, helvetica, sans-serif;;
    }

.newsletter .description {
    margin: 0 auto 30px;
    font-size: 16px;
    line-height: 1.7;
   }

.newsletter .description span {
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    letter-spacing: 1px;
    color: rgb(94, 94, 94);}

.subscribe-form {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 600px;
    margin: 0 auto;
    gap: 10px;}

.subscribe-form input {
    flex: 1;
    height: 52px;
    padding: 0 18px;
    border: 1px solid #ddd;
    border-radius: 6px;
    outline: none;
    font-size: 16px;
    background: #fff;
    box-sizing: border-box;}

.subscribe-form input:focus {
    border-color: #555;}

.subscribe-form button {
    height: 52px;
    padding: 0 30px;
    border: none;
    border-radius: 30px;
    background: #dd8775;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s ease;}

.subscribe-form button:hover {
    background:#e4aba1 ;
    color: #000;}


/* =========================================================
   BLOG SECTION
========================================================= */

.blog-section {
    padding: 40px 0;
    overflow: hidden;}

.blog-heading {
    margin-bottom: 45px;}

.blog-heading .subtitle {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 10px;}

.blog-heading h2 {
    margin-bottom: 15px;}

.blog-heading p {
    max-width: 700px;
    color: #3C5657;
    line-height: 1.7;}


/* =========================================================
   BLOG LIST
========================================================= */

#blog-list {
    display: flex;
    flex-wrap: wrap;
    row-gap: 65px !important;}

.blog-card {
    position: relative;
    margin-bottom: 0 !important;}

.blog-card-inner {
    position: relative;
    height: 100%;
    background: #fff;}


/* =========================================================
   BLOG IMAGE
========================================================= */

.blog-card-inner > .rounded-1 {
    position: relative !important;
    width: 100%;
    height: 280px;
    overflow: hidden !important;
    border-radius: 8px !important;
    line-height: 0;
    background: #f2f2f2;
    isolation: isolate;}

.blog-card-inner > .rounded-1 img,
.blog-card-inner > .rounded-1 img.w-100,
.blog-card-inner > .rounded-1 img.hover-scale-1-1 {
    display: block !important;
    width: 100% !important;
    height: 280px !important;
    min-height: 280px !important;
    max-height: 280px !important;
    object-fit: cover !important;
    object-position: center center;
    transform: none !important;
    transition: none !important;
    scale: 1 !important;
    border: 0 !important;
    margin: 0 !important;}


/* =========================================================
   MOBILE - TABLET
========================================================= */

@media (max-width: 767px) {

    .newsletter {
        margin-top: 0;
        padding: 60px 20px;
}

    .newsletter h1 {
        font-size: 32px;
}

    .newsletter .description {
        font-size: 15px;
}

    .subscribe-form {
        flex-direction: column;
        width: 100%;
}

    .subscribe-form input,
    .subscribe-form button {
        width: 100%;
}

    .blog-section {
        padding: 40px 0;
}
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .newsletter {
        margin-top: 0;
        padding: 50px 15px;
}

    .newsletter h1 {
        font-size: 30px;
}

    .newsletter .description {
        font-size: 15px;
}

    .subscribe-form {
        flex-direction: column;
        width: 100%;
}

    .subscribe-form input,
    .subscribe-form button {
        width: 100%;
}

    .blog-section {
        padding: 30px 0;
}

    .blog-card-inner > .rounded-1,
    .blog-card-inner > .rounded-1 img,
    .blog-card-inner > .rounded-1 img.w-100,
    .blog-card-inner > .rounded-1 img.hover-scale-1-1 {
        height: 240px !important;
        min-height: 240px !important;
        max-height: 240px !important;
}
}


/* =========================================================
   PREVENT EXTRA SPACE AROUND THESE SECTIONS
========================================================= */

.newsletter,
.blog-section {
    margin-bottom: 0 !important;}

.newsletter-container,
.blog-section .container {
    margin-top: 0;
    margin-bottom: 0;}

/* =========================================================
   REMOVE ALL HOVER IMAGE ZOOM
========================================================= */

.blog-card:hover img,
.blog-card-inner:hover img,
.blog-card:hover .hover-scale-1-1,
.blog-card-inner:hover .hover-scale-1-1 {

    transform: none !important;

    scale: 1 !important;

    transition: none !important;}


/* =========================================================
   REMOVE IMAGE FILTER / EFFECTS
========================================================= */

.blog-card img {
    filter: none !important;}


/* =========================================================
   IMAGE LINK
========================================================= */

.blog-card-inner > .rounded-1 > a {

    position: absolute !important;

    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    z-index: 3;

    display: block !important;

    transform: none !important;}


/* =========================================================
   CATEGORY BADGE
========================================================= */

.blog-card-inner .abs.text-white {

    position: absolute !important;

    top: 0;
    left: 0;

    z-index: 5;

    margin: 20px !important;

    line-height: normal;}


/* =========================================================
   CATEGORY LABEL
========================================================= */

.blog-category {

    display: inline-block;

    padding: 9px 14px;

    color: #fff;

    background: rgba(20, 20, 20, 0.35);

    border: 1px solid rgba(255, 255, 255, 0.15);

    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);

    border-radius: 5px;

    font-size: 13px;

    line-height: 1.2;

    white-space: nowrap;}


/* =========================================================
   BLOG CONTENT
========================================================= */

.blog-card-inner > .pt-4 {

    position: relative !important;

    z-index: 6;

    display: block;

    padding-top: 25px !important;

    background: #fff;

    line-height: normal;
}


/* =========================================================
   BLOG TITLE
========================================================= */

.blog-card h3 {

    margin: 0 0 14px;

    padding: 0;

    font-size: 23px;

    line-height: 1.35;

    font-weight: 600;

    color:#3C5657;

    transition: color .2s ease;
}


.blog-card h3:hover {

    color: var(--primary-color);
}


/* =========================================================
   BLOG DESCRIPTION
========================================================= */

.blog-card p {

    margin: 0 0 18px !important;

    color: #777;

    font-size: 15px;

    line-height: 1.7;
}


/* =========================================================
   BLOG META
========================================================= */

.blog-meta {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 0;

    font-size: 13px;

    color: #777;

    line-height: 1.5;}


/* Author image */

.blog-meta img {

    width: 20px !important;
    height: 20px !important;

    min-width: 20px;
    min-height: 20px;

    object-fit: cover;

    border-radius: 50%;

    margin-right: 8px;

    transform: none !important;
}


/* Meta text */

.blog-meta span {

    display: inline-block;

    line-height: 20px;
}


/* =========================================================
   SHOW MORE AREA
========================================================= */

.blog-results {

    margin-top: 65px;

    padding-top: 10px;

    text-align: center;
}


.blog-results p {

    margin-bottom: 20px;

    color: #777;

    font-size: 14px;
}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 767px) {
    .therapist-image-box {
        aspect-ratio: 1 / 1;
    }
}


/* =========================================================
   SHOW MORE BUTTON
========================================================= */

#show-more-btn {

    display: inline-block;

    border: none;

    padding: 13px 30px;

    border-radius: 5px;

    background: var(--primary-color);

    color: #fff;

    font-size: 14px;

    font-weight: 600;

    cursor: pointer;

    transition: all .25s ease;
}


#show-more-btn:hover {

    opacity: .9;

    transform: translateY(-1px);
}


/* =========================================================
   SIDEBAR
========================================================= */

.blog-sidebar {

    position: sticky;

    top: 100px;

    padding-left: 15px;
}


/* =========================================================
   SIDEBAR WIDGET
========================================================= */

.sidebar-widget {

    padding: 28px;

    margin-bottom: 30px;

    background: #f8f8f8;

    border-radius: 8px;
}


.sidebar-widget:last-child {

    margin-bottom: 0;
}


.sidebar-widget h4 {

    margin: 0 0 22px;

    font-size: 21px;

    line-height: 1.3;

    color: #222;
}


/* =========================================================
   SEARCH
========================================================= */

.blog-search {

    display: flex;

    width: 100%;
}


.blog-search input {

    flex: 1;

    width: 100%;

    height: 48px;

    padding: 0 15px;

    border: 1px solid #ddd;

    border-right: 0;

    border-radius: 5px 0 0 5px;

    background: #fff;

    outline: none;

    box-shadow: none;
}


.blog-search input:focus {

    border-color: var(--primary-color);
}


.blog-search button {

    flex: 0 0 52px;

    width: 52px;

    height: 48px;

    border: none;

    border-radius: 0 5px 5px 0;

    background: var(--primary-color);

    color: #fff;

    cursor: pointer;
}


/* =========================================================
   CATEGORIES
========================================================= */

.blog-categories {

    list-style: none;

    margin: 0;

    padding: 0;
}


.blog-categories li {

    margin: 0;

    padding: 0;

    border-bottom: 1px solid rgba(0, 0, 0, .08);
}


.blog-categories li:last-child {

    border-bottom: 0;
}


.blog-categories a {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 15px;

    padding: 13px 0;

    color: #555;

    text-decoration: none;

    font-size: 14px;

    line-height: 1.4;

    transition: all .25s ease;
}


.blog-categories a:hover {

    color: var(--primary-color);

    padding-left: 4px;
}


.blog-categories a.active {

    color: var(--primary-color);

    font-weight: 600;
}


/* Category count */

.blog-categories a span:last-child {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    min-width: 27px;

    height: 24px;

    padding: 0 7px;

    background: #fff;

    border-radius: 20px;

    font-size: 12px;

    color: #888;
}


/* =========================================================
   RECENT POSTS
========================================================= */

.recent-post {

    display: flex;

    align-items: flex-start;

    gap: 14px;

    margin-bottom: 20px;
}


.recent-post:last-child {

    margin-bottom: 0;
}


.recent-post img {

    flex: 0 0 80px;

    width: 80px;

    height: 70px;

    object-fit: cover;

    border-radius: 5px;

    transform: none !important;
}


.recent-post div {

    flex: 1;

    min-width: 0;
}


.recent-post a {

    display: block;

    margin-bottom: 5px;

    color: #333;

    font-size: 14px;

    font-weight: 600;

    line-height: 1.45;

    text-decoration: none;
}


.recent-post a:hover {

    color: var(--primary-color);
}


.recent-post span {

    display: block;

    color: #999;

    font-size: 12px;

    line-height: 1.4;
}


/* =========================================================
   POPULAR TAGS
========================================================= */

.blog-tags {

    display: flex;

    flex-wrap: wrap;

    gap: 8px;
}


.blog-tags a {

    display: inline-block;

    padding: 7px 13px;

    background: #fff;

    border: 1px solid #ddd;

    border-radius: 4px;

    color: #555;

    font-size: 13px;

    line-height: 1.3;

    text-decoration: none;

    transition: all .25s ease;
}


.blog-tags a:hover {

    background: var(--primary-color);

    border-color: var(--primary-color);

    color: #fff;
}


/* =========================================================
   NO RESULTS
========================================================= */

#no-blog-results {

    width: 100%;

    padding: 50px 20px;

    text-align: center;
}


#no-blog-results h4 {

    margin-bottom: 8px;

    color: #333;
}


#no-blog-results p {

    color: #888;
}


/* =========================================================
   JAVASCRIPT HIDDEN CARD
========================================================= */

.blog-card[style*="display: none"] {

    margin: 0 !important;
}


/* =========================================================
   DISABLE THEME HOVER EFFECTS
========================================================= */

/*
   Your existing theme may have rules such as:

   .hover-scale-1-1:hover
   .hover:hover img
   transform: scale(...)
*/

.blog-section .hover-scale-1-1 {

    transform: scale(1) !important;

    transition: none !important;
}


.blog-section .hover:hover img {

    transform: scale(1) !important;
}


.blog-section .hover-scale-1-1:hover {

    transform: scale(1) !important;
}


/* =========================================================
   DESKTOP
========================================================= */

@media (min-width: 992px) {

    .blog-card-inner > .rounded-1 {

        height: 280px;

}

    .blog-card-inner > .rounded-1 img {

        height: 280px !important;

        min-height: 280px !important;

        max-height: 280px !important;

}

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .blog-section {

        padding: 65px 0;

}


    #blog-list {

        row-gap: 50px !important;

}


    .blog-sidebar {

        position: static;

        padding-left: 0;

        margin-top: 20px;

}


    .sidebar-widget {

        margin-bottom: 25px;

}

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .blog-section {

        padding: 50px 0;

}


    #blog-list {

        row-gap: 45px !important;

}


    .blog-card-inner > .rounded-1 {

        height: 250px;

}


    .blog-card-inner > .rounded-1 img,
    .blog-card-inner > .rounded-1 img.w-100,
    .blog-card-inner > .rounded-1 img.hover-scale-1-1 {

        height: 250px !important;

        min-height: 250px !important;

        max-height: 250px !important;

}


    .blog-card h3 {

        font-size: 21px;

}


    .blog-card p {

        font-size: 14px;

}


    .sidebar-widget {

        padding: 22px;

}

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 575px) {

    #blog-list {

        row-gap: 40px !important;

}


    .blog-card-inner > .rounded-1 {

        height: 220px;

        border-radius: 7px !important;

}


    .blog-card-inner > .rounded-1 img,
    .blog-card-inner > .rounded-1 img.w-100,
    .blog-card-inner > .rounded-1 img.hover-scale-1-1 {

        height: 220px !important;

        min-height: 220px !important;

        max-height: 220px !important;

}


    .blog-card-inner > .pt-4 {

        padding-top: 20px !important;

}


    .blog-card h3 {

        font-size: 20px;

}


    .blog-meta {

        font-size: 12px;

}


    .blog-results {

        margin-top: 50px;

}

}
/* ========================================
   STATS SECTION
   ======================================== */

.stats-section {
    position: relative;
    overflow: hidden;

    width: 100%;
    min-height: 340px;

    /* Center the content vertically */
    display: flex;
    align-items: center;

    padding: 60px 0 100px;

    background: linear-gradient(
        to bottom,
        #ffffff 0px,
        #f4f8f7 35px,
        #e8f0ef 75px,
        #dce9e9 115px,
        #dce9e9 100%
    );
}

/* ========================================
   SOFT TOP FADE
   ======================================== */

.stats-section::before {
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 80px;

    background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 1) 0%,
        rgba(255, 255, 255, 0.75) 30%,
        rgba(255, 255, 255, 0.25) 65%,
        rgba(255, 255, 255, 0) 100%
    );

    z-index: 1;

    pointer-events: none;
}


/* ========================================
   CONTENT CONTAINER
   ======================================== */
.stats-section .container {
    position: relative;
    z-index: 10;

    width: 100%;
}
/* ========================================
   STATS ROW
   ======================================== */

.stats-row {
    display: flex;

    align-items: center;
    justify-content: space-between;

    width: 100%;

    gap: 25px;
}


/* ========================================
   INDIVIDUAL STAT
   ======================================== */

.stats-item {
    flex: 1;

    text-align: center;

    position: relative;
}


/* ========================================
   STAT TEXT
   ======================================== */
.stats-text {
    margin: 0;
    color: #000000;
    font-size: 44px;
    line-height: 1.15;
    font-weight: 800;
    letter-spacing: -1.2px;
    white-space: nowrap;
}


/* ========================================
   TIMER
   ======================================== */

.stats-text .timer {
    font-weight: 800;
}


/* ========================================
   BOTTOM WAVE CONTAINER
   ======================================== */

.stats-waves {
    position: absolute;

    left: 0;
    bottom: 0;

    width: 100%;
    height: 105px;

    overflow: hidden;

    z-index: 2;

    pointer-events: none;
}


/* ========================================
   WAVE 1 - BACK WAVE
   ======================================== */

.wave-1 {
    position: absolute;

    width: 125%;
    height: 105px;

    left: -12%;
    bottom: -72px;

    background: #edf4f3;

    border-radius: 50% 50% 0 0 / 55% 55% 0 0;

    transform: rotate(-1.5deg);
}


/* ========================================
   WAVE 2 - MIDDLE WAVE
   ======================================== */

.wave-2 {
    position: absolute;

    width: 130%;
    height: 105px;

    left: -15%;
    bottom: -80px;

    background: #f7faf9;

    border-radius: 50% 50% 0 0 / 60% 60% 0 0;

    transform: rotate(1.2deg);
}


/* ========================================
   WAVE 3 - FRONT WHITE WAVE
   ======================================== */

.wave-3 {
    position: absolute;

    width: 130%;
    height: 105px;

    left: -15%;
    bottom: -90px;

    background: #ffffff;

    border-radius: 50% 50% 0 0 / 65% 65% 0 0;

    transform: rotate(-1deg);
}


/* ========================================
   TABLET
   ======================================== */

@media (max-width: 991px) {

    .stats-section {
        min-height: 310px;

        padding: 90px 0 105px;
    }

    .stats-row {
        gap: 15px;
    }

    .stats-text {
        font-size: 32px;

        letter-spacing: -0.8px;
    }
}


/* ========================================
   MOBILE
   ======================================== */

@media (max-width: 767px) {

    .stats-section {
        min-height: auto;

        padding: 65px 0 100px;
    }


    .stats-row {
        flex-direction: column;

        gap: 25px;
    }


    .stats-item {
        width: 100%;
    }


    .stats-text {
        font-size: 30px;

        letter-spacing: -0.5px;

        white-space: nowrap;
    }


    .stats-waves {
        height: 80px;
    }


    .wave-1,
    .wave-2,
    .wave-3 {
        width: 150%;
        left: -25%;
    }
}


/* ========================================
   SMALL MOBILE
   ======================================== */

@media (max-width: 480px) {

    .stats-section {
        padding-top: 55px;
        padding-bottom: 90px;
    }


    .stats-text {
        font-size: 27px;

        letter-spacing: -0.4px;
    }
}
.mental-screening-section {
    width: 100%;
    margin: 0;
    padding: 0;
    background: #fff;
    overflow: hidden;
}

.mental-screening-container {
    display: flex;
    width: 100%;
    margin: 0;
    padding: 0;
    gap: 0;
}

.mental-screening-image {
    width: 50%;
    flex: 0 0 50%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.mental-screening-image img {
    display: block;
    width: 100%;
    height: 550px;
    margin: 0;
   padding-top: 100px;
    border: 0;
    object-fit: cover;
    object-position: center top;
}

.mental-screening-content {
    width: 50%;
    flex: 0 0 50%;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 40px 5%;
    padding-top: 120px;
    background: #fff;
    box-sizing: border-box;
}

.mental-screening-text {
    width: 100%;
    max-width: 600px;
    margin: 0;
    padding: 0;
}

.mental-screening-text h1 {
    margin: 0 0 22px;
    padding-top: 20px;
    color: #050505;
    font-family: 'League Spartan', Arial, Helvetica, sans-serif;
    font-size: 40px;
    font-weight: 500;
    line-height: 1.15;
}

.mental-screening-text p {
    margin: 0 0 18px;
    padding: 0;
    color: #686868;
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.65;
}

.mental-screening-text p:last-child {
    margin-bottom: 0;
}


/* TABLET */

@media (max-width: 991px) {

    .mental-screening-image img {
        height: 430px;
    }

    .mental-screening-content {
        padding: 50px 5%;
    }

    .mental-screening-text h1 {
        font-size: 34px;
    }

    .mental-screening-text p {
        font-size: 15px;
    }
}


/* MOBILE */

@media (max-width: 767px) {

    .mental-screening-section {
        width: 100%;
    }

    .mental-screening-container {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .mental-screening-image {
        width: 100%;
        flex: 0 0 100%;
    }

    .mental-screening-image img {
        width: 100%;
        height: 320px;
        min-height: 500px;
        object-fit: cover;
        object-position: center top;
    }

    .mental-screening-content {
        width: 100%;
        flex: 0 0 100%;
        padding: 40px 25px;
    }

    .mental-screening-text h1 {
        font-size: 32px;
    }

    .mental-screening-text p {
        font-size: 15px;
        line-height: 1.65;
    }
}


/* SMALL MOBILE */

@media (max-width: 480px) {

    .mental-screening-image img {
        height: 270px;
        min-height: 270px;
    }

    .mental-screening-content {
        padding: 35px 20px;
    }

    .mental-screening-text h1 {
        font-size: 29px;
    }

    .mental-screening-text p {
        font-size: 14px;
        line-height: 1.65;
    }
}

.therapist-card h3,
.therapist-card h3.text-white,
.therapist-card p,
.therapist-card .text-white {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
.therapist-card {
    position: relative;
    overflow: hidden;
}

.therapist-card .therapist-image {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
    transform: none !important;
    transition: none !important;
}

/* Disable all hover zoom effects */
.therapist-card:hover .therapist-image {
    transform: none !important;
    scale: 1 !important;
}

/*  online service*/
/*==============================
    THERAPY SECTION
==============================*/

.therapy-service{
    padding:80px ;
    background:#fff;}

.therapy-container{
    max-width:1200px;
    margin:auto;
    padding:0 20px;

    display:flex;
    align-items:center;
    gap:70px;
}

.therapy-image{
    flex:1;}

.therapy-image img{
    width:100%;
    display:block;
    border-radius:22px;}

.therapy-content{
    flex:1;}

.therapy-subtitle{
    display:inline-block;
    font-size:15px;
    font-weight:600;
    color:#8b6c58;
    margin-bottom:15px;}

.therapy-content h2{
    font-size:48px;
    line-height:1.15;
    color:#000000;
    margin-bottom:30px;
    font-weight:700;
    margin-top: 30px;}


.therapy-content p {
    font-size: 16px;
    line-height: 1.8;
    letter-spacing: 1.5px;
    color: rgb(94, 94, 94);
    margin-bottom: 20px;
}


.therapy-content strong{
    color:#3C5657;}

.therapy-btn {
    display: inline-block;
    margin-top: 15px;
    padding: 15px 38px;
    background: #dd8775;
    color: #000;
    text-decoration: none;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 600;
}

.therapy-btn:hover {
    background: rgb(224, 151, 137)!important;
    color: #000 !important;
    text-decoration: none !important;
    transform: none !important;
    box-shadow: none !important;
}


/*==============================
    RESPONSIVE
==============================*/

@media(max-width:991px){

    .therapy-container{
        flex-direction:column;
        gap:40px;
}

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

    .therapy-content h2{
        font-size:36px;
}
}

@media(max-width:576px){

    .therapy-service{
        padding:60px 0;
}

    .therapy-content h2{
        font-size:30px;
}

    .therapy-content p{
        font-size:16px;
}

    .therapy-btn{
        width:100%;
        text-align:center;
}
}
/*==========================
    ONLINE THERAPY
===========================*/

.online-therapy-info{
    padding:80px 0;
    background:#f8f8f8;}

.therapy-info-container{
    max-width:1200px;
    margin:auto;
    padding:0 20px;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:70px;}

.therapy-left{
    flex:1.2;}

.therapy-right{
    flex:0.8;}

.therapy-label{
    color:#dd8775;
    font-size:25px;
    font-weight:600;
    letter-spacing:2px;
    font-family: 'League Spartan';
  }

.therapy-left h2{
    font-size:30px;
    line-height:1.2;
    color:#000000 ;
    margin:18px 0 25px;
  font-family: 'League Spartan', arial, helvetica, sans-serif;;}

.therapy-left p{
    font-size:16px;
    line-height:1.8;
    color:rgb(94, 94, 94) ;
    margin-bottom:20px;
  font-family: 'Montserrat', arial, sans-serif;}

.therapy-session-box{
    background:#fff;
    padding:35px;
    border-radius:18px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);}

.therapy-session-box h3{
    margin-bottom:25px;
    font-size:24px;}

.session-item{
    display:flex;
    justify-content:space-between;
    padding:15px 0;
    border-bottom:1px solid #eee;}

.session-item:last-child{
    border-bottom:none;}

.therapy-btn{
    display:block;
    margin-top:30px;
    text-align:center;
    padding:15px;
    background:#E09789 ;
    color:#000;
    text-decoration:none;
    border-radius:50px;
    font-weight:600;}

.therapy-btn:hover{
    background:#3C5657;
    color: #fff;}

/* Mobile */

@media(max-width:768px){

    .therapy-info-container{
        flex-direction:column;
        gap:40px;
}

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

    .therapy-left h2{
        font-size:32px;
}

}
/* =========================================
   MENTAL HEALTH GALLERY
========================================= */

.mental-health-gallery {
    width: 100%;
    padding: 70px 20px;
    background: #ffffff;
    box-sizing: border-box;
    font-family: 'Montserrat', Arial, sans-serif;
}

.mental-health-gallery-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
.heading span {
    color: #dd8775;
    font-family: 'Montserrat', Arial, sans-serif;
}


/* =========================================
   TITLE
========================================= */

.mental-health-gallery-title {
    display: flex;
    flex-direction: column;
    align-items: center;

    margin: 0 0 45px;

    color: rgb(212, 124, 106);

    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 32px;
    font-weight: 400;
    line-height: 1.3;
    text-align: center;
}

.mental-health-gallery-line {
    display: block;

    width: 55px;
    height: 2px;

    margin-top: 18px;

    background: #dd8775;
}


/* =========================================
   SLIDER
========================================= */

.mental-health-gallery-slider {
    display: flex;
    gap: 25px;

    width: 100%;

    overflow-x: auto;
    overflow-y: hidden;

    padding: 0;

    box-sizing: border-box;

    scroll-behavior: smooth;

    scrollbar-width: thin;
    scrollbar-color: #dd8775 transparent;
}


/* =========================================
   IMAGE ITEM
========================================= */

.mental-health-gallery-item {
    flex: 0 0 280px;

    width: 280px;
    height: 350px;

    overflow: hidden;

    /* No box styling */
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;

    /* No hover movement */
    transform: none;
}


/* =========================================
   IMAGE
========================================= */

.mental-health-gallery-item img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
    object-position: center;

    /* No zoom effect */
    transform: none;
    transition: none;
}


/* =========================================
   REMOVE HOVER EFFECT
========================================= */

.mental-health-gallery-item:hover {
    transform: none;
    box-shadow: none;
}

.mental-health-gallery-item:hover img {
    transform: none;
}


/* =========================================
   SCROLLBAR
========================================= */

.mental-health-gallery-slider::-webkit-scrollbar {
    height: 7px;
}

.mental-health-gallery-slider::-webkit-scrollbar-track {
    background: transparent;
}

.mental-health-gallery-slider::-webkit-scrollbar-thumb {
    background: #dd8775;
    border-radius: 20px;
}

.mental-health-gallery-slider::-webkit-scrollbar-thumb:hover {
    background: #dd8775;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 900px) {

    .mental-health-gallery {
        padding: 60px 20px;
    }

    .mental-health-gallery-title {
        font-size: 31px;
        margin-bottom: 40px;
    }

    .mental-health-gallery-item {
        flex: 0 0 250px;

        width: 250px;
        height: 320px;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 600px) {

    .mental-health-gallery {
        padding: 50px 15px;
    }

    .mental-health-gallery-title {
        font-size: 27px;
        margin-bottom: 30px;
    }

    .mental-health-gallery-line {
        width: 45px;
        margin-top: 14px;
    }

    .mental-health-gallery-slider {
        gap: 18px;
    }

    .mental-health-gallery-item {
        flex: 0 0 230px;

        width: 230px;
        height: 290px;

        border-radius: 0;
    }
}

/*====================================
    THERAPY GALLERY
====================================*/

.therapy-gallery{
    padding:70px 0;
    background:#fff;}

.gallery-container{
    max-width:1200px;
    margin:auto;
    padding:0 20px;}

/* Heading */

.gallery-title{
    display:flex;
    align-items:center;
    gap:20px;
    margin-bottom:45px;
    font-size:34px;
    font-weight:600;
    color:#3C5657 ;}

.gallery-title span:first-child{
    white-space:nowrap;}

.gallery-line{
    flex:1;
    height:1px;
    background:#d8c5b8;}

/* Horizontal Gallery */

.gallery-slider{
    display:flex;
    gap:18px;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-behavior:smooth;
    padding-bottom:15px;}

.gallery-slider::-webkit-scrollbar{
    height:8px;}

.gallery-slider::-webkit-scrollbar-thumb{
    background:#d0d0d0;
    border-radius:20px;}

.gallery-slider::-webkit-scrollbar-track{
    background:#f2f2f2;}

/* Cards */

.gallery-item{
    flex:0 0 auto;
    width:260px;}

.gallery-item img{
    width:100%;
    display:block;
    border-radius:18px;
    transition:.35s;
    box-shadow:0 8px 25px rgba(0,0,0,.08);}

.gallery-item img:hover{
    transform:translateY(-8px);
    box-shadow:0 15px 35px rgba(0,0,0,.18);}

/* Tablet */

@media(max-width:991px){

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

    .gallery-item{
        width:220px;
}

}

/* Mobile */

@media(max-width:768px){

    .therapy-gallery{
        padding:60px 0;
}

    .gallery-title{
        font-size:22px;
        gap:12px;
}

    .gallery-item{
        width:180px;
}

}
/* Make anxiety symptom items appear inline */
.therapy-steps .bg-grey p {
display: block;
width: 100%;
margin: 0 0 8px;
padding: 0;
line-height: 1.5;
text-align: left;
}
/* Keep the heading separate */
.therapy-steps .bg-grey h4 {
display: block;
margin-bottom: 20px;
}
/* =========================================
   WHY CHOOSE MANAHSPARSH
   ========================================= */

.why-choose-section {
    padding: 50px 0;
    background-color: rgb(214, 228, 225);}

.why-choose-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;}


/* CARD */

.why-choose-card {
    width: 100%;
    height: 100%;}

.why-choose-content {
    height: 100%;
    padding: 30px;
    background-color: #ffffff;
    border-radius: 6px;}


/* HEADING */

.why-choose-content h4 {
    margin: 0 0 18px;
    font-size: 22px;
    line-height: 1.35;
    font-weight: 600;
    color:#3C5657;}


/* TEXT */

.why-choose-content p {
    margin: 0;
    font-size: 16px;
    line-height: 1.75;
    color:#3C5657 ;}

.why-choose-content strong {
    font-weight: 600;
    color:#3C5657 ;}


/* LINKS */

.why-choose-content a {
    color: inherit;
    text-decoration: none;}

.why-choose-content p a {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;}

.why-choose-content p a:hover {
    color: #6d8b74;}


/* =========================================
   TABLET
   ========================================= */

@media (max-width: 991px) {

    .why-choose-section {
        padding: 60px 0;
}

    .why-choose-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
}

}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {

    .why-choose-section {
        padding: 50px 0;
}

    .why-choose-grid {
        grid-template-columns: 1fr;
        gap: 20px;
}

    .why-choose-content {
        padding: 25px;
}

    .why-choose-content h4 {
        font-size: 20px;
        margin-bottom: 15px;
}

    .why-choose-content p {
        font-size: 15px;
        line-height: 1.7;
}

}
/* =========================
   ADHD SECTION
========================= */

.adhd-section {
    width: 100%;
    padding: 80px 20px;
    background-color: #ffffff;
    box-sizing: border-box;}

.adhd-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;}


/* =========================
   SECTION HEADING
========================= */

.adhd-section-heading {
    text-align: center;
    margin-bottom: 50px;}

.adhd-section-heading h2 {
    margin: 0;
    color: rgb(221, 135, 117);
    font-size: 36px;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: -0.5px;}

.adhd-section-heading hr {
    width: 60px;
    height: 2px;
    border: 0;
    margin: 20px auto 0;
    background-color: #333333;}


/* =========================
   CARDS GRID
========================= */

.adhd-cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 35px;
    align-items: stretch;}


/* =========================
   CARD
========================= */

.adhd-card {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background-color: #ffffff;
    border-radius: 4px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);}


/* =========================
   CARD IMAGE
========================= */

.adhd-card-image {
    width: 100%;
    height: 330px;
    overflow: hidden;}

.adhd-card-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;}


/* =========================
   CARD CONTENT
========================= */

.adhd-card-content {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 30px;}

.adhd-card-content h3 {
    margin: 0 0 18px;
    color: #000 ;
    font-size: 25px;
    line-height: 1.3;
    font-weight: 600;}

.adhd-card-content p {
    margin: 0 0 28px;
    color: rgb(94, 94, 94) ;
    font-size: 16px;
    line-height: 1.7;}


/* =========================
   BUTTON
========================= */

.adhd-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: flex-start;

    padding: 13px 25px;

    color: #000;
    background-color: #E09789;

    border: 1px solid #E09789;
    border-radius: 50px;

    font-size: 15px;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;

    transition:
        background-color 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;
}

.adhd-btn:hover {
    color: #000;
    background-color: rgb(228, 171, 161);
    border-color: rgb(228, 171, 161);
    transform: translateY(-2px);
}

/* =========================
   TABLET
========================= */

@media (max-width: 768px) {

    .adhd-section {
        padding: 60px 20px;
}

    .adhd-section-heading {
        margin-bottom: 35px;
}

    .adhd-section-heading h2 {
        font-size: 30px;
}

    .adhd-cards {
        grid-template-columns: 1fr;
        gap: 30px;
}

    .adhd-card-image {
        height: 300px;
}

}


/* =========================
   MOBILE
========================= */

@media (max-width: 480px) {

    .adhd-section {
        padding: 45px 15px;
}

    .adhd-section-heading h2 {
        font-size: 26px;
}

    .adhd-card-image {
        height: 240px;
}

    .adhd-card-content {
        padding: 24px 20px;
}

    .adhd-card-content h3 {
        font-size: 22px;
}

    .adhd-card-content p {
        font-size: 15px;
        line-height: 1.65;
}

    .adhd-btn {
        width: 100%;
        box-sizing: border-box;
}

}/* =========================================
   SECTION
========================================= */

.why-adhd-section {
    width: 100%;
    padding: 80px 20px;
    background: #ffffff;
    box-sizing: border-box;
    font-family: 'Montserrat', Arial, sans-serif;
}

.why-adhd-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}


/* =========================================
   MAIN HEADING
========================================= */

.why-adhd-heading {
    text-align: center;
    margin-bottom: 55px;
}

.why-adhd-heading h2 {
    margin: 0;
    color: rgb(221, 135, 117);
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 36px;
    font-weight: 600;
    line-height: 1.3;
}

.why-adhd-heading hr {
    width: 55px;
    height: 2px;
    border: none;
    margin: 18px auto 0;
    background: #dd8775;
}


/* =========================================
   GRID
========================================= */

.why-adhd-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}


/* =========================================
   BOX
========================================= */

.why-adhd-box {
    display: flex;
    flex-direction: column;

    min-height: 420px;

    border: none;
    border-radius: 8px;

    overflow: hidden;

    box-shadow: 0 5px 25px rgba(60, 86, 87, 0.12);

    transition: all 0.3s ease;
}

.why-adhd-box:hover {
    transform: translateY(-5px);

    box-shadow: 0 12px 35px rgba(60, 86, 87, 0.20);
}


/* =========================================
   BOX COLORS
========================================= */

/* Box 1 */
.why-adhd-box:nth-child(1) {
    background: #dd8775;
}

/* Box 2 */
.why-adhd-box:nth-child(2) {
    background: #3C5657;
}

/* Box 3 */
.why-adhd-box:nth-child(3) {
    background: #3C5657;
}

/* Box 4 */
.why-adhd-box:nth-child(4) {
    background: #dd8775;
}


/* =========================================
   BOX HEADING
========================================= */

.why-adhd-box-heading {
    padding: 30px;

    min-height: 150px;

    display: flex;
    flex-direction: column;
    justify-content: flex-end;

    box-sizing: border-box;

    background: transparent;
}

.why-adhd-box-heading h3 {
    margin: 0 0 8px;

    color: #ffffff;

    font-family: 'Montserrat', Arial, sans-serif;

    font-size: 32px;
    font-weight: 600;
    line-height: 1.25;
}

.why-adhd-box-heading h3:last-child {
    margin-bottom: 0;
}


/* =========================================
   CONTENT
========================================= */

.why-adhd-box-content {
    flex: 1;

    padding: 30px;

    color: #ffffff;

    box-sizing: border-box;
}

.why-adhd-box-content p {
    margin: 0 0 22px;

    color: #ffffff;

    font-family: 'Montserrat', Arial, sans-serif;

    font-size: 22px;
    font-weight: 400;
    line-height: 1.6;
}

.why-adhd-box-content p:last-child {
    margin-bottom: 0;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 900px) {

    .why-adhd-section {
        padding: 60px 20px;
    }

    .why-adhd-heading h2 {
        font-size: 31px;
    }

    .why-adhd-grid {
        gap: 25px;
    }

    .why-adhd-box {
        min-height: 400px;
    }

    .why-adhd-box-heading {
        padding: 25px;
    }

    .why-adhd-box-heading h3 {
        font-size: 28px;
    }

    .why-adhd-box-content {
        padding: 25px;
    }

    .why-adhd-box-content p {
        font-size: 20px;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 700px) {

    .why-adhd-section {
        padding: 50px 15px;
    }

    .why-adhd-heading {
        margin-bottom: 35px;
    }

    .why-adhd-heading h2 {
        font-size: 27px;
    }

    .why-adhd-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .why-adhd-box {
        min-height: auto;
    }

    .why-adhd-box-heading {
        min-height: 130px;
        padding: 25px 22px;
    }

    .why-adhd-box-heading h3 {
        font-size: 26px;
    }

    .why-adhd-box-content {
        padding: 25px 22px;
    }

    .why-adhd-box-content p {
        font-size: 18px;
        line-height: 1.6;
    }
}

.adhd-banner {
    width: 100%;
    padding: 60px 20px;
    box-sizing: border-box;}

.adhd-banner-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;}

.adhd-banner-content {
    position: relative;

    min-height: 280px;

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

    padding: 50px;

    box-sizing: border-box;

    border-radius: 8px;
    overflow: hidden;

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;}
.adhd-banner-1 .adhd-banner-content {
    background-image: url("../images/blog-thumbnail/14.webp");}

.adhd-banner-2 .adhd-banner-content {
    background-image: url("../images/case-study/15.webp");}


/* Dark overlay */
.adhd-banner-overlay {
    position: absolute;
    inset: 0;

    background: rgba(0, 0, 0, 0.45);

    z-index: 1;}

/* Text and button */
.adhd-banner-text {
    position: relative;
    z-index: 2;

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

    width: 100%;
    max-width: 950px;

    gap: 40px;}

.adhd-banner-text h2 {
    margin: 0;

    color: #ffffff;

    font-size: 36px;
    font-weight: 600;
    line-height: 1.3;}

.adhd-banner-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    flex-shrink: 0;

    padding: 15px 30px;

    color:#000;
    background: #E09789;

    border: 1px solid rgb(221, 135, 117);
    border-radius: 50px;

    font-size: 15px;
    font-weight: 600;

    text-decoration: none;

    transition: all 0.3s ease;}

.adhd-banner-btn:hover {
    color: #000;
    background: rgb(228, 171, 161);
    border-color: rgb(228, 171, 161);
}

/* Tablet */
@media (max-width: 800px) {

    .adhd-banner {
        padding: 50px 20px;
}

    .adhd-banner-content {
        min-height: 250px;
        padding: 40px;
}

    .adhd-banner-text h2 {
        font-size: 30px;
}
}


/* Mobile */
@media (max-width: 650px) {

    .adhd-banner {
        padding: 40px 15px;
}

    .adhd-banner-content {
        min-height: 320px;
        padding: 35px 25px;
}

    .adhd-banner-text {
        flex-direction: column;
        text-align: center;
        justify-content: center;
}

    .adhd-banner-text h2 {
        font-size: 27px;
}

    .adhd-banner-btn {
        width: 100%;
        max-width: 280px;
}
}


/* =========================================================
   MANAH SPARSH - HERO / SAFE SPACE SECTION
   ========================================================= */

.hero-safe-space {
    position: relative;
    min-height: 650px;
    overflow: hidden;
    display: flex;
    align-items: center;
    background: #273b38;}

/* Background Image */
.hero-safe-space .jarallax-img {
    object-fit: cover;
    object-position: center center;}

/* =========================================================
   OVERLAY
   ========================================================= */

.hero-content-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;

    /*
       Darker on the right so the text remains readable,
       while keeping the image visible on the left.
    */
    background:
        linear-gradient(
            90deg,
            rgba(25, 43, 40, 0.12) 0%,
            rgba(25, 43, 40, 0.22) 35%,
            rgba(25, 43, 40, 0.68) 62%,
            rgba(25, 43, 40, 0.88) 100%
        );}


/* =========================================================
   CONTENT
   ========================================================= */

.hero-safe-space .container {
    position: relative;
    z-index: 2;}

.hero-content {
    max-width: 620px;
    margin-left: auto;
    padding: 60px 0;}


/* Small heading */
.hero-eyebrow {
    display: inline-block;
    margin-bottom: 18px;

    color: #d9c9a8;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;}


/* Main Heading */
.hero-title {
    margin: 0 0 25px;

    color: #fffaf0;
    font-size: clamp(42px, 5vw, 68px);
    line-height: 1.08;
    font-weight: 600;
    letter-spacing: -1.5px;

    max-width: 620px;}


/* Description */
.hero-description {
    max-width: 560px;

    margin-bottom: 35px;

    color: rgba(255, 250, 240, 0.88);
    font-size: 17px;
    line-height: 1.8;
    font-weight: 400;}


/* =========================================================
   BUTTON + PHONE
   ========================================================= */

.hero-actions {
    display: flex;
    align-items: center;
    gap: 35px;
    flex-wrap: wrap;}


/* Contact Button */
.hero-btn {
    background: #d6b889;
    color: #263b37 !important;

    border: 1px solid #d6b889;

    padding: 14px 28px;

    border-radius: 5px;

    font-weight: 600;
    transition: all 0.3s ease;}

.hero-btn:hover {
    background: #fff8e9;
    border-color: #fff8e9;
    color: #000  !important;

    transform: translateY(-2px);}


/* Phone */
.hero-phone {
    display: flex;
    align-items: center;
    gap: 13px;}

.hero-phone > i {
    color: #dd8775;}

.hero-phone span {
    display: block;

    margin-bottom: 2px;

    color: rgba(255, 250, 240, 0.65);

    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;}

.hero-phone p {
    margin: 0;

    color: #fffaf0;

    font-size: 18px;
    font-weight: 600;}


/* =========================================================
   OPTIONAL DECORATIVE GLOW
   ========================================================= */

.hero-safe-space::after {
    content: "";
    position: absolute;

    width: 450px;
    height: 450px;

    right: -180px;
    bottom: -220px;

    background: rgba(214, 184, 137, 0.10);

    border-radius: 50%;

    filter: blur(10px);

    z-index: 1;
    pointer-events: none;}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

    .hero-safe-space {
        min-height: 600px;
}

    .hero-content {
        max-width: 580px;
        padding: 70px 0;
}

    .hero-title {
        font-size: 48px;
}

    .hero-description {
        font-size: 16px;
}

    .hero-content-overlay {
        background:
            linear-gradient(
                90deg,
                rgba(25, 43, 40, 0.30),
                rgba(25, 43, 40, 0.82)
            );
}
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .hero-safe-space {
        min-height: auto;
        padding: 80px 20px 65px;
}

    .hero-content {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        text-align: center;
}

    .hero-title {
        font-size: 36px;
        line-height: 1.15;
}

    .hero-description {
        font-size: 15px;
        line-height: 1.65;
}

    .hero-actions {
        flex-direction: column;
        align-items: center;
        gap: 18px;
}

    .hero-btn {
        width: 100%;
        max-width: 250px;
}
}

/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .hero-content {
        padding: 75px 18px 65px;
}

    .hero-title {
        font-size: 33px;
}

    .hero-description {
        font-size: 14px;
}

    .hero-actions {
        flex-direction: column;
        align-items: flex-start;
}

    .hero-phone {
        margin-top: 5px;
}
}

/* ================================
   ADHD SECTION
================================ */

.my-adhd-section {
    width: 100% !important;
    padding: 80px 20px !important;
    background: #ffffff !important;
    box-sizing: border-box !important;}

.my-adhd-container {
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;

    display: grid !important;
    grid-template-columns: minmax(0, 1.5fr) minmax(300px, 0.7fr) !important;
    gap: 70px !important;

    align-items: center !important;}


/* LEFT SIDE */

.my-adhd-content {
    width: 100% !important;}

.my-adhd-content h2 {
    margin: 0 0 30px !important;

   font-family: var(--heading-font) !important;
    font-size: 34px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;}

.my-adhd-content p {
    margin: 0 0 22px !important;

    color: rgb(94, 94, 94) !important;

    font-family: var(--body-font) !important;
    font-size: 16px !important;
    line-height: 1.8 !important;}

.my-adhd-content strong {
    color: #3C5657 !important;
    font-weight: 700 !important;}


/* RIGHT CARD */

.my-adhd-card {
    width: 100% !important;

    padding: 45px 35px !important;

    box-sizing: border-box !important;

    background: #F6EFE7 !important;

    border-radius: 8px !important;

    text-align: center !important;}

.my-adhd-card h3 {
    margin: 0 0 18px !important;

    color: #3C5657 !important;

    font-family: var(--heading-font) !important;
    font-size: 27px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;}

.my-adhd-card p {
    margin: 0 0 30px !important;
    color: #3C5657 !important;
    font-family: var(--body-font) !important;
    font-size: 16px !important;
    line-height: 1.7 !important;}


/* BUTTON */

.my-adhd-button {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    padding: 15px 28px !important;

    box-sizing: border-box !important;

    color: #000 !important;
    background:#E09789  !important;
    border-radius: 50px !important;

     font-family: var(--body-font) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;

    text-decoration: none !important;

    cursor: pointer !important;

    transition: all 0.3s ease !important;}

.my-adhd-button:hover {
    color:#fff  !important;
    background:#3C5657 !important;}


/* ================================
   TABLET
================================ */

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

    .my-adhd-section {
        padding: 60px 25px !important;
}

    .my-adhd-container {
        grid-template-columns: 1fr !important;
        gap: 45px !important;
}

    .my-adhd-content h2 {
        font-size: 30px !important;
}

    .my-adhd-card {
        max-width: 600px !important;
        margin: 0 auto !important;
}
}


/* ================================
   MOBILE
================================ */

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

    .my-adhd-section {
        padding: 50px 20px !important;
}

    .my-adhd-container {
        gap: 35px !important;
}

    .my-adhd-content h2 {
        font-size: 27px !important;
        margin-bottom: 22px !important;
}

    .my-adhd-content p {
        font-size: 15px !important;
        line-height: 1.7 !important;
}

    .my-adhd-card {
        padding: 35px 25px !important;
}

    .my-adhd-card h3 {
        font-size: 24px !important;
}

    .my-adhd-card p {
        font-size: 15px !important;
}

    .my-adhd-button {
        width: 100% !important;
        max-width: 280px !important;
}
}
/* ==============================
   SUPPORT SECTION
================================= */

.support-section {
    padding: 80px 0;}

.support-section .heading {
    margin-bottom: 40px;}

.support-section .heading span {
    display: inline-block;}

.support-section .heading hr {
    margin-top: 15px;
    width: 70px;
    border: 0;
    border-top: 2px solid #222;}


/* ==============================
   CONTENT CARD
================================= */

.support-section .content-card {
    height: 100%;
    background: #fff;
    padding: 0 0 30px;
    overflow: hidden;

    display: flex;
    flex-direction: column;

    transition: all 0.3s ease;}

.support-section .content-card:hover {
    transform: translateY(-5px);}


/* ==============================
   CARD IMAGE
================================= */

.support-section .content-card-image {
    width: 100%;
    overflow: hidden;
    margin-bottom: 25px;}

.support-section .content-card-image img {
    width: 100%;
    height: 365px;
    object-fit: cover;
    display: block;

    transition: transform 0.4s ease;}

.support-section .content-card:hover .content-card-image img {
    transform: scale(1.03);}


/* ==============================
   CARD HEADING
================================= */

.support-section .content-card-heading {
    padding: 0 25px;}

.support-section .content-card-heading h4 {
    margin: 0;
    font-size: 22px;
    line-height: 1.3;
    font-weight: 600;}


/* ==============================
   CARD TEXT
================================= */

.support-section .content-card-text {
    padding: 18px 25px 0;}

.support-section .content-card-text p {
    margin: 0;
    font-size: 16px;
    line-height: 1.7;
    color: #555;}

.support-section .content-card-text strong {
    font-weight: 700;}


/* ==============================
   BUTTON
================================= */

.support-section .content-card-button {
    padding: 25px 25px 0;
    margin-top: auto;}

.support-section .btn-custom {
    display: inline-block;

    padding: 12px 25px;

    border-radius: 50px;

    background: #E09789;
    color: #000;

    text-decoration: none;
    font-size: 15px;
    font-weight: 600;

    transition: all 0.3s ease;}

.support-section .btn-custom:hover {
    background: #3C5657;
    color: #fff;
    transform: translateY(-2px);}


/* ==============================
   MOBILE
================================= */

@media (max-width: 991px) {

    .support-section {
        padding: 60px 0;
}

    .support-section .content-card-image img {
        height: 320px;
}

}

@media (max-width: 767px) {

    .support-section {
        padding: 50px 0;
}

    .support-section .heading {
        margin-bottom: 30px;
}

    .support-section .content-card-image img {
        height: auto;
        aspect-ratio: 1 / 1;
}

    .support-section .content-card-heading h4 {
        font-size: 20px;
}

    .support-section .content-card-text p {
        font-size: 15px;
}

}
.quote-section {
  width: 100%;
  padding: 80px 20px;
  background: #ffffff;
  box-sizing: border-box;}

.quote-container {
  max-width: 1200px;
  margin: 0 auto;

  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: stretch;

  background: #f7f3ee;
  overflow: hidden;}

/* IMAGE */

.quote-image {
    width: 100%;
    height: 400px;
    overflow: hidden;
}

.quote-image img {
    width: 100%;
    height: 100%;
    display: block;

    object-fit: cover;
    object-position: center;
}


/* CONTENT */

.quote-content {
  display: flex;
  flex-direction: column;
  justify-content: center;

  padding: 70px 65px;
  box-sizing: border-box;}

/* QUOTE ICON */

.quote-icon {
  width: 40px;
  height: 40px;

  margin-bottom: 25px;

  color:#3C5657;}

.quote-icon svg {
  width: 40px;
  height: 40px;
  display: block;}

/* HEADING */

.quote-content h2 {
  margin: 0;
 color: #E09789;
  max-width: 540px;

  font-family: var(--heading-font);
  font-size: 32px;
  line-height: 1.35;
  font-weight: 600;}

/* LINE */

.quote-content hr {
  width: 100%;
  max-width: 540px;

  margin: 35px 0 25px;

  border: 0;
  border-top: 1px solid #222;}

/* AUTHOR */

.quote-author {
  margin: 0;

  font-size: 14px;
  line-height: 1.6;
  font-weight: 500;
  letter-spacing: 0.5px;

  color: #3C5657;}

.quote-author span {
  font-weight: 400;}


/* TABLET */

@media (max-width: 900px) {
  .quote-section {
    padding: 60px 20px;
}

  .quote-container {
    grid-template-columns: 1fr 1fr;
}

  .quote-content {
    padding: 50px 40px;
}

  .quote-content h2 {
    font-size: 27px;
}

  .quote-image {
    min-height: 450px;
}
}


/* MOBILE */

@media (max-width: 767px) {
  .quote-section {
    padding: 40px 15px;
}

  .quote-container {
    display: flex;
    flex-direction: column;
}

  .quote-image {
    width: 100%;
    min-height: auto;
    height: 300px;
}

  .quote-image img {
    object-fit: cover;
}

  .quote-content {
    padding: 45px 30px 50px;
}

  .quote-icon {
    margin-bottom: 20px;
}

  .quote-content h2 {
    font-size: 24px;
    line-height: 1.4;
}

  .quote-content hr {
    margin: 28px 0 20px;
}

  .quote-author {
    font-size: 12px;
}
}

/* =========================================================
   SCREENING TESTS SECTION
========================================================= */

.screening-tests {
    padding: 90px 0;
    background: #f8f7f4;}

.screening-container {
    width: 90%;
    max-width: 1050px;
    margin: 0 auto;}


/* =========================================================
   SECTION HEADING
========================================================= */

.screening-heading {
    max-width: 700px;
    margin: 0 auto 45px;
    text-align: center;}

.section-subtitle {
    display: inline-block;

    margin-bottom: 12px;

    color: #9b6b55;

    font-size: 12px;
    font-weight: 700;

    letter-spacing: 2px;
    text-transform: uppercase;}

.screening-heading h2 {
    margin: 0 0 15px;

    color: #292929;

    font-size: 40px;
    font-weight: 600;

    line-height: 1.2;}

.screening-heading p {
    margin: 0;

    color: #777;

    font-size: 16px;
    line-height: 1.8;}


/* =========================================================
   PDF LIST
========================================================= */

.test-list {
    display: flex;
    flex-direction: column;
    gap: 14px;}


/* =========================================================
   PDF CARD
========================================================= */

.test-card {
    display: flex;
    align-items: center;
    justify-content: space-between;

    min-height: 86px;

    padding: 18px 22px;

    background: #ffffff;

    border: 1px solid #e9e5df;
    border-radius: 8px;

    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.035);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;}


/* Card hover */

.test-card:hover {
    transform: translateY(-3px);

    border-color: #d9cec5;

    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.08);}


/* =========================================================
   TEST INFORMATION
========================================================= */

.test-info {
    display: flex;
    align-items: center;

    gap: 17px;}


/* =========================================================
   PDF ICON
========================================================= */

.pdf-icon {
    width: 48px;
    height: 48px;

    flex-shrink: 0;

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

    background: #f8ece8;

    border-radius: 7px;

    color: #b05d4d;

    font-size: 20px;

    transition: all 0.3s ease;}

.test-card:hover .pdf-icon {
    background: #b05d4d;
    color: #ffffff;}


/* =========================================================
   TEST TITLE
========================================================= */

.test-info h4 {
    margin: 0 0 4px;

    color: #303030;

    font-size: 17px;
    font-weight: 600;

    line-height: 1.4;}

.test-info span {
    display: block;

    color: #999;

    font-size: 13px;
    font-weight: 400;}


/* =========================================================
   DOWNLOAD BUTTON
========================================================= */

.download-btn {
    height: 44px;

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

    gap: 10px;

    padding: 0 20px;

    background: transparent;

    border: 1px solid #b05d4d;
    border-radius: 5px;

    color: #b05d4d;

    font-size: 13px;
    font-weight: 600;

    text-decoration: none;

    white-space: nowrap;

    transition: all 0.3s ease;}


/* Download icon */

.download-btn i {
    font-size: 13px;

    transition: transform 0.3s ease;}


/* Button hover */

.download-btn:hover {
    background: #b05d4d;

    color: #ffffff;

    border-color: #b05d4d;}

.download-btn:hover i {
    transform: translateY(3px);}


/* =========================================================
   CHECKLIST SECTION
========================================================= */

.checklist-section {
    background: #ffffff;}

.checklist-section .test-card {
    background: #fafafa;}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 768px) {

    .screening-tests {
        padding: 70px 0;
}

    .screening-container {
        width: 92%;
}

    .screening-heading {
        margin-bottom: 35px;
}

    .screening-heading h2 {
        font-size: 34px;
}

    .test-card {
        padding: 16px;
}

    .test-info {
        gap: 13px;
}

    .pdf-icon {
        width: 44px;
        height: 44px;
}

    .test-info h4 {
        font-size: 15px;
}

    .download-btn {
        padding: 0 15px;
}
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 575px) {

    .screening-tests {
        padding: 55px 0;
}

    .screening-heading h2 {
        font-size: 29px;
}

    .screening-heading p {
        font-size: 14px;
}

    .test-list {
        gap: 12px;
}

    .test-card {
        min-height: auto;

        padding: 15px;

        flex-direction: column;

        align-items: stretch;

        gap: 15px;
}

    .test-info {
        width: 100%;
}

    .pdf-icon {
        width: 42px;
        height: 42px;

        font-size: 17px;
}

    .test-info h4 {
        font-size: 15px;
}

    .test-info span {
        font-size: 12px;
}

    .download-btn {
        width: 100%;
        height: 43px;
}
}
/* =========================================
   ANXIETY SECTION
========================================= */

.anxiety-section {
    width: 100%;
    padding: 80px 0;
    background-color: rgb(214, 228, 225);}

.anxiety-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;}

/* =========================================
   GRID
========================================= */

.anxiety-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 60px;}

/* =========================================
   IMAGE
========================================= */

.anxiety-image-wrapper {
    width: 100%;
    overflow: hidden;}

.anxiety-image-wrapper picture {
    display: block;
    width: 100%;}

.anxiety-image {
    display: block;
    width: 100%;
    height: 350px;
    object-fit: cover;}

/* =========================================
   CONTENT
========================================= */

.anxiety-content {
    width: 100%;
    max-width: 540px;}

.anxiety-heading {
    margin: 0 0 24px;
    color: #000;
    font-size: 32px;
    line-height: 1.25;
    font-weight: 400;
   font-family: 'Montserrat', arial, sans-serif;;}

.anxiety-text {
    margin: 0;}

.anxiety-text p {
    margin: 0;
    color:rgb(68, 70, 69) ;
    font-size: 17px;
    line-height: 1.7;
    font-weight: 400;}

.anxiety-text a {
    color: inherit;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;}

.anxiety-text a:hover {
    opacity: 0.75;}

.anxiety-text strong {
    font-weight: 700;
  color: #000;}

/* =========================================
   BUTTON
========================================= */
/* Anxiety Section Button */
.anxiety-section .anxiety-button-wrapper {
    margin-top: 30px;
}

.anxiety-section .anxiety-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 13px 28px;
    border-radius: 50px;

    background-color: rgb(22, 22, 22);
    color: #fff;

    font-size: 15px;
    line-height: 1;
    font-weight: 600;
    text-decoration: none;
}



/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .anxiety-section {
        padding: 60px 0;
}

    .anxiety-grid {
        gap: 40px;
}

    .anxiety-heading {
        font-size: 28px;
}

    .anxiety-text p {
        font-size: 16px;
}
}

/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .anxiety-section {
        padding: 50px 0;
}

    .anxiety-container {
        padding: 0 20px;
}

    .anxiety-grid {
        grid-template-columns: 1fr;
        gap: 35px;
}

    .anxiety-content {
        max-width: 100%;
}

    .anxiety-heading {
        font-size: 26px;
        margin-bottom: 18px;
}

    .anxiety-text p {
        font-size: 16px;
        line-height: 1.65;
}

    .anxiety-button-wrapper {
        margin-top: 25px;
}

    .anxiety-button {
        padding: 13px 25px;
}
}

/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 450px) {

    .anxiety-section {
        padding: 40px 0;
}

    .anxiety-heading {
        font-size: 24px;
}

    .anxiety-text p {
        font-size: 15px;
}


}/* ==========================================
   ABOUT HERO
========================================== */

.about-hero {
    position: relative;
    width: 100%;
    height: 600px;
    min-height: 600px;
    overflow: hidden;
    background: #d7d7d4;
}

.about-hero-overlay {
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;

  background: rgba(50, 50, 50, 0.25) !important;



}


/* ==========================================
   BACKGROUND IMAGE
========================================== */

.about-hero-image {
    position: absolute;
    inset: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.about-hero-image img {
    width: 100%;
    height: 100%;
    display: block;

    object-fit: cover;
    object-position: center center;
}




/* ==========================================
   HERO CONTENT
========================================== */

.about-hero-content {
    position: relative;
    z-index: 3;

    width: 100%;
    height: 100%;
    min-height: 600px;

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


/* ==========================================
   HERO TEXT
========================================== */

.about-hero-text {
    width: 100%;
    max-width: 850px;

    padding: 0 20px;

    text-align: center;
}


/* ==========================================
   ICON
========================================== */

.about-hero-icon {
    width: 48px;
    height: 48px;

    margin: 0 auto 25px;

    color: #ffffff;
}

.about-hero-icon svg {
    width: 100%;
    height: 100%;
}


/* ==========================================
   HEADING
========================================== */

.about-hero-text h1 {
    margin: 0;

    max-width: 850px;

    font-family: 'League Spartan', arial, helvetica, sans-serif;;

    font-size: 35px ;
    font-weight: 600;
    line-height: 1.08;

    color:rgb(255, 255, 255);

    letter-spacing: -1.5px;

    text-align: center;

   
}


/* ==========================================
   DESKTOP
========================================== */

@media (min-width: 1280px) {

    .about-hero {
        height: 600px;
        min-height: 600px;
    }

    .about-hero-content {
        min-height: 600px;
    }

    .about-hero-text {
        max-width: 850px;
    }

    .about-hero-text h1 {
        font-size: 52px;
    }
}


/* ==========================================
   TABLET
========================================== */

@media (max-width: 991px) {

    .about-hero {
        height: 550px;
        min-height: 550px;
    }

    .about-hero-content {
        min-height: 550px;
    }

    .about-hero-text {
        max-width: 750px;
        padding: 0 30px;
    }

    .about-hero-text h1 {
        font-size: 44px;
        line-height: 1.1;
    }
}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 767px) {

    .about-hero {
        height: 550px;
        min-height: 550px;
    }

    .about-hero-content {
        min-height: 550px;
    }

    .about-hero-image img {
        object-position: center center;
    }


    .about-hero-text {
        width: 100%;
        max-width: 100%;

        padding: 0 20px;

        text-align: center;
    }

    .about-hero-text h1 {
        max-width: 100%;

        font-size: 34px;
        line-height: 1.15;

        letter-spacing: -0.6px;
    }

    .about-hero-icon {
        width: 40px;
        height: 40px;

        margin-bottom: 18px;
    }
}


/* ==========================================
   SMALL MOBILE
========================================== */

@media (max-width: 480px) {

    .about-hero {
        height: 600px;
        min-height: 600px;
    }

    .about-hero-content {
        min-height: 600px;
    }

    .about-hero-text {
        padding: 0 18px;
    }

    .about-hero-text h1 {
        font-size: 29px;
        line-height: 1.18;

        letter-spacing: -0.3px;
    }

    .about-hero-icon {
        width: 32px;
        height: 32px;

        margin-bottom: 18px;
    }
}

/* =========================================================
   CUSTOM IMAGE SLIDER - COMPLETE CSS
========================================================= */

.custom-slider-section {
    width: 100%;
    padding: 0;
    margin: 0;
    background: #f7f4f0;}

.custom-slider {
    position: relative;
    width: 100%;
    height: 500px;
    overflow: hidden;
    background: #f7f4f0;}


/* =========================================================
   SLIDES WRAPPER
========================================================= */

.custom-slides {
    position: relative;
    width: 100%;
    height: 100%;}


/* =========================================================
   INDIVIDUAL SLIDE
========================================================= */

.custom-slide {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

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

    opacity: 0;
    visibility: hidden;

    transition:
        opacity 0.6s ease-in-out,
        visibility 0.6s ease-in-out;

    overflow: hidden;

    background: #f7f4f0;}

.custom-slide.active {
    opacity: 1;
    visibility: visible;
    z-index: 2;}


/* =========================================================
   IMAGE
   - No stretching
   - No distortion
   - Complete image visible
========================================================= */

.custom-slide img {
    display: block;

    width: 100%;
    height: 100%;

    max-width: 100%;
    max-height: 100%;

    object-fit: contain;
    object-position: center center;

    margin: 0;
    padding: 0;

    border: 0;

    vertical-align: middle;}


/* =========================================================
   PREVIOUS / NEXT BUTTONS
========================================================= */

.slider-btn {
    position: absolute;

    top: 50%;
    transform: translateY(-50%);

    z-index: 20;

    width: 48px;
    height: 48px;

    padding: 0;
    margin: 0;

    border: none;
    border-radius: 50%;

    background: rgba(0, 0, 0, 0.45);

    color: #ffffff;

    font-size: 26px;
    font-weight: 400;

    line-height: 1;

    cursor: pointer;

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

    transition:
        background 0.3s ease,
        transform 0.3s ease;}


/* Button hover */

.slider-btn:hover {
    background: rgba(0, 0, 0, 0.75);

    transform:
        translateY(-50%)
        scale(1.05);}


/* Previous */

.slider-prev {
    left: 25px;}


/* Next */

.slider-next {
    right: 25px;}

/* ==========================================
   ABOUT STORY SECTION
========================================== */

.about-story {
    width: 100%;
    padding: 80px 0;
}


/* ==========================================
   TEXT
========================================== */

.about-story-content {
    color: #1b1b1b;
    text-align: left;
}

.about-story-content h2 {
    margin: 0 0 24px;

    font-family: 'League Spartan',
                 Arial,
                 Helvetica,
                 sans-serif;

    font-size: 32px;
    font-weight: 700;
    line-height: 1.25;

    color: #1b1b1b;
}

.about-story-content p {
    margin: 0 0 24px;

    font-family: 'Montserrat', arial, sans-serif;

    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;

    color: rgb(94, 94, 94);
}

.about-story-content strong {
    font-weight: 600;
}


/* ==========================================
   IMAGE COLUMN
========================================== */

.about-story-image {
    display: flex;
    align-items: center;
    justify-content: center;
}


/* ==========================================
   IMAGE
========================================== */

.about-story-image img {
    display: block;

    /* Natural image dimensions */
    width: auto;
    height: auto;

    /* Never exceed the column */
    max-width: 100%;

    /* Prevent stretching / cropping */
    object-fit: contain;

    margin: 0 auto;
}


/* ==========================================
   TABLET
========================================== */

@media (max-width: 991px) {

    .about-story {
        padding: 60px 0;
    }

    .about-story-content h2 {
        font-size: 40px;
    }

    .about-story-content p {
        font-size: 16px;
        line-height: 1.3;
    }
}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 767px) {

    .about-story {
        padding: 50px 0;
    }

    .about-story-content h2 {
        font-size: 34px;
        line-height: 1.2;
    }

    .about-story-content p {
        font-size: 18px;
        line-height: 1.4;
    }

    .about-story-image {
        margin-top: 20px;
    }

    .about-story-image img {
        width: auto;
        max-width: 100%;
        height: auto;
    }
}


/* ==========================================
   SMALL MOBILE
========================================== */

@media (max-width: 480px) {

    .about-story-content h2 {
        font-size: 30px;
    }

    .about-story-content p {
        font-size: 17px;
        line-height: 1.45;
    }
}

/* =========================================================
   SLIDER DOTS
========================================================= */

.slider-dots {
    position: absolute;

    left: 50%;
    bottom: 20px;

    transform: translateX(-50%);

    z-index: 20;

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

    gap: 8px;

    margin: 0;
    padding: 0;}


/* Individual dot */

.slider-dot {
    display: block;

    width: 10px;
    height: 10px;

    padding: 0;
    margin: 0;

    border: none;
    border-radius: 50%;

    background: rgba(0, 0, 0, 0.30);

    cursor: pointer;

    transition:
        width 0.3s ease,
        background 0.3s ease;}


/* Active dot */

.slider-dot.active {
    width: 28px;
    height: 10px;

    border-radius: 10px;

    background: #333333;}


/* Dot hover */

.slider-dot:hover {
    background: #333333;}


/* =========================================================
   DESKTOP
   1200px+
========================================================= */

@media (min-width: 1200px) {

    .custom-slider {
        height: 500px;
}

    .custom-slide {
        height: 500px;
}

    .custom-slide img {
        width: 100%;
        height: 500px;
}

}


/* =========================================================
   LAPTOP
   992px - 1199px
========================================================= */

@media (min-width: 992px) and (max-width: 1199px) {

    .custom-slider {
        height: 450px;
}

    .custom-slide {
        height: 450px;
}

    .custom-slide img {
        width: 100%;
        height: 450px;
}

    .slider-btn {
        width: 44px;
        height: 44px;

        font-size: 23px;
}

    .slider-prev {
        left: 18px;
}

    .slider-next {
        right: 18px;
}

}


/* =========================================================
   TABLET
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .custom-slider {
        height: 400px;
}

    .custom-slide {
        height: 400px;
}

    .custom-slide img {
        width: 100%;
        height: 400px;
}

    .slider-btn {
        width: 42px;
        height: 42px;

        font-size: 22px;
}

    .slider-prev {
        left: 15px;
}

    .slider-next {
        right: 15px;
}

    .slider-dots {
        bottom: 15px;
}

}


/* =========================================================
   MOBILE
   481px - 767px
========================================================= */

@media (min-width: 481px) and (max-width: 767px) {

    .custom-slider {
        height: 380px;
}

    .custom-slide {
        height: 380px;
}

    .custom-slide img {
        width: 100%;
        height: 380px;
}

    .slider-btn {
        width: 40px;
        height: 40px;

        font-size: 21px;
}

    .slider-prev {
        left: 10px;
}

    .slider-next {
        right: 10px;
}

    .slider-dots {
        bottom: 14px;
        gap: 6px;
}

    .slider-dot {
        width: 8px;
        height: 8px;
}

    .slider-dot.active {
        width: 24px;
        height: 8px;
}

}


/* =========================================================
   SMALL MOBILE
   480px and below
========================================================= */

@media (max-width: 480px) {

    .custom-slider {
        height: 350px;
}

    .custom-slide {
        height: 350px;
}

    .custom-slide img {
        width: 100%;
        height: 350px;
}

    .slider-btn {
        width: 36px;
        height: 36px;

        font-size: 19px;
}

    .slider-prev {
        left: 8px;
}

    .slider-next {
        right: 8px;
}

    .slider-dots {
        bottom: 12px;
        gap: 6px;
}

    .slider-dot {
        width: 8px;
        height: 8px;
}

    .slider-dot.active {
        width: 22px;
        height: 8px;
}

}


/* =========================================================
   VERY SMALL MOBILE
   360px and below
========================================================= */

@media (max-width: 360px) {

    .custom-slider {
        height: 320px;
}

    .custom-slide {
        height: 320px;
}

    .custom-slide img {
        width: 100%;
        height: 320px;
}

    .slider-btn {
        width: 34px;
        height: 34px;

        font-size: 17px;
}

    .slider-prev {
        left: 6px;
}

    .slider-next {
        right: 6px;
}

}


/* =========================================================
   RESET INSIDE SLIDER
========================================================= */

.custom-slider *,
.custom-slider *::before,
.custom-slider *::after {
    box-sizing: border-box;}

.custom-slider button {
   font-family: var(--body-font);}

.custom-slider img {
    vertical-align: middle;}


/* =========================================================
   ACCESSIBILITY
========================================================= */

.slider-btn:focus,
.slider-dot:focus {
    outline: 2px solid #333333;
    outline-offset: 2px;}


/* =========================================================
   TOUCH DEVICES
========================================================= */

@media (hover: none) {

    .slider-btn:hover {
        background: rgba(0, 0, 0, 0.45);

        transform: translateY(-50%);
}

    .slider-dot:hover {
        background: rgba(0, 0, 0, 0.30);
}

}
.disclaimer-section {
width: 100%;
padding: 50px 0;
background: rgb(242, 207, 193);
}

.disclaimer-section .disclaimer {
width: 100%;
max-width: 900px;
margin: 0 auto;
padding: 30px;
}
.disclaimer h2 {
    margin: 0 0 15px;
    text-align: center;
    color: #000;
    font-family:  'Montserrat', arial, sans-serif;
    font-size: 22px !important;
}

.disclaimer p {
    margin: 0 auto;
    max-width: 900px;
    text-align: center;
    color: #5e5e5e;
    font-size: 16px;
    line-height: 1.7;
    font-family:  'Montserrat', arial, sans-serif;
}


/* MOBILE */

@media (max-width: 767px) {

    .disclaimer {
        padding: 25px 20px;
    }

    .disclaimer h2 {
        font-size: 24px;
    }

    .disclaimer p {
        font-size: 15px;
        line-height: 1.6;
    }

}


/* =========================================
   SELF-HELP WORKSHEETS
========================================= */

.self-help-section {
    padding-top: 70px;
    padding-bottom: 70px;}

/* Section heading */
.self-help-section h2 {
    margin: 0;
    font-size: 36px;
    font-weight: 600;
    color: rgb(212, 124, 106);
  padding-top:15px;}

/* Heading line */
.section-divider {
    width: 70px;
    height: 3px;
    background: #1f8a83;
    margin: 18px auto 0;
    border-radius: 50px;}


/* =========================================
   WORKSHEET CARD
========================================= */

.worksheet-card {
    height: 100%;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    padding: 30px 25px;
    text-align: center;

    display: flex;
    flex-direction: column;

    transition: all 0.3s ease;}


/* Hover */
.worksheet-card:hover {
    transform: translateY(-6px);

    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.10);

    border-color: rgba(31, 138, 131, 0.25);}


/* Card inner */
.worksheet-content {
    height: 100%;

    display: flex;
    flex-direction: column;
    align-items: center;}


/* =========================================
   PDF ICON
========================================= */

.worksheet-icon {
    width: 60px;
    height: 60px;

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

    margin-bottom: 20px;

    background: rgba(31, 138, 131, 0.10);

    border-radius: 50%;

    color: #1f8a83;

    font-size: 26px;}


/* =========================================
   TITLE
========================================= */

.worksheet-card h5 {
    margin: 0;

    min-height: 52px;

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

    font-size: 18px;
    line-height: 1.4;

    font-weight: 600;

    color: #3C5657 ;}


/* PDF text */
.file-type {
    display: block;

    margin-top: 5px;
    margin-bottom: 22px;

    color: #777;

    font-size: 14px;}


/* =========================================
   DOWNLOAD BUTTON
========================================= */

.worksheet-btn {
    margin-top: auto;

    display: inline-flex;

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

    min-width: 125px;

    text-decoration: none;

    white-space: nowrap;}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .self-help-section {
        padding-top: 55px;
        padding-bottom: 55px;
}

    .self-help-section h2 {
        font-size: 32px;
}

    .worksheet-card {
        padding: 25px 20px;
}

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .self-help-section {
        padding-top: 45px;
        padding-bottom: 45px;
}

    .self-help-section h2 {
        font-size: 28px;
}

    .worksheet-card {
        min-height: 260px;
}

}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 480px) {

    .self-help-section h2 {
        font-size: 25px;
}

    .worksheet-card {
        padding: 25px 18px;
}

    .worksheet-card h5 {
        font-size: 17px;
}

}

/* =========================================
   RECOMMENDED BOOKS SECTION
========================================= */

.recommended-books-section {
    width: 100%;
    padding: 80px 0;
    background-size: cover;
    background-repeat: no-repeat;}

/* =========================================
   SECTION TITLE
========================================= */

.recommended-books-section .subtitle {
    display: flex;
    align-items: center;
    font-size: 32px;
    line-height: 1.3;
    font-weight: 600;
    color: #222;
    margin-bottom: 35px;}

/* Line after title */
.recommended-books-section .subtitle::after {
    content: "";
    display: inline-block;
    width: 70px;
    height: 1px;
    background: #222;
    margin-left: 20px;}
/* =========================================
   BOOK SLIDER
========================================= */

.recommended-books-slider {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
}


/* Scrollbar */

.recommended-books-slider::-webkit-scrollbar {
    height: 6px;
}

.recommended-books-slider::-webkit-scrollbar-track {
    background: transparent;
}

.recommended-books-slider::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 10px;
}

.recommended-books-slider {
    scrollbar-width: thin;
    scrollbar-color: #ccc transparent;
}


/* =========================================
   BOOK ROW
========================================= */

.recommended-books-track {
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    width: max-content;
    padding: 0;
}


/* =========================================
   INDIVIDUAL BOOK
========================================= */

.recommended-book {
    position: relative;
    flex-shrink: 0;
    margin: 0 22px 0 0;
    padding: 0;
}


/* Last book */

.recommended-book:last-child {
    margin-right: 0;
}


/* =========================================
   BOOK LINK
========================================= */

.recommended-book a {
    display: block;
    text-decoration: none;
    border: 0;
    outline: none;
}


/* =========================================
   BOOK IMAGE
========================================= */

.recommended-book-image {
    display: block;

    width: 240px;
    height: 340px;

    margin: 0;
    padding: 0;

    border: 0;
    border-radius: 0;

    object-fit: contain;
    object-position: center;

    transform: none !important;
    transition: none !important;
}


/* =========================================
   NO ZOOM EFFECT
========================================= */

.recommended-book:hover .recommended-book-image,
.recommended-book a:hover .recommended-book-image {
    transform: none !important;
    transition: none !important;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .recommended-books-section {
        padding: 60px 0;
    }

    .recommended-books-section .subtitle {
        font-size: 28px;
        margin-bottom: 30px;
    }

    .recommended-books-section .subtitle::after {
        width: 60px;
        margin-left: 15px;
    }

    .recommended-book {
        margin-right: 18px;
    }

    .recommended-book-image {
        width: 220px;
        height: 315px;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .recommended-books-section {
        padding: 50px 0;
    }

    .recommended-books-section .subtitle {
        font-size: 25px;
        margin-bottom: 25px;
    }

    .recommended-books-section .subtitle::after {
        width: 50px;
        margin-left: 12px;
    }

    .recommended-book {
        margin-right: 15px;
    }

    .recommended-book-image {
        width: 195px;
        height: 280px;
    }
}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 480px) {

    .recommended-books-section {
        padding: 40px 0;
    }

    .recommended-books-section .subtitle {
        font-size: 22px;
    }

    .recommended-books-section .subtitle::after {
        width: 40px;
        margin-left: 10px;
    }

    .recommended-book {
        margin-right: 12px;
    }

    .recommended-book-image {
        width: 175px;
        height: 255px;
    }
}
/* Normal navigation */
#mainmenu a.menu-item {
    color: #333333 !important;
    font-size: 16px;
    font-weight: 450;
}


/* Hover - any navigation item */
#mainmenu a.menu-item:hover {
    color: rgb(176, 96, 79) !important;
}

/* ACTIVE/CURRENT PAGE - always brown */
#mainmenu a.menu-item.active,
#mainmenu a.menu-item.active:hover,
#mainmenu a.menu-item.active:focus,
#mainmenu a.menu-item.active:visited {
    color: rgb(176, 96, 79) !important;
   
}

#mainmenu a.menu-item.active{
   font-size: 16px;
    font-weight: 450;
}
/* =========================================================
   GOOGLE REVIEW POPUP
========================================================= */

.review-popup {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;

    width: 100% !important;
    height: 100% !important;

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

    padding: 20px !important;

    background: rgba(0, 0, 0, 0.70) !important;

    opacity: 0 !important;
    visibility: hidden !important;

    pointer-events: none !important;

    z-index: 2147483647 !important;

    transition:
        opacity 0.25s ease,
        visibility 0.25s ease !important;
}


/* =========================================================
   POPUP ACTIVE
========================================================= */

.review-popup.show {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}


/* =========================================================
   OVERLAY
========================================================= */

.review-popup-overlay {
    position: absolute !important;

    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;

    width: 100% !important;
    height: 100% !important;

    background: transparent !important;
}


/* =========================================================
   POPUP BOX
========================================================= */

.review-popup-box {
    position: relative !important;

    width: 100% !important;
    max-width: 650px !important;

    max-height: 80vh !important;

    padding: 35px !important;

    background: #ffffff !important;

    border-radius: 15px !important;

    overflow-y: auto !important;

    z-index: 2 !important;

    box-shadow:
        0 20px 60px rgba(0, 0, 0, 0.25) !important;

    transform: translateY(20px) scale(0.96) !important;

    transition:
        transform 0.25s ease !important;
}


/* =========================================================
   POPUP ANIMATION
========================================================= */

.review-popup.show .review-popup-box {
    transform: translateY(0) scale(1) !important;
}


/* =========================================================
   CLOSE BUTTON
========================================================= */

.review-popup-close {
    position: absolute !important;

    top: 12px !important;
    right: 15px !important;

    width: 38px !important;
    height: 38px !important;

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

    border: none !important;

    background: #f3f3f3 !important;

    border-radius: 50% !important;

    color: #3C5657 !important;

    font-size: 28px !important;
    line-height: 1 !important;

    cursor: pointer !important;

    z-index: 5 !important;

    transition: all 0.2s ease !important;
}


.review-popup-close:hover {
    background: #3C5657 !important;
    color: #ffffff !important;
}


/* =========================================================
   GOOGLE ICON
========================================================= */

.review-popup-google {
    width: 42px !important;
    height: 42px !important;

    display: block !important;

    margin-bottom: 15px !important;
}


/* =========================================================
   NAME
========================================================= */

.review-popup-box h3 {
    margin: 0 50px 5px 0 !important;

    color: #3C5657 !important;

    font-size: 24px !important;
    font-weight: 700 !important;

    line-height: 1.3 !important;
}


/* =========================================================
   DATE
========================================================= */

.review-popup-date {
    color: #777777 !important;

    font-size: 14px !important;

    margin-top: 3px !important;
}


/* =========================================================
   RATING
========================================================= */

.review-popup-rating {
    display: flex !important;
    align-items: center !important;

    margin-top: 15px !important;
}


.review-popup-stars {
    display: inline-flex !important;

    gap: 3px !important;
}


.review-popup-stars i {
    color: #fbbc04 !important;

    font-size: 17px !important;
}


#reviewPopupRating {
    margin-left: 10px !important;

    color: #555555 !important;

    font-size: 14px !important;

    font-weight: 600 !important;
}


/* =========================================================
   FULL REVIEW TEXT
========================================================= */

.review-popup-text {
    margin-top: 22px !important;

    color: #333333 !important;

    font-size: 16px !important;

    line-height: 1.7 !important;

    white-space: pre-line !important;

    word-break: break-word !important;
}


/* =========================================================
   READ FULL REVIEW LINK
========================================================= */

.read-full-review {
    position: relative !important;

    z-index: 10 !important;

    cursor: pointer !important;

    text-decoration: none !important;

    display: inline-block !important;
}


/* =========================================================
   BODY WHEN POPUP OPEN
========================================================= */

body.review-popup-open {
    overflow: hidden !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .review-popup {
        padding: 15px !important;
    }

    .review-popup-box {
        max-width: 100% !important;

        max-height: 85vh !important;

        padding: 25px 20px !important;

        border-radius: 12px !important;
    }

    .review-popup-box h3 {
        font-size: 20px !important;
    }

    .review-popup-text {
        font-size: 15px !important;

        line-height: 1.65 !important;
    }

    .review-popup-google {
        width: 36px !important;
        height: 36px !important;
    }

    .review-popup-close {
        width: 34px !important;
        height: 34px !important;

        font-size: 25px !important;
    }

}
/* =========================================================
   MANAHSPARSH HOME SLIDER
========================================================= */

.manahsparsh-hero {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #fbf6f2;
}


/* =========================================================
   HERO / SLIDER HEIGHT
========================================================= */

.manahsparsh-banner,
.manahsparsh-banner .swiper,
.manahsparsh-banner .swiper-wrapper,
.manahsparsh-banner .swiper-slide,
.manahsparsh-banner .swiper-inner {
    height: 650px;
}


/* =========================================================
   SLIDE BACKGROUND
========================================================= */

.manahsparsh-banner .swiper-inner {
    position: relative;
    width: 100%;
    height: 100%;

    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}


/* =========================================================
   CAPTION / CONTENT POSITION
========================================================= */

.manahsparsh-banner .sw-caption {
    position: relative;
    z-index: 3;

    height: 650px;

    display: flex;
    align-items: center;
}


/* Keep content aligned with original layout */

.manahsparsh-banner .sw-text-wrapper {
    position: relative;
    z-index: 5;

    max-width: 680px;

    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    animation: none !important;
}


/* =========================================================
   SMALL LABEL / SUBTITLE
========================================================= */

.manahsparsh-banner .subtitle {
    display: flex;
    align-items: center;
    gap: 10px;

    margin: 0 0 17px !important;

    color: #b87563;

    font-family: "League Spartan", Arial, sans-serif;
    font-size: 13px;
    line-height: 1.4;
    font-weight: 600;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.manahsparsh-banner .subtitle::before {
    content: "";

    width: 28px;
    height: 1px;

    flex: 0 0 28px;

    background: #bd806f;
}


/* =========================================================
   MAIN HERO HEADING
========================================================= */

.manahsparsh-banner h1 {
    max-width: 650px;

    margin: 0 0 20px;

    color: #3c5657;

    font-family: "League Spartan", Arial, Helvetica, sans-serif;

    font-size: 56px;
    line-height: 1.08;
    font-weight: 700;

    letter-spacing: -1px;

    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
}


/* If part of heading is inside span */

.manahsparsh-banner h1 span {
    color: #3c5657;

    font-family: "League Spartan", Arial, Helvetica, sans-serif;

    font-size: inherit;
    line-height: inherit;
    font-weight: 700;

    letter-spacing: inherit;

    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    animation: none !important;
}


/* =========================================================
   HERO DESCRIPTION
========================================================= */

.manahsparsh-banner p.lead {
    max-width: 520px;

    margin: 0 0 27px;

    color:#000000;

    font-family: 'Montserrat', arial, sans-serif;

    font-size: 22px;
    line-height: 1.6;
    font-weight: 400;
}


/* =========================================================
   HERO BUTTONS
========================================================= */

.manahsparsh-banner .hero-buttons {
    display: flex;
    align-items: center;
    gap: 22px;
}


/* Main CTA */

.manahsparsh-banner .hero-buttons .btn-main {
    min-height: 50px;

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

    padding: 0 25px;

    border: 0;
    border-radius: 50px;

    background: #dd8775;
    color: #000;

    font-family: "Montserrat", Arial, sans-serif;

    font-size: 16px;
    font-weight: 600;

    text-decoration: none;

    box-shadow: 0 8px 22px rgba(184, 117, 99, .20);

    transition:
        background .2s ease,
        transform .2s ease;
}

.manahsparsh-banner .hero-buttons .btn-main:hover {
    background: #e4aba1;
    color: #000;

    transform: translateY(-1px);
}


/* =========================================================
   SECONDARY TEXT LINK
========================================================= */

.manahsparsh-banner .hero-text-link {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    color: #5d5660;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 14px;
    font-weight: 600;

    text-decoration: none;
}

.manahsparsh-banner .hero-text-link i {
    color: #b87563;
    font-size: 12px;
}

.manahsparsh-banner .hero-text-link:hover {
    color: #b87563;
}


/* =========================================================
   MARQUEE
========================================================= */

.marquee-section {
    width: 100%;
    height: 60px;

    display: flex;
    align-items: center;

    overflow: hidden;

    background-color: rgb(242, 207, 193);
}

.marquee {
    display: flex;

    width: max-content;

    animation: marquee-scroll 20s linear infinite;
}

.marquee-group {
    display: flex;
    flex-shrink: 0;
}

.marquee-content {
    display: flex;
    align-items: center;

    gap: 20px;

    padding-right: 80px;

    white-space: nowrap;
}

.marquee-content h3 {
    margin: 0;

    font-family: 'Montserrat', arial, sans-serif;

    font-size: 26px;
    line-height: 1;
    font-weight: 700;

    color: #000;
}

.marquee-content span {
    flex-shrink: 0;

    font-size: 26px;
    color: #000;
}

@keyframes marquee-scroll {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}


/* =========================================
   THERAPIST IMAGE BOX
========================================= */



/* =========================================
   REMOVE HOVER ZOOM
========================================= */

.therapist-image-box:hover img {
    transform: none !important;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .therapist-image-box {
        width: 100%;
        aspect-ratio: 1 / 1;
    }

    .therapist-image-box img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

}