@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css");
@import url("https://fonts.googleapis.com/css2?family=Mukta+Vaani:wght@200;300;400;500;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Radley:ital@0;1&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200..800;1,200..800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montaga&display=swap");
:root {
  --ltn__body-font: "Mukta Vaani", serif;
  --font-radley: "Radley", serif;
  --font-karla:"Karla", sans-serif;
  --font-montaga: "Montaga", serif;
  --black:#000;
  --white:#fff;
  --color-1:#858593;
  --color-2:#D9A441;
  --color-3:#D9D9D9;
  --color-4:#858585;
  --color-5:#0D171B;
  --color-6:#414247;
  --color-7:#2a4359;
  --color-8:#2C5867;
  --color-9:#58595B;
  --color-10:#111827;
  --color-11:#4B5563;
  --color-12:#374151;
  --color-13:#f6f7f6;
  --color-14:#192735;
  --border-1:#D9A441;
  --border-2:#ededee;
  --border-3:#e5e7eb;
  --border-4:#c7d2c7;
  --background-1:#f2f2f2;
  --background-2:#D9A441;
  --background-3:#2a4359;
  --background-4:#f9fafb;
  --background-5:#fffcf9;
  --background-6:#f6f7f6;
  --background-7:#fffdfc;
  --background-8:#fff5ef;
  --background-9:#fff7e0;
  --background-10:#fee5a3;
  --background-11:#f9f3fa;
  --transition: all .3s ease-in-out;
}

body {
  font-family: var(--ltn__body-font) !important;
  background: var(--background-1) !important;
}

.padding40 {
  padding: 40px 0;
}

.padding60 {
  padding: 60px 0;
}

.padding80 {
  padding: 50px 0;
}

.margin80 {
  margin-top: -80px;
  position: relative;
  z-index: 9;
}

.margin110 {
  margin-top: -110px;
  position: relative;
  z-index: 9;
}

.background-1 {
  background: url(../images/community-trust-and-business-people-support-and-ca-YGM4YR8.jpg) no-repeat center center fixed;
  background-size: cover;
  min-height: 350px;
  position: relative;
}
.background-1::before {
  background-color: #2A4359;
  opacity: 0.62;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.background-2 {
  background: var(--background-1);
}

.background-3 {
  background: url(../images/depression-psychological-help-mental-health-stress-BP6DPN5.jpg) no-repeat center center fixed;
  background-size: cover;
  position: relative;
}
.background-3::before {
  background-color: #2A4359;
  opacity: 0.62;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.background-4 {
  background: var(--white);
}

.background-5 {
  background: var(--background-3);
}

.background-6 {
  background: var(--background-5);
}

.background-7 {
  background: var(--background-6);
}

.background-8 {
  background: var(--background-7);
}

.background-9 {
  background: var(--background-8);
}

.background-10 {
  background: var(--background-4);
}

.background-11 {
  background: linear-gradient(to right, #e11d48 0%, #db2777 100%);
}

.background-12 {
  background: var(--background-9);
}

.background-13 {
  background: var(--background-11);
}

.inner-banner {
  background: no-repeat center center;
  background-size: cover;
  min-height: 600px;
  position: relative;
}
.inner-banner::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.7);
  
}
.inner-banner2 {
  background: no-repeat center center;
  background-size: cover;
  min-height:550px;
  position: relative;
}
.inner-banner2::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  
}

header .top-bar {
  background: var(--background-1);
  padding: 7px 0;
}
header .top-bar .info ul {
  margin: 0;
  padding: 0;
}
header .top-bar .info ul li {
  list-style: none;
  transition: var(--transition);
  float: left;
  margin-right: 15px;
  font-size: 15px;
}
header .top-bar .info ul li i {
  color: var(--color-2);
  margin-right: 5px;
}
header .top-bar .info ul li a {
  text-decoration: none;
  color: var(--color-1);
}
header .top-bar .social ul {
  margin: 0;
  padding: 0;
  float: right;
}
header .top-bar .social ul li {
  list-style: none;
  transition: var(--transition);
  float: left;
  margin-left: 10px;
  background: var(--background-2);
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 25px;
  border-radius: 30px;
  font-size: 14px;
}
header .top-bar .social ul li a {
  color: var(--white);
}
header .logo-area {
  background: var(--background-3);
  padding: 10px 0;
}
header .logo-area .logo {
  width: 250px;
}
header .logo-area .navbar ul li {
  font-size: 18px;
  font-weight: 600;
  padding: 0 10px;
}
header .logo-area .navbar ul li a {
  color: var(--white);
}
header .logo-area .navbar ul li a:hover {
  color: var(--color-2);
}
header .logo-area .navbar .info {
  font-size: 17px;
  color: var(--white);
}
header .logo-area .navbar .info .link a {
  color: var(--color-2);
  text-decoration: none;
}
header .single-dropdown .dropdown-menu {
  padding: 10px;
  background: var(--white);
  border: solid 1px var(--light-blue);
  width: 250px;
  border-radius: 0px;
}
header .single-dropdown .dropdown-menu ul {
  margin: 0px;
  padding: 0px;
}
header .single-dropdown .dropdown-menu ul li {
  list-style: none;
  font-weight: 400;
  border: solid 1px var(--light-blue);
  border-width: 0px 0px 1px 0px;
  font-size: 14px;
  transition: var(--transition);
  text-transform: uppercase;
}
header .single-dropdown .dropdown-menu ul li:hover {
  background: var(--background-2);
}
header .single-dropdown .dropdown-menu ul li a {
  color: var(--text-12);
  text-decoration: none;
  cursor: pointer;
  text-transform: capitalize;
  display: block;
  padding: 7px 12px;
  transition: var(--transition);
  font-family: var(--rubik);
  font-size: 15px;
  font-weight: 400;
}
header .single-dropdown .dropdown-menu ul li a:hover {
  color: var(--white);
}

figure {
  margin: 0;
}
figure .owl-carousel .item {
  background: no-repeat center center;
  background-size: cover;
  min-height: 600px;
  position: relative;
}
figure .owl-carousel .item::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #2A4359;
  opacity: 0.7;
}
figure .owl-carousel .item .content {
  position: relative;
  color: var(--white);
  padding: 20% 0 0;
}
figure .owl-carousel .item .content h3 {
  font-family: var(--font-karla);
  font-size: 26px;
  font-weight: 500;
  font-style: italic;
}
figure .owl-carousel .item .content h2 {
  font-family: var(--font-karla);
  font-size: 55px;
  font-weight: 700;
  text-transform: uppercase;
}
figure .owl-carousel .item .content h2 span {
  color: var(--color-2);
}
figure .owl-carousel .item .content p {
  color: var(--color-3);
  font-size: 25px;
}
figure .owl-carousel .item .content button {
  font-size: 18px;
  font-weight: 500;
  background: var(--background-2);
  border: solid 1px var(--border-1);
  padding: 10px 20px;
  border-radius: 15px 0px 15px 15px;
  font-size: 18px;
  font-weight: 500;
  font-family: var(--font-karla);
  text-transform: uppercase;
  color: var(--white);
  letter-spacing: 2px;
  transition: var(--transition);
}
figure .owl-carousel .item .content button:hover {
  background: none;
}
figure .owl-carousel .owl-nav, figure .owl-carousel .owl-dots {
  display: none;
}

figcaption {
  background: url(../images/contact.jpg) no-repeat center center;
  background-size: cover;
  position: relative;
}
figcaption::before {
  background-color: #2A4359;
  opacity: 0.62;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
figcaption h2 {
  font-size: 80px;
  color: var(--color-2);
  position: relative;
  padding: 10% 0;
}
figcaption h2 span {
  color: var(--white);
}

section .service .item {
  background: var(--background-3);
  padding: 50px 30px;
  border-radius: 50px;
  text-align: center;
  color: var(--white);
  transition: var(--transition);
  position: relative;
  top: 0px;
  margin-bottom:15px;
}
section .service .item:hover {
  position: relative;
  top: -20px;
}
section .service .item img {
  width: 80px;
}
section .service .item h3 {
  font-family: var(--font-karla);
  font-size: 23px;
  font-weight: 600;
  margin-top: 20px;
}
section .counter {
  padding: 10% 0 15%;
}
section .counter .item {
  position: relative;
  color: var(--white);
  text-align: center;
}
section .counter .item .number {
  font-size: 48px;
  font-weight: 600;
  font-family: var(--font-karla);
}
section .counter .item .text {
  font-size: 20px;
  font-family: var(--font-karla);
}
section .apart .item {
  background: var(--white);
  padding: 70px;
  border-radius: 50px;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: rgba(2, 1, 1, 0.2784313725);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.24);
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}
section .apart .item h2 {
  font-family: var(--font-karla);
  font-size: 40px;
  font-weight: 700;
  letter-spacing: -1px;
}
section .apart .item .box {
  background: var(--background-3);
  padding: 50px 30px;
  border-radius: 50px;
  color: var(--white);
  text-align: center;
  transition: var(--transition);
  position: relative;
  top: 0px;
  height: 100%;
  margin-bottom:15px;
}
section .apart .item .box:hover {
  position: relative;
  top: -20px;
}
section .apart .item .box img {
  width: 64px;
}
section .apart .item .box h3 {
  font-family: var(--font-karla);
  font-size: 20px;
  font-weight: 600;
  margin-top: 20px;
}
section .therapy h2 {
  font-family: var(--font-karla);
  font-size: 38px;
  font-weight: 600;
  color: var(--black);
}
section .therapy p {
  font-size: 17px;
  color: var(--color-4);
  font-family: var(--font-karla);
}
section .therapy .item {
  background: var(--background-3);
  padding: 20px;
  border-radius: 15px;
  margin-bottom:15px;
}
section .therapy .item ul {
  margin: 0;
  padding: 0;
}
section .therapy .item ul li {
  list-style: none;
  transition: var(--transition);
  color: var(--white);
  font-size: 17px;
  padding: 3px 24px;
  position: relative;
}
section .therapy .item ul li::before {
  font-family: "Font Awesome 5 Free";
  content: "\f00c";
  display: inline-block;
  vertical-align: middle;
  font-weight: 900;
  position: absolute;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  background: var(--background-2);
  border-radius: 30px;
  font-size: 9px;
  color: var(--black);
  top: 7px;
  left: 0;
}
section .therapy button {
  font-size: 14px;
  background: var(--background-2);
  border: solid 1px var(--border-1);
  padding: 10px 20px;
  border-radius: 15px 0px 15px 15px;
  font-weight: 500;
  font-family: var(--font-karla);
  text-transform: uppercase;
  color: var(--white);
  letter-spacing: 2px;
  transition: var(--transition);
}
section .therapy button:hover {
  background: none;
  color: var(--black);
}
section .why-choose h3 {
  font-size: 23px;
  font-weight: 500;
  color: var(--color-2);
  font-style: italic;
}
section .why-choose h2 {
  font-size: 30px;
  color: var(--black);
  font-weight: 700;
}
section .why-choose p {
  color: var(--color-4);
  font-size: 18px;
  line-height: 25px;
}
section .clarify h2 {
  font-family: var(--font-karla);
  font-size: 45px;
  font-weight: 700;
  color: var(--white);
}
section .clarify h2 span {
  color: var(--color-2);
}
section .clarify p {
  color: var(--white);
  font-size: 25px;
}
section .clarify button {
  font-size: 14px;
  background: var(--background-2);
  border: solid 1px var(--border-1);
  padding: 10px 20px;
  border-radius: 15px 0px 15px 15px;
  font-weight: 500;
  font-family: var(--font-karla);
  text-transform: uppercase;
  color: var(--white);
  letter-spacing: 2px;
  transition: var(--transition);
}
section .clarify button:hover {
  background: none;
  color: var(--white);
}
section .service .box {
  text-align: center;
  margin-bottom: 25px;
}
section .service .box .icon {
  width: 100px;
  height: 100px;
  border-radius: 100px;
  border: solid 2px var(--border-1);
  text-align: center;
  line-height: 114px;
  margin: 0 auto 15px;
}
section .service .box .icon i {
  font-size: 30px;
}
section .service .box .icon svg {
  width: 30px;
  line-height: 100px;
}
section .service .box .line {
  line-height: 92px !important;
}
section .service .box h3 {
  font-size: 18px;
  font-family: var(--font-karla);
  font-weight: 700;
  color: var(--color-5);
}
section .blog h3 {
  font-size: 26px;
  color: var(--color-2);
  font-weight: 500;
  font-style: italic;
}
section .blog h2 {
  font-size: 40px;
  font-weight: 700;
}
section .blog .item .image img {
  border-radius: 30px 30px 0 0;
}
section .blog .item .content {
  background: var(--background-3);
  padding: 20px;
  border-radius: 0 0 30px 30px;
  color: var(--white);
  min-height: 260px;
}
section .blog .item .content h3 {
  font-family: var(--font-karla);
  font-size: 19px;
  font-weight: 600;
  color: var(--white);
  font-style: normal;
}
section .blog .item .content p {
  font-size: 17px;
}
section .blog .item .content button {
  font-size: 14px;
  background: none;
  border: solid 1px var(--border-1);
  padding: 10px 20px;
  border-radius: 15px 0px 15px 15px;
  font-weight: 500;
  font-family: var(--font-karla);
  text-transform: uppercase;
  color: var(--color-2);
  letter-spacing: 2px;
  transition: var(--transition);
}
section .blog .item .content button:hover {
  color: var(--white);
}
section .contact .item {
  background: var(--white);
  border-width: 1px 1px 1px 1px;
  border-color: rgba(2, 1, 1, 0.1215686275);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18);
}
section .contact .item .content {
  padding: 20px 40px;
}
section .contact .item .content .input-group {
  margin-bottom: 20px;
}
section .contact .item .content .input-group label {
  font-size: 16px;
  font-weight: 400;
  width: 100%;
  margin-bottom: 2px;
}
section .contact .item .content .input-group label span {
  color: red;
}
section .contact .item .content .input-group input[type=text] {
  width: 100%;
  padding: 7px 25px;
  border: solid 1px var(--black);
  border-radius: 30px !important;
  outline: none;
}
section .contact .item .content .input-group textarea {
  width: 100%;
  padding: 7px 25px;
  height: 100px;
  resize: none;
  border: solid 1px var(--black);
  border-radius: 30px !important;
  outline: none;
}
section .contact .item .content button {
  font-size: 14px;
  background: var(--background-2);
  border: solid 1px var(--border-1);
  outline: none;
  padding: 10px 20px;
  border-radius: 15px 0px 15px 15px;
  font-weight: 500;
  font-family: var(--font-karla);
  text-transform: uppercase;
  color: var(--white);
  letter-spacing: 2px;
  transition: var(--transition);
}
section .contact .item .content button:hover {
  color: var(--black);
  background: none;
}
section .contact .item .content .info ul {
  margin: 0;
  padding: 0;
}
section .contact .item .content .info ul li {
  list-style: none;
  transition: var(--transition);
  padding: 5px 0;
}
section .contact .item .content .info ul li .icon {
  width: 50px;
  height: 50px;
  background: var(--background-2);
  line-height: 50px;
  border-radius: 50px;
  text-align: center;
  color: var(--white);
}
section .contact .item .content .info ul li h4 {
  font-size: 20px;
  color: var(--color-6);
  font-weight: 600;
}
section .contact .item .content .info ul li p {
  color: var(--color-6);
  font-size: 20px;
}
section .contact .item .content .info ul li p a {
  color: var(--color-6);
  text-decoration: none;
}
section .contact .item .svg {
  transform: scaleY(-1);
}
section .faq .accordion .accordion-item {
  border: none;
  margin-bottom: 3px;
}
section .faq .accordion .accordion-button {
  background: var(--background-3);
  color: var(--white);
  box-shadow: none;
  padding: 10px 20px;
  border-radius: 0px !important;
}
section .faq .accordion .accordion-button:not(.collapsed)::after {
  background: url(../images/down-arrow.png) !important;
}
section .faq .accordion .accordion-button::after {
  background-image: url(../images/down-arrow.png) !important;
}
section .faq .accordion .accordion-body {
  background: var(--background-1);
}
section .faq .accordion .accordion-body p {
  margin: 0;
}
section .help h3 {
  font-size: 20px;
  color: var(--color-2);
}
section .help h2 {
  font-size: 60px;
  font-weight: 700;
  color: var(--color-7);
}
section .help button {
  font-size: 14px;
  background: var(--background-2);
  border: solid 1px var(--border-1);
  outline: none;
  padding: 10px 20px;
  border-radius: 15px 0px 15px 15px;
  font-weight: 500;
  font-family: var(--font-karla);
  text-transform: uppercase;
  color: var(--white);
  letter-spacing: 2px;
  transition: var(--transition);
}
section .help button:hover {
  color: var(--black);
  background: none;
}
section .experts .profiles h2 {
  font-size: 40px;
  font-weight: 700;
  color: var(--white);
}
section .experts .profiles p {
  font-size: 18px;
  color: var(--white);
}
section .experts .profiles button {
  font-size: 14px;
  background: var(--background-2);
  border: solid 1px var(--border-1);
  outline: none;
  padding: 10px 20px;
  border-radius: 15px 0px 15px 15px;
  font-weight: 500;
  font-family: var(--font-karla);
  text-transform: uppercase;
  color: var(--white);
  letter-spacing: 2px;
  transition: var(--transition);
  margin: 10px 0;
}
section .experts .profiles button:hover {
  color: var(--black);
  background: none;
}
section .experts .profiles .text {
  font-weight: 700;
}
section .experts .profiles .listing ul {
  margin: 0;
  padding: 0 18px;
}
section .experts .profiles .listing ul li {
  float: left;
  padding: 0 30px 0 0;
  color: var(--white);
}
section .experts .profiles .item {
  background: var(--background-3);
  padding: 30px 20px;
  border-radius: 5px;
  height: 100%;
  border: solid 1px var(--border-2);
}
section .experts .profiles .item p {
  margin: 0;
}
section .experts .profiles .item h4 {
  font-size: 20px;
  font-weight: 700;
  color: var(--white);
  font-family: var(--font-karla);
  line-height: 30px;
}
section .experts .team h2 {
  font-size: 40px;
  font-weight: 700;
}
section .experts .team .item {
  background: var(--white);
  border: solid 1px var(--border-2);
  box-shadow: 0 0 10px #ccc;
  padding: 20px;
  border-radius: 10px;
  margin-bottom: 25px;
}
section .experts .team .item .icon {
  width: 80px;
  height: 80px;
  border-radius: 50px;
  margin: 0 auto 20px;
  box-shadow: 0 0 10px #ccc;
  border: solid 2px var(--white);
}
section .experts .team .item .icon img {
  border-radius: 100px;
}
section .experts .team .item h3 {
  font-size: 18px;
  font-weight: 700;
  text-align: center;
}
section .experts .team .item h5 {
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  color: var(--color-2);
}
section .experts .team .item h4 {
  font-size: 16px;
  font-weight: 700;
}
section .experts .team .item .online {
  margin: 10px auto;
  background: #f1e8fd;
  display: table;
  padding: 5px 10px;
  border-radius: 20px;
  text-align: center;
  font-size: 14px;
}
section .experts .team .item .online i {
  font-size: 11px;
  color: var(--color-2);
}
section .experts .team .item .list ul {
  margin: 0;
  padding: 0;
}
section .experts .team .item .list ul li {
  list-style: none;
  transition: var(--transition);
  font-size: 15px;
  padding: 3px 15px;
  position: relative;
}
section .experts .team .item .list ul li::before {
  content: "\f111";
  position: absolute;
  top: 6px;
  left: 0;
  font-family: "Font Awesome 5 Free";
  font-size: 10px;
  display: inline-block;
  vertical-align: middle;
  font-weight: 900;
  color: var(--color-2);
}
section .experts .book h2 {
  font-size: 40px;
  font-weight: 700;
  color: var(--color-7);
}
section .experts .book h2 i {
  width: 40px;
  height: 40px;
  font-size: 22px;
  border: solid 2px var(--border-1);
  line-height: 35px;
  border-radius: 50px;
  position: relative;
  top: -10px;
}
section .experts .book p {
  font-size: 18px;
}
section .experts .book button {
  font-size: 14px;
  background: var(--background-2);
  border: solid 1px var(--border-1);
  outline: none;
  padding: 10px 20px;
  border-radius: 15px 0px 15px 15px;
  font-weight: 500;
  font-family: var(--font-karla);
  text-transform: uppercase;
  color: var(--white);
  letter-spacing: 2px;
  transition: var(--transition);
}
section .experts .book button:hover {
  color: var(--black);
  background: none;
}
section .contact-page .input-group {
  margin-bottom: 15px;
}
section .contact-page .input-group label {
  font-size: 16px;
  font-weight: 700;
  color: var(--black);
}
section .contact-page .input-group label span {
  color: red;
}
section .contact-page .input-group input[type=text], section .contact-page .input-group input[type=email] {
  background: var(--white);
  border: solid 1px var(--black);
  padding: 10px 20px;
  border-radius: 30px !important;
  width: 100%;
  outline: none;
}
section .contact-page .input-group textarea {
  background: var(--white);
  border: solid 1px var(--black);
  padding: 10px 20px;
  border-radius: 30px !important;
  width: 100%;
  height: 100px;
  resize: none;
  outline: none;
}
section .contact-page .input-group button {
  font-size: 14px;
  background: var(--background-2);
  border: solid 1px var(--border-1);
  outline: none;
  padding: 10px 20px;
  border-radius: 15px 0px 15px 15px;
  font-weight: 500;
  font-family: var(--font-karla);
  text-transform: uppercase;
  color: var(--white);
  letter-spacing: 2px;
  transition: var(--transition);
  margin: 10px 0;
}
section .contact-page .input-group button:hover {
  color: var(--black);
  background: none;
}
section .contact-page h3 {
  font-size: 20px;
  color: var(--color-2);
  font-style: italic;
}
section .contact-page h2 {
  font-size: 30px;
  font-weight: 700;
}
section .contact-page p {
  color: var(--color-4);
}
section .contact-page p a {
  color: var(--color-4);
  text-decoration: none;
}
section .contact-page i {
  font-size: 30px;
  color: var(--color-2);
}
section .contact-page h4 {
  font-size: 25px;
  color: var(--color-4);
}
section .about .background svg {
  height: 81px;
  width: 100%;
}
section .about .background .elementor-shape-fill {
  fill: #D9A441;
}
section .about .text h2 {
  font-size: 35px;
  font-weight: 700;
  color: var(--color-8);
  margin: 30px 0;
}
section .about .text p {
  text-align: justify;
  font-size: 18px;
  color: var(--color-9);
}
section .about .text .star {
  text-align: center;
  color: var(--color-2);
  position: relative;
}
section .about .text .star::before {
  content: "";
  background: var(--background-2);
  width: 100%;
  height: 1px;
  display: block;
  position: absolute;
  top: 10px;
}
section .about .founder h2 {
  font-size: 25px;
  font-weight: 700;
  color: var(--color-2);
}
section .about .founder p {
  text-align: justify;
  font-size: 16px;
  color: var(--black);
  line-height: 25px;
}
section .about .founder .star {
  text-align: center;
  color: var(--color-2);
  position: relative;
}
section .about .founder .star::before {
  content: "";
  background: var(--background-2);
  width: 100%;
  height: 1px;
  display: block;
  position: absolute;
  top: 10px;
}
section .about .mission .item {
  background: var(--background-3);
  padding: 30px;
  border-radius: 20px;
  height: 100%;
  color: var(--white);
  transition: var(--transition);
}
section .about .mission .item:hover {
  background: var(--background-2);
}
section .about .mission .item i {
  font-size: 40px;
}
section .about .mission .item h3 {
  text-align: center;
  font-family: var(--font-karla);
  font-weight: 600;
  font-size: 32px;
  margin: 20px 0;
}
section .about .mission .item p {
  margin: 0;
  font-size: 16px;
}
section .about .team .box16:after {
  border-radius: 15px;
}
section .about .team .box16 img {
  border-radius: 15px;
}
section .about .team .box16 .social li a {
  background: var(--background-2);
  transition: var(--transition);
}
section .about .team .box16 .social li a:hover {
  background: var(--white);
  color: var(--color-7);
}
section .clients h3 {
  font-size: 14px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 500;
  color: var(--text-1);
}
section .clients h2 {
  font-size: 30px;
  color: var(--black);
  font-family: var(--font-karla);
  font-weight: 700;
}
section .clients .button {
  background: var(--background-2);
  padding: 13px 35px;
  border: none;
  color: var(--white);
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 1px;
  transition: var(--transition);
}
section .clients .button:hover {
  background: var(--background-3);
}
section .clients .item {
  margin-top: 50px;
}
section .clients .item .title {
  color: var(--text-2);
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 0;
  margin-top: 15px;
  text-transform: uppercase;
  font-weight: 700;
}
section .clients .item .director {
  font-size: 14px;
  font-weight: 400;
  color: var(--text-1);
}
section .clients .item .star {
  margin-top: 15px;
  float: right;
}
section .clients .item .star ul {
  margin: 0;
  padding: 0;
}
section .clients .item .star ul li {
  list-style: none;
  transition: var(--transition);
  float: left;
  padding: 0 4px;
  color: var(--color-2);
}
section .clients .item .img {
  border-radius: 100px;
  width: auto;
}
section .clients .item .content {
  position: relative;
  padding: 20px 40px 20px 70px;
}
section .clients .item .content::before {
  content: "";
  background: url(../images/icon-1.png) no-repeat;
  position: absolute;
  top: 30px;
  left: 0px;
  height: 42px;
  width: 52px;
}
section .clients .item .content p {
  font-family: var(--poppins);
  color: var(--black);
  font-size: 15px;
  line-height: 25px;
  text-align: justify;
}
section .clients .owl-dots {
  display: none;
}
section .clients .owl-nav {
  background: var(--white);
  width: auto;
  display: table;
  margin: 0 auto;
  padding: 9px 9px;
  box-shadow: 0 0 20px #ccc;
  border-radius: 5px;
}
section .clients .owl-next, section .clients .owl-prev {
  background: var(--background-2) !important;
  width: 32px;
  height: 32px;
  border-radius: 30px;
  color: var(--white) !important;
  margin: 0 2px 0 2px;
  transition: var(--transition);
}
section .clients .owl-next:hover, section .clients .owl-prev:hover {
  background: var(--background-3) !important;
}
section .services .text h2 {
  font-family: var(--font-karla);
  font-size: 50px;
  font-weight: 800;
}
section .services .text h2 span {
  color: var(--color-2);
}
section .services .text p {
  font-size: 23px;
}
section .services .text .button {
  background: var(--background-2);
  padding: 11px 25px;
  text-align: center;
  border: none;
  border-radius: 30px;
  color: var(--white);
  font-size: 14px;
}
section .services .text .button2 {
  background: none;
  padding: 11px 25px;
  text-align: center;
  border: solid 1px var(--border-1);
  border-radius: 30px;
  color: var(--white);
}
section .services .offer h2 {
  font-family: var(--font-karla);
  font-size: 35px;
  font-weight: 700;
  color: var(--color-10);
}
section .services .offer p {
  font-size: 17px;
  color: var(--color-11);
}
section .services .offer .bg1 {
  background: #fff1f2;
  border: solid 2px #fecdd3;
}
section .services .offer .bg2 {
  background: #f0fdf4;
  border: solid 2px #bbf7d0;
}
section .services .offer .bg3 {
  background: #eff6ff;
  border: solid 2px #bfdbfe;
}
section .services .offer .item {
  padding: 40px 20px;
  text-align: center;
  border-radius: 10px;
}
section .services .offer .item .icon {
  background: var(--white);
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  border-radius: 30px;
  margin: 0 auto;
}
section .services .offer .item h3 {
  font-family: var(--font-karla);
  font-size: 18px;
  font-weight: 700;
  margin: 15px 0;
}
section .services .offer .item p {
  color: var(--color-12);
  font-size: 14px;
  margin: 0;
}
section .services .helps h2 {
  font-family: var(--font-karla);
  font-size: 35px;
  font-weight: 700;
  color: var(--color-10);
}
section .services .helps p {
  font-size: 20px;
  color: var(--color-11);
}
section .services .helps .item {
  background: var(--white);
  padding: 40px 20px;
  border: solid 1px #c7d2c7;
  border-radius: 10px;
  margin-bottom: 20px;
}
section .services .helps .item h3 {
  font-size: 18px;
  font-weight: 700;
  color: var(--color-10);
}
section .services .helps .item p {
  font-size: 15px;
  color: var(--color-12);
}
section .services .helps .item .text {
  background: var(--background-6);
  padding: 10px 20px;
  border-radius: 5px;
}
section .services .helps .item .text p {
  margin: 0;
}
section .services .help-2 h2 {
  font-family: var(--font-karla);
  font-size: 35px;
  font-weight: 700;
  color: var(--color-10);
}
section .services .help-2 p {
  font-size: 18px;
  color: var(--color-11);
}
section .services .help-2 .item {
  perspective: 1000px;
  height: 250px;
  margin-bottom: 20px;
}
section .services .help-2 .item .icon {
  margin-bottom: 10px;
  font-size: 40px;
}
section .services .help-2 .item h3 {
  font-size: 21px;
  font-weight: 700;
  color: var(--white);
}
section .services .help-2 .item p {
  font-size: 17px;
  color: var(--white);
  margin: 0;
}
section .services .help-2 .item .front {
  padding: 40px;
  text-align: center;
}
section .services .help-2 .item .back {
  padding: 20px;
  text-align: center;
  text-align: left;
  background: var(--background-2);
}
section .services .help-2 .item .back p {
  font-size: 14px;
  color: var(--white);
}
section .services .help-2 .item .back .list ul {
  margin: 0;
  padding: 0;
}
section .services .help-2 .item .back .list ul li {
  font-size: 14px;
  color: var(--white);
  padding: 2px 0;
  margin-left: 13px;
}
section .services .support {
  background: linear-gradient(to left, #f0fdf4 0%, #f6f7f6 100%);
  padding: 40px 20px;
  border-radius: 10px;
  border: solid 1px var(--border-4);
  text-align: center;
}
section .services .support h2 {
  font-family: var(--font-karla);
  font-size: 18px;
  font-weight: 700;
  color: var(--color-10);
}
section .services .support p {
  font-size: 16px;
  color: var(--color-11);
  line-height: 25px;
}
section .services .support button {
  font-size: 14px;
  background: var(--background-2);
  border: solid 1px var(--border-1);
  padding: 10px 20px;
  border-radius: 15px 0px 15px 15px;
  font-weight: 500;
  font-family: var(--font-karla);
  text-transform: uppercase;
  color: var(--white);
  letter-spacing: 2px;
  transition: var(--transition);
}
section .services .support button:hover {
  background: none;
  color: var(--black);
}
section .services .support2 {
  background: linear-gradient(to left, #f0fdf4 0%, #f6f7f6 100%);
  padding: 40px 20px;
  border-radius: 10px;
  border: solid 1px var(--border-4);
  text-align: center;
}
section .services .support2 h2 {
  font-family: var(--font-karla);
  font-size: 30px;
  font-weight: 700;
  color: var(--color-10);
}
section .services .support2 p {
  font-size: 16px;
  color: var(--color-11);
  line-height: 25px;
}
section .services .support2 button {
  font-size: 14px;
  background: var(--background-2);
  border: solid 1px var(--border-1);
  padding: 10px 20px;
  border-radius: 15px 0px 15px 15px;
  font-weight: 500;
  font-family: var(--font-karla);
  text-transform: uppercase;
  color: var(--white);
  letter-spacing: 2px;
  transition: var(--transition);
}
section .services .support2 button:hover {
  background: none;
  color: var(--black);
}
section .services .specialized .text-orange-600 {
  --tw-text-opacity: 1;
  color: var(--color-2);
}
section .services .specialized h2 {
  font-family: var(--font-karla);
  font-size: 30px;
  font-weight: 700;
  color: var(--color-10);
}
section .services .specialized .list ul {
  margin: 0;
  padding: 0;
}
section .services .specialized .list ul li {
  list-style: none;
  transition: var(--transition);
  font-size: 17px;
  color: var(--color-12);
  line-height: 25px;
  position: relative;
  padding: 6px 0 6px 35px;
}
section .services .specialized .list ul li::before {
  font-family: "Font Awesome 5 Free";
  content: "\f00c";
  display: inline-block;
  vertical-align: middle;
  font-weight: 900;
  position: absolute;
  left: 0;
  top: 4px;
  width: 25px;
  height: 25px;
  line-height: 22px;
  border-radius: 30px;
  border: solid 1px var(--border-1);
  text-align: center;
  font-size: 13px;
  color: var(--color-2);
}
section .services .faqs h2 {
  font-family: var(--font-karla);
  font-size: 30px;
  font-weight: 700;
  color: var(--color-10);
}
section .services .faqs p {
  font-size: 16px;
  color: var(--color-11);
  line-height: 25px;
}
section .services .faqs .accordion .accordion-item {
  border: none;
  margin-bottom: 3px;
}
section .services .faqs .accordion .accordion-button {
  background: var(--background-3);
  color: var(--white);
  box-shadow: none;
  padding: 10px 20px;
  border-radius: 0px !important;
}
section .services .faqs .accordion .accordion-button:not(.collapsed)::after {
  background: url(../images/down-arrow.png) !important;
}
section .services .faqs .accordion .accordion-button::after {
  background-image: url(../images/down-arrow.png) !important;
}
section .services .faqs .accordion .accordion-body {
  background: var(--background-1);
}
section .services .faqs .accordion .accordion-body p {
  margin: 0;
}
section .services .sessions h2 {
  font-family: var(--font-karla);
  font-size: 45px;
  font-weight: 800;
  color: var(--white);
  margin-bottom: 15px;
}
section .services .sessions p {
  font-size: 25px;
  color: var(--white);
  line-height: 25px;
  margin-bottom: 20px;
}
section .services .sessions button {
  font-size: 14px;
  background: var(--background-2);
  border: solid 1px var(--border-1);
  padding: 10px 20px;
  border-radius: 15px 0px 15px 15px;
  font-weight: 500;
  font-family: var(--font-karla);
  text-transform: uppercase;
  color: var(--white);
  letter-spacing: 2px;
  transition: var(--transition);
}
section .services .sessions button:hover {
  background: none;
  color: var(--white);
}
section .services .care h2 {
  font-family: var(--font-karla);
  font-size: 25px;
  font-weight: 700;
  color: var(--color-10);
}
section .services .care .item {
  margin-bottom: 25px;
}
section .services .care .item img {
  border-radius: 10px 10px 0 0;
}
section .services .care .item .content {
  background: var(--background-10);
  padding: 20px;
  border-radius: 0 0 10px 10px;
}
section .services .care .item .content h3 {
  font-family: var(--font-karla);
  font-size: 20px;
  font-weight: 700;
  color: var(--color-10);
}
section .services .care .item .content p {
  font-size: 16px;
  line-height: 25px;
}
section .services .visiting h3 {
  font-family: var(--font-karla);
  font-size: 20px;
  font-weight: 700;
  color: var(--color-10);
}
section .services .visiting p {
  font-size: 18px;
  color: var(--color-11);
}
section .services .visiting .how_block {
  position: relative;
  counter-increment: count;
  padding: 10px 30px 10px 70px !important;
  display: block;
}
section .services .visiting .how_block::before {
  content: counter(count);
  position: absolute;
  top: -17px;
  bottom: 0;
  margin: auto;
  width: 50px;
  height: 50px;
  left: 0px;
  line-height: 50px;
  background: #ffe094;
  text-align: center;
  border-radius: 100px;
  font-weight: bold;
  font-size: 25px;
}
section .services .visiting button {
  font-size: 14px;
  background: var(--background-2);
  border: solid 1px var(--border-1);
  padding: 10px 20px;
  border-radius: 15px 0px 15px 15px;
  font-weight: 500;
  font-family: var(--font-karla);
  text-transform: uppercase;
  color: var(--white);
  letter-spacing: 2px;
  transition: var(--transition);
}
section .services .visiting button:hover {
  background: none;
  color: var(--black);
}
section .experts-details .background svg {
  height: 81px;
  width: 100%;
}
section .experts-details .background .elementor-shape-fill {
  fill: #D9A441;
}
section .experts-details .profile .img {
  border-radius: 10px;
  margin-bottom: 25px;
}
section .experts-details .profile h3 {
  color: var(--color-14);
  font-size: 27px;
  font-weight: 700;
  font-family: var(--font-karla);
}
section .experts-details .profile p {
  color: var(--color-4);
  font-size: 18px;
  font-family: var(--font-karla);
}
section .experts-details .star {
  text-align: center;
  color: var(--color-2);
  position: relative;
}
section .experts-details .star::before {
  content: "";
  background: var(--background-2);
  width: 100%;
  height: 1px;
  display: block;
  position: absolute;
  top: 10px;
}
section .experts-details .text h2 {
  font-size: 35px;
  font-weight: 700;
  color: var(--color-8);
}
section .experts-details .text p {
  /*text-align: justify;*/
  font-size: 18px;
  color: var(--color-9);
}
section .experts-details .text .star {
  text-align: center;
  color: var(--color-2);
  position: relative;
}
section .experts-details .text .star::before {
  content: "";
  background: var(--background-2);
  width: 100%;
  height: 1px;
  display: block;
  position: absolute;
  top: 10px;
}
section .experts-details .qualification h3 {
  color: var(--black);
  font-size: 20px;
  font-weight: 900;
  font-family: var(--font-karla);
}
section .experts-details .qualification .fas {
  color: var(--color-2);
  font-size: 40px;
}
section .experts-details .qualification .list ul li {
  font-size: 18px;
  color: var(--black);
}

footer {
  background: var(--background-3);
  padding: 40px 0 20px;
}
footer h3 {
  font-size: 20px;
  font-weight: 600;
  font-family: var(--font-karla);
  color: var(--white);
}
footer p {
  color: var(--white);
  font-size: 16px;
}
footer .menu ul {
  margin: 0;
  padding: 0;
}
footer .menu ul li {
  list-style: none;
  transition: var(--transition);
  font-size: 16px;
  padding: 3px 15px;
  position: relative;
}
footer .menu ul li::before {
  font-family: "Font Awesome 5 Free";
  content: "\f105";
  display: inline-block;
  vertical-align: middle;
  font-weight: 900;
  position: absolute;
  left: 0px;
  top: 4px;
  color: var(--color-2);
}
footer .menu ul li a {
  color: var(--white);
  text-decoration: none;
}
footer .info ul {
  margin: 0;
  padding: 0;
}
footer .info ul li {
  list-style: none;
  transition: var(--transition);
  font-size: 16px;
  padding: 3px 0;
}
footer .info ul li a {
  color: var(--white);
  text-decoration: none;
}
footer .info ul li i {
  color: var(--color-2);
  margin-right: 5px;
}
footer .social ul {
  margin: 0;
  padding: 0;
}
footer .social ul li {
  list-style: none;
  transition: var(--transition);
  float: left;
  margin-right: 10px;
  background: var(--background-2);
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 25px;
  border-radius: 30px;
  font-size: 14px;
}
footer .social ul li a {
  color: var(--white);
}
footer .copyright {
  border-top: solid 1px var(--border-1);
  padding: 15px 0 0;
  font-size: 14px;
  text-align: center;
  margin-top: 25px;
  color: var(--white);
}

.elementor-shape-fill {
  fill: #2B4259;
}

.skill-box {
  width: 100%;
  margin: 25px 0;
}

.skill-box .title {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #333;
}

.skill-box .skill-bar {
  height: 8px;
  width: 100%;
  border-radius: 6px;
  margin-top: 6px;
  background: rgba(0, 0, 0, 0.1);
}

.skill-bar .skill-per {
  position: relative;
  display: block;
  height: 100%;
  width: 90%;
  border-radius: 6px;
  background: var(--background-2);
  animation: progress 0.4s ease-in-out forwards;
  opacity: 0;
}

.skill-per.html {
  width: 100%;
  animation-delay: 0.1s;
}

@keyframes progress {
  0% {
    width: 0;
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
.skill-per .tooltip2 {
  position: absolute;
  right: -14px;
  top: -28px;
  font-size: 9px;
  font-weight: 500;
  color: #fff;
  padding: 2px 6px;
  border-radius: 3px;
  background: var(--background-2);
  z-index: 1;
}

.tooltip2::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -2px;
  height: 10px;
  width: 10px;
  z-index: -1;
  background-color: var(--background-2);
  transform: translateX(-50%) rotate(45deg);
}

/*********************** Demo - 16 *******************/
.box16 {
  text-align: center;
  color: #fff;
  position: relative;
}

.box16 .box-content, .box16:after {
  width: 100%;
  position: absolute;
  left: 0;
}

.box16:after {
  content: "";
  height: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.08) 69%, rgba(0, 0, 0, 0.76) 100%);
  top: 0;
  transition: all 0.5s ease 0s;
}

.box16 .post, .box16 .title {
  transform: translateY(145px);
  transition: all 0.4s cubic-bezier(0.13, 0.62, 0.81, 0.91) 0s;
}

.box16:hover:after {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.01) 0, rgba(0, 0, 0, 0.09) 11%, rgba(0, 0, 0, 0.12) 13%, rgba(0, 0, 0, 0.19) 20%, rgba(0, 0, 0, 0.29) 28%, rgba(0, 0, 0, 0.29) 29%, rgba(0, 0, 0, 0.42) 38%, rgba(0, 0, 0, 0.46) 43%, rgba(0, 0, 0, 0.53) 47%, rgba(0, 0, 0, 0.75) 69%, rgba(0, 0, 0, 0.87) 84%, rgba(0, 0, 0, 0.98) 99%, rgba(0, 0, 0, 0.94) 100%);
}

.box16 img {
  width: 100%;
  height: auto;
}

.box16 .box-content {
  padding: 20px;
  margin-bottom: 20px;
  bottom: 0;
  z-index: 1;
}

.box16 .title {
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 0 10px;
}

.box16 .post {
  display: block;
  padding: 8px 0;
  font-size: 15px;
}

.box16 .social li a, .box17 .icon li a {
  border-radius: 50%;
  font-size: 20px;
  color: #fff;
}

.box16:hover .post, .box16:hover .title {
  transform: translateY(0);
}

.box16 .social {
  list-style: none;
  padding: 0 0 5px;
  margin: 40px 0 25px;
  opacity: 0;
  position: relative;
  transform: perspective(500px) rotateX(-90deg) rotateY(0) rotateZ(0);
  transition: all 0.6s cubic-bezier(0, 0, 0.58, 1) 0s;
}

.box16:hover .social {
  opacity: 1;
  transform: perspective(500px) rotateX(0) rotateY(0) rotateZ(0);
}

.box16 .social:before {
  content: "";
  width: 50px;
  height: 2px;
  background: #fff;
  margin: 0 auto;
  position: absolute;
  top: -23px;
  left: 0;
  right: 0;
}

.box16 .social li {
  display: inline-block;
}

.box16 .social li a {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: #6d3795;
  margin-right: 10px;
  transition: all 0.3s ease 0s;
}

.box17 .icon li, .box17 .icon li a {
  display: inline-block;
}

.box16 .social li a:hover {
  background: #bea041;
}

.box16 .social li:last-child a {
  margin-right: 0;
}

@media only screen and (max-width: 990px) {
  .box16 {
    margin-bottom: 30px;
  }
}
.panel {
  position: relative;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform 0.6s;
}

.item:hover .panel {
  transform: rotateY(180deg);
}

.front, .back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  border-radius: 10px;
  border: 1px solid var(--border-3);
  background: var(--background-3);
  top: 0;
  left: 0;
}

.front {
  transform: rotateY(0deg);
  z-index: 2;
}

.back {
  transform: rotateY(180deg);
}/*# sourceMappingURL=stylesheet.css.map */



  .col-md-6 {
    max-width: 500px;
    margin: auto;
  }

  .input-group {
    margin-bottom: 15px;
  }

  .input-group label {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
  }

  .input-group input,
  .input-group textarea,
  .input-group button {
    width: 100%;
    padding: 8px 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
  }

  .input-group textarea {
    resize: vertical;
    height: 100px;
  }

  .input-group button {
    background-color: #007bff;
    color: #fff;
    border: none;
    cursor: pointer;
  }

  .input-group button:hover {
    background-color: #0056b3;
  }

  .captcha-frame {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-top: 5px;
  }

  .captcha-question {
    padding: 6px 12px;
    background: #f0f0f0;
    border: 1px solid #ccc;
    border-radius: 4px;
    min-width: 60px;
    text-align: center;
    font-weight: bold;
  }

  .captcha-input {
    width: 80px;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
  }

  .captcha-restart {
    padding: 6px 10px;
    background: #28a745;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
  }

  .captcha-restart:hover {
    background: #218838;
  }