@charset "UTF-8";
/*-----------------------------------------------------------------------------------

    Theme Name: Sycho - Psychology and Counseling HTML5 Template
    Author: mdsalim400@gmail.com
    Support: admin@gmail.com
    Description: Psychology and Counseling HTML5 Template
    Version: 1.0

-----------------------------------------------------------------------------------

    CSS INDEX
    ===================

    01. Theme default CSS	
    02. Header CSS	
    03. Slider CSS	
    04. Features CSS	
    05. About CSS	
    06. Services CSS	
    07. Sychologist CSS	
    08. Appointment CSS	
    09. Case CSS	
    10. Client CSS	
    11. Pricing CSS	
    12. Contact CSS	
    13. Testimonial CSS	
    14. Blog CSS	
    15. Team CSS	
    16. Why CSS	
    17. Faq CSS	
    18. Project CSS	
    19. Counter CSS	
    20. Event CSS	
    21. Footer CSS	
    00. Responsive CSS	

-----------------------------------------------------------------------------------*/
/*----------------------------------------*/
/*  01. Theme default CSS
/*----------------------------------------*/
/* 1. Theme default css */
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600;700&family=Courgette&family=Rubik:wght@300;400;500;600;700&display=swap");
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: "Rubik", sans-serif;
  font-size: 16px;
  font-weight: normal;
  color: #848b8a;
  line-height: 27px;
}

.w-img img {
  width: 100%;
}

.m-img img {
  max-width: 100%;
}

a,
.btn,
button,
span,
p,
input,
select,
textarea,
li,
img,
*::after,
*::before,
.transition-3,
h1,
h2,
h3,
h4,
h5,
h6 {
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

a:focus,
.button:focus {
  text-decoration: none;
  outline: none;
}

a:focus,
a:hover {
  color: inherit;
  text-decoration: none;
}

a,
button {
  color: inherit;
  outline: none;
  border: none;
}

button:hover {
  cursor: pointer;
}

button:focus {
  outline: 0;
  border: 0;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Cormorant Garamond", serif;
  color: #529521;
  margin-top: 0px;
  font-weight: 700;
  line-height: 1;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

h1 {
  font-size: 40px;
}

h2 {
  font-size: 36px;
}

h3 {
  font-size: 27px;
}

h4 {
  font-size: 22px;
}

h5 {
  font-size: 18px;
}

h6 {
  font-size: 16px;
}

ul {
  margin: 0px;
  padding: 0px;
}

li {
  list-style: disc;
}

p {
  font-family: "Rubik", sans-serif;
  font-size: 16px;
  font-weight: normal;
  color: #848b8a;
  margin-bottom: 15px;
  line-height: 27px;
}

*::-moz-selection {
  background: #346E08;
  color: #ffffff;
  text-shadow: none;
}

::-moz-selection {
  background: #346E08;
  color: #ffffff;
  text-shadow: none;
}

::selection {
  background: #346E08;
  color: #ffffff;
  text-shadow: none;
}

/*--
    - Input Placeholder
-----------------------------------------*/
*::-moz-placeholder {
  color: #00235a;
  font-size: 14px;
  opacity: 1;
}

*::placeholder {
  color: #00235a;
  font-size: 14px;
  opacity: 1;
}

/*--
    - Common Classes
-----------------------------------------*/
.fix {
  overflow: hidden;
}

.clear {
  clear: both;
}

.f-left {
  float: left;
}

.f-right {
  float: right;
}

.p-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

/*--
    - Background color
-----------------------------------------*/
.grey-bg {
  background: #fafaf8;
}

.grey-bg-2 {
  background: #f1f9ff;
}

.green-bg {
  background: #529521;
}

.green-bg-2 {
  background: #346E08;
}

.grey-bg-3 {
  background: #f6f6f6;
}

.white-bg {
  background: #ffffff;
}

.black-bg {
  background: #00235a;
}

.black-soft-bg {
  background: #848b8a;
}

.pink-soft-bg {
  background: #fbf7f3;
}

.pink-soft-bg-3 {
  background: #faf4ee;
}

.footer-bg { 
  background: #2d6007; 
}

.footer-bottom-bg {
  background: #1c1c1c;
}

/*--
    - color
-----------------------------------------*/
.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white span,
.text-white li,
.text-white a {
  color: #ffffff !important;
}

.white-color {
  color: #ffffff;
}

.green-color {
  color: #529521 !important;
}

.black-color {
  color: #00235a;
}

/* spacing margin and padding */
.box-105 {
  padding-left: 105px;
  padding-right: 105px;
}

.box-margin-120 {
  margin-right: 120px;
  margin-left: 120px;
}

.mb-345 {
  margin-bottom: 345px;
}

.mb-210 {
  margin-bottom: 210px;
}

.mt--230 {
  margin-top: -230px;
}

.mt-105 {
  margin-top: -105px;
}

.mb--322 {
  margin-bottom: -322px;
}

.mb--328 {
  margin-bottom: -328px;
}

.mb--120 {
  margin-bottom: 120px;
}

.mt--120 {
  margin-top: -120px;
}

.mb-252 {
  margin-bottom: 252px;
}

.mb-230 {
  margin-bottom: 230px;
}

.box-pl-105 {
  padding-left: 105px;
}

.pt-210 {
  padding-top: 210px;
}

.pb-355 {
  padding-bottom: 355px;
}

.pb-265 {
  padding-bottom: 265px;
}

/* scroll to top */
#scroll a {
  position: fixed;
  right: 30px;
  bottom: 30px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 15px;
  color: #ffffff;
  list-style-type: none;
  background: #f8a683;
  margin-right: 20px;
  border: 1px solid #f8a683;
  z-index: 999;
}

/* button */
.s-btn {
  background: #346E08;
  height: 65px;
  display: inline-block;
  padding: 0 50px;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 65px;
  border-radius: 0 50px 50px 50px;
}
.s-btn-sm {
  padding: 0 40px;
}
.s-btn:hover {
  background: #529521;
  color: #fff;
}
.s-btn__white {
  background: #fff;
  color: #346E08;
}
.s-btn__white-2 {
  background: #ffffff;
  color: #529521;
}
.s-btn__white-2:hover {
  color: #ffffff;
  background: #529521;
}
.s-btn__pink {
  background: #f8a683;
  color: #ffffff;
}
.s-btn__pink:hover {
  background: #fff;
  color: #346E08;
}
.s-btn__square {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #f8a683;
  color: #ffffff;
}
.s-btn__square:hover {
  background-color: #529521;
  color: #ffffff;
}
.s-btn__square-white:hover {
  color: #346E08;
  background-color: #ffffff;
}
.s-btn__square-2 {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #f8a683;
  color: #ffffff;
}
.s-btn__square-2:hover {
  background-color: #529521;
  color: #ffffff;
}
.s-btn__square-green {
  background-color: #346E08;
  color: #ffffff;
}
.s-btn__square-green:hover {
  background-color: #f8a683;
  color: #ffffff;
}

.link-btn {
  position: relative;
  font-size: 13px;
  font-weight: 500;
  color: #529521;
  text-transform: uppercase;
  padding-right: 25px;
}
.link-btn::after, .link-btn::before {
  position: absolute;
  content: "";
  font-family: "Font Awesome 5 Pro";
  font-size: 18px;
  color: #529521;
  right: 0px;
  top: -6px;
  transition: all ease 0.2s;
}
.link-btn::after {
  right: 12px;
  opacity: 0;
}
.link-btn:hover {
  color: #529521;
}
.link-btn:hover::after {
  right: 0;
  opacity: 1;
}
.link-btn:hover::before {
  opacity: 0;
  right: -12px;
}

/* section title */
.section__title h1 {
  font-size: 50px;
  line-height: 60px;
  text-transform: capitalize;
  margin-bottom: 10px;
}
.section__title-white h1 {
  color: #ffffff;
}
.section__title-white .section__sub-title {
  color: #ffffff;
}
.section__sub-title {
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  display: inline-block;
}
.section__sub-title-2 {
  color: #f8a683;
  font-weight: 500;
}
.section__sub-title-3 {
  padding-left: 17px;
  position: relative;
}
.section__sub-title-3::after, .section__sub-title-3::before {
  position: absolute;
  content: "";
  top: 49%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 12px;
  width: 2px;
  background-color: #f8a683;
}
.section__sub-title-3::before {
  left: 4px;
}
.section__sub-title-4 {
  padding: 0 10px;
}
.section__sub-title-4::before {
  left: auto;
  right: 2px;
}

/* flat icon */
.icon::before {
  margin-left: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

/* border */
.border-bottom-1 {
  border-bottom: 1px solid #dfe3e2;
}

.border-right-1 {
  border-right: 1px solid #dfe3e2;
}

.border-radius-8 {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

/* box shadow */
.box-shadow {
  -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 46, 40, 0.1);
  -moz-box-shadow: 0px 10px 30px 0px rgba(0, 46, 40, 0.1);
  box-shadow: 0px 10px 30px 0px rgba(0, 46, 40, 0.1);
}

/* social */
.social ul li {
  margin-right: 5px;
}
.social ul li a {
  display: block;
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  background-color: #f6f1eb;
  font-size: 15px;
  color: #346E08;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.social ul li a:hover {
  background-color: #f8a683;
  color: #ffffff;
}
.social.social-border ul li a {
  border: 1px solid #dedcd9;
  background: #ffffff;
}
.social.social-border ul li a:hover {
  border-color: #529521;
  color: #ffffff;
  background: #346E08;
}

/* pulse btn */
.play-btn {
  display: inline-block;
  width: 85px;
  height: 85px;
  line-height: 87px;
  text-align: center;
  background-color: #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #346E08;
  animation: pulse 2s infinite;
}
.play-btn:hover {
  background-color: #346E08;
  color: #ffffff;
}
.play-btn.play-btn-pink {
  background-color: #f8a683;
  color: #ffffff;
}
.play-btn.play-btn-pink:hover {
  background-color: #346E08;
  color: #ffffff;
}
.play-btn.play-btn-pink-white:hover {
  background-color: #ffffff;
  color: #346E08;
}
.play-btn.play-btn-sm {
  width: 56px;
  height: 56px;
  line-height: 58px;
  font-size: 14px;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  70% {
    -webkit-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  70% {
    -moz-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
/* page title area start */
.page__title {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.page__title::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.4);
}
.page__title-inner h1 {
  text-transform: none;
  color: #ffffff;
  font-size: 50px;
  margin-bottom: 5px;
}
.page__title-breadcrumb .breadcrumb {
  background: transparent;
  display: inline-block !important;
  padding: 7px 25px;
  border: 1px solid #c3c3c1;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  margin-bottom: 22px;
}
.page__title-breadcrumb .breadcrumb-item {
  text-transform: capitalize;
  color: #ffffff;
}
.page__title-breadcrumb .breadcrumb-item:hover {
  color: #f8a683;
}
.page__title-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  color: #ffffff;
  content: "-";
}

/* sidebar */
.sidebar-wrapper {
  padding: 45px 40px;
  padding-bottom: 35px;
}

.sidebar-title h3 {
  position: relative;
  margin-bottom: 22px;
  text-transform: capitalize;
}
.sidebar-title h3::before {
  position: absolute;
  content: "";
  top: -5px;
  left: 0;
  width: 20px;
  height: 3px;
  background-color: #f8a683;
}
.sidebar-title.post-comment-title h3 {
  font-size: 26px;
  font-weight: 500;
  font-family: "Rubik", sans-serif;
}

.sidebar-list ul li {
  display: block;
}
.sidebar-list ul li a {
  position: relative;
  display: block;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #dde0e0;
  padding-left: 10px;
}
.sidebar-list ul li a::before {
  position: absolute;
  content: "";
  top: 32%;
  left: 0;
  width: 6px;
  height: 1px;
  background-color: #dde0e0;
}
.sidebar-list ul li a:hover {
  color: #346E08;
  border-color: #346E08;
  padding-left: 20px;
}
.sidebar-list ul li a:hover::before {
  width: 10px;
  background-color: #346E08;
}
.sidebar-list ul li:last-child a {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.sidebar-list ul li:last-child a::before {
  top: 50%;
}
.sidebar-list-2 ul li {
  display: block;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #dde0e0;
}
.sidebar-list-2 ul li h6 {
  font-size: 16px;
  font-family: "Rubik", sans-serif;
  font-weight: 500;
  margin-bottom: 0;
  display: inline-block;
}
.sidebar-list-2 ul li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border: none;
}
.sidebar-list-2 ul li:hover {
  border-color: #346E08;
}
.sidebar-list-3 ul li span {
  float: right;
}

.basic-pagination ul {
  display: block;
}
.basic-pagination ul li {
  display: inline-block;
  margin: 0 5px;
}
.basic-pagination ul li.active a {
  background-color: #346E08;
  color: #ffffff;
}
.basic-pagination ul li a {
  height: 70px;
  width: 70px;
  background: transparent;
  font-size: 16px;
  font-weight: 500;
  border-radius: 50%;
  line-height: 66px;
  margin: 0px;
  display: inline-block;
  text-align: center;
  border: 2px solid #eaebec;
  position: relative;
  z-index: 1;
}
.basic-pagination ul li a::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #346E08;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -ms-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
  z-index: -1;
}
.basic-pagination ul li a:hover {
  background: #346E08;
  border-color: #346E08;
  color: #ffffff;
}

/*----------------------------------------*/
/*  02. HEADER CSS START
/*----------------------------------------*/
.tranparent-header {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: rgba(39, 117, 111, 0.2);
  z-index: 1;
}

.sticky {
  left: 0;
  margin: auto;
  position: fixed !important;
  top: 0;
  width: 100%;
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);
  z-index: 999;
  -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
  background: #346E08;
}
.sticky.header__bottom-3 {
  background: #ffffff;
}

.logo-2 { 
  padding: 22px 42px;
}

.main-menu ul li {
  display: inline-block;
  margin-right: 48px;
  position: relative;
}
.main-menu ul li::before {
  content: "";
  position: absolute;
  width: 2px;
  height: 0;
  background: #f8a683;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  transition: 0.3s;
}
.main-menu ul li a {
  color: #fff;
  text-transform: capitalize;
  padding: 34px 0;
  display: block;
  font-size: 18px;
}
.main-menu ul li:hover > a {
  color: #f8a683;
}
.main-menu ul li:hover::before {
  height: 25px;
}
.main-menu ul li:hover > .submenu {
  top: 100%;
  opacity: 1;
  visibility: visible;
}
.main-menu ul li .submenu {
  position: absolute;
  background: #fff;
  min-width: 240px;
  transition: 0.3s;
  top: 110%;
  left: 0;
  padding: 14px 0;
  opacity: 0;
  visibility: hidden;
  border-top: 3px solid #f8a683;
  z-index: 1;
  -webkit-box-shadow: 0px 15px 30px 0px rgba(0, 3, 143, 0.1);
  -moz-box-shadow: 0px 15px 30px 0px rgba(0, 3, 143, 0.1);
  box-shadow: 0px 15px 30px 0px rgba(0, 3, 143, 0.1);
}
.main-menu ul li .submenu li {
  display: block;
  margin: 0;
}
.main-menu ul li .submenu li a {
  color: #333;
  padding: 10px 25px;
  font-size: 16px;
}
.main-menu ul li .submenu li::before {
  display: none;
}
.main-menu ul li .submenu li .submenu {
  left: 100%;
  top: 0;
}
.main-menu ul li .submenu li:hover > a {
  color: #f8a683;
}

.main-menu-2 ul li a {
  color: #529521;
  padding: 30px 0;
}

.main-menu-3 {
  margin-left: 0;
}
.main-menu-3 ul li a {
  color: #529521;
  padding: 30px 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sticky__menu {
    margin-left: 0;
  }
}

.header-cta {
  margin-top: 12px;
}
.header-cta span {
  color: #f8a683;
}
.header-cta span a {
  margin-left: 10px;
  color: #fff;
}

.header-bar {
  background: #fff;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  text-align: center;
  line-height: 1;
  padding-top: 10px;
  padding-left: 12px;
  cursor: pointer;
  margin-left: 50px;
}
.header-bar span {
  background: #346E08;
  height: 2px;
  width: 24px;
  display: block;
  margin-top: 5px;
  margin-bottom: 6px;
  padding-left: 9px;
  transition: 0.3s;
}
.header-bar span:nth-last-child(2) {
  width: 15px;
}
.header-bar:hover span {
  width: 24px;
}
.header-bar-2 {
  background: #346E08;
}
.header-bar-2 span {
  background: #ffffff;
}

.header__top-3 {
  border-bottom: 1px solid #dfe3e2;
}
.header__info {
  position: relative;
  padding-right: 33px;
  padding-top: 13px;
  padding-bottom: 15px;
  margin-right: 33px;
}
.header__info::before {
  position: absolute;
  content: "";
  right: 0;
  top: -5px;
  width: 1px;
  height: 87px;
  background-color: #e4e2df;
}
.header__info:last-child {
  padding-right: 0;
  margin-right: 0;
}
.header__info:last-child::before {
  display: none;
}
.header__info-icon {
  margin-right: 10px;
}
.header__info-icon span::before {
  font-size: 25px;
  color: #346E08;
  line-height: 1;
  display: block;
  margin-top: 3px;
}
.header__info-text span {
  text-transform: uppercase;
  color: #346E08;
  display: block;
  font-size: 16px;
  line-height: 25px;
}
.header__info-text span:last-child {
  text-transform: none;
}
.header__bottom {
  margin-bottom: -43px;
  position: relative;
  z-index: 11;
}
.header__bottom-3 {
  margin-bottom: 0;
}
.header__bottom-right {
  padding: 0 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .header__btn {
    margin-left: 15px;
  }
}

.info__area-inner {
  position: fixed;
  right: -370px;
  top: 0;
  padding: 30px;
  width: 350px;
  height: 100%;
  background: #346E08 none repeat scroll 0 0;
  overflow-y: scroll;
  -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -webkit-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
  box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
  z-index: 9999;
}
.info__area.info-opened {
  visibility: visible;
  opacity: 1;
}
.info__area.info-opened .info__area-inner {
  right: -20px;
}
.info__close-icon button {
  color: #ffffff;
  font-size: 20px;
  background-color: transparent;
}
.info__content {
  margin-bottom: 30px;
}
.info__content h4 {
  font-family: "Rubik", sans-serif;
  color: #ffffff;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 20px;
  text-transform: capitalize;
}
.info__content p {
  color: #ffffff;
  margin-bottom: 25px;
}
.info__contact h3 {
  font-family: "Rubik", sans-serif;
  color: #ffffff;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 20px;
  text-transform: capitalize;
}
.info__contact ul li {
  margin-bottom: 10px;
  display: flex;
}
.info__contact ul li .icon i {
  line-height: 27px;
  color: #ffffff;
  margin-right: 15px;
}
.info__contact ul li .text span {
  color: #ffffff;
}

.body-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 999;
  left: 0;
  opacity: 0;
  visibility: hidden;
}

.body-overlay.opened {
  opacity: 1;
  visibility: visible;
}

.side-mobile-menu {
  display: none;
}
.side-mobile-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.side-mobile-menu ul li {
  display: block;
}
.side-mobile-menu ul li:last-child a {
  border-bottom: none;
}
.side-mobile-menu ul li a {
  padding: 13px 0;
  display: block;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  font-size: 16px;
  color: #ffffff;
  font-weight: 500;
  text-transform: uppercase;
  position: relative;
}
.side-mobile-menu ul li a:hover {
  color: #f8a683;
  padding-left: 5px;
}
.side-mobile-menu ul li a[aria-expanded=true] {
  color: #ffffff;
}
.side-mobile-menu ul li a[aria-expanded=true]:before {
  background: #ffffff;
  border-color: #ffffff;
}
.side-mobile-menu ul li ul {
  padding-left: 0;
  list-style: none;
}
.side-mobile-menu ul li ul li {
  padding-left: 15px;
}
.side-mobile-menu ul li ul li:hover > a {
  color: #ffffff;
  padding-left: 20px;
}
.side-mobile-menu ul li ul li:hover > a:before {
  background: #ffffff;
  border-color: #ffffff;
}
.side-mobile-menu ul li ul li a {
  position: relative;
  padding-left: 15px;
  text-transform: capitalize;
  font-size: 16px;
}
.side-mobile-menu ul li ul li a:before {
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border: 2px solid #ffffff;
  border-radius: 50%;
}
.side-mobile-menu ul li ul li a[aria-expanded=true] {
  padding-left: 20px;
}
.side-mobile-menu ul li.has-dropdown > a:after {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  border-width: 2px 0 0 2px;
  border-style: solid;
  border-color: initial;
  right: 16px;
  top: 50%;
  -webkit-transform: rotate(-45deg) translateY(-50%);
  transform: rotate(-45deg) translateY(-50%);
  -webkit-transform-origin: top;
  transform-origin: top;
  transition: all 0.3s ease-out;
}
.side-mobile-menu ul li.has-dropdown a[aria-expanded=true]:after {
  -webkit-transform: rotate(-135deg) translateY(-50%);
  transform: rotate(-135deg) translateY(-50%);
}

/*----------------------------------------*/
/*  03. SLIDER CSS START
/*----------------------------------------*/
.slider-area {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.slider-height {
  height: 1030px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.slider-height-2 {
  height: 930px;
}

.slider-height-3 {
  height: 850px;
}

.slider-bg-text {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(10deg);
  -moz-transform: translate(-50%, -50%) rotate(10deg);
  -ms-transform: translate(-50%, -50%) rotate(10deg);
  transform: translate(-50%, -50%) rotate(10deg);
}
.slider-bg-text h2 {
  -webkit-text-fill-color: transparent;
  font-size: 513px;
  color: #266d68;
  -webkit-text-stroke-color: #266d68;
  -webkit-text-stroke-width: 1px;
  -moz-text-stroke-color: #266d68;
  -moz-text-stroke-width: 1px;
  -moz-text-fill-color: transparent;
  line-height: 90px;
  display: inline-block;
  font-family: "Courgette", cursive;
}

.vert-move {
  -webkit-animation: mover 1s infinite alternate;
  animation: mover 1s infinite alternate;
}

.vert-move {
  -webkit-animation: mover 1s infinite alternate;
  animation: mover 1s infinite alternate;
}

@-webkit-keyframes mover {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-50px);
  }
}
@keyframes mover {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-50px);
  }
}
.slider-overlay::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.slider-overlay-3::before {
  background-color: rgba(2, 142, 124, 0.75);
}

.slider-content {
  padding-left: 120px;
}
.slider-content span {
  color: #eea676;
  font-weight: 500;
  text-transform: uppercase;
  display: block;
  margin-bottom: 20px;
}
.slider-content h2 {
  color: #fff;
  font-weight: 600;
  font-size: 105px;
  line-height: 1;
  margin-bottom: 60px;
}

.slider-content-3 {
  padding-left: 0;
}
.slider-content-3 span {
  text-transform: capitalize;
  font-size: 24px;
  margin-bottom: 30px;
  color: #ffffff;
  letter-spacing: 3px;
  font-weight: 400;
}
.slider-content-3 h2 {
  font-size: 100px;
  margin-bottom: 42px;
}
.slider-content-3 p {
  color: #ffffff;
  font-size: 24px;
  margin-bottom: 55px;
}

.slider-content-2 {
  padding-left: 0;
}
.slider-content-2 span {
  font-size: 14px;
  margin-bottom: 10px;
}
.slider-content-2 h2 {
  font-size: 115px;
  margin-bottom: 30px;
}
.slider-content-2 p {
  color: #ffffff;
  font-size: 24px;
  margin-bottom: 55px;
}

.slider-arrow {
  bottom: 50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 1;
}
.slider-arrow a {
  display: inline-block;
  font-size: 24px;
  width: 80px;
  height: 80px;
  line-height: 83px;
  text-align: center;
  background-color: #ffffff;
  color: #00235a;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.bounce {
  -moz-animation: bounce 3s infinite;
  -webkit-animation: bounce 3s infinite;
  animation: bounce 3s infinite;
}

@-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);
  }
}
.slider-thumb img {
  display: inline-block;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.slider-active .slick-dots {
  position: absolute;
  bottom: 70px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.slider-active .slick-dots li {
  display: inline-block;
  margin: 0 10px;
  position: relative;
}
.slider-active .slick-dots li.slick-active::before {
  height: 12px;
}
.slider-active .slick-dots li::before {
  position: absolute;
  content: "";
  top: 100%;
  left: 5px;
  width: 2px;
  height: 0px;
  background-color: #f8a683;
}
.slider-active .slick-dots li button {
  background: no-repeat;
  border: 0;
  color: #fff;
}

.slider-area-3 .slick-dots li.slick-active button {
  color: #f8a683;
}

.slider-active-2 .slick-dots {
  left: auto;
  right: 60px;
  bottom: auto;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.slider-active-2 .slick-dots li {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  display: block;
}
.slider-active-2 .slick-dots li.slick-active button {
  color: #f8a683;
}

.slick-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 70px;
  width: 65px;
  height: 65px;
  line-height: 68px;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: transparent;
  border: 1px solid #72bbb2;
  color: #72bbb2;
  font-size: 30px;
  z-index: 11;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.slick-arrow:hover {
  background: #ffffff;
  border-color: #ffffff;
  color: #346E08;
}

.slick-arrow.slick-next {
  right: 70px;
  left: auto;
}

.slider-has-arrow:hover .slick-arrow {
  left: 50px;
  visibility: visible;
  opacity: 1;
}

.slider-has-arrow:hover .slick-arrow.slick-next {
  left: auto;
  right: 50px;
}

.slider-area.slick-arrow-none .slick-arrow {
  display: none;
}

.slider-active.slider-active-2 .slick-dots {
  bottom: auto;
}

/*----------------------------------------*/
/*  04. FEATURES CSS START
/*----------------------------------------*/
.features-area {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.features__wrapper {
  position: relative;
  z-index: 1;
}
.features__item {
  padding: 44px 38px;
}
.features__item:hover {
  background-color: #f8a683;
}
.features__item:hover .features__icon span {
  background-color: transparent;
  border-color: #ffffff;
}
.features__item:hover .features__icon span::before {
  color: #ffffff;
}
.features__item:hover .features__content h3 {
  color: #ffffff;
}
.features__item:hover .features__content p {
  color: #ffffff;
}
.features__icon {
  margin-right: 27px;
}
.features__icon span {
  display: inline-block;
  width: 80px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  background-color: #346E08;
  border: 1px solid transparent;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.features__icon span::before {
  color: #ffffff;
  font-size: 40px;
}
.features__content h3 {
  font-size: 30px;
  margin-bottom: 11px;
}
.features__content p {
  margin-bottom: 0;
}

/*----------------------------------------*/
/*  05. ABOUT CSS START
/*----------------------------------------*/
.about-area {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.about-bg-img {
  height: 332px;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
}

.about-image {
  position: relative;
}

.about-wrapper p {
  margin-bottom: 50px;
}

.about-content {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #f0dfcf;
  padding: 45px 30px;
  border-radius: 0 30px 0 0;
  padding-bottom: 50px;
}
.about-content h4 {
  font-size: 35px;
  line-height: 36px;
  color: #529521;
  font-family: inherit;
  margin: 0;
}

.about-info-list i {
  background: #f8a683;
  height: 25px;
  width: 25px;
  color: #fff;
  text-align: center;
  line-height: 24px;
  border-radius: 30px;
  margin-right: 10px;
}
.about-info-list span {
  font-family: "Cormorant Garamond", serif;
  font-weight: 700;
  color: #529521;
  font-size: 27px;
}

.about-info-list span {
  font-family: "Cormorant Garamond", serif;
  font-weight: 700;
  color: #529521;
  font-size: 27px;
}

.about-author img {
  float: left;
}

.ab-author {
  overflow: hidden;
  padding-left: 15px;
}

.ab-author h3 {
  font-size: 23px;
  margin-bottom: 0;
}

.about__area-2 {
  z-index: 11;
}
.about__area-2::after {
  position: absolute;
  content: "";
  top: -100px;
  left: 375px;
  width: calc(100% - 375px);
  height: calc(100% + 200px);
  background: #f6f6f6;
  z-index: -1;
}
.about__area-3 {
  margin-top: -190px;
}
.about__bg-img {
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.about__bg-img-3 {
  width: 40%;
}
.about__inner-3::after {
  display: none;
}
.about__content-wrapper p {
  margin-bottom: 45px;
}
.about__info-experience {
  border: 10px solid #f8a683;
  padding: 30px 22px;
  padding-bottom: 33px;
}
.about__info-experience h1 {
  font-family: "Rubik", sans-serif;
  font-size: 30px;
  line-height: 36px;
  margin-bottom: 0;
}
.about__info-experience-3 {
  background-color: #007163;
  padding: 60px 40px;
  padding-bottom: 55px;
  right: -70px;
  bottom: 120px;
  -webkit-box-shadow: 5px;
  -moz-box-shadow: 5px;
  box-shadow: 5px;
  width: 270px;
}
.about__info-experience-3 h2 {
  font-size: 100px;
  font-family: "Rubik", sans-serif;
  color: #ffffff;
  display: inline-block;
}
.about__info-experience-3 p {
  font-size: 30px;
  color: #ffffff;
  line-height: 40px;
  font-weight: 700;
  margin-bottom: 0;
}
.about__info-2 p {
  margin-bottom: 0;
}
.about__info-icon span {
  display: inline-block;
  width: 80px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  background-color: #d6ebe8;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.about__info-icon span::before {
  font-size: 40px;
  color: #346E08;
}
.about__info-icon span.about__info-icon-pink {
  background-color: #f8e3ce;
}
.about__info-icon span.about__info-icon-pink::before {
  color: #f8a683;
}
/*----------------------------------------*/
/*  06. SERVICES CSS START
/*----------------------------------------*/
.services__item:hover .services__overlay {
  left: 10px;
  top: 50%;
  visibility: visible;
  opacity: 1;
}
.services__item:hover .services__content {
  visibility: hidden;
  opacity: 0;
}
.services__item:hover .services__thumb::after {
  left: 10px;
  top: -10px;
  visibility: visible;
  opacity: 1;
}
.services__item:hover .services__thumb img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.services__item-2 {
  border: 1px solid #e5e8e8;
  padding: 47px 35px;
  padding-bottom: 30px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: relative;
}
.services__item-2::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #f8a683;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  z-index: -1;
}
.services__item-2:hover {
  background-color: #346E08;
  border-color: #346E08;
}
.services__item-2:hover::after {
  top: 10px;
  left: 10px;
}
.services__item-2:hover .services__icon span {
  background-color: #f8a683;
}
.services__item-2:hover .services__icon span::after {
  background-color: rgba(248, 166, 131, 0.5);
}
.services__item-2:hover .services__content-2 h3 {
  color: #ffffff;
}
.services__item-2:hover .services__content-2 p {
  color: #ffffff;
}
.services__item-2:hover .services__content-2 a.link-btn {
  color: #ffffff;
}
.services__item-2:hover .services__content-2 a.link-btn::after, .services__item-2:hover .services__content-2 a.link-btn::before {
  color: #ffffff;
}
.services__item-3 {
  border: 2px solid #e6eaea;
  padding: 37px;
  padding-bottom: 32px;
}
.services__item-3:hover {
  border-color: #346E08;
}
.services__item-3:hover::before {
  top: -10px;
}
.services__item-3:hover .services__icon-3 span::after {
  border-color: #f8a683;
  background: transparent;
}
.services__item-4 {
  padding: 37px 24px;
  padding-bottom: 35px;
  -webkit-box-shadow: 0px 5px 30px 0px rgba(0, 46, 40, 0.08);
  -moz-box-shadow: 0px 5px 30px 0px rgba(0, 46, 40, 0.08);
  box-shadow: 0px 5px 30px 0px rgba(0, 46, 40, 0.08);
}
.services__item-4:hover {
  box-shadow: none;
}
.services__icon span {
  position: relative;
  display: inline-block;
  width: 98px;
  height: 98px;
  line-height: 98px;
  text-align: center;
  background-color: #346E08;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  z-index: 1;
}
.services__icon span::before {
  font-size: 50px;
  color: #ffffff;
}
.services__icon span::after {
  position: absolute;
  content: "";
  top: -10px;
  right: -10px;
  width: 100%;
  height: 100%;
  background-color: rgba(5, 108, 95, 0.5);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  z-index: -1;
}
.services__icon-4 span {
  width: 80px;
  height: 80px;
  line-height: 80px;
}
.services__icon-4 span::before {
  font-size: 40px;
}
.services__icon-4 span::after {
  top: -7px;
  right: -7px;
}
.services__icon-3 span::after {
  right: 5px;
  background: transparent;
  border: 1px solid #346E08;
}
.services__thumb {
  overflow: hidden;
}
.services__thumb::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(248, 166, 131, 0.9);
  visibility: hidden;
  opacity: 0;
}
.services__content {
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #346E08;
  padding: 0 30px;
  padding-right: 0;
}
.services__content-2 h3 {
  margin-bottom: 25px;
}
.services__content-3 h3 {
  margin-bottom: 10px;
}
.services__content-inner {
  padding-top: 18px;
  padding-bottom: 22px;
}
.services__content-inner h3 {
  float: left;
  color: #ffffff;
  margin-bottom: 0;
}
.services__content-inner a {
  position: absolute;
  top: 0;
  right: 0;
  width: 70px;
  height: 67px;
  line-height: 70px;
  font-size: 18px;
  text-align: center;
  background-color: #f8a683;
  color: #ffffff;
}
.services__overlay {
  top: 60%;
  left: 0;
  right: 0;
  padding: 0 50px;
  width: 100%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  visibility: hidden;
  opacity: 0;
}
.services__overlay h3 {
  color: #ffffff;
  margin-bottom: 23px;
}
.services__overlay p {
  color: #ffffff;
  margin-bottom: 35px;
}
.services__history-item:hover .services__history-year h2 {
  background-color: #f8a683;
}
.services__history-item:hover .services__history-year h2::after {
  border-color: #f8a683;
}
.services__history-year h2 {
  position: relative;
  font-size: 36px;
  color: #ffffff;
  height: 95px;
  width: 95px;
  line-height: 88px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #346E08;
  text-align: center;
  margin-bottom: 0;
  display: inline-block;
}
.services__history-year h2::after {
  position: absolute;
  content: "";
  top: -10px;
  right: 5px;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #346E08;
  z-index: -1;
}
.services__history-content h3 {
  margin-bottom: 25px;
}
.services__history-content h3:hover a {
  color: #f8a683;
}
.services__support {
  padding: 85px 80px;
  padding-bottom: 95px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.services__support::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(82, 149, 33, 0.8);
}
.services__support h1 {
  font-size: 50px;
  color: #ffffff;
  margin-bottom: 50px;
}
.services__appointment {
  padding: 50px 40px;
}
.services__appointment-form input, .services__appointment-form textarea {
  width: 100%;
  height: 60px;
  padding: 0 20px;
  border: 1px solid #dde0e0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 10px;
}
.services__appointment-form input:focus, .services__appointment-form textarea:focus {
  border-color: #346E08;
}
.services__appointment-form input::placeholder, .services__appointment-form textarea::placeholder {
  color: #999999;
}
.services__appointment-form textarea {
  height: 130px;
  resize: none;
  padding: 15px 20px;
}
.services__appointment-form .nice-select {
  border: 1px solid #dde0e0;
  width: 100%;
  margin-bottom: 10px;
  height: 60px;
  line-height: 60px;
  padding: 0 20px;
  background-color: #ffffff;
}
.services__appointment-form .nice-select:focus {
  border-color: #346E08;
}
.services__appointment-form .nice-select::after {
  right: 20px;
}
.services__appointment-form .nice-select ul {
  width: 100%;
}
.services__appointment-form .nice-select ul li {
  display: block;
}
.services__appointment-form button {
  width: 100%;
}
.services__des-title h1 {
  font-size: 50px;
  margin-bottom: 25px;
}
.services__des-item h3 {
  font-size: 30px;
  margin-bottom: 25px;
}
.services__des-item > p {
  margin-bottom: 33px;
}
.services__des-video > p {
  margin-bottom: 35px;
}
.services__des-video-img {
  width: 100%;
  height: 295px;
}
.services__des-video-img::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(5, 108, 95, 0.8);
}
.services__des-video-img a {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/*----------------------------------------*/
/*  07. SYCHOLOGIST CSS START
/*----------------------------------------*/
.sychologist__area {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.sychologist__person {
  margin-top: -65px;
}
.sychologist__person-2 {
  margin-top: 0;
}
.sychologist__content h1 {
  font-size: 50px;
  margin-bottom: 17px;
}
.sychologist__content h3 {
  font-size: 27px;
  margin-bottom: 22px;
}
.sychologist__content p {
  margin-bottom: 45px;
}
.sychologist__call:hover span {
  background: #f8a683;
}
.sychologist__call span {
  height: 65px;
  width: 65px;
  line-height: 65px;
  text-align: center;
  display: inline-block;
  background: #346E08;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.sychologist__call span::before {
  font-size: 30px;
  color: #ffffff;
}
.sychologist__call h3 {
  margin-top: 15px;
  margin-bottom: 0;
}

/*----------------------------------------*/
/*  08. APPOINTMENT CSS START
/*----------------------------------------*/
.appointment__area-inner {
  margin-top: -145px;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 49, 43, 0.05);
  -moz-box-shadow: 0px 10px 30px 0px rgba(0, 49, 43, 0.05);
  box-shadow: 0px 10px 30px 0px rgba(0, 49, 43, 0.05);
}
.appointment__area-inner-2 {
  margin-top: 0px;
}
.appointment__form-wrapper h1 {
  background-color: #346E08;
  font-size: 50px;
  padding: 40px 55px;
  padding-bottom: 55px;
  color: #ffffff;
  margin-bottom: 0;
}
.appointment__form-inner {
  padding: 50px 38px;
  background-color: #f8a683;
}
.appointment__form-inner input, .appointment__form-inner textarea {
  width: 100%;
  height: 70px;
  line-height: 70px;
  background-color: #f9b89c;
  padding: 0 20px;
  border: none;
  margin-bottom: 20px;
  color: #ffffff;
  font-size: 15px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.appointment__form-inner input::placeholder, .appointment__form-inner textarea::placeholder {
  color: #ffffff;
  font-size: 15px;
  text-transform: capitalize;
}
.appointment__form-inner textarea {
  height: 140px;
  resize: none;
}
.appointment__form-inner .sub-btn {
  width: 100%;
  height: 70px;
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
  color: #ffffff;
  text-align: center;
  background-color: #346E08;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.appointment__form-inner .sub-btn:hover {
  background-color: #529521;
  color: #ffffff;
}
.appointment__counter {
  padding: 70px 40px;
  padding-bottom: 50px;
}
.appointment__counter-item {
  position: relative;
}
.appointment__counter-item::before {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 1px;
  background: #dfe3e2;
}
.appointment__counter-item::after {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 1px;
  height: 100%;
  background: #dfe3e2;
}
.appointment__counter .single-counter h3 {
  font-size: 50px;
  line-height: 1;
  font-family: inherit;
  font-weight: 400;
  margin-bottom: 0;
  margin-bottom: 15px;
}
.appointment__counter .single-counter h3.pink-color {
  color: #f8a683;
}
.appointment__counter .single-counter h3 span {
  font-size: 50px;
}
.appointment__counter .single-counter span {
  font-size: 27px;
}
.appointment__award-list .single-award .award-text h3 {
  margin-bottom: 15px;
} 
.appointment__mission-thumb {
  margin-bottom: 34px;
}
.appointment__mission-thumb .play-icon {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.appointment__mission-text h3 {
  margin-bottom: 17px;
}
.appointment__mission-text p {
  margin-bottom: 15px;
}
.appointment__mission-text p:last-child {
  margin-bottom: 0;
}
.appointment__info p {
  margin-bottom: 34px;
}
.appointment__info ul li {
  display: block;
  margin-bottom: 17px;
}
.appointment__info ul li:last-child {
  margin-bottom: 0;
}
.appointment__info ul li span,
.appointment__info ul li a {
  color: #529521;
  font-weight: 500;
}
.appointment__info ul li span i,
.appointment__info ul li a i {
  color: #f8a683;
  margin-right: 20px;
}

/*----------------------------------------*/
/*  09. CASE CSS START
/*----------------------------------------*/
.case__area {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.case__item:hover .case__thumb img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.case__item::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}
.case__item.slick-slide.slick-center::before {
  display: none;
}
.case__item.slick-slide.slick-center .case__content {
  bottom: 20px;
  visibility: visible;
  opacity: 1;
}
.case__item-2:hover .case__thumb-2 img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.case__item-2:hover .case__thumb-2::after {
  visibility: visible;
  opacity: 1;
}
.case__item-2:hover .case__content-2 p,
.case__item-2:hover .case__content-2 a {
  color: #ffffff;
}
.case__item-2:hover .case__content-2 p::after, .case__item-2:hover .case__content-2 p::before,
.case__item-2:hover .case__content-2 a::after,
.case__item-2:hover .case__content-2 a::before {
  color: #ffffff;
}
.case__item-2:hover .case__content-2 h3 {
  color: #ffffff;
}
.case__item-2:hover .case__content-2 h3 a:hover {
  color: #f8a683;
}
.case__item-2:hover .case__content-2::before {
  height: 100%;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.case__thumb {
  overflow: hidden;
}
.case__thumb-2 {
  position: relative;
  overflow: hidden;
}
.case__thumb-2::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  visibility: hidden;
  opacity: 0;
}
.case__content {
  bottom: -20px;
  left: 20px;
  border-left: 4px solid #f8a683;
  visibility: hidden;
  opacity: 0;
  padding: 30px;
  z-index: 1;
}
.case__content h3 {
  font-size: 30px;
  padding-right: 70px;
}
.case__content h3 a:hover {
  color: #f8a683;
}
.case__content a.plus-btn {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  color: #ffffff;
  font-size: 30px;
  background-color: #346E08;
}
.case__content a.plus-btn:hover {
  background-color: #f8a683;
  color: #ffffff;
}
.case__content-2 {
  padding: 35px;
  padding-bottom: 30px;
  margin-top: 10px;
  z-index: 1;
}
.case__content-2::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: #346E08;
  z-index: -1;
}
.case__content-2 h3 {
  margin-bottom: 17px;
}
.case__content-2 p {
  margin-bottom: 10px;
}
.case__menu button {
  background: transparent;
  font-size: 18px;
  text-transform: capitalize;
  margin-right: 38px;
  margin-bottom: 25px;
  position: relative;
}
.case__menu button::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: -6px;
  width: 100%;
  height: 2px;
  background: #346E08;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -ms-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.case__menu button:hover {
  color: #346E08;
}
.case__menu button:hover::before {
  bottom: 2px;
  visibility: visible;
  opacity: 1;
}
.case__menu button:last-child {
  margin-right: 0;
}
.case__menu button.active {
  color: #346E08;
}
.case__menu button.active::before {
  bottom: 2px;
  visibility: visible;
  opacity: 1;
}
.case__details-item h3 {
  font-size: 30px;
  margin-bottom: 24px;
}
.case__details-item.process {
  margin-bottom: 5px;
}
.case__details-item.process p {
  margin-bottom: 40px;
}
.case__details-item.video p {
  margin-bottom: 35px;
}
.case__details-video {
  height: 300px;
  width: 100%;
  margin-bottom: 30px;
}
.case__details-video-btn {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.case__details-video::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(5, 108, 95, 0.8);
}
.case__head h2 {
  font-size: 50px;
  margin-bottom: 35px;
}
.case__head p {
  margin-bottom: 33px;
}
/*----------------------------------------*/
/*  10. CLIENT CSS START
/*----------------------------------------*/
.client__area {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.client__slider .owl-stage {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.client__thumb {
  opacity: 0.6;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.client__thumb img {
  display: inline-block;
  width: inherit !important;
  margin: auto;
}
.client__thumb:hover {
  opacity: 1;
}

/*----------------------------------------*/
/*  11. PRICING CSS START
/*----------------------------------------*/
.pricing__item:hover .pricing__thumb img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.pricing__price {
  top: -15px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 145px;
  height: 145px;
  text-align: center;
  background-color: #ffffff;
  border: 8px solid #f8a683;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 37, 32, 0.06);
  -moz-box-shadow: 0px 10px 30px 0px rgba(0, 37, 32, 0.06);
  box-shadow: 0px 10px 30px 0px rgba(0, 37, 32, 0.06);
  z-index: 1;
}
.pricing__price h1 {
  font-family: "Rubik", sans-serif;
  font-size: 35px;
  font-weight: 500;
  margin-bottom: 0;
}
.pricing__price span {
  font-size: 13px;
  text-transform: uppercase;
}
.pricing__price-inner {
  margin-top: 5px;
}
.pricing__popular {
  top: 18px;
  right: -53px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  background-color: #346E08;
  width: 200px;
  height: 45px;
  line-height: 45px;
  text-align: center;
}
.pricing__popular span {
  font-size: 13px;
  text-transform: uppercase;
  color: #ffffff;
}
.pricing__content {
  padding: 80px 30px 60px 30px;
}
.pricing__content h2 {
  margin-bottom: 25px;
  text-transform: capitalize;
}
.pricing__content p {
  position: relative;
  padding-bottom: 16px;
  margin-bottom: 12px;
}
.pricing__content p::before {
  position: absolute;
  content: "";
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 160px;
  height: 1px;
  background-color: #d7d3cf;
  background-image: linear-gradient(left, #fbf7f3 2%, #d7d3cf 50%, #fbf7f3 98%);
  background-image: -o-linear-gradient(left, #fbf7f3 2%, #d7d3cf 50%, #fbf7f3 98%);
  background-image: -moz-linear-gradient(left, #fbf7f3 2%, #d7d3cf 50%, #fbf7f3 98%);
  background-image: -webkit-linear-gradient(left, #fbf7f3 2%, #d7d3cf 50%, #fbf7f3 98%);
  background-image: -ms-linear-gradient(left, #fbf7f3 2%, #d7d3cf 50%, #fbf7f3 98%);
  background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0.02, #fbf7f3), color-stop(0.5, #d7d3cf), color-stop(0.98, #fbf7f3));
}
.pricing__btn {
  top: 100%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
}

/*----------------------------------------*/
/*  12. CONTACT CSS START
/*----------------------------------------*/
.contact__area-3 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.contact__form {
  margin-right: 155px;
}
.contact__input {
  width: 100%;
  border: 1px solid transparent;
  height: 70px;
  line-height: 70px;
  padding: 0 20px;
  font-size: 15px;
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 24px;
}
.contact__input::placeholder {
  color: #ffffff;
  font-size: 15px;
  text-transform: capitalize;
}
.contact__input:focus {
  border-color: #ffffff;
}
.contact__input.nice-select span {
  font-size: 15px;
}
.contact__input.nice-select ul {
  width: 100%;
}
.contact__input.nice-select ul li {
  display: block;
  color: #529521;
}
.contact__input.nice-select::after {
  border-color: #ffffff;
  right: 20px;
}
.contact__input.txt-area {
  height: 150px;
  padding: 20px;
  resize: none;
  line-height: 1;
  margin-bottom: 25px;
}
.contact__input-3 {
  background-color: #ffffff;
  color: #999999;
}
.contact__input-3::placeholder {
  color: #999999;
}
.contact__input-3.nice-select::after {
  border-color: #346E08;
}
.contact__input-4 {
  background-color: #f6f6f6;
}
.contact__input-4:focus {
  border-color: #346E08;
}
.contact__map-wrapper {
  margin-top: -210px;
  width: 100%;
  height: 885px;
  width: 100%;
  right: 0;
  position: absolute;
  overflow: hidden;
}
.contact__map-wrapper iframe {
  width: 100%;
  height: 100%;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  border: none;
}
.contact__icon span {
  display: inline-block;
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #f8a683;
}
.contact__icon span::before {
  font-size: 40px;
  color: #ffffff;
}
.contact__info {
  z-index: 1;
}
.contact__info-inner {
  padding: 85px 70px;
  padding-bottom: 50px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.contact__info-content h3 {
  color: #ffffff;
  margin-bottom: 13px;
}
.contact__info-content span {
  color: #ffffff;
  display: block;
}
.contact__map {
  width: 100%;
  height: 750px;
}
.contact__map iframe {
  width: 100%;
  height: 100%;
}

/*----------------------------------------*/
/*  13. TESTIMONIAL CSS START
/*----------------------------------------*/
.testimonial__slider .owl-nav div {
  position: absolute;
  top: 50%;
  left: -110px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.testimonial__slider .owl-nav div button {
  height: 44px;
  width: 44px;
  border: 2px solid #346E08;
  color: #346E08;
  background: transparent;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: relative;
}
.testimonial__slider .owl-nav div button::after {
  position: absolute;
  content: "";
  left: 47%;
  top: 47%;
  width: 60px;
  height: 2px;
  background-color: #346E08;
}
.testimonial__slider .owl-nav div button:hover {
  border-color: #f8a683;
  color: #f8a683;
}
.testimonial__slider .owl-nav div button:hover::after {
  background-color: #f8a683;
}
.testimonial__slider .owl-nav div.owl-next {
  right: -110px;
  left: auto;
}
.testimonial__slider .owl-nav div.owl-next button::after {
  display: none;
}
.testimonial__slider .owl-nav div.owl-next button::before {
  position: absolute;
  content: "";
  right: 47%;
  top: 47%;
  width: 60px;
  height: 2px;
  background-color: #346E08;
}
.testimonial__slider .owl-nav div.owl-next button:hover::before {
  background-color: #f8a683;
}
.testimonial__slider-2 .owl-nav {
  position: absolute;
  top: -177px;
  right: 0;
  display: flex;
}
.testimonial__slider-2 .owl-nav div button {
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 22px;
  color: #848b8a;
  background-color: #fbf7f3;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.testimonial__slider-2 .owl-nav div button:hover {
  color: #ffffff;
  background-color: #f8a683;
}
.testimonial__slider-2 .owl-nav div.owl-prev {
  margin-right: 10px;
}
.testimonial__slider-3 .owl-nav {
  position: absolute;
  bottom: 0;
  right: 0;
  display: flex;
}
.testimonial__slider-3 .owl-nav div button {
  color: #346E08;
  font-size: 35px;
  background: transparent;
  margin-left: 30px;
  position: relative;
}
.testimonial__slider-3 .owl-nav div.owl-next button::after {
  position: absolute;
  content: "";
  left: -20px;
  top: 12px;
  width: 10px;
  height: 10px;
  background: #f8a683;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.testimonial__slider-4 .owl-nav button {
  background: #ffffff;
  -webkit-box-shadow: 0px 5px 30px 0px rgba(0, 100, 87, 0.1);
  -moz-box-shadow: 0px 5px 30px 0px rgba(0, 100, 87, 0.1);
  box-shadow: 0px 5px 30px 0px rgba(0, 100, 87, 0.1);
}
.testimonial__img {
  left: 0;
  top: 0;
  width: 42%;
  height: 100%;
}
.testimonial__img-2 {
  left: auto;
  right: 0;
}
.testimonial__bg-pattern {
  top: 0;
  right: 0;
  width: 58%;
  height: 100%;
}
.testimonial__item-2 {
  border: 1px solid #f8a683;
}
.testimonial__item-inner {
  padding: 30px 40px;
  border: 18px solid #ffffff;
}
.testimonial__item-inner p {
  color: #ffffff;
  margin-bottom: 0;
}
.testimonial__quote {
  top: 40px;
  right: 40px;
}
.testimonial__quote img {
  width: 110px !important;
  height: 90px !important;
}
.testimonial__quote-2 {
  bottom: -20px;
  right: -20px;
}
.testimonial__quote-2 span {
  display: inline-block;
  width: 130px;
  height: 130px;
  line-height: 130px;
  text-align: center;
  background-color: #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.testimonial__quote-2 span::before {
  color: #f8a683;
  font-size: 50px;
}
.testimonial__content {
  padding: 38px 37px;
  -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 37, 32, 0.08);
  -moz-box-shadow: 0px 10px 20px 0px rgba(0, 37, 32, 0.08);
  box-shadow: 0px 10px 20px 0px rgba(0, 37, 32, 0.08);
}
.testimonial__content p {
  margin-bottom: 5px;
  font-size: 18px;
  line-height: 32px;
}
.testimonial__content .rating ul li {
  margin-right: 4px;
}
.testimonial__content .rating ul li:last-child a {
  color: #cdd0cf;
}
.testimonial__content .rating ul li a {
  font-size: 15px;
  color: #f8a683;
}
.testimonial__person {
  padding: 23px 40px;
  background-color: #346E08;
}
.testimonial__person-2 {
  padding-left: 0;
  padding-bottom: 10px;
}
.testimonial__person-3 {
  background: transparent;
  padding-left: 0;
}
.testimonial__avater {
  margin-right: 23px;
}
.testimonial__avater img {
  width: inherit !important;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.testimonial__avater-2 img {
  width: inherit !important;
}
.testimonial__info h3 {
  color: #ffffff;
}
.testimonial__info span {
  color: #ffffff;
}
.testimonial__info-3 h3 {
  color: #529521;
}
.testimonial__info-3 span {
  color: #848b8a;
}
.testimonial__video {
  bottom: 0;
  right: 0;
  padding: 25px 45px;
  background-color: rgba(5, 108, 95, 0.9);
}
.testimonial__video h3 {
  font-size: 30px;
  margin-bottom: 0;
  margin-right: 45px;
  color: #ffffff;
  display: inline-block;
}
.testimonial__shape {
  top: -132px;
  left: 108px;
}
.testimonial__shape-2 {
  top: 72%;
  left: 5px;
}

/*----------------------------------------*/
/*  14. BLOG CSS START
/*----------------------------------------*/
.blog__item:hover .blog__thumb-2::after {
  visibility: visible;
  opacity: 1;
}
.blog__item:hover .blog__thumb img, .blog__item:hover .blog__thumb-2 img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.blog__thumb {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.blog__thumb-2 {
  position: relative;
}
.blog__thumb-2::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  visibility: hidden;
  opacity: 0;
}
.blog__thumb-3 {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.blog__content {
  padding: 40px 30px;
  padding-right: 50px;
  margin-top: -70px;
}
.blog__content h2 {
  font-size: 27px;
  line-height: 32px;
  margin-top: 14px;
  margin-bottom: 22px;
}
.blog__content h2 a:hover {
  color: #f8a683;
}
.blog__content-2 {
  padding: 30px 27px;
  margin-top: 0;
  border: 1px solid #e5e8e8;
  border-top: none;
}
.blog__content-2 h3 {
  margin-bottom: 17px;
}
.blog__content-2 h3:hover {
  color: #f8a683;
}
.blog__content-2.blog__sm {
  border: none;
  padding: 52px 27px;
}
.blog__content-3 {
  padding: 36px 30px;
  padding-bottom: 28px;
}
.blog__content-3 h2 {
  margin-bottom: 11px;
}
.blog__meta span {
  font-size: 16px;
  margin-right: 20px;
}
.blog__meta span i {
  color: #f8a683;
  margin-right: 7px;
}
.blog__meta span:hover a {
  color: #346E08;
}
.blog__meta span:hover a i {
  color: #346E08;
}
.blog__meta-2 span {
  margin-right: 5px;
}
.blog__meta-2 span.date {
  color: #529521;
}
.blog__meta-2 span.date, .blog__meta-2 span.publisher {
  font-weight: 500;
  font-size: 13px;
  text-transform: uppercase;
}
.blog__meta-4 span {
  margin-right: 20px;
}
.blog__date {
  top: 0;
  right: 0;
  background-color: #346E08;
  width: 80px;
  height: 80px;
  text-align: center;
  padding: 20px 0;
}
.blog__date h6 {
  font-size: 30px;
  color: #ffffff;
  margin-bottom: 0;
  font-family: "Rubik", sans-serif;
  font-weight: 500;
  line-height: 20px;
}
.blog__date span {
  font-size: 14px;
  text-transform: uppercase;
  color: #ffffff;
  margin-right: 0;
}
.blog__date-3 {
  top: -20px;
  left: 30px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
}

.postbox__content {
  padding: 43px 50px;
  padding-bottom: 48px;
}
.postbox__content-2 {
  padding: 43px 0;
  padding-bottom: 7px;
}
.postbox__content-3 {
  padding: 35px 38px;
}
.postbox__content-4 {
  padding: 23px 30px;
}
.postbox__title {
  line-height: 1.3;
}
.postbox__title a:hover {
  color: #f8a683;
}
.postbox__title-2 {
  font-size: 35px;
}
.postbox__video::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}
.postbox__video-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.postbox__gallery .owl-nav div {
  position: absolute;
  top: 50%;
  left: 30px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: flex;
}
.postbox__gallery .owl-nav div.owl-next {
  left: auto;
  right: 30px;
}
.postbox__gallery .owl-nav div button {
  width: 60px;
  height: 60px;
  background-color: #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.postbox__gallery .owl-nav div button:hover {
  background-color: #346E08;
  color: #ffffff;
}
.postbox__audio iframe {
  width: 100%;
  height: 450px;
  border: none;
}
.postbox__audio-2 iframe {
  height: 218px;
}
.postbox__quote blockquote {
  background: #346E08;
  padding: 50px;
  position: relative;
  padding-left: 120px;
}
.postbox__quote blockquote::before {
  content: "";
  left: 50px;
  top: 56px;
  position: absolute;
  color: #529521;
  font-family: "Font Awesome 5 Pro";
  font-weight: 700;
  font-size: 41px;
}
.postbox__quote blockquote p {
  font-size: 26px;
  margin-bottom: 20px;
  color: #ffffff;
  font-weight: 500;
  line-height: 1.3;
}
.postbox__quote blockquote footer {
  font-size: 14px;
  letter-spacing: 2px;
  color: #ffffff;
  font-weight: 500;
  text-transform: uppercase;
}

.widget {
  -webkit-box-shadow: 0px 8px 16px 0px rgba(200, 183, 255, 0.2);
  -moz-box-shadow: 0px 8px 16px 0px rgba(200, 183, 255, 0.2);
  box-shadow: 0px 8px 16px 0px rgba(200, 183, 255, 0.2);
}
.widget__about img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-bottom: 25px;
}
.widget__about h4 {
  font-family: "Rubik", sans-serif;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 13px;
}
.widget__social a {
  display: inline-block;
  margin: 0 8px;
  color: #f8a683;
}
.widget__social a:hover {
  color: #346E08;
}

.search-form {
  position: relative;
}
.search-form input {
  width: 100%;
  height: 60px;
  border: 0;
  background: #f1f9ff;
  padding: 0 20px;
}
.search-form input::placeholder {
  color: #848b8a;
}
.search-form button {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  background: #346E08;
  padding: 0 25px;
  color: #ffffff;
  line-height: 60px;
  border: 0;
}

.recent-posts li {
  padding-bottom: 18px;
  margin-bottom: 18px;
  border-bottom: 1px solid #eaedff;
}
.recent-posts li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.rc-thumb img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.rc-text h6 {
  font-size: 18px;
  line-height: 1.3;
  margin-bottom: 5px;
}
.rc-text h6 a:hover {
  color: #f8a683;
}

.rc-meta span {
  font-size: 12px;
}
.rc-meta span:hover {
  color: #346E08;
}

.social-profile a {
  height: 50px;
  width: 50px;
  text-align: center;
  background: #346E08;
  line-height: 50px;
  margin-right: 2px;
  display: inline-block;
  color: #ffffff;
  margin-bottom: 5px;
}
.social-profile a:hover {
  background: #f8a683;
  color: #ffffff;
}

.tag a {
  display: inline-block;
  line-height: 1;
  padding: 12px 18px;
  background: #fafaf8;
  margin-bottom: 8px;
  margin-right: 5px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  border-radius: 2px;
}
.tag a:hover {
  color: #ffffff;
  background: #346E08;
}

.blog-post-tag span {
  font-size: 18px;
  font-weight: 600;
  display: block;
  margin-bottom: 17px;
  color: #346E08;
}
.blog-post-tag a {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  border: 2px solid #eaedff;
  padding: 12px 24px;
  margin-right: 10px;
  transition: 0.3s;
  border-radius: 5px;
  margin-bottom: 10px;
}
.blog-post-tag a:hover {
  color: #ffffff;
  background: #346E08;
  border-color: #346E08;
}

.blog-share-icon span {
  font-size: 18px;
  font-weight: 600;
  color: #346E08;
  display: block;
  margin-bottom: 17px;
}
.blog-share-icon a {
  font-size: 18px;
  margin-right: 22px;
}
.blog-share-icon a:hover {
  color: #346E08;
}

.sycho-navigation span {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 500;
  display: block;
  margin-bottom: 10px;
}
.sycho-navigation span a:hover {
  color: #346E08;
}
.sycho-navigation h4 {
  font-size: 24px;
  margin: 0;
}
.sycho-navigation h4 a:hover {
  color: #f8a683;
}

.author {
  padding: 0 60px 44px 60px;
}
.author__img img {
  margin-top: -60px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 4px solid #ffffff;
  -webkit-box-shadow: 0px 8px 16px 0px rgba(200, 183, 255, 0.2);
  -moz-box-shadow: 0px 8px 16px 0px rgba(200, 183, 255, 0.2);
  box-shadow: 0px 8px 16px 0px rgba(200, 183, 255, 0.2);
}
.author__text h3 {
  font-size: 24px;
  margin-bottom: 15px;
}
.author__text p {
  margin-bottom: 0;
  font-size: 15px;
  line-height: 28px;
}
.author__icon {
  margin-top: 6px;
  margin-bottom: 25px;
}
.author__icon a {
  font-size: 14px;
  margin: 0 5px;
}
.author__icon a:hover {
  color: #346E08;
}

.post-comments {
  border-bottom: 1px solid #eaedff;
  margin-bottom: 42px;
  padding-bottom: 46px;
}

.comments-box {
  border-top: 1px solid #eaedff;
  padding: 30px 0;
}

.latest-comments li:first-child .comments-box {
  border-top: 0;
  padding-top: 0;
}

.comments-avatar {
  float: left;
  margin-right: 20px;
}
.comments-avatar img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.comments-text {
  overflow: hidden;
  padding-top: 4px;
}

.avatar-name {
  margin-bottom: 3px;
  overflow: hidden;
  position: relative;
}

.avatar-name h5 {
  font-size: 18px;
  margin-bottom: 7px;
}

.avatar-name span {
  color: #346E08;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.reply {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  transition: 0.3s;
  line-height: 1;
  margin-top: 4px;
  position: absolute;
  right: 0;
  top: 0;
}
.reply i {
  margin-right: 5px;
}
.reply:hover {
  color: #346E08;
}

.comments-text p {
  margin-bottom: 0;
  margin-top: 8px;
}

.latest-comments li.children {
  margin-left: 100px;
}

.conatct-post-form {
  padding: 50px;
}

.conatct-post-form input {
  border: none;
  height: 60px;
  margin-bottom: 20px;
  padding: 0 30px;
  width: 100%;
  font-size: 14px;
}
.conatct-post-form input::placeholder {
  color: #848b8a;
}

.conatct-post-form textarea {
  border: none;
  height: 150px;
  margin-bottom: 20px;
  padding: 30px;
  width: 100%;
  font-size: 14px;
  resize: none;
}
.conatct-post-form textarea::placeholder {
  color: #848b8a;
}

.contact-icon::after {
  position: absolute;
  content: "";
  font-family: "Font Awesome 5 Pro";
  font-weight: 700;
  display: inline-block;
  font-size: 16px;
  text-align: center;
  right: 30px;
  color: #346E08;
  top: 18px;
}

.contacts-message::after {
  content: "";
}

.contacts-name::after {
  content: "";
}

.contacts-email::after {
  content: "";
}

.contacts-website::after {
  content: "";
}

/*----------------------------------------*/
/*  15. TEAM CSS START
/*----------------------------------------*/
.team__item:hover .team__thumb img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.team__item:hover .team__social {
  visibility: visible;
  opacity: 1;
  right: 0;
}
.team__item:hover .team__content {
  background-color: #346E08;
  border-color: #346E08;
}
.team__item:hover .team__content .team__name h3 {
  color: #ffffff;
}
.team__item:hover .team__content .team__name span {
  color: #ffffff;
}
.team__item:hover .team__content .team__info p {
  color: #ffffff;
}
.team__social {
  bottom: 0;
  right: -60px;
  padding: 20px 30px;
  visibility: hidden;
  opacity: 0;
}
.team__social ul li a {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(2, 44, 125, 0.07);
  -moz-box-shadow: 0px 0px 20px 0px rgba(2, 44, 125, 0.07);
  box-shadow: 0px 0px 20px 0px rgba(2, 44, 125, 0.07);
}
.team__social ul li a:hover {
  background-color: #346E08;
  color: #ffffff;
}
.team__social-2 ul li a {
  background: #ffffff;
  border: 1px solid #dfe3e2;
}
.team__social-2 ul li a:hover {
  background-color: #f8a683;
  color: #346E08;
  border-color: #f8a683;
}
.team__content {
  padding: 25px 30px;
  padding-bottom: 23px;
  border: 1px solid #e0e4e4;
  border-top: none;
}
.team__name {
  border-bottom: 1px solid #eaecec;
  margin-bottom: 15px;
}
.team__name span {
  display: block;
  margin-bottom: 15px;
}
.team__info p {
  margin-bottom: 7px;
}
.team__info p:last-child {
  margin-bottom: 0;
}
.team__menu button {
  background: transparent;
  font-size: 18px;
  text-transform: capitalize;
  margin-right: 38px;
  margin-bottom: 25px;
  position: relative;
}
.team__menu button::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: -6px;
  width: 100%;
  height: 2px;
  background: #346E08;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -ms-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.team__menu button:hover {
  color: #346E08;
}
.team__menu button:hover::before {
  bottom: 2px;
  visibility: visible;
  opacity: 1;
}
.team__menu button:last-child {
  margin-right: 0;
}
.team__menu button.active {
  color: #346E08;
}
.team__menu button.active::before {
  bottom: 2px;
  visibility: visible;
  opacity: 1;
}
.team__details-title h2 {
  padding-bottom: 32px;
  border-bottom: 1px solid #e0e4e4;
  margin-bottom: 0;
  position: relative;
  font-size: 30px;
}
.team__details-title h2::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: -2px;
  width: 80px;
  height: 3px;
  background-color: #f8a683;
}
.team__experience-item h2 {
  font-size: 24px;
  margin-bottom: 15px;
}
.team__experience-item .team__experience-meta span {
  position: relative;
  display: inline-block;
  padding-right: 12px;
  margin-right: 1px;
}
.team__experience-item .team__experience-meta span::before {
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 6px;
  height: 1px;
  background: #848b8a;
}
.team__experience-item .team__experience-meta span:last-child::before {
  display: none;
}
.team__experience-area-item {
  padding: 30px 25px;
  border: 1px solid #e0e4e4;
}
.team__experience-area-item span::before {
  color: #346E08;
  font-size: 50px;
}
.team__experience-area-item h3 {
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 0;
}
.team__experience-area-item:hover {
  border-color: #346E08;
  background-color: #346E08;
}
.team__experience-area-item:hover span::before {
  color: #ffffff;
}
.team__experience-area-item:hover h3 {
  color: #ffffff;
}
.team__achivement p {
  margin-bottom: 23px;
}
.team__achivement-thumb img {
  width: inherit !important;
}
.team__contact p {
  margin-bottom: 24px;
}
.team__contact input, .team__contact textarea {
  height: 60px;
  width: 100%;
  padding: 20px;
  font-size: 16px;
  border: 1px solid #e0e4e4;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 30px;
  color: #346E08;
}
.team__contact input::placeholder, .team__contact textarea::placeholder {
  color: #999999;
}
.team__contact input:focus, .team__contact textarea:focus {
  border-color: #346E08;
}
.team__contact textarea {
  height: 200px;
  resize: none;
}

/*----------------------------------------*/
/*  16. why CSS START
/*----------------------------------------*/
.why__wrapper > p {
  padding-right: 120px;
  margin-bottom: 45px;
}
.why__list ul li {
  display: block;
  padding-bottom: 10px;
  margin-bottom: 10px;
  padding-left: 32px;
  position: relative;
}
.why__list ul li::before {
  position: absolute;
  content: "";
  font-family: "Font Awesome 5 Pro";
  left: 0;
  top: 5px;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  background-color: #f8a683;
  color: #ffffff;
  font-size: 14px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.why__list ul li::after {
  position: absolute;
  content: "";
  left: 32px;
  bottom: 0;
  width: 100px;
  height: 1px;
  background-color: #e0e4e4;
}
.why__list ul li h3 {
  position: relative;
  margin-bottom: 0;
}
.why__list ul li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.why__list ul li:last-child::after {
  display: none;
}
.why__item:hover .why__icon span {
  background-color: #346E08;
}
.why__icon span {
  display: inline-block;
  width: 80px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  background-color: #f8a683;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.why__icon span::before {
  font-size: 40px;
  color: #ffffff;
}
.why__text h3 {
  margin-bottom: 10px;
}
.why__text p {
  margin-bottom: 0;
}
.why__bg {
  top: 0;
  right: 0;
  width: 49%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/*----------------------------------------*/
/*  17. FAQ CSS START
/*----------------------------------------*/
.faq__bg {
  top: 0;
  right: 0;
  width: 53%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.faq__inner .card {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #e4dfd9 !important;
}
.faq__inner .card-header {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  padding: 30px 0;
  padding-left: 0;
  background-color: transparent;
  border: 0;
}
.faq__inner .card-header h5 button {
  padding: 0;
  font-size: 27px;
  font-family: "Cormorant Garamond", serif;
  font-weight: 700;
  color: #529521;
  background: transparent;
  text-decoration: none;
  line-height: 1;
  width: 100%;
  padding-right: 30px;
  position: relative;
  text-align: left;
  display: inline-block;
}
.faq__inner .card-header h5 button::before {
  position: absolute;
  content: "";
  font-family: "Font Awesome 5 Pro";
  top: 50%;
  right: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  background-color: #346E08;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.faq__inner .card-header h5 button.collapsed::before {
  content: "";
  background-color: #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #346E08;
}
.faq__inner .card-header h5 button:hover {
  text-decoration: none;
  color: #f8a683;
}
.faq__inner .card-body {
  padding: 0;
  padding-bottom: 25px;
}

/*----------------------------------------*/
/*  18. PROJECT CSS START
/*----------------------------------------*/
.project__slider .owl-nav {
  position: absolute;
  top: -180px;
  right: 375px;
  display: flex;
}
.project__slider .owl-nav div button {
  width: 60px;
  height: 60px;
  line-height: 65px;
  text-align: center;
  font-size: 22px;
  background: #faf4ee;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-left: 10px;
}
.project__slider .owl-nav div button:hover {
  background: #346E08;
  color: #ffffff;
}
.project__slider-active-2 .owl-nav {
  display: none;
}
.project__item:hover .project__thumb img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.project__item:hover .project__thumb::after {
  visibility: visible;
  opacity: 1;
}
.project__item:hover .project__thumb .project__icon {
  top: 50%;
  visibility: visible;
  opacity: 1;
}
.project__item:hover .project__thumb .project__content {
  bottom: 60px;
  visibility: visible;
  opacity: 1;
}
.project__thumb {
  overflow: hidden;
}
.project__thumb::after {
  position: absolute;
  content: "";
  left: 20px;
  top: 20px;
  width: calc(100% - 40px);
  height: calc(100% - 40px);
  background-color: rgba(5, 108, 95, 0.9);
  visibility: hidden;
  opacity: 0;
}
.project__icon {
  top: 60%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
  visibility: hidden;
  opacity: 0;
}
.project__icon a {
  display: inline-block;
  width: 70px;
  height: 70px;
  line-height: 73px;
  text-align: center;
  background: #ffffff;
  color: #346E08;
  font-size: 35px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.project__icon a:hover {
  background: #f8a683;
  color: #ffffff;
}
.project__content {
  bottom: 30px;
  left: 60px;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
}
.project__content h3 {
  color: #ffffff;
  font-size: 30px;
  margin-bottom: 0;
}
.project__content h3 a:hover {
  color: #f8a683;
}
.project__content span {
  font-size: 16px;
  color: #ffffff;
  text-transform: capitalize;
  display: inline-block;
  margin-bottom: 7px;
}
.project__content span i {
  margin-right: 5px;
  font-size: 14px;
}

/*----------------------------------------*/
/*  19. COUNTER CSS START
/*----------------------------------------*/
.counter__area {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.counter__overlay::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 80, 70, 0.9);
}
.counter__item::after {
  position: absolute;
  content: "";
  right: -25px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 55px;
  color: #ffffff;
  font-family: "Font Awesome 5 Pro";
}
.counter__item.last-child-after::after {
  display: none;
}
.counter__icon span {
  position: relative;
  display: inline-block;
  width: 100px;
  height: 100px;
  line-height: 100px;
  text-align: center;
  background-color: #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.counter__icon span::before {
  color: #346E08;
  font-size: 50px;
}
.counter__icon span::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: -25px;
  top: -10px;
  border: 1px solid #ffffff;
  background-color: transparent;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.counter__content h3 {
  font-family: "Rubik", sans-serif;
  font-size: 50px;
  color: #ffffff;
  font-weight: 400;
  margin-bottom: 8px;
}
.counter__content span {
  color: #ffffff;
}
.counter__single h3 {
  font-family: "Rubik", sans-serif;
  font-size: 50px;
  font-weight: 400;
  margin-bottom: 15px;
}
.counter__single p {
  font-size: 27px;
  margin-bottom: 0;
}

/*----------------------------------------*/
/*  20. EVENT CSS START
/*----------------------------------------*/
.event__item:hover .event__thumb::after {
  visibility: visible;
  opacity: 1;
}
.event__item:hover .event__thumb img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.event__thumb {
  position: relative;
  overflow: hidden;
}
.event__thumb::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  visibility: hidden;
  opacity: 0;
}
.event__content {
  padding: 40px 30px;
  padding-bottom: 30px;
  left: 30px;
  bottom: -170px;
  right: 50px;
  -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 64, 56, 0.08);
  -moz-box-shadow: 0px 10px 20px 0px rgba(0, 64, 56, 0.08);
  box-shadow: 0px 10px 20px 0px rgba(0, 64, 56, 0.08);
}
.event__date {
  width: 90px;
  height: 90px;
  background: #346E08;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  padding: 20px 0;
}
.event__date h3 {
  font-family: "Rubik", sans-serif;
  color: #ffffff;
  font-weight: 500;
  margin-bottom: 0;
}
.event__date span {
  color: #ffffff;
  text-transform: uppercase;
}
.event__meta span {
  margin-right: 8px;
}
.event__meta span i {
  color: #f8a683;
  margin-right: 3px;
}
.event__details h3 {
  margin-bottom: 13px;
}
.event__details h3 a:hover {
  color: #f8a683;
}
.event__details p {
  margin-bottom: 10px;
}

/*----------------------------------------*/
/*  15. FOOTER CSS START
/*----------------------------------------*/
.footer__top {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.footer__top .award__slider {
  background-color: #346E08;
  padding: 40px 50px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.footer__top .award__slider h1 {
  color: #ffffff;
  font-size: 50px;
  line-height: 60px;
  margin-bottom: 0;
}
.footer__top .award__slider-active {
  padding: 0 14px;
}
.footer__top .award__thumb img {
  width: inherit !important;
  margin: auto;
}
.footer__top-3 {
  border-bottom: 1px solid #2d2e2e;
}
.footer__widget-title h2 {
  font-size: 30px;
  margin-bottom: 0;
  color: #ffffff;
}
.footer__logo-area p {
  margin-bottom: 30px;
}
.footer__logo-area .social h4 {
  font-size: 27px;
  color: #ffffff;
  margin-bottom: 25px;
}
.footer__logo-area .social ul li {
  margin-right: 5px;
}
.footer__logo-area .social ul li a {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  color: #ffffff;
  background-color: #313232;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.footer__logo-area .social ul li a:hover {
  color: #ffffff;
  background-color: #f8a683;
}
.footer__services ul li {
  display: block;
  margin-bottom: 5px;
}
.footer__services ul li a {
  color: #bababa;
  padding-left: 10px;
  position: relative;
}
.footer__services ul li a::before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 1px;
  width: 5px;
  background-color: #bababa;
}
.footer__services ul li a:hover {
  padding-left: 20px;
  color: #ffffff;
}
.footer__services ul li a:hover::before {
  width: 10px;
}
.footer__contact-info ul li {
  display: block;
}
.footer__contact-item {
  margin-bottom: 20px;
}
.footer__contact-item h6 {
  font-size: 16px;
  font-family: "Rubik", sans-serif;
  color: #f8a683;
  font-weight: 500;
  margin-bottom: 3px;
}
.footer__contact-item p {
  color: #bababa;
}
.footer__contact-address {
  margin-bottom: 20px;
}
.footer__contact-address span {
  font-size: 16px;
  line-height: 28px;
}
.footer__subscribe p {
  margin-bottom: 25px;
}
.footer__insta ul li {
  float: left;
  width: 33.33%;
  margin-bottom: 6px;
}
.footer__subscribe-form input {
  height: 70px;
  width: 100%;
  line-height: 70px;
  padding: 0 25px;
  font-size: 15px;
  color: #346E08;
  border: none;
  border-top-left-radius: 30px;
  border-bottom-right-radius: 30px;
  background-color: #ffffff;
  margin-bottom: 16px;
}
.footer__subscribe-form input::placeholder {
  font-size: 15px;
  text-transform: capitalize;
  color: #346E08;
}
.footer__subscribe-form button i {
  margin-right: 7px;
}
.footer__subscribe-form-2 input {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.footer__subscribe-form-3 input {
  margin-bottom: 0;
  width: 100%;
  height: 90px;
  line-height: 90px;
  padding: 30px;
  font-size: 18px;
  color: #346E08;
}
.footer__subscribe-form-3 input::placeholder {
  color: #999999;
}
.footer__subscribe-form-3 button {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
}
.footer__subscribe-title h3 {
  font-size: 50px;
  line-height: 60px;
  color: #ffffff;
}
.footer__copyright {
  padding: 20px 0;
  padding-bottom: 23px;
  border-top: 1px solid #2d2e2e;
}
.footer__copyright-3 {
  border-top: none;
}
.footer__copyright-text p {
  color: #bababa;
  margin-bottom: 0;
}
.footer__copyright-text p a {
  color: #f8a683;
}
.footer__policy {
  text-align: right;
}
.footer__policy a {
  color: #bababa;
  position: relative;
  padding-right: 10px;
  margin-right: 5px;
}
.footer__policy a:last-child {
  padding-right: 0;
  margin-right: 0;
}
.footer__policy a:last-child::after {
  display: none;
}
.footer__policy a::after {
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 12px;
  width: 1px;
  background-color: #bababa;
}
.footer__policy a:hover {
  color: #ffffff;
}

#Instafeed {
  overflow: hidden;
}
#Instafeed li {
  width: 33.33%;
  float: left;
  padding: 0 5px;
  margin-bottom: 10px;
}

/*----------------------------------------*/
/*  RESPONSIVE CSS START 
/*----------------------------------------*/
/* laptop devices 1200 - 1600 */
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  /* common area start */
  .section__title.section__title-white.mb-65.pr-100 {
    padding-right: 50px;
  }

  .section__title.award__title h1 {
    font-size: 44px;
    line-height: 54px;
  }

  .box-105 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .box-pl-105 {
    padding-left: 15px;
  }

  .box-margin-120 {
    margin-left: 15px;
    margin-right: 15px;
  }

  /* header area start*/
  .logo-2 {
    padding: 22px 7px;
  }

  .main-menu ul li {
    margin-right: 20px;
  }

  .header-bar {
    margin-left: 15px;
  }

  /* slider area start */
  .slider-bg-text h2 {
    font-size: 400px;
  }

  .slider-content {
    padding-left: 50px;
  }

  .slider-content h2 {
    font-size: 70px;
  }

  .slider-active .slick-dots {
    bottom: 30px;
  }

  .slider-height-2 {
    height: 700px;
  }

  .slider-height-3 {
    height: 700px;
  }

  /* appointment area start */
  .appointment__form-wrapper {
    margin-right: 0;
  }

  /* features area start */
  .features__item {
    padding: 44px 20px;
  }

  /* about area start */
  .about__bg-img-2 img {
    width: 100%;
  }

  .about-bg-img {
    height: 360px;
  }

  .about__content-wrapper {
    padding-left: 15px;
  }

  .about-image {
    margin-right: 10px;
  }

  .about-inner {
    padding-top: 0;
  }

  .about-bottom {
    margin-bottom: 20px;
  }

  .about__info-experience-3 {
    right: 0;
    bottom: 0;
  }

  /* project slider area start */
  .project__slider .owl-nav {
    right: 100px;
  }

  /* contacta area start */
  .contact__wrapper-3 {
    padding-left: 50px;
    padding-right: 50px;
  }

  .contact__form {
    margin-right: 15px;
  }

  /* why area start */
  .why__list {
    padding-right: 0;
  }

  .why__item {
    padding-right: 0;
  }

  .why__icon {
    margin-right: 15px;
  }

  /* faq area start */
  .faq__wrapper {
    padding-right: 0;
  }

  .faq__bg {
    top: 0;
    right: 0;
    width: 45%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  /* testimonial area start */
  .testimonial__slider .owl-nav div {
    top: -115px;
    left: auto;
    right: 150px;
  }

  .testimonial__slider .owl-nav div.owl-next {
    right: 0;
    left: auto;
  }

  .testimonial__slider-3 .owl-nav {
    bottom: 42px;
    right: 15px;
  }

  /* blog area start */
  .blog__content {
    padding-right: 30px;
    margin-right: 0;
  }

  .blog__meta span {
    margin-right: 5px;
  }

  .blog__meta.blog__meta-4 span {
    margin-right: 15px;
  }

  .blog__meta.blog__meta-4.blog__meta-5 span {
    margin-right: 10px;
  }

  /* award slider area start */
  .footer__top .award__slider {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 45px;
    padding-bottom: 40px;
  }
}
/* large devices 992 - 1199*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  /* common area start */
  .box-105 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .box-pl-105 {
    padding-left: 15px;
  }

  .box-margin-120 {
    margin-left: 15px;
    margin-right: 15px;
  }

  .section__title.award__title h1 {
    font-size: 44px;
    line-height: 54px;
  }

  /* header area start*/
  .logo-2 {
    padding: 22px 30px;
  }

  .main-menu {
    margin-left: 80px;
  }

  .main-menu.sticky__menu {
    margin-left: 0px;
  }

  .main-menu.main-menu-2 {
    margin-left: 0px;
  }

  .main-menu ul li {
    margin-right: 20px;
  }

  .header-bar {
    margin-left: 15px;
  }

  /* slider area start */
  .slider-bg-text {
    top: 35%;
    left: 42%;
  }

  .slider-bg-text h2 {
    font-size: 300px;
  }

  .slider-content {
    padding-left: 50px;
  }

  .slider-content h2 {
    font-size: 70px;
  }

  .slider-active .slick-dots {
    bottom: 30px;
  }

  .slider-height-3 {
    height: 700px;
  }

  /* about area start */
  .about-wrapper {
    margin-top: 50px;
  }

  .about-image {
    margin-right: 10px;
  }

  .about-inner {
    padding-top: 0;
  }

  .about-bottom {
    margin-bottom: 20px;
  }

  .about__bg-img {
    display: none;
  }

  .about__bg-img-2 img {
    width: 100%;
  }

  .about__content-wrapper {
    padding-left: 15px;
  }

  .about__content-wrapper.about__content-wrapper-2 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .about__area-2::after {
    left: 0;
    width: 100%;
  }

  .about__bg-img-3 {
    width: 48%;
    display: block;
  }

  .about__info-experience-3 {
    right: 0;
    bottom: 0;
  }

  /* services area start */
  .services__overlay {
    padding: 0 20px;
  }

  .services__item-2 {
    padding: 47px 15px;
  }

  .services__support {
    padding: 85px 25px;
  }

  /* project slider area start */
  .project__slider .owl-nav {
    right: 100px;
  }

  /* case area start */
  .case__content-2 {
    padding: 35px 25px;
    padding-bottom: 30px;
  }

  /* appointment area start */
  .appointment__form-wrapper {
    margin-right: 0;
  }

  .single-counter {
    border: none;
  }

  /* contact area */
  .contact-area.contact__area-3 {
    padding-top: 0;
    background-image: inherit !important;
  }

  .contact__map-wrapper {
    margin-top: 0;
    padding-left: 20px;
  }

  .contact__form {
    margin-right: 0;
  }

  .contact__info-inner {
    padding: 85px 15px;
    padding-bottom: 50px;
  }

  /* testimonial area start */
  .testimonial__slider .owl-nav div {
    top: -115px;
    left: auto;
    right: 150px;
  }

  .testimonial__slider .owl-nav div.owl-next {
    right: 0;
    left: auto;
  }

  .testimonial__slider-3 .owl-nav {
    bottom: 42px;
    right: 15px;
  }

  .testimonial__video {
    padding: 25px 15px;
  }

  /* why area start */
  .why__list {
    padding-right: 0;
  }

  .why__item {
    padding-right: 0;
  }

  .why__bg {
    display: none;
  }

  /* faq area start */
  .faq__bg {
    display: none;
  }

  /* blog area start */
  .postbox__title-2 {
    font-size: 30px;
  }

  .blog__content {
    padding-right: 30px;
    margin-right: 0;
  }

  .blog__meta span {
    margin-right: 5px;
  }

  .blog__meta.blog__meta-4 span {
    margin-right: 15px;
  }

  .blog__content-2.blog__sm {
    padding: 35px 27px;
  }

  .blog__meta.blog__meta-3 span {
    display: block;
  }

  .blog-share-icon a {
    margin-right: 18px;
  }

  #Instafeed li {
    width: 50%;
  }

  /* footer area start */
  .footer__top .award__slider {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 45px;
    padding-bottom: 40px;
  }

  .footer__top .award__slider-active {
    padding: 35px 14px;
  }

  .footer__subscribe-title {
    margin-bottom: 30px;
  }

  .footer__insta ul li {
    width: 20%;
  }
}
/* Medium devices 768 - 991 */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  /* common area start */
  .section__title.pl-50.pr-50 {
    padding-left: 0;
    padding-right: 0;
  }

  .box-105 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .box-pl-105 {
    padding-left: 15px;
  }

  .box-margin-120 {
    margin-left: 15px;
    margin-right: 15px;
  }

  .mb-345 {
    margin-bottom: 110px;
  }

  .mb--322 {
    margin-bottom: 30px;
  }

  .mb-252 {
    margin-bottom: 20px;
  }

  /* header area start*/
  .info__area-wrapper {
    display: none;
  }

  .info__area-wrapper-3 {
    display: block;
  }

  .side-mobile-menu {
    display: block;
  }

  .side-mobile-menu-3 {
    display: none;
  }

  .tranparent-header {
    padding: 22px 0;
  }

  .main-menu {
    margin-left: 80px;
  }

  .main-menu-3 {
    margin-left: 0px;
  }

  .main-menu ul li {
    margin-right: 20px;
  }

  .header-bar {
    margin-left: 15px;
  }

  .header__bottom {
    background: #346E08;
  }

  .header__bottom-right {
    padding: 19px 50px;
    background: #346E08;
  }

  .logo-2 {
    padding: 22px 30px;
  }

  /* slider area start */
  .slider-height {
    height: 950px;
  }

  .slider-bg-text {
    top: 35%;
    left: 42%;
  }

  .slider-bg-text h2 {
    font-size: 300px;
  }

  .slider-content {
    padding-left: 50px;
  }

  .slider-content h2 {
    font-size: 70px;
  }

  .slider-content.slider-content-2 {
    padding-left: 0px;
  }

  .slider-content.slider-content-2 h2 {
    font-size: 55px;
  }

  .slider-content.slider-content-2 p {
    font-size: 20px;
  }

  .slider-active .slick-dots {
    bottom: 30px;
  }

  .slider-height-3 {
    height: 700px;
  }

  /* about area start */
  .about-wrapper {
    margin-top: 50px;
  }

  .about-image {
    margin-right: 10px;
  }

  .about-inner {
    padding-top: 0;
  }

  .about-bottom {
    margin-bottom: 20px;
  }

  .about__bg-img {
    display: none;
  }

  .about__bg-img-2 img {
    width: 100%;
  }

  .about__content-wrapper {
    padding-left: 15px;
  }

  .about__content-wrapper.about__content-wrapper-2 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .about__area-2::after {
    left: 0;
    width: 100%;
  }

  .about__bg-img-3 {
    display: none;
  }

  /* features area start */
  .features__item {
    padding: 44px 25px;
  }

  /* services area start */
  .services__overlay {
    padding: 0 20px;
  }

  .services__item-2 {
    padding: 47px 15px;
  }

  .services__des-wrapper {
    margin-top: 60px;
  }

  /* project area start */
  .project__slider .owl-nav {
    display: none;
  }

  /* why area start */
  .why__list {
    padding-right: 0;
  }

  .why__item {
    padding-right: 0;
  }

  .why__bg {
    display: none;
  }

  .why__img {
    margin-top: 60px;
  }

  /* faq area start */
  .faq__wrapper {
    padding-right: 0;
  }

  .faq__bg {
    display: none;
  }

  /* case area start */
  .case__item-2 {
    margin-bottom: 30px;
  }

  .case__content-2 {
    padding: 35px 25px;
    padding-bottom: 30px;
  }

  .sidebar-list-2 ul li h6 {
    display: block;
  }

  .services__support.case__support {
    padding-left: 8px;
    padding-right: 8px;
  }

  /* counter area start */
  .counter__item {
    margin-bottom: 100px;
  }

  .counter__item::after {
    right: 150px;
    top: auto;
    bottom: -70px;
    -webkit-transform: translateY(-50%) rotate(90deg);
    -moz-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
  }

  .counter__item-3rd::after {
    display: none;
  }

  .counter__item-3rd {
    margin-bottom: 30px;
  }

  .counter__item-4th {
    margin-bottom: 30px;
  }

  /* sychologist area satrt */
  .sychologist__content.sychologist__content-2 {
    padding-top: 50px;
  }

  /* appointment area start */
  .appointment__award {
    margin-top: 60px;
  }

  .appointment__award-list {
    padding-right: 100px;
  }

  .single-counter {
    border: none;
  }

  /* contact area */
  .contact__form {
    margin-right: 15px;
  }

  .contact__map-wrapper {
    display: none;
  }

  .contact-area.contact__area-3 {
    padding-top: 0;
    background-image: inherit !important;
  }

  .contact__info-inner {
    padding: 85px 15px;
    padding-bottom: 50px;
  }

  /* testimonial area start */
  .testimonial__slider .owl-nav div {
    top: -115px;
    left: auto;
    right: 0px;
  }

  .testimonial__slider .owl-nav div.owl-prev {
    right: 150px;
    left: auto;
  }

  .testimonial__slider .owl-nav div.owl-next {
    right: 0px;
    left: auto;
  }

  .testimonial__slider-2 .owl-nav {
    display: none;
  }

  .testimonial__img {
    display: none;
  }

  .testimonial__wrapper {
    padding: 0;
  }

  .testimonial__slider-3 .owl-nav {
    bottom: 42px;
    right: 15px;
  }

  /* team area start */
  .team__details-wrapper {
    margin-top: 60px;
  }

  .team__content.team__content-details {
    padding: 25px 15px;
  }

  .team__social-2.team__details-social ul li {
    margin-bottom: 10px;
  }

  /* blog area start */
  .blog__content {
    padding-right: 30px;
    margin-right: 0;
  }

  .blog__meta span {
    margin-right: 5px;
    display: block;
  }

  .blog__meta.blog__meta-2 span {
    display: inline-block;
  }

  #Instafeed li {
    width: 15%;
  }

  /* footer area start */
  .footer__top .award__slider {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 45px;
    padding-bottom: 40px;
  }

  .footer__top .award__slider-active {
    padding: 35px 14px;
  }

  .footer__subscribe-title {
    margin-bottom: 30px;
  }

  .footer__insta ul li {
    width: 27.33%;
  }
}
/* Small devices 576 - 767 */
@media only screen and (min-width: 576px) and (max-width: 767px) {
  /* common area start */
  .section__title.pl-50.pr-50 {
    padding-left: 0;
    padding-right: 0;
  }

  .box-105 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .box-pl-105 {
    padding-left: 15px;
  }

  .box-margin-120 {
    margin-left: 15px;
    margin-right: 15px;
  }

  .mb-345 {
    margin-bottom: 110px;
  }

  .mb--322 {
    margin-bottom: 30px;
  }

  .mb-252 {
    margin-bottom: 20px;
  }

  /* header area start*/
  .info__area-wrapper {
    display: none;
  }

  .side-mobile-menu {
    display: block;
  }

  .tranparent-header {
    padding: 22px 0;
  }

  .main-menu {
    margin-left: 80px;
  }

  .main-menu ul li {
    margin-right: 20px;
  }

  .header-bar {
    margin-left: 15px;
  }

  .header__bottom {
    background: #346E08;
  }

  .header__bottom-right {
    padding: 19px 50px;
    background: #346E08;
  }

  .logo-2 {
    padding: 22px 0px;
  }

  .logo-2.logo-3 {
    padding-left: 0;
  }

  /* slider area start */
  .slider-height {
    height: 850px;
  }

  .slider-bg-text {
    top: 53%;
    left: 48%;
  }

  .slider-bg-text h2 {
    font-size: 185px;
  }

  .slider-content {
    padding-left: 35px;
  }

  .slider-content h2 {
    font-size: 70px;
  }

  .slider-content.slider-content-2 {
    padding-left: 0px;
  }

  .slider-content.slider-content-2 h2 {
    font-size: 55px;
  }

  .slider-content.slider-content-2 p {
    font-size: 20px;
  }

  .slider-active .slick-dots {
    bottom: 30px;
  }

  .slider-height-3 {
    height: 750px;
  }

  /* about area start */
  .about-wrapper {
    margin-top: 50px;
  }

  .about-image {
    margin-right: 10px;
  }

  .about-inner {
    padding-top: 0;
  }

  .about-bottom {
    margin-bottom: 20px;
  }

  .about__bg-img {
    display: none;
  }

  .about__bg-img-2 img {
    width: 100%;
  }

  .about__content-wrapper {
    padding-left: 15px;
  }

  .about__content-wrapper {
    padding-left: 25px;
    padding-right: 25px;
  }

  .about__info-2 p {
    display: none;
  }

  .about__area-2::after {
    left: 0;
    width: 100%;
  }

  .about__bg-img-3 {
    display: none;
  }

  /* features area start */
  .features__item {
    padding: 44px 25px;
  }

  /* services area start */
  .services__overlay {
    padding: 0 110px;
  }

  .services__item-2 {
    padding: 47px 15px;
  }

  .services__des-wrapper {
    margin-top: 60px;
  }

  /* project area start */
  .project__slider .owl-nav {
    display: none;
  }

  /* case area start */
  .case__item-2 {
    margin-bottom: 30px;
  }

  .case__content-2 {
    padding: 35px 25px;
    padding-bottom: 30px;
  }

  /* counter area start */
  .counter__item {
    margin-bottom: 100px;
  }

  .counter__item::after {
    right: 105px;
    top: auto;
    bottom: -70px;
    -webkit-transform: translateY(-50%) rotate(90deg);
    -moz-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
  }

  .counter__item-3rd::after {
    display: none;
  }

  .counter__item-3rd {
    margin-bottom: 30px;
  }

  .counter__item-4th {
    margin-bottom: 30px;
  }

  /* sychologist area start */
  .sychologist__person img {
    width: 100%;
  }

  .sychologist__content.sychologist__content-2 {
    padding-top: 50px;
  }

  /* appointment area start */
  .appointment__counter {
    padding: 70px 0px;
  }

  .single-counter {
    border: none;
    padding-left: 20px;
  }

  .appointment__counter-item {
    padding-right: 0;
  }

  .appointment__award {
    margin-top: 60px;
  }

  .appointment__form-wrapper {
    margin-right: 0;
  }

  /* why area start */
  .why__list {
    padding-right: 0;
  }

  .why__item {
    padding-right: 0;
  }

  .why__bg {
    display: none;
  }

  .why__wrapper > p {
    padding-right: 0px;
  }

  .why__img {
    margin-top: 60px;
  }

  /* faq area start */
  .faq__wrapper {
    padding-right: 0;
  }

  .faq__bg {
    display: none;
  }

  /* contact area */
  .contact__form {
    margin-right: 15px;
  }

  .contact__map-wrapper {
    display: none;
  }

  .contact-area.contact__area-3 {
    padding-top: 0;
    background-image: inherit !important;
  }

  .contact__wrapper.contact__wrapper-3 {
    padding-left: 30px;
    padding-right: 30px;
  }

  /* testimonial area start */
  .testimonial__slider .owl-nav {
    display: none;
  }

  .testimonial__slider-2 .owl-nav {
    display: none;
  }

  .testimonial__slider-3 .owl-nav {
    bottom: 42px;
    right: 15px;
  }

  .testimonial__img {
    display: none;
  }

  .testimonial__wrapper {
    padding-left: 0;
  }

  /* team area start */
  .team__details-wrapper {
    margin-top: 60px;
  }

  /* blog area start */
  .postbox__title-2 {
    font-size: 30px;
  }

  .blog__content {
    padding-right: 30px;
    margin-right: 0;
  }

  .postbox__content {
    padding: 43px 30px;
    padding-bottom: 48px;
  }

  .blog__meta-4 span {
    margin-right: 5px;
  }

  .navigation-border {
    margin-top: 0;
  }

  .sycho-filter {
    margin: 25px 0;
  }

  .postbox__quote blockquote {
    padding: 20px;
    padding-left: 20px;
  }

  .postbox__quote blockquote::before {
    display: none;
  }

  #Instafeed li {
    width: 25%;
  }

  /* footer area start */
  .footer__top .award__slider {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 45px;
    padding-bottom: 40px;
  }

  .footer__top .award__slider-active {
    padding: 35px 14px;
  }

  .footer__contact-info ul li {
    display: block;
  }

  .footer__policy {
    text-align: left;
  }

  .footer__subscribe-title {
    margin-bottom: 30px;
  }

  .footer__insta ul li {
    width: 38.33%;
  }
}
/* Small devices 0 - 575 */
@media (max-width: 575px) {
  /* common area start */
  .section__title h1 {
    font-size: 38px;
    line-height: 48px;
  }

  .section__title.section__title-white.mb-65.pr-100 {
    padding-right: 0;
  }

  .section__title.pl-50.pr-50 {
    padding-left: 0;
    padding-right: 0;
  }

  .section__title.pr-50 {
    padding-right: 0;
  }

  .box-105 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .box-pl-105 {
    padding-left: 0px;
  }

  .box-margin-120 {
    margin-left: 0px;
    margin-right: 0px;
  }

  .mb-345 {
    margin-bottom: 110px;
  }

  .mb--322 {
    margin-bottom: 30px;
  }

  .mb-252 {
    margin-bottom: 20px;
  }

  .mb-230 {
    margin-bottom: 350px;
  }

  .basic-pagination ul li {
    margin-bottom: 10px;
  }

  /* sidebar extra info  area start*/
  .info__area-wrapper {
    display: none;
  }

  .side-mobile-menu {
    display: block;
  }

  /* header area start */
  .tranparent-header {
    padding: 22px 0;
  }

  .logo-2 {
    padding: 22px 0px;
  }

  .main-menu {
    margin-left: 80px;
  }

  .main-menu ul li {
    margin-right: 20px;
  }

  .header-bar {
    margin-left: 15px;
  }

  .header__bottom {
    background: #346E08;
    margin-bottom: 0px;
    margin-top: -1px;
  }

  .header__bottom-right {
    padding: 19px 0px;
    background: #346E08;
  }

  .logo-2.logo-3 {
    padding-left: 0;
  }

  .header__top {
    border-bottom: none;
  }

  /* slider area start */
  .slider-bg-text {
    top: 53%;
    left: 48%;
  }

  .slider-bg-text h2 {
    font-size: 120px;
  }

  .slider-content {
    padding-left: 15px;
  }

  .slider-content h2 {
    font-size: 50px;
  }

  .slider-content.slider-content-2 {
    padding-left: 0px;
  }

  .slider-content.slider-content-2 h2 {
    font-size: 40px;
  }

  .slider-content.slider-content-2 p {
    font-size: 16px;
    margin-bottom: 40px;
  }

  .slider-height {
    height: 750px;
  }

  .slider-height-2 {
    height: 650px;
  }

  .slider-height-3 {
    height: 650px;
  }

  /* about area start */
  .about-wrapper {
    margin-top: 50px;
  }

  .about-image {
    margin-right: 10px;
  }

  .about-inner {
    padding-top: 0;
  }

  .about-bottom {
    margin-bottom: 20px;
  }

  .about__bg-img {
    display: none;
  }

  .about__bg-img-2 img {
    width: 100%;
  }

  .about__content-wrapper {
    padding-left: 15px;
  }

  .about__content-wrapper.about__content-wrapper-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .about__info-2 p {
    display: none;
  }

  .about__area-2::after {
    left: 0;
    width: 100%;
  }

  .about__content-wrapper {
    padding-left: 25px;
    padding-right: 25px;
  }

  .about__bg-img-3 {
    display: none;
  }

  .about__info-experience {
    margin-bottom: 30px;
  }

  .about__content-wrapper-3 {
    padding-right: 0;
    padding-left: 0;
  }

  /* features area start */
  .features__item {
    padding: 44px 25px;
  }

  /* services area start */
  .services__overlay {
    padding: 0 20px;
  }

  .services__item-2 {
    padding: 47px 15px;
  }

  .services__icon.services__icon-3 {
    margin-bottom: 30px;
  }

  .services__des-wrapper {
    margin-top: 60px;
  }

  .services__support {
    padding: 85px 50px;
    padding-bottom: 95px;
  }

  /* counter area start */
  .counter__item {
    margin-bottom: 100px;
  }

  .counter__item::after {
    right: 150px;
    top: auto;
    bottom: -70px;
    -webkit-transform: translateY(-50%) rotate(90deg);
    -moz-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
  }

  /* sychologist area start */
  .sychologist__person img {
    width: 100%;
  }

  .sychologist__content.sychologist__content-2 {
    padding-top: 50px;
  }

  /* appointment area start */
  .appointment__award {
    margin-top: 60px;
  }

  .appointment__form-wrapper {
    margin-right: 0;
  }

  .appointment__form-wrapper h1 {
    padding: 40px 25px;
  }

  .appointment__counter {
    padding: 70px 0px;
  }

  .single-counter {
    border: none;
    padding-left: 20px;
  }

  .appointment__counter-item::before,
.appointment__counter-item::after {
    display: none;
  }

  .appointment__counter-item {
    padding-right: 0;
    padding-left: 50px;
  }

  /* case area start */
  .case__item-2 {
    margin-bottom: 30px;
  }

  .case__content-2 {
    padding: 35px 25px;
    padding-bottom: 30px;
  }

  /* why area start */
  .why__list {
    padding-right: 0;
  }

  .why__item {
    padding-right: 0;
  }

  .why__bg {
    display: none;
  }

  .why__wrapper > p {
    padding-right: 0px;
  }

  .why__img {
    margin-top: 60px;
  }

  /* faq area start */
  .faq__wrapper {
    padding-right: 0;
  }

  .faq__bg {
    display: none;
  }

  /* contact area */
  .contact__form {
    margin-right: 15px;
  }

  .contact__map-wrapper {
    display: none;
  }

  .contact-area.contact__area-3 {
    padding-top: 0;
    background-image: inherit !important;
  }

  .contact__wrapper.contact__wrapper-3 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .contact__info-inner {
    padding: 85px 30px;
    padding-bottom: 50px;
  }

  .contact__icon {
    margin-bottom: 20px;
    margin-right: 0;
  }

  /* testimonial area start */
  .testimonial__slider .owl-nav {
    display: none;
  }

  .testimonial__slider-2 .owl-nav {
    display: none;
  }

  .testimonial__item-inner {
    padding: 30px 10px;
  }

  .testimonial__quote-2 span {
    width: 80px;
    height: 80px;
    line-height: 80px;
  }

  .testimonial__quote-2 span::before {
    font-size: 40px;
  }

  .testimonial__img {
    display: none;
  }

  .testimonial__wrapper-3 {
    padding-left: 0;
  }

  .testimonial__slider-3 .owl-nav {
    display: none;
  }

  /* team area start */
  .team__details-wrapper {
    margin-top: 60px;
  }

  /* blog area start */
  .postbox__title-2 {
    font-size: 25px;
  }

  .blog__content {
    padding-right: 30px;
    margin-right: 0;
  }

  .blog__meta span {
    display: block;
  }

  .postbox__content {
    padding: 43px 30px;
    padding-bottom: 48px;
  }

  .postbox__gallery .owl-nav div {
    display: none;
  }

  .navigation-border {
    margin-top: 0;
  }

  .sycho-filter {
    margin: 25px 0;
  }

  .postbox__quote blockquote {
    padding: 20px;
    padding-left: 20px;
  }

  .postbox__quote blockquote::before {
    display: none;
  }

  .author {
    padding: 0 30px 44px 30px;
  }

  .latest-comments li.children {
    margin-left: 30px;
  }

  .conatct-post-form {
    padding: 20px;
  }

  #Instafeed li {
    width: 50%;
  }

  /* event area start */
  .event__content {
    padding: 40px 15px;
    padding-bottom: 30px;
    left: 0;
    bottom: -135%;
    right: 0;
  }

  .event__date {
    margin-bottom: 15px;
  }

  /* award slider area start */
  .footer__top .award__slider {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 45px;
    padding-bottom: 40px;
  }

  .footer__top .award__slider-active {
    padding: 35px 14px;
  }

  .footer__contact-info ul li {
    display: block;
  }

  .footer__policy {
    text-align: left;
  }

  .footer__top-3 {
    padding-bottom: 140px;
  }

  .footer__subscribe-form-3 button {
    top: 115%;
    right: auto;
    left: 0;
  }

  .footer__subscribe-title {
    margin-bottom: 30px;
  }

  .footer__insta ul li {
    width: 28.33%;
  }
}

.ind_list{
	list-style-type:dot;
	display:disc !important;
	margin-left:16px;
	
}

.h1_smaller{
	font-family: "Cormorant Garamond", serif;
	font-size:50px;
	color:#fff;
	margin-bottom: 5px;
	margin-top: 0px;
	font-weight: 700;
	line-height: 1;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}


/*# sourceMappingURL=style.css.map */