@charset "UTF-8";
/* CSS Index
-----------------------------------
1. variable
2. mixin
3. animation
4. common
5. header
6. about
7. featured
8. info
9. popup
10. pricing
11. slider
12. team
13. service
14. news
15. widget
16. footer
17. portfolio
18. appoint
19. banner
20. testimonial
21. plugin/nice-select
22. counter
23. choose
24. video
25. journy
26. single-news
27. case-details
28. blog
29. faq
30. help-banner
31. contact
32. shop
33. product-details
*/
/****************************************************
1. variable
*****************************************************/
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800;900&family=Prata&family=Roboto:wght@300;400;500;700;900&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
/* font-family: 'Playfair Display', serif;
font-family: 'Prata', serif;
font-family: 'Roboto', sans-serif;*/
/****************************************************
2. mixin
*****************************************************/
/****************************************************
3. animation
*****************************************************/
@keyframes textAnimated {
  0% {
    transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
/****************************************************
4. common
*****************************************************/
body {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #777777;
}
.container {
  max-width: 1200px; /* Your desired desktop width */
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 1200px) {
  .container {
    max-width: 100%;
  }
}
.container-3 {
  max-width: 1200px;
}
@media only screen and (max-width: 1200px) {
  .container-3 {
    max-width: 100%;
  }
}
@media only screen and (max-width: 1700px) {
  .container-fluid-2 {
    padding: 0 30px;
  }
}
@media (max-width: 767px) {
  .container-fluid-2 {
    padding: 0 15px;
  }
}
@media (max-width: 767px) {
  .visible-only-md {
    display: none !important;
  }
}
.img {
  max-width: 100%;
  transition: all 0.3s ease-out 0s;
}
.f-left {
  float: left;
}
.f-right {
  float: right;
}
.fix {
  overflow: hidden;
}
a, .button {
  -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, .portfolio-cat a:hover, .footer -menu li a:hover {
  color: #5784aa;
  text-decoration: none;
}
a, button {
  color: #1696e7;
  outline: medium none;
}
button:focus, input:focus, input:focus, textarea, textarea:focus {
  outline: 0;
}
.uppercase {
  text-transform: uppercase;
}
.capitalize {
  text-transform: capitalize;
}
h1, h2, h3, h4, h5, h6 {
  font-family: "Montserrat", sans-serif;
  font-weight: normal;
  color: #000000;
  margin-top: 0px;
  font-style: normal;
  font-weight: 400;
  text-transform: normal;
  line-height: 1.4;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: inherit;
}
h1 {
  font-size: 35px;
  font-weight: 500;
}
h2 {
  font-size: 30px;
}
h3 {
  font-size: 26px;
}
h4 {
  font-size: 22px;
}
h5 {
  font-size: 18px;
}
h6 {
  font-size: 16px;
}
ul {
  margin: 0px;
  padding: 0px;
}
li {
  list-style: none;
}
a {
  text-decoration: none;
}
p {
  font-family: "Montserrat", sans-serif;
  font-size: 22px;
  font-weight: normal;
  line-height: 1.5;
  color: #333;
  font-weight: 400;
  margin-bottom: 1rem;
  margin-top: 0;
}
hr {
  border-bottom: 1px solid #eceff8;
  border-top: 0 none;
  margin: 30px 0;
  padding: 0;
}
label {
  color: #7e7e7e;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
}
*::-moz-selection {
  background: #d6b161;
  color: #fff;
  text-shadow: none;
}
::-moz-selection {
  background: #444;
  color: #fff;
  text-shadow: none;
}
::selection {
  background: #444;
  color: #fff;
  text-shadow: none;
}
*::-moz-placeholder {
  color: #555555;
  font-size: 14px;
  opacity: 1;
}
*::placeholder {
  color: #555555;
  font-size: 14px;
  opacity: 1;
}
.theme-overlay {
  position: relative;
}
.theme-overlay::before {
  background: #1696e7 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.6;
  position: absolute;
  top: 0;
  width: 100%;
}
.separator {
  border-top: 1px solid #f2f2f2;
}
/* button style */
.theme-sm-btn {
  color: #fff;
  line-height: 1;
  background: #5784aa;
  padding: 10px 20px;
  display: inline-block;
  border-radius: 10px;
  border: 1.5px solid transparent;
}
.theme-sm-btn:hover {
  color: #5784aa;
  background-color: transparent;
  border-color: #5784aa;
}
.btn {
  -moz-user-select: none;
  background: #1696e7 none repeat scroll 0 0;
  border: medium none;
  border-radius: 2px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 1;
  margin-bottom: 0;
  padding: 13px 25px;
  text-align: center;
  text-transform: uppercase;
  touch-action: manipulation;
  transition: all 0.3s ease 0s;
  vertical-align: middle;
  white-space: nowrap;
}
.gray-border-btn {
  border-color: #ececec !important;
  background-color: transparent !important;
  color: #777777;
}
.gray-border-btn:hover {
  background-color: #5784aa !important;
  border-color: #5784aa !important;
  color: #fff;
}
.gray-border-btn-2 {
  border-color: #ececec !important;
  background-color: transparent !important;
  color: #777777;
}
.gray-border-btn-2:hover {
  background-color: #fff !important;
  color: #5784aa !important;
  border-color: transparent;
}
.generic-btn {
  font-size: 16px;
  line-height: 1px;
  padding: 18px 40px;
  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;
  display: inline-block;
  border-radius: 10px;
  font-weight: 700;
  border: 2px solid transparent;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .generic-btn {
    padding: 16 23px;
  }
}
@media only screen and (max-width: 992px) {
  .generic-btn {
    padding: 16 17px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.generic-btn i {
  padding-left: 10px;
}
.generic-btn span {
  margin-left: 5px;
}
.generic-btn-2 {
  display: inline-block;
  line-height: 1;
  font-size: 14px;
  padding: 20px 34px;
}
.generic-btn-3 {
  display: inline-block;
  font-size: 16px;
  padding: 20px 50px;
  border-radius: 10px;
}
.generic-btn-3 i {
  display: inline-block;
  padding-right: 10px;
}
@media (max-width: 767px) {
  .generic-btn-3 {
    padding: 15px 30px;
  }
}
.white-btn {
  background-color: #fff;
  color: #5784aa;
}
.white-btn:hover {
  background-color: #5784aa;
  color: #fff;
}
.transparent-btn-1 {
  border-width: 2px;
  border-color: rgba(255, 255, 255, 0.4);
  color: #fff;
}
.transparent-btn-1:hover {
  color: #5784aa;
  background-color: #fff;
}
.transparent-btn-2 {
  border-color: #5a5a59;
  color: #fff;
  background-color: transparent;
}
.transparent-btn-2:hover {
  border-color: #5784aa;
  color: #5784aa;
}
.btn-1 {
  background-color: #5784aa;
  border: 2px solid transparent !important;
  color: #fff !important;
}
.btn-1:hover {
  color: #5784aa !important;
  background-color: #fff;
  border-color: #5784aa !important;
}
.btn-2 {
  background-color: #842f2b;
  color: #fff;
}
.btn-black {
  background-color: #000000;
  color: #fff;
}
.btn-black:hover {
  background-color: #5784aa;
  color: #fff;
}
.plan-btn {
  -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;
  display: flex;
  align-items: center;
  background-color: #fff;
  width: fit-content;
}
.plan-btn .icon {
  float: left;
  width: 80px;
  overflow: hidden;
  height: 80px;
  background-color: #5784aa;
  position: relative;
}
.plan-btn .icon i {
  position: absolute;
  left: 50%;
  -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;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 18px;
}
.plan-btn .icon i:first-child {
  left: -50%;
}
.plan-btn:hover .icon i:first-child {
  left: 50%;
}
.plan-btn:hover .icon i:last-child {
  left: 150%;
}
.plan-btn:hover .plan-text span {
  color: #5784aa;
}
.plan-text span {
  font-size: 18px;
  color: #000000;
  -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;
  padding-left: 20px;
  padding-right: 60px;
}
.breadcrumb > .active {
  color: #888;
}
.owl-carousel .owl-nav div {
  background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
  height: 40px;
  left: 20px;
  line-height: 40px;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s ease 0s;
  visibility: hidden;
  width: 40px;
}
.owl-carousel .owl-nav div.owl-next {
  left: auto;
  right: 20px;
}
.owl-carousel:hover .owl-nav div {
  opacity: 1;
  visibility: visible;
}
.owl-carousel .owl-nav div:hover {
  background: #2b96cc;
  color: #fff;
}
/* Existing Scroll Up Styles */
#scrollUp {
  background: #5784aa;
  height: 50px;
  width: 50px;
  line-height: 50px;
  font-size: 21px;
  border-radius: 5px;
  right: 50px;
  bottom: 77px;
  color: #fff;
  text-align: center;
  text-decoration: none; /* Removes underline */
}
/* New Scroll Call Styles */
#scrollCall {
  display: none; /* Hidden by default, JS reveals it */
  position: fixed;
  background: #5784aa; /* Phone green - #25d366 */
  height: 50px;
  width: 50px;
  line-height: 50px;
  font-size: 21px;
  border-radius: 5px;
  right: 115px; /* (50px right + 50px width + 15px buffer) */
  bottom: 77px;
  color: #fff;
  text-align: center;
  z-index: 2147483647;
  text-decoration: none;
  transition: background 0.3s;
}
#scrollUp:hover, #scrollCall:hover {
  background: #000000;
}
.theme-hover {
  background-color: #f4f4f4 !important;
  color: #777777;
}
.theme-hover:hover {
  background-color: #5784aa !important;
  color: #fff;
}
.black-dark-color {
  color: #000 !important;
}
.gray-bg {
  background-color: #f9f9f9;
}
.bg-transparent {
  background-color: transparent !important;
}
.bg-dark-theme {
  background-color: #782e2b;
}
.black-bg {
  background-color: #0e0e0e;
}
.bg-1 {
  background-color: #f7f7f7;
}
.slick-slide:focus {
  outline: none;
}
.bg-black {
  background-color: #000000;
}
.bg-red-soft {
  background-color: #fff3f2;
}
.right-0 {
  right: 0 !important;
  left: auto !important;
}
.border-radius-0 {
  border-radius: 0 !important;
}
.header-padding-2 {
  padding: 0 125px;
}
@media only screen and (max-width: 1480px) {
  .header-padding-2 {
    padding: 0 10px;
  }
}
.mb-minus-100 {
  margin-bottom: -100px;
}
.mt-10-important {
  margin-top: 10px !important;
}
.mr-50 {
  margin-right: 50px !important;
}
.pl-115 {
  padding-left: 115px;
}
.overflow-hidden {
  overflow: hidden !important;
}
.mt-5-px {
  margin-top: 5px !important;
}
.mr-35 {
  margin-right: 35px;
}
.mr-10 {
  margin-right: 10px;
}
.pl-70 {
  padding-left: 70px;
}
.pl-85 {
  padding-left: 85px;
}
.pr-85 {
  padding-right: 85px;
}
.pr-88 {
  padding-right: 88px;
}
.mr-88 {
  margin-right: 88px;
}
.mt-340 {
  margin-top: 340px;
}
.mt-minus-72 {
  margin-top: -72px;
}
.pb-220 {
  padding-bottom: 220px;
}
.mt-minus-325 {
  margin-top: -325px;
}
@media (max-width: 767px) {
  .mt-minus-325 {
    margin-top: 0px;
    padding-top: 70px;
  }
}
.mt-minus-100 {
  margin-top: -100px;
}
.section-sm-title h5 {
  font-size: 26px;
  line-height: 1;
  margin-bottom: 35px;
}
.generic-title span {
  color: #5784aa;
  font-size: 18px;
  line-height: 2.3;
  display: block;
  margin-bottom: 2px;
  font-weight: 500;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .generic-title span {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .generic-title span {
    line-height: 1.3;
    margin-bottom: 0;
  }
}
.generic-title h4 {
  font-size: 46px;
  line-height: 1.3;
  margin-bottom: 0;
}
@media only screen and (max-width: 1700px) {
  .generic-title h4 {
    font-size: 38px;
  }
}
@media only screen and (max-width: 1250px) {
  .generic-title h4 {
    font-size: 33px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .generic-title h4 {
    font-size: 30px;
    line-height: 1.2;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .generic-title h4 {
    font-size: 28px;
  }
}
@media (max-width: 767px) {
  .generic-title h4 {
    font-size: 25px;
  }
}
@media only screen and (max-width: 1480px) {
  .generic-title-4 h4 {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .generic-title-4 h4 {
    font-size: 23px;
  }
}
.generic-title-4 h2 {
  font-size: 48px;
}
@media only screen and (max-width: 1400px) {
  .generic-title-4 h2 {
    font-size: 37px;
  }
}
@media (max-width: 767px) {
  .generic-title-4 h2 {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .generic-title-4 h2 br {
    display: none;
  }
}
.no-after::after {
  display: none !important;
}
@media only screen and (max-width: 992px) {
  .max-lg-transparent {
    background-color: transparent !important;
  }
}
@media (max-width: 767px) {
  .tab__list ul {
    justify-content: flex-start !important;
  }
}
.tab__list ul li a.nav-link {
  padding: 17px 30px;
  color: #777777;
  background: #fff;
  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;
  border-radius: 10px;
  cursor: pointer;
}
.tab__list ul li a.nav-link:hover {
  background-color: #5784aa;
  color: #fff;
}
@media (max-width: 767px) {
  .tab__list ul li a.nav-link {
    padding: 10px 21px;
  }
}
.tab__list ul li:not(:last-child) a.nav-link {
  margin-right: 10px;
}
.tab__list ul li.active a {
  background-color: #5784aa;
  color: #fff;
}
.slider-tab__thumb .slick-track {
  display: grid;
  transform: translate3d(0px, 0px, 0px);
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-column-gap: 10px;
}
.no-shadow {
  box-shadow: none !important;
}
.border-radius-10 {
  border-radius: 10px !important;
}
.p-static {
  position: static !important;
}
.mt-210 {
  margin-top: 210px;
}
.twentytwenty-horizontal .twentytwenty-before-label:before {
  display: none;
}
.twentytwenty-horizontal .twentytwenty-after-label:before {
  display: none;
}
.twentytwenty-handle {
  background-color: #fff;
}
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
  background-color: transparent;
}
.twentytwenty-left-arrow {
  border-right-color: #5784aa;
}
.twentytwenty-right-arrow {
  border-left-color: #5784aa;
}
.appoint-btn:hover {
  background-color: #fff;
  color: #5784aa;
}
.no-after::after {
  display: none !important;
}
span.social-text {
  font-size: 14px;
  color: white;
  font-family: "Roboto";
  text-align: left;
  line-height: 2.571;
  margin-top: 10px;
  margin-top: 40px;
}
.breadcrumb {
  justify-content: flex-end;
}
@media only screen and (max-width: 1400px) {
  .breadcrumb {
    justify-content: flex-start;
  }
}
@media (max-width: 767px) {
  .breadcrumb {
    justify-content: flex-start;
  }
}
@media (max-width: 767px) {
  .breadcrumb {
    justify-content: flex-start;
  }
}
@media (max-width: 767px) {
  .breadcrumb {
    justify-content: flex-start;
  }
}
@media (max-width: 767px) {
  .breadcrumb {
    justify-content: flex-start;
  }
}
i.glyph-icon {
  font-size: 85px;
  color: #5784aa;
  font-weight: 400;
}
i.glyph-icon::before {
  line-height: 1;
  font-size: inherit;
}
@media (max-width: 767px) {
  i.glyph-icon::before {
    font-size: 49px;
  }
}
i.glyph-icon.logo-sm::before {
  font-size: 70px;
}
.theme-color {
  color: #5784aa !important;
}
.w-fit-content {
  width: fit-content !important;
}
.header-nav-2 .submenu {
  left: 50px !important;
}
#loading {
  background-color: #2c3e50;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 999999;
  margin-top: 0px;
  top: 0px;
}
#loading-center {
  width: 100%;
  height: 100%;
  position: relative;
}
#loading-center-absolute {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 50px;
  width: 50px;
  margin-top: -25px;
  margin-left: -25px;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-animation: loading-center-absolute 1.5s infinite;
  animation: loading-center-absolute 1.5s infinite;
}
.object {
  width: 25px;
  height: 25px;
  background-color: #FFF;
  float: left;
}
#object_one {
  -webkit-animation: object_one 1.5s infinite;
  animation: object_one 1.5s infinite;
}
#object_two {
  -webkit-animation: object_two 1.5s infinite;
  animation: object_two 1.5s infinite;
}
#object_three {
  -webkit-animation: object_three 1.5s infinite;
  animation: object_three 1.5s infinite;
}
#object_four {
  -webkit-animation: object_four 1.5s infinite;
  animation: object_four 1.5s infinite;
}
@-webkit-keyframes loading-center-absolute {
  100% {
    -webkit-transform: rotate(-45deg);
  }
}
@keyframes loading-center-absolute {
  100% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
}
@-webkit-keyframes object_one {
  25% {
    -webkit-transform: translate(0, -50px) rotate(-180deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(-180deg);
  }
}
@keyframes object_one {
  25% {
    transform: translate(0, -50px) rotate(-180deg);
    -webkit-transform: translate(0, -50px) rotate(-180deg);
  }
  100% {
    transform: translate(0, 0) rotate(-180deg);
    -webkit-transform: translate(0, 0) rotate(-180deg);
  }
}
@-webkit-keyframes object_two {
  25% {
    -webkit-transform: translate(50px, 0) rotate(-180deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(-180deg);
  }
}
@keyframes object_two {
  25% {
    transform: translate(50px, 0) rotate(-180deg);
    -webkit-transform: translate(50px, 0) rotate(-180deg);
  }
  100% {
    transform: translate(0, 0) rotate(-180deg);
    -webkit-transform: translate(0, 0) rotate(-180deg);
  }
}
@-webkit-keyframes object_three {
  25% {
    -webkit-transform: translate(-50px, 0) rotate(-180deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(-180deg);
  }
}
@keyframes object_three {
  25% {
    transform: translate(-50px, 0) rotate(-180deg);
    -webkit-transform: translate(-50px, 0) rotate(-180deg);
  }
  100% {
    transform: translate(0, 0) rotate(-180deg);
    -webkit-transform: rtranslate(0, 0) rotate(-180deg);
  }
}
@-webkit-keyframes object_four {
  25% {
    -webkit-transform: translate(0, 50px) rotate(-180deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(-180deg);
  }
}
@keyframes object_four {
  25% {
    transform: translate(0, 50px) rotate(-180deg);
    -webkit-transform: translate(0, 50px) rotate(-180deg);
  }
  100% {
    transform: translate(0, 0) rotate(-180deg);
    -webkit-transform: translate(0, 0) rotate(-180deg);
  }
}
.nice-select:after {
  right: 30px !important;
}
.experience {
  color: #999999;
}
.dark-bg {
  background-color: #782e2b;
}
.appoint__btn {
  background-color: #000000;
}
.no-border {
  border: 0 !important;
}
/****************************************************
5. header
*****************************************************/
.has-border {
  padding-left: 30px;
  margin-left: 30px;
  position: relative;
}
.has-border::after {
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  content: "";
  height: 100px;
  background-color: #fff7ef;
  transform: translateY(-50%);
}
@media only screen and (max-width: 1800px) {
  .has-border::after {
    display: none;
  }
}
@media only screen and (max-width: 1700px) {
  .has-border {
    padding-left: 15px;
    margin-left: 15px;
  }
}
.header__left--2 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.header__left-4 {
  height: 100%;
}
.header__left-4 .emergency {
  height: 60px;
  display: flex;
  justify-content: center;
  background-color: #fff;
}
.header__left-4 .emergency span {
  line-height: 1;
  color: #fff;
  background: #5784aa;
  display: inline-block;
  padding: 8px 25px;
  height: fit-content;
  border-bottom-left-radius: 7px;
  max-height: 31px;
  border-bottom-right-radius: 7px;
}
.header-right-2 {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
@media only screen and (max-width: 1400px) {
  .header-right-2 {
    flex-direction: row;
    justify-content: flex-end;
  }
}
.header-top-2 {
  background-color: #5784aa;
  padding: 0 30px;
}
.header-top-3 {
  padding: 0 125px;
}
.header-top span {
  color: #2b3137;
  font-size: 14px;
  padding-right: 20px;
  line-height: 53px;
}
@media (max-width: 767px) {
  .header-top span {
    padding-right: 0;
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-top {
    margin-top: 10px;
  }
}
.header-top__inner-4 {
  background-color: transparent;
}
.header-social a {
  color: #9f9387;
  font-size: 14px;
  line-height: 53px;
  font-weight: 700;
  text-transform: uppercase;
  display: inline-block;
  margin-left: 18px;
}
.header-social a:hover {
  color: #5784aa;
}
.header-social__2 a {
  margin-left: 15px;
}
@media (max-width: 767px) {
  .header-social__2 a {
    margin-left: 15px;
  }
}
.header-social__3 a {
  width: 50px;
  height: 50px;
  display: inline-block;
  background: #fff;
  color: #d0d0d0;
  text-align: center;
  line-height: 50px;
  border-radius: 50%;
  font-size: 14px;
  margin-left: 10px;
}
.header-social__3 a:hover {
  color: #fff;
  background-color: #5784aa;
}
@media only screen and (max-width: 992px) {
  .header-social__3 a {
    width: 45px;
    height: 45px;
    line-height: 45px;
  }
}
.header-social__4 a {
  color: #fff;
  font-size: 16px;
  padding-right: 18px;
  display: inline-block;
  line-height: 1;
}
.header-social__4 a:last-child {
  padding-right: 0;
}
.header-wrapper {
  background-color: #fff;
  padding: 0 30px;
  box-shadow: 0px 30px 100px 0px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
}
.header-wrapper-2 {
  background: transparent;
  box-shadow: none;
  padding: 0 30px;
  padding-left: 0;
}
@media only screen and (max-width: 1700px) {
  .header-wrapper {
    padding: 0 34px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-wrapper {
    padding-top: 15px;
    margin-top: 10px;
    padding-bottom: 16px;
  }
}
@media (max-width: 767px) {
  .header-wrapper {
    padding-top: 15px;
    margin-top: 10px;
    padding-bottom: 16px;
    padding-right: 20px;
    padding-left: 20px;
  }
}
.header-wrapper__inner {
  padding: 0 15px;
}
.header-wrapper__3 {
  border-radius: 0;
  box-shadow: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-wrapper__3 {
    padding-bottom: 0;
    padding-top: 0;
    margin-top: 0;
  }
}
.header-wrapper__4 {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.header-menu-wrapper {
  float: left;
}
.header-cta > ul > li {
  display: inline-block;
  position: relative;
}
.header-cta > ul > li > a {
  width: 60px;
  height: 60px;
  display: inline-block;
  line-height: 60px;
  text-align: center;
  border-radius: 10px;
  color: #5784aa;
  font-size: 20px;
  margin-left: 5px;
  background: #fff7ef;
}
@media only screen and (max-width: 1700px) {
  .header-cta > ul > li > a {
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin-left: 5px;
  }
}
@media (max-width: 767px) {
  .header-cta > ul > li > a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    margin-left: 5px;
    font-size: 17px;
  }
}
.header-cta > ul > li:hover .minicart {
  opacity: 1;
  visibility: visible;
  top: 100%;
}
.header-cta-2 a {
  font-size: 14px;
  line-height: 53px;
  font-weight: 400;
  color: #a09890;
}
.header-cta-2 a span {
  color: #2b3137;
  overflow: 14px;
  font-size: 14px;
  line-height: 53px;
  font-weight: 700;
}
.header-cta__4 > ul > li > a {
  margin-right: 0;
  font-size: 18px;
  color: #777777;
  background: transparent;
  line-height: 1;
  height: auto;
  width: auto;
}
.header-cta__4 > ul > li:not(:last-child) > a {
  padding-right: 17px;
}
.header-nav ul li {
  display: inline-block;
  position: relative;
}
.header-nav ul li a {
  color: #000000;
  font-size: 14px;
  line-height: 1;
  padding: 45px 0;
  font-weight: 700;
  text-transform: uppercase;
  display: inline-block;
  padding-left: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1500px) {
  .header-nav ul li a {
    padding-left: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .header-nav ul li a {
    padding-left: 30px;
  }
}
@media only screen and (max-width: 1700px) {
  .header-nav ul li a {
    padding-left: 35px;
  }
}
@media only screen and (max-width: 1080px) {
  .header-nav ul li a {
    padding-left: 24px;
  }
}
.header-nav ul li:hover > a {
  color: #5784aa;
}
.header-nav ul li:hover > .submenu {
  opacity: 1;
  visibility: visible;
  top: 100%;
  transform: scaleY(1);
}
.header-nav .submenu {
  position: absolute;
  top: 110%;
  left: 0;
  min-width: 300px;
  padding: 15px 0;
  background: #fff;
  border-top: 4px solid #5784aa;
  z-index: 11;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s;
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);
}
.header-nav .submenu li {
  display: block;
  margin-left: 0;
}
.header-nav .submenu li a {
  display: block;
  font-weight: 500;
  text-transform: capitalize;
  font-size: 16px;
  padding: 9px 25px;
  line-height: 1.4;
}
.header-nav .submenu li .submenu {
  left: 100%;
  top: 0 !important;
}
@media only screen and (max-width: 1700px) {
  .header-nav {
    padding-left: 0;
  }
}
.header-nav__2 ul li a {
  padding: 45px 43px;
  position: relative;
}
.header-nav__2 ul li a:hover::after {
  opacity: 1;
  visibility: visible;
}
@media only screen and (max-width: 1800px) {
  .header-nav__2 ul li a {
    padding: 30px 19px;
  }
}
@media only screen and (max-width: 1480px) {
  .header-nav__2 ul li a {
    padding: 30px 10px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .header-nav__2 ul li a {
    padding: 30px 5px;
  }
}
.header-nav__2 ul li a.active {
  background-color: #fff7ef;
}
@media only screen and (max-width: 1800px) {
  .header-nav__2 ul li a.active {
    background-color: transparent;
  }
}
.header-nav__2 ul li:hover > a {
  background-color: #fff7ef;
  color: #5784aa;
}
@media only screen and (max-width: 1800px) {
  .header-nav__2 ul li:hover > a {
    background-color: transparent;
  }
}
.header-nav__2 ul li .submenu li:hover a {
  background-color: transparent;
}
.header-nav__3 ul li {
  margin-right: 45px;
}
.header-nav__3 ul li a {
  padding: 0;
  padding: 32px 0px;
}
@media only screen and (max-width: 1480px) {
  .header-nav__3 ul li {
    margin-left: 0;
    margin-right: 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .header-nav__3 ul li {
    margin-right: 20px;
  }
}
.header__list ul li {
  display: inline-block;
}
.header__list ul li i {
  font-size: 16px;
  color: #5784aa;
  display: inline-block;
  width: 40px;
  height: 40px;
  background: #fff;
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
  margin-right: 17px;
}
.header__list ul li a {
  font-size: 16px;
  color: #777777;
  display: inline-block;
}
@media only screen and (max-width: 1480px) {
  .header__list ul li {
    margin-right: 10px;
  }
}
.header__list-4 {
  padding-left: 40px;
}
.header__list-4 ul li i {
  width: auto;
  height: auto;
  background-color: transparent;
  line-height: 1;
  color: #fff;
}
.header__list-4 ul li a {
  font-weight: 700;
  color: #fff;
}
@media only screen and (max-width: 1480px) {
  .header__list-4 {
    padding-left: 15px;
  }
}
.header__bg-3 {
  background-color: #f7f7f7;
}
/* minicart */
.minicart {
  position: absolute;
  right: 0;
  padding: 25px;
  z-index: 9999;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.04);
  min-width: 350px;
  opacity: 0;
  top: 130%;
  transition: all 0.5s;
  background-color: #fff;
  visibility: hidden;
  padding-bottom: 0;
  padding-top: 50px;
}
.minicart-checkout-heading {
  overflow: hidden;
}
.minicart ul li {
  padding-bottom: 15px;
  margin-bottom: 9px;
  line-height: 1;
  border-bottom: 1px solid #ddd;
  overflow: hidden;
}
.minicart ul li i {
  cursor: pointer;
  margin-top: 4px;
}
.minicart ul li i:hover {
  color: #eb2323;
}
.minicart-img {
  float: left;
  width: 21.33%;
}
.minicart-desc {
  width: 65%;
  float: left;
  padding-left: 10px;
  text-align: left;
}
.minicart-desc a {
  display: block;
  color: #222;
  font-size: 14px;
  margin-bottom: 2px;
  line-height: 1.1;
}
.minicart-desc a:hover {
  color: #5784aa;
}
.minicart-desc strong {
  font-size: 14px;
  line-height: 25px;
  color: #666;
  font-weight: 500;
}
.minicart-checkout-heading {
  margin-bottom: 30px;
}
/* mobile menu */
.mobile-nav {
  position: fixed;
  top: 0;
  background: #152136 none repeat scroll 0 0;
  right: -100%;
  transition: all 0.5s;
  width: 300px;
  z-index: 999;
  height: 100%;
  padding-top: 0;
}
/* Enable scrolling for the mobile sidebars */
.mobile-nav, .extra-info {
  /* 1. Ensure it doesn't try to be taller than the screen */
  max-height: 100vh;
  /* 2. Allow vertical scrolling if content is too long */
  overflow-y: auto;
  /* 3. Smooth scrolling for iOS devices */
  -webkit-overflow-scrolling: touch;
  /* 4. Keep it from jumping horizontally */
  overflow-x: hidden;
}
/* Optional: Make the scrollbar look cleaner or hide it while keeping functionality */
.mobile-nav::-webkit-scrollbar {
  width: 4px;
}
.mobile-nav::-webkit-scrollbar-thumb {
  background: #5784aa; /* Matches your theme color */
  border-radius: 10px;
}
.mobile-nav .nav a.nav-link {
  width: 50%;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.8px;
  line-height: 1;
  padding: 10px 0;
}
.mobile-nav .nav a.nav-link.active {
  background-color: #111;
}
.mobile-nav ul li a {
  display: block;
  color: #222;
  font-size: 16px;
  margin-bottom: 6px;
  font-weight: 500;
  text-transform: uppercase;
}
.mobile-nav ul li li {
  padding-left: 15px;
}
.mobile-nav ul li li a {
  text-transform: capitalize;
  font-weight: 400;
}
.metismenu li a {
  padding-bottom: 8px;
  margin-bottom: 10px;
}
.mobile-toggle-bar button {
  background: transparent;
  color: #fff;
  border: 1px solid #fff;
  width: 40px;
  height: 40px;
  z-index: 9;
  background-color: transparent;
  line-height: 35px;
  padding: 0;
  display: inline-block;
  font-size: 22px;
  font-weight: 600;
}
@media only screen and (min-width: 1080px) {
  .mobile-toggle-bar button {
    display: none;
  }
}
.mobile-toggle-bar-2 button {
  width: 50px;
  height: 50px;
  line-height: 50px;
  margin-left: 5px;
  border: 0;
  font-size: 14px;
  transition: 0.3s;
  background: #fff;
  border-radius: 10px;
}
.mobile-toggle-bar-2 button i {
  color: #5784aa;
}
@media (max-width: 1080px) {
  /* 1. Make the header wrapper stay at the top */
  .header-wrapper, .header-wrapper-2, .header-wrapper__3 {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100% !important;
    z-index: 1000; /* Stays above content but below the sidebar */
    background: #fff !important;
  }
  /* 2. Add 'Push' to the Body 
       Since the header is now 'Fixed' (floating), it no longer takes up space.
       We add padding to the body so your content doesn't hide behind the header. */
  /* 3. Ensure the MeanMenu dropdown also respects the fixed position */
  .mean-container .mean-bar {
    position: fixed !important;
    width: 100%;
    z-index: 1001;
  }
}
@media (max-width: 767px) {
  .mobile-toggle-bar-2 button {
    width: 35px;
    height: 35px;
    line-height: 35px;
    margin-left: 5px;
  }
}
.mobile-toggle-bar-2 button:hover {
  background-color: #5784aa;
}
.mobile-toggle-bar-2 button:hover i {
  color: #fff;
}
.show-nav {
  right: 0;
}
@media (max-width: 767px) {
  .logo img {
    max-width: 250px;
  }
}
.logo-2 {
  position: relative;
  height: 104px;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .logo-2 {
    height: 80px;
  }
}
.logo-2 a {
  position: relative;
  z-index: 9999;
  padding-left: 30px;
}
@media only screen and (max-width: 1400px) {
  .logo-2 a {
    padding-left: 0;
  }
}
.logo-2::after {
  position: absolute;
  left: -12px;
  top: 0;
  z-index: 99;
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
  height: 120px;
  width: 240px;
  background-color: #fff;
  content: "";
}
@media only screen and (max-width: 1250px) {
  .logo-2::after {
    top: -18px;
    height: 90px;
  }
}
@media only screen and (max-width: 992px) {
  .logo-2::after {
    display: none;
  }
}
.nice-select span {
  color: #2b3137;
  font-size: 14px;
  line-height: 41px;
}
.nice-select.lang {
  border: 0;
  background-color: transparent;
}
.nice-select.lang span.current {
  padding-right: 0;
  color: #fff;
}
.nice-select.lang::after {
  border-color: #fff;
}
.mr-20 {
  margin-right: 20px;
}
.topbar__meta {
  padding-right: 35px;
}
.topbar__meta a {
  font-size: 14px;
  padding-left: 24px;
  margin-left: 22px;
  color: #fff;
  position: relative;
}
.topbar__meta a:not(:first-child)::after {
  position: absolute;
  left: 0;
  top: 50%;
  width: 2px;
  height: 12px;
  transform: translateY(-50%);
  background-color: #ab5f5c;
  content: "";
}
@media only screen and (max-width: 1250px) {
  .topbar__meta a {
    margin-left: 0;
  }
}
.pl-60 {
  padding-left: 60px;
}
.pl-30 {
  padding-left: 30px;
}
.responsive-logo {
  padding: 30px 20px;
}
.mean-container .mean-nav {
  background-color: transparent;
}
.mean-container .mean-nav ul li a {
  border: 0;
  color: #fff;
}
.mean-container .mean-nav ul li a.mean-expand {
  border-color: #2a3a57;
  font-size: 20px;
  line-height: 26px;
  font-weight: 400;
  background: transparent;
}
.mean-container .mean-nav ul li a.mean-expand:hover {
  color: #000000;
  background-color: #fff;
}
.mean-container .mean-nav ul li:not(:first-child) a {
  border-top: 1px solid #2a3a57;
}
.mean-nav > ul {
  display: block !important;
}
a.meanmenu-reveal {
  display: none !important;
}
button.mobile-nav-close {
  padding: 0;
  position: absolute;
  right: 25px;
  top: 62px;
  font-size: 27px;
  background-color: transparent;
  line-height: 50px;
  border: 0;
  border-radius: 50%;
}
.responsive-menu-3 {
  padding: 30px 0;
}
.responsive-menu-3 button.toggle-btn {
  background: #fff;
  color: #5784aa;
  width: 40px;
  height: 40px;
  display: inline-block;
  border: 0;
  font-size: 23px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcrumb__text {
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .breadcrumb__text {
    margin-top: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcrumb__height {
    min-height: 400px !important;
  }
}
@media (max-width: 767px) {
  .breadcrumb__height {
    min-height: 350px !important;
  }
}
.cta-2 a:hover {
  color: #5784aa;
}
/* extra info */
.extra-info {
  background: #152136;
  height: 100%;
  padding: 30px;
  position: fixed;
  right: 0;
  top: 0;
  transition: all 0.7s ease 0s;
  width: 340px;
  z-index: 9999;
  transform: translateX(100%);
  padding-bottom: 40px;
}
.extra-info > p {
  color: #ddd;
  font-size: 15px;
  line-height: 28px;
}
.extra-info.info-open {
  transform: translateX(0);
}
.extra-info-left {
  right: inherit;
  left: 0;
  transform: translateX(-100%);
}
.extra-info.extra-info-left.info-open {
  transform: translateX(0);
}
.close-icon {
  margin-top: -16px;
  text-align: right;
}
.close-icon > button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 0 none;
  color: #ff4a57;
  cursor: pointer;
  font-size: 20px;
  padding: 0;
}
.instagram {
  overflow: hidden;
  margin: 0 -4px;
}
.instagram img {
  width: 100%;
}
.instagram > a {
  float: left;
  width: 33.33%;
  padding: 0 4px;
  margin-bottom: 7px;
}
.social-icon-right > a {
  color: #fff;
  display: inline-block;
  margin-right: 20px;
  text-align: center;
}
.social-icon-right > a:hover {
  color: #ff4a57;
}
.side-info {
  border-top: 1px solid #344159;
  padding: 23px 0;
  padding-bottom: 0;
}
.contact-list h4 {
  color: #fff;
  font-size: 20px;
}
.contact-list h4::after {
  display: none;
}
.contact-list p {
  color: #fff;
  opacity: 0.5;
  margin: 0;
  margin-bottom: 2px;
}
.contact-list p a {
  color: #fff;
}
.side-menu ul li:hover a {
  color: #ff4a57;
}
.header-right ul li a {
  color: #5784aa;
  font-size: 14px;
  transition: 0.3s;
}
.header-right ul li:hover > a {
  background-color: #5784aa;
  color: #fff;
}
.sticky {
  left: 0;
  margin: auto;
  position: fixed;
  top: 0;
  width: 100%;
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);
  -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);
  z-index: 1030;
  background: #fff;
}
.navbar.navbar-expand-lg {
  padding: 0;
}
.main-menu ul.navbar-nav li a.nav-link {
  font-size: 16px;
  font-weight: 500;
  color: #6b7991;
  padding: 40px 19px;
  line-height: 1;
  position: relative;
  border-radius: 30px;
  transition: 0.3s;
  text-transform: capitalize;
}
.main-menu ul.navbar-nav li:hover a.nav-link {
  color: #152136;
}
.main-menu ul.navbar-nav li.active a.nav-link {
  color: #152136;
}
.offcanvas {
  z-index: -1;
  position: relative;
}
.offcanvas.active {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}
.nice-select ul.list {
  position: absolute;
  z-index: 999;
}
.side-info h4 {
  color: #fff;
  font-size: 17px;
}
.side-info p {
  font-size: 17px;
  line-height: 1.3;
}
.mobile-nav .side-info {
  padding: 20px;
}
@media only screen and (max-width: 992px) {
  .mobile-toggle-bar-2 button {
    border-color: #222;
    color: #222;
  }
}
@media only screen and (max-width: 992px) {
  .header-cta-3 {
    margin-right: 64px;
  }
}
.header-left .nice-select::after {
  right: 0 !important;
}
.lang ul li {
  position: relative;
}
.lang ul li a {
  font-size: 14px;
  color: #fff;
}
.lang ul li ul {
  position: absolute;
  left: 0;
  background-color: #fff;
  top: 100%;
  min-width: 100px;
  padding: 9px;
  transform: scaleY(0);
  transform-origin: top;
  -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;
  z-index: 999;
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);
}
.lang ul li ul li a {
  color: #222;
}
.lang ul li ul li:hover a {
  color: #5784aa;
}
.lang ul li:hover ul {
  transform: scaleY(1);
}
@media only screen and (max-width: 1400px) {
  .logo-2::after {
    display: none;
  }
}
.single__testimonial {
  position: relative;
  overflow: hidden; /* Keeps the overlay inside the card corners */
  transition: transform 0.3s ease;
}
/* 2. Style the overlay to cover everything */
.testimonial__full-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000; /* Sit on top of everything */
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px;
  background-color: #f8f9fa;
  /* Added a subtle border to define the card area */
  border: 1px solid #e9ecef;
  /* Initial State: Hidden and shifted down slightly */
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all 0.4s ease-in-out;
}
/* 3. The Hover Trigger */
.single__testimonial:hover .testimonial__full-overlay {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
/* 4. Optional: Add a border or shadow to the overlay to match your card style */
.overlay-content p {
  font-style: italic;
  font-size: 16px;
  line-height: 1.6;
  color: #333;
}
.testimonial__img img {
  position: relative;
  z-index: 9999;
  max-width: 200px;
  height: auto;
}
.header-menu-2 {
  padding-right: 30px;
}
@media only screen and (max-width: 1400px) {
  .header-menu-2 {
    padding-left: 30px;
  }
}
@media (max-width: 767px) {
  .header-menu-2 {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.logo img {
  width: 140px;
}
.responsive-logo img {
  width: 140px;
}
.logo-side img {
  width: 230px;
}
.cta-2 a {
  color: #5b5b5b;
  font-size: 14px;
}
.cta-2 span {
  font-size: 14px;
}
/* ==========================================================================
   FORCED MOBILE SWITCH AT 1200PX
   ========================================================================== */
@media (max-width: 1080px) {
  /* 1. HIDE ALL DESKTOP NAV ELEMENTS */
  .header-nav, .header-menu-wrapper, .header-menu-2, .header__list, .header-cta-2, .header-cta-3, .header-top, .logo-2::after {
    display: none !important;
  }
  /* 2. SHOW MOBILE TOGGLES */
  .mobile-toggle-bar button, .mobile-toggle-bar-2 button {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  /* 3. FIX THE "SHRINKING" HEADER WRAPPER */
  /* Your original CSS has padding: 45px on links; we reset it here */
  .header-wrapper, .header-wrapper-2, .header-wrapper__3 {
    padding: 15px 20px !important;
    margin-top: 0 !important;
    height: auto !important;
    background: #fff !important; /* Ensures it's not transparent on mobile */
    border-radius: 0 !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
  }
  /* 4. ALIGN LOGO AND BUTTON IN ONE ROW */
  .header__left--2, .header-right-2 {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100%;
  }
  .logo-2 {
    height: 60px !important; /* Overriding the 104px height */
    padding: 0 !important;
    margin: 0 !important;
  }
  .logo-2 a {
    padding-left: 0 !important;
  }
  /* 5. FIX THE STICKY OVERLAP */
  .sticky {
    padding: 10px 20px !important;
  }
  /* 1. Target the specific Bootstrap classes inside the header */
  header .container, header .container-fluid, header .row {
    padding-right: 0 !important;
    padding-left: 0 !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  /* 2. Target the Columns (where the padding-right/left usually lives) */
  header [class*="col-"] {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  /* 3. Re-add a small "Safe Zone" for the logo and toggle 
       so they don't look like they're falling off the screen */
  .header__left--2, .logo-2 {
    padding-left: 15px !important;
  }
  .header-right-2, .mobile-toggle-bar, .mobile-toggle-bar-2 {
    padding-right: 15px !important;
  }
}
/* ==========================================================================
   MEANMENU MOBILE STYLE SYNC
   ========================================================================== */
@media (max-width: 1080px) {
  .mean-container .mean-bar {
    padding: 0 !important;
    background: transparent !important;
    min-height: 0 !important;
  }
  /* Ensure the mobile menu doesn't overlap the logo */
  .mean-container .mean-nav {
    margin-top: 00px !important;
  }
}
/****************************************************
6. about
*****************************************************/
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .about__photo img {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about__photo img {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .about__photo img {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .about__gallery {
    margin-top: 50px;
    padding-left: 0;
  }
}
.about__img:first-child {
  float: left;
  margin-right: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1415px) {
  .about__img img {
    width: 100%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1415px) {
  .about__img {
    width: 45%;
    float: left;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .about-area {
    margin-top: 70px;
    margin-bottom: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-area {
    margin-bottom: 0;
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .about-area {
    margin-top: 0;
    margin-bottom: 50px;
  }
}
.about-area__wrapper {
  position: relative;
}
.about-area__wrapper::after {
  position: absolute;
  right: -15px;
  bottom: -30px;
  border-radius: 10px;
  z-index: -1;
  width: 440px;
  height: 400px;
  content: "";
  background-color: #5784aa;
}
@media only screen and (max-width: 1700px) {
  .about-area__wrapper::after {
    left: 270px;
    right: auto;
  }
}
.about-area__wrapper::before {
  position: absolute;
  bottom: 65px;
  transform: rotate(-90deg);
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 32px;
  right: -73px;
  font-family: "Roboto";
  font-weight: 300;
}
@media only screen and (max-width: 1700px) {
  .about-area__wrapper::before {
    right: auto;
    left: 605px;
    width: fit-content;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1415px) {
  .about-area__wrapper::before {
    right: -52px;
    bottom: 93px;
    left: auto;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1415px) {
  .about-area__wrapper {
    overflow: hidden;
    padding-bottom: 30px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .about-area {
    margin-top: 40px;
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.about-area-2 {
  background-color: #f9f9f9;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-area-2 {
    margin-top: 65px;
    padding-top: 65px;
    padding-bottom: 60px;
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .about-area-2 {
    padding-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .about-area__3 {
    margin-top: 0;
    padding-top: 30px;
    margin-bottom: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-area-2 {
    margin-top: 90px;
  }
}
@media (max-width: 767px) {
  .about-area-3 {
    margin-top: 50px;
    padding-top: 50px;
  }
}
.about__info {
  padding-top: 30px;
  margin-top: 35px;
  border-top: 1px solid #e2e2e2;
  overflow: hidden;
  padding-bottom: 30px;
  margin-bottom: 35px;
  border-bottom: 1px solid #e2e2e2;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .about__info {
    padding-top: 20px;
    padding-bottom: 15px;
    margin-top: 20px;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about__info {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 25px;
  }
}
.about__info a {
  float: left;
  width: 60px;
  text-align: center;
  line-height: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #fff;
  flex: 0 0 auto;
  box-shadow: 0px 16px 32px 0px #5784aa14;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .about__info a {
    margin-top: -18px;
  }
}
.about__info a i {
  font-size: 14px;
  color: #5784aa;
}
.about__info p {
  overflow: hidden;
  padding-left: 30px;
  font-size: 20px;
  line-height: 32px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about__info p {
    font-size: 16px;
    line-height: 1.3;
    padding-left: 15px;
  }
}
.about__text .desc {
  font-size: 18px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about__text .desc {
    font-size: 17px;
    line-height: 1.6;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .about__text {
    padding-left: 0;
    margin-top: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about__text {
    margin-top: 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .about__text-2 {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about__text-2 {
    margin-top: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about__text-4 {
    margin-top: 30px;
  }
}
.about__list ul li {
  display: inline-block;
}
.about__list ul li:not(:last-child) {
  margin-right: 50px;
}
.about__list ul li i {
  width: 40px;
  height: 40px;
  display: inline-block;
  text-align: center;
  line-height: 40px;
  color: #5784aa;
  font-size: 14px;
  border-radius: 50%;
  transition: all 0.5s;
  background: #fff2f1;
  margin-right: 15px;
}
.about__list ul li:hover i {
  color: #fff;
  background-color: #5784aa;
}
.about__list ul li h6 {
  display: inline-block;
  font-size: 18px;
  line-height: 32px;
}
.about__list-1 ul li {
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 !important;
}
.about__list-1 ul li:first-child {
  border: 0 !important;
}
.about__list-2 ul li {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  border: 0 !important;
}
.about__meta {
  display: flex;
  align-items: center;
}
.about__meta--text {
  padding-left: 30px;
}
.about__meta--text h5 {
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 0;
}
.about__meta--text p {
  font-size: 14px;
  line-height: 1;
  margin-top: 6px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .about__meta-2 {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about__meta-2 {
    margin-top: 25px;
  }
}
.about__thumb-3 {
  position: relative;
}
.about__thumb-3 .about__meta-3 {
  background-color: #5784aa;
  position: absolute;
  top: 50%;
  border-radius: 10px;
  left: -150px;
  padding: 30px 50px;
  transform: translateY(-50%);
}
.about__thumb-3 .about__meta-3 i {
  display: inline-block;
  line-height: 1;
}
.about__thumb-3 .about__meta-3 i.glyph-icon::before {
  font-size: 60px;
  line-height: 1;
  color: #fff;
}
.about__thumb-3 .about__meta-3 h5 {
  color: #fff;
  margin-top: 17px;
  line-height: 1;
}
@media only screen and (max-width: 1480px) {
  .about__thumb-3 .about__meta-3 {
    left: -35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about__thumb-3 .about__meta-3 {
    padding: 10px 31px;
    bottom: 30px;
  }
}
.about__thumb-3 .about__meta-action a {
  position: absolute;
  right: 23px;
  top: 23px;
  line-height: 1;
  font-size: 20px;
  color: #fff;
  transform: rotate(-45deg);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about__thumb-3 img {
    width: 100%;
  }
}
.about__desc-2 {
  border-top: 1px solid #ddd;
  padding-top: 30px;
  margin-top: 40px;
}
.about__box-icon {
  box-shadow: 0px 8px 16px 0px #0000000a;
  border: 2px solid #f2f2f2;
  display: inline-block;
  text-align: center;
  padding: 28px 35px;
  -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;
  border-radius: 10px;
}
.about__box-icon:not(:last-child) {
  margin-right: 15px;
}
.about__box-icon span {
  display: block;
  line-height: 1;
  color: #999999;
  font-size: 14px;
  margin-top: 15px;
}
.about__box-icon i {
  display: inline-block;
  width: fit-content;
  line-height: 1;
  color: #5784aa;
  font-size: 55px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .about__box-icon i::before {
    font-size: 40px;
  }
}
.about__box-icon:hover {
  box-shadow: none;
}
@media only screen and (max-width: 1480px) {
  .about__box-icon-3:not(:last-child) {
    margin-right: 3px;
  }
}
@media (max-width: 767px) {
  .about__box-icon-3 {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .about__box-icon {
    padding: 11px 13px;
  }
}
@media (max-width: 767px) {
  .about__box-icon {
    padding: 21px 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about__left-3 {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .about__left-3 {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .about__icon-wrapper {
    margin-top: 0;
  }
}
.gallery__img {
  display: inline-block;
  position: relative;
}
.gallery__img a {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 30px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease-out;
  line-height: 30px;
  z-index: 9;
}
.gallery__img::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  height: 100%;
  background-color: black;
  content: "";
  transition: all 0.5s ease-out;
}
.gallery__img:hover::after {
  opacity: 1;
  opacity: 0.702;
  visibility: visible;
}
.gallery__img:hover a {
  opacity: 1;
  visibility: visible;
}
.breadcrumb__height {
  min-height: 500px;
}
.breadcrumb__text {
  position: relative;
  z-index: 99;
}
.breadcrumb__text span {
  font-size: 16px;
  color: #fff;
}
.breadcrumb__text h2 {
  font-size: 60px;
  color: #fff;
  margin-top: 23px;
  line-height: 1;
}
@media (max-width: 767px) {
  .breadcrumb__text h2 {
    font-size: 47px;
    margin-top: 20px;
  }
}
.breadcrumb-item:not(:first-child)::before {
  content: "|" !important;
}
.breadcrumb-item a {
  font-size: 16px;
  color: #d6d6d6;
}
.feed__thumb img {
  width: auto !important;
}
.about__info a i {
  -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;
}
.about__info a:hover {
  background-color: #5784aa !important;
}
.about__info a:hover i {
  color: #fff !important;
}
span.price {
  color: #5784aa;
  font-size: 18px;
  font-weight: 700;
}
@media only screen and (max-width: 992px) {
  .about__text-5 {
    padding-left: 0;
  }
}
@media only screen and (max-width: 1200px) {
  .about-area-new {
    margin-top: 50px;
    margin-bottom: 0;
    padding-bottom: 80px;
    padding-top: 30px;
  }
}
@media only screen and (max-width: 1200px) {
  .about-padding {
    margin-bottom: 0;
  }
}
.about__left .about__box-icon {
  margin-right: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-area-1 {
    padding-bottom: 70px;
  }
}
/****************************************************
7. featured
*****************************************************/
@media (max-width: 767px) {
  .featured-area {
    margin-top: 50px;
  }
}
.featured__product {
  background-color: #fff;
  padding: 58px 0;
  border-radius: 10px;
}
.featured__product-img {
  position: relative;
  overflow: hidden; /* Keeps the overlay inside the border radius */
  border-radius: 10px;
  text-align: center;
}
.featured__product-img img {
  transition: all 0.5s ease-out;
}
/* The Overlay Styling */
.product-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #5784aa;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in-out;
  z-index: 2;
}
/* The Paragraph Styling */
.product-overlay p {
  color: #fff;
  font-size: 18px;
  line-height: 1.6;
  text-align: center;
  margin: 0;
  transform: translateY(20px); /* Small slide-up effect */
  transition: transform 0.4s ease-in-out;
}
.st p {
  font-size: 15px;
}
.product-overlay a {
  color: #fff;
  text-decoration: underline;
}
.product-overlay a:hover {
  text-decoration: none;
}
/* Hover State */
.featured__product:hover .product-overlay {
  opacity: 1;
  visibility: visible;
}
.featured__product:hover .product-overlay p {
  transform: translateY(0);
}
/* Optional: Keep the image from disappearing entirely */
.featured__product:hover .featured__product-img img {
  opacity: 0.3; /* Subtle ghosting of the image behind the text */
  transform: scale(1.1); /* Slight zoom for extra polish */
}
@media only screen and (max-width: 1480px) {
  .featured__product-img img {
    max-width: 320px;
    height: 100%;
    object-fit: cover;
  }
}
.featured__product-img .secondary {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  width: auto !important;
}
.featured__product-img span.onsale {
  position: absolute;
  left: 50px;
  top: -22px;
  width: 80px;
  height: 80px;
  background: #5784aa;
  border-radius: 80px;
  line-height: 80px;
  font-size: 14px;
  text-align: center;
  font-weight: 700;
  color: #fff;
}
.featured__product:hover .featured__product-img img {
  opacity: 0;
  visibility: hidden;
}
.featured__product:hover .featured__product-img img.secondary {
  opacity: 1;
  visibility: visible;
}
.featured__product span .price {
  font-size: 18px;
  font-weight: 700;
  line-height: 58px;
  color: #5784aa;
}
.featured__product h4 {
  font-size: 18px;
  line-height: 21px;
  margin-top: 10px;
  margin-bottom: 0;
}
.featured__product h4:hover a {
  color: #5784aa !important;
}
.featured__product:hover .product-action__icon {
  opacity: 1;
  visibility: visible;
}
.product-action {
  position: absolute;
  bottom: 50px;
  left: 0;
  right: 0;
  text-align: center;
}
.product-action__icon {
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
}
.product-action__icon a {
  width: 50px;
  height: 50px;
  background: #fff;
  box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.08);
  color: #777777;
  display: inline-block;
  text-align: center;
  line-height: 50px;
  margin-left: 2.5px;
  margin-right: 2.5px;
  border-radius: 10px;
}
.product-action__icon a:hover {
  background-color: #5784aa;
  color: #fff;
}
@media (max-width: 767px) {
  .features__area {
    padding-top: 70px;
  }
}
.features__text {
  background-color: #fff;
  padding: 100px 83px;
  padding-top: 80px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  padding-bottom: 95px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .features__text {
    padding: 30px;
  }
}
@media only screen and (max-width: 1480px) {
  .features__text {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .features__text {
    padding: 30px;
  }
}
.features__area nav {
  padding: 30px 0;
}
.feature__text {
  overflow: hidden;
}
.feature__logo {
  float: left;
  margin-right: 30px;
}
@media (max-width: 767px) {
  .feature__logo {
    float: none;
    margin-right: 0;
    margin-bottom: 15px;
  }
}
.feature__text h4 {
  font-size: 20px;
  line-height: 1;
  margin-bottom: 15px;
}
.feature__text p {
  font-size: 14px;
  line-height: 24px;
}
.feature__text span {
  display: block;
}
@media only screen and (max-width: 1480px) {
  .feature__img {
    height: 100%;
  }
}
@media only screen and (max-width: 1480px) {
  .feature__img img {
    height: 100%;
    object-fit: cover;
  }
}
.gray-bg {
  background-color: #f9f9f9;
}
.pb-445 {
  padding-bottom: 445px;
}
@media (max-width: 767px) {
  .pb-445 {
    padding-bottom: 70px;
  }
}
a.featured-btn {
  font-size: 16px;
  line-height: 32px;
  color: rgba(255, 255, 255, 0.7);
  font-weight: 700;
  padding-left: 35px;
}
a.featured-btn i {
  padding-left: 10px;
  vertical-align: middel;
  font-size: 14px;
  color: #ddcec0;
  -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.featured-btn span {
  vertical-align: middle;
  font-size: 16px;
  line-height: 32px;
  padding-left: 10px;
  color: #999999;
}
a.featured-btn:hover {
  color: #5784aa;
}
a.featured-btn:hover i {
  color: #5784aa;
  padding-left: 15px;
}
@media (max-width: 767px) {
  a.featured-btn {
    padding: 0;
    display: block;
    margin-top: 17px;
  }
}
.features__tab ul li button {
  line-height: 1;
  padding: 24px 94px;
  display: inline-block;
  background: #fff;
  background-color: #fff;
  color: #000000;
  border-radius: 10px;
  margin: 0 10px;
}
.features__tab ul li button.nav-link.active {
  background-color: #5784aa;
  color: #fff;
}
@media only screen and (max-width: 1700px) {
  .features__tab ul li button {
    padding: 21px 56px;
    margin-right: 16px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 992px) {
  .features__tab ul li button {
    padding: 18px 36px;
  }
}
@media (max-width: 767px) {
  .features__tab ul li button {
    padding: 16px 17px;
    margin-right: 7px;
    margin-bottom: 10px;
    font-size: 14px;
  }
}
.features__wrapper {
  border-radius: 15px;
  overflow: hidden;
}
.features__tab ul {
  justify-content: center;
}
.feature-btn-2 {
  color: #777 !important;
}
.feature-btn-2:hover {
  color: #5784aa !important;
}
.features__tab ul li button {
  font-size: 16px;
  font-family: "Prata", serif;
  font-weight: 400;
}
/****************************************************
8. info
*****************************************************/
.info__area {
  position: fixed;
  right: -100%;
  opacity: 0;
  visibility: hidden;
  top: 0;
  padding: 30px;
  width: 350px;
  transition: all 0.5s;
  height: 100%;
  z-index: 99;
}
.info__area h4 {
  position: relative;
  font-size: 18px;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.info__area h4::after {
  position: absolute;
  left: 0;
  content: "";
  bottom: 0;
  width: 100px;
  height: 2px;
  background-color: #b57751;
}
.info__visible {
  right: 0;
  visibility: visible;
  opacity: 1;
}
.info__close-icon {
  margin-bottom: 30px;
}
.info__close-icon button {
  color: #222;
  font-size: 20px;
  border: 0;
  text-align: center;
  background: transparent;
  width: 40px;
  height: 40px;
  border: 1px solid #ddd;
  cursor: pointer;
}
.text-right {
  text-align: right;
}
/* 4. popup */
.search-popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
  background-color: #fff;
  z-index: 999;
}
.search-popup .search-form {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.search-popup form {
  width: 850px;
  position: relative;
}
.search-popup form input {
  width: 100%;
  height: 60px;
  padding-left: 20px;
  border: 1px solid #ddcec0;
}
.search-popup form button {
  border: 0;
  color: #222;
  background: transparent;
  font-size: 20px;
  height: 60px;
  position: absolute;
  right: 0;
  top: 0;
  width: 55px;
}
.search-close button {
  position: fixed;
  right: 30px;
  top: 30px;
  border: 0;
  background: transparent;
  color: #222;
  font-size: 27px;
  cursor: pointer;
  font-weight: 600;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #ddd;
}
.visible {
  opacity: 1;
  visibility: visible;
}
/****************************************************
10. pricing
*****************************************************/
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .pricing-area {
    padding-top: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pricing-area {
    padding-top: 70px;
  }
}
@media (max-width: 767px) {
  .pricing-area {
    padding-top: 50px;
  }
}
@media (max-width: 767px) {
  .pricing-area-4 {
    padding-top: 70px;
  }
}
.pricing__box {
  position: relative;
  padding: 30px 0;
}
.pricing__box::before, .pricing__box::after {
  position: absolute;
  left: 130px;
  border-radius: 10px;
  top: 0;
  bottom: 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;
  right: 0;
  z-index: -1;
  content: "";
  background-color: #f9f9f9;
}
@media (max-width: 767px) {
  .pricing__box::before, .pricing__box::after {
    display: none;
  }
}
@media (max-width: 767px) {
  .pricing__box {
    padding-bottom: 0;
    padding-top: 0;
  }
}
.pricing__box .pricing__text p {
  font-size: 14px;
  -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;
}
.pricing__box-4::before {
  display: none;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .pricing__box-4 img {
    width: 100%;
  }
}
.pricing__box:hover::after {
  opacity: 1;
  visibility: visible;
}
.pricing__box:hover .pricing__text h4, .pricing__box:hover .pricing__text p {
  -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;
  color: #fff;
}
.pricing__box .price-bg-img {
  width: calc(100% - 130px);
  background-size: cover;
  height: 0;
  position: absolute;
  right: 0;
  background-repeat: no-repeat;
  bottom: 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-radius: 10px;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pricing__box .price-bg-img {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .pricing__box .price-bg-img {
    width: 100%;
  }
}
.pricing__box .price-bg-img::after {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  content: "";
  opacity: 0.8;
  background-color: #721612;
}
.pricing__box:hover .price-bg-img {
  top: 0;
  bottom: auto;
  height: 100%;
}
.pricing__text {
  color: #777;
  font-size: 14px;
  overflow: hidden;
  padding-left: 40px;
  font-weight: 400;
  position: relative;
  z-index: 9;
}
.pricing__text ul li {
  border-bottom: 0;
  margin-top: 5px;
  padding-bottom: 0;
  overflow: hidden;
  margin-bottom: 0;
}
.pricing__text .appoint__list {
  padding-right: 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .pricing__text .appoint__list ul li p {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .pricing__text .appoint__list ul li p {
    font-size: 14px;
    line-height: 1.3;
    margin-bottom: 5px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .pricing__text .appoint__list {
    padding-right: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .pricing__text .appoint__list {
    padding-right: 10px;
  }
}
@media (max-width: 767px) {
  .pricing__text .appoint__list {
    margin-top: 10px;
    padding-right: 0;
  }
}
.pricing__text .appoint__list-4 {
  padding-right: 0;
  margin-top: 15px;
}
.pricing__text .appoint__list-4 ul li p {
  font-size: 14px;
}
.pricing__text h4 {
  font-size: 24px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .pricing__text h4 {
    font-size: 21px;
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .pricing__text h4 {
    margin-bottom: 0;
  }
}
.pricing__text h4:hover a {
  color: #fff;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .pricing__text {
    padding-left: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .pricing__text {
    padding-left: 20px;
  }
}
@media (max-width: 767px) {
  .pricing__text {
    padding-left: 0;
    margin-top: 30px;
  }
}
.pricing__text-4 {
  padding-left: 0;
  background-color: #fff;
  padding: 35px 40px;
  padding-top: 75px;
  border: 2px solid #eeeeee;
  z-index: -1;
  margin-top: -30px;
  border-radius: 10px;
}
.pricing__text-4 ul li span {
  color: #5784aa;
}
@media (max-width: 767px) {
  .pricing__text-4 ul li span {
    display: block;
    float: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .pricing__text-4 {
    padding: 35px 15px;
  }
}
.pricing__text-4 h4:hover a {
  color: #5784aa !important;
}
@media (max-width: 767px) {
  .pricing__text {
    padding-left: 0;
    margin-top: 30px;
    padding: 0 30px;
    padding-bottom: 30px;
  }
}
.pricing__img {
  float: left;
  position: relative;
  z-index: 9;
}
@media (max-width: 767px) {
  .pricing__img {
    float: none;
  }
}
.pricing__img-4 {
  float: none;
  text-align: center;
  width: fit-content;
  margin: auto;
  overflow: hidden;
  border-radius: 10px;
}
.pricing__img-4 img {
  -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;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .pricing__img img {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .pricing__img img {
    width: 100%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .price-area__4 {
    margin-top: 70px;
    padding-top: 70px;
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .price-area__4 {
    padding-top: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pricing__box-4 {
    margin-bottom: 0;
  }
}
.pricing__box-4:hover .pricing__text {
  position: relative;
}
.pricing__box-4:hover .pricing__text h4 {
  color: #000000;
}
.pricing__box-4:hover img {
  transform: scale(1.1);
}
.pricing__box-4:hover p {
  color: #777777 !important;
}
.pricing__text-4 {
  z-index: 2;
}
@media (max-width: 767px) {
  .pricing__text-4 {
    padding-left: 0;
    padding: 56px 14px;
    padding-bottom: 30px;
    margin-top: -10px;
  }
}
.pricing__img-4 {
  z-index: 3;
}
/****************************************************
11. slider
*****************************************************/
.header-transparent {
  position: absolute;
  left: 0;
  z-index: 99;
  right: 0;
  top: 0;
}
.slider-2 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.slider-area {
  background-position: bottom center;
}
.slider-height {
  min-height: 980px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-height {
    min-height: 750px;
  }
}
@media (max-width: 767px) {
  .slider-height {
    min-height: 600px;
  }
}
.slider-height-2 {
  min-height: 700px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .slider-height-2 {
    min-height: 550px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-height-2 {
    min-height: 505px;
  }
}
@media (max-width: 767px) {
  .slider-height-2 {
    min-height: 500px;
  }
}
.slider-height-3 {
  min-height: 615px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-height-3 {
    min-height: 550px;
  }
}
@media (max-width: 767px) {
  .slider-height-3 {
    min-height: 500px;
  }
}
.slider-height-4 {
  min-height: 1000px;
}
.slider-text {
  position: relative;
  z-index: 99;
}
.slider-text span {
  color: #5784aa;
  font-size: 18px;
  font-weight: 500;
}
.slider-text h2 {
  font-size: 60px;
  line-height: 1.15;
  margin-top: 18px;
  font-weight: 400;
}
@media (max-width: 767px) {
  .slider-text h2 {
    font-size: 50px;
    line-height: 1.2;
  }
}
@media only screen and (max-width: 600px) {
  .slider-text h2 {
    font-size: 25px;
    margin-top: 5px;
  }
}
.slider-text p {
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 46px;
}
@media (max-width: 767px) {
  .slider-text p {
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 20px;
  }
}
.slider-text__2 h2 {
  font-size: 140px;
  margin-bottom: 55px;
  line-height: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .slider-text__2 h2 {
    font-size: 89px;
    margin-bottom: 37px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-text__2 h2 {
    font-size: 80px;
  }
}
@media (max-width: 767px) {
  .slider-text__2 h2 {
    font-size: 57px;
    line-height: 1;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .slider-text__2 {
    margin-top: 0 !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-text__2 {
    margin-top: 0 !important;
  }
}
@media (max-width: 767px) {
  .slider-text__2 {
    margin-top: 0 !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .slider-text {
    margin-top: 140px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-text {
    margin-top: 150px;
  }
}
@media (max-width: 767px) {
  .slider-text {
    margin-top: 70px;
  }
}
.slider-text-4 {
  position: relative;
  z-index: 9;
}
.slider-text-4 span {
  font-size: 18px;
  font-weight: 400;
  margin-top: 40px;
}
.slider-text-4 h2 {
  font-size: 60px;
  color: #fff;
  margin-top: 20px;
  line-height: 1.17;
}
@media only screen and (max-width: 1200px) {
  .slider-text-4 h2 {
    font-size: 43px;
  }
}
.slider-text.has-border span {
  display: block;
}
.slider-text.has-border h2 {
  border-bottom: 1px solid #e2e2e2;
  padding-bottom: 30px;
  display: inline-block;
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  .slider-text.has-border h2 {
    padding-bottom: 9px;
    margin-bottom: 6px;
  }
}
.slider-text-5 {
  padding: 0 15px;
  margin-left: 0;
}
@media only screen and (max-width: 1700px) and (min-width: 1480px) {
  .slider-text-5 {
    padding: 0 87px;
  }
}
.slider__box {
  background: #fff;
  padding: 40px;
  position: absolute;
  right: 0;
  bottom: 0;
}
.slider__box--inner {
  padding-top: 59px;
  position: relative;
}
.slider__box--inner h3 {
  margin-bottom: 0;
  font-size: 80px;
  line-height: 50px;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .slider__box--inner h3 {
    font-size: 52px;
    line-height: 36px;
    margin-bottom: 4px;
  }
}
.slider__box--inner::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 15px;
  height: 15px;
  background-color: #5784aa;
  content: "";
  clip-path: polygon(0 0, 100% 0, 0 100%, 0 0);
}
@media (max-width: 767px) {
  .slider__box {
    padding: 20px;
  }
}
.slider__play a {
  position: absolute;
  width: 100px;
  height: 100px;
  right: -85px;
  top: 0;
  background: #fff;
  font-size: 18px;
  line-height: 100px;
  display: inline-block;
  text-align: center;
  color: #5784aa;
  border-radius: 50%;
}
.slider__play a::after, .slider__play a::before {
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
  right: 0;
  bottom: 0;
  z-index: -1;
  border: 1px solid #c0c2c1;
  content: "";
}
.slider__play a::after, .slider__play a::before {
  animation-name: scaleAnimation;
  animation-duration: 3s;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
}
@media (max-width: 767px) {
  .slider__play a {
    width: 80px;
    height: 80px;
    right: -46px;
    top: -37px;
    line-height: 80px;
  }
}
.slider__play a:hover {
  background-color: #5784aa;
  color: #fff;
}
.slider__play-btn-4 a {
  width: 80px;
  height: 80px;
  display: inline-block;
  text-align: center;
  line-height: 80px;
  color: #fff;
  border: 1px solid #a76764;
  border-radius: 50%;
  font-size: 14px;
}
.slider__play-btn-4 a:hover {
  background-color: #fff;
  color: #5784aa;
}
.slider__item {
  display: inline-block;
  width: 115px;
  height: 130px;
  padding-top: 10px;
  -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-radius: 10px;
  border: 2px solid #a95854;
  text-align: center;
  margin-right: 10px;
  color: #fff;
}
.slider__item i {
  margin-bottom: 5px;
}
.slider__item i::before {
  color: #fff;
}
.slider__item span {
  display: block;
  margin: 0;
  margin-top: 10px;
  font-size: 14px;
  font-weight: 700;
  -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;
  line-height: 1;
}
.slider__item:hover {
  background-color: #fff;
  color: #5784aa;
}
.slider__item:hover span {
  color: #000000;
}
.slider__item:hover i::before {
  color: #5784aa;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .slider__left-2 {
    margin-top: 200px;
  }
}
@keyframes scaleAnimation {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.4);
    opacity: 0;
  }
}
.single-slider-3 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.has-red-overlay {
  position: relative;
}
.has-red-overlay::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #5784aa;
  opacity: 94%;
  content: "";
}
.slider__item-box {
  padding: 25px 0;
  height: auto;
}
@media (max-width: 767px) {
  .slider__item-box {
    margin-bottom: 15px;
  }
}
.slider__item-box i {
  line-height: 1;
  font-size: 47px;
}
/****************************************************
12. team
*****************************************************/
@media (max-width: 767px) {
  .team-area {
    padding-top: 70px;
  }
}
@media (max-width: 767px) {
  .team-area-4 {
    margin-top: 0px;
  }
}
.team__img img {
  max-width: 100%;
}
@media only screen and (max-width: 1480px) {
  .team__img img {
    max-width: 84%;
  }
}
@media (max-width: 767px) {
  .team__img img {
    width: 86%;
    max-width: auto;
  }
}
.team__left p {
  font-size: 18px;
  line-height: 30px;
  margin-top: 25px;
  padding-top: 33px;
  border-top: 1px solid #ddd;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team-title-spacing {
    margin-bottom: 0;
  }
}
.testimonial__text {
  margin-top: 32px;
}
.testimonial__text span {
  font-size: 14px;
  transition: all 0.5s;
  display: block;
  line-height: 30px;
  color: #5784aa;
  font-weight: 700;
}
.testimonial__text h4 {
  font-size: 24px;
  transition: all 0.5s;
  line-height: 30px;
}
.testimonial__img {
  width: fit-content;
  height: fit-content;
  margin: auto;
  display: inline-block;
  position: relative;
}
.testimonial__img-inner {
  position: absolute;
  left: 0;
  transition: 0.5s ease-out;
  display: flex;
  transition: all 0.5s;
  opacity: 0;
  visibility: hidden;
  align-items: center;
  justify-content: center;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  background-color: rgba(158, 75, 71, 0.5);
}
.testimonial-social a {
  color: #fff;
  font-size: 16px;
  padding-left: 8px;
  display: inline-block;
  padding-right: 8px;
}
.testimonial__active.slick-slide {
  position: static;
}
.p-static {
  position: static;
}
.p-rel {
  position: relative;
}
.testimonial__active .slick-dots, .appoint__active .slick-dots {
  position: absolute;
  left: 0;
  bottom: 0;
}
.testimonial__active .slick-dots li, .appoint__active .slick-dots li {
  display: inline-block;
}
@media (max-width: 767px) {
  .testimonial__active .slick-dots li:not(:last-child), .appoint__active .slick-dots li:not(:last-child) {
    margin-bottom: 20px;
  }
}
.testimonial__active .slick-dots button, .appoint__active .slick-dots button {
  margin-right: 10px;
  width: 60px;
  height: 60px;
  transition: all 0.3s ease-out;
  color: #5784aa;
  border: none;
  background: #fff2f1;
  border-radius: 10px;
  font-size: 16px;
  line-height: 30px;
  font-weight: 700;
}
.testimonial__active .slick-dots button:hover, .appoint__active .slick-dots button:hover {
  background-color: #5784aa;
  color: #fff;
}
@media only screen and (max-width: 992px) {
  .testimonial__active .slick-dots button:hover, .appoint__active .slick-dots button:hover {
    background-color: #ff786e;
    color: #fff;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial__active .slick-dots, .appoint__active .slick-dots {
    margin-top: 80px;
    position: static;
  }
}
@media (max-width: 767px) {
  .testimonial__active .slick-dots, .appoint__active .slick-dots {
    margin-top: 80px;
    position: static;
  }
}
.testimonial__active .slick-active button, .appoint__active .slick-active button {
  background-color: #5784aa;
  color: #fff;
}
@media only screen and (max-width: 992px) {
  .testimonial__active .slick-active button, .appoint__active .slick-active button {
    background-color: #ff786e;
  }
}
.single-team {
  position: relative;
  border-radius: 10px;
}
@media (max-width: 767px) {
  .single-team-team {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-team-2 {
    margin-top: 59px !important;
  }
}
.single-team .team__img {
  transform: translateY(-60px);
  position: relative;
  z-index: 9;
}
.single-team .team__img--action {
  position: absolute;
  z-index: 9;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
}
.single-team .team__img--action a {
  width: 50px;
  height: 50px;
  display: inline-block;
  background: #5784aa;
  color: #fff;
  text-align: center;
  line-height: 50px;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.single-team .team__text {
  margin-top: -25px;
  padding-left: 40px;
  position: relative;
  z-index: 9;
}
.single-team .team__text h4 {
  font-size: 24px;
  transition: all 0.5s;
  line-height: 30px;
}
.single-team .team__text h4 a:hover {
  color: #fff;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .single-team .team__text h4 {
    font-size: 19px;
  }
}
.single-team .team__text span {
  font-size: 14px;
  line-height: 30px;
  transition: all 0.5s;
  color: #5784aa;
}
.single-team .team__social {
  position: absolute;
  right: 15px;
  top: 20px;
  z-index: 9;
}
.single-team .team__social a {
  color: #bbbbbb;
  font-size: 14px;
  line-height: 40px;
}
.single-team .team__social a:hover {
  color: #fff;
}
.single-team::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #f9f9f9;
  content: "";
  border-radius: 10px;
  transition: all 0.5s;
}
.single-team:hover::after {
  background-color: #5784aa;
  opacity: 0.9;
}
.single-team:hover .team__text h4 {
  color: #fff;
}
.single-team:hover .team__text span {
  color: #fff;
}
.single-team:hover .team__img--action {
  opacity: 1;
  visibility: visible;
}
.single__testimonial {
  background-color: #f9f9f9;
  padding: 50px 0;
  transition: all 0.5s ease-out;
}
.single__testimonial:hover {
  background-color: #5784aa;
}
.single__testimonial:hover .testimonial__text h4 {
  color: #fff;
}
.single__testimonial:hover .testimonial__text span {
  color: #fff;
}
.single__testimonial:hover .testimonial__img-inner {
  opacity: 1;
  visibility: visible;
}
.single-team {
  width: 330px;
}
@media only screen and (max-width: 1480px) {
  .single-team {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .single-team {
    margin-bottom: 100px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-team:last-child {
    margin-top: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team-margin {
    margin-top: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .doctor-box__2 {
    overflow: hidden;
    margin-top: 70px;
    margin-bottom: 70px;
  }
}
.box__item .user__thumb img {
  border-radius: 50%;
}
/****************************************************
13. service
*****************************************************/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-area__3 {
    margin-top: 0;
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .service-area__3 {
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-area {
    padding-top: 80px;
  }
}
@media (max-width: 767px) {
  .service-area {
    padding-top: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-area-2 {
    margin-top: 90px;
    padding-bottom: 90px;
  }
}
@media (max-width: 767px) {
  .service-area-2 {
    margin-top: 70px;
    padding-bottom: 70px;
  }
}
@media only screen and (max-width: 1250px) {
  .service-area-4 {
    padding-bottom: 96px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .service-area-4 {
    padding-bottom: 96px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-area-4 {
    padding-bottom: 96px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .service-area-4 {
    padding-bottom: 96px;
  }
}
.service__left--img img {
  object-fit: cover;
}
@media only screen and (min-width: 1200px) and (max-width: 1415px) {
  .service__left--img img {
    width: 100%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .service__left--img img {
    width: 100%;
  }
}
.service__text h4 {
  font-size: 24px;
  line-height: 34px;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .service__text h4 {
    margin-top: 0;
  }
}
.service__text p {
  margin-top: 13px;
  font-size: 16px;
}
.service__text-2 h4 {
  font-size: 20px;
  line-height: 1;
  margin-bottom: 20px;
}
.service__text-2 p {
  color: #777777;
  font-size: 14px;
  line-height: 1.5;
}
@media (max-width: 767px) {
  .service__text-2 p {
    font-size: 17px;
    margin-bottom: 0;
    margin-top: 0;
  }
}
.service__text-2 h4 {
  line-height: 1;
  margin-bottom: 25px;
  font-size: 30px;
}
.service__text-2 p {
  font-size: 18px;
  line-height: 1.8;
  margin-bottom: 25px;
}
.service__text-3 h4 {
  font-size: 20px;
  margin-top: 40px;
  margin-bottom: 0;
}
.service__box {
  padding: 30px 45px;
  border-right: 1px solid #f1f1f1;
  padding-bottom: 40px;
}
@media only screen and (max-width: 1400px) {
  .service__box {
    border: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .service__box {
    padding: 50px 6px;
  }
}
@media only screen and (max-width: 1200px) {
  .service__box {
    padding: 0 31px !important;
  }
}
@media (max-width: 767px) {
  .service__box {
    padding: 30px 45px;
    border: 0;
  }
}
.service__box-3 {
  border: 2px solid #f2f2f2;
  border-radius: 10px;
  box-shadow: 0px 8px 16px 0px #0000000a;
  padding: 20px 35px;
  overflow: hidden;
  display: flex;
  align-items: center;
  position: relative;
  -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;
}
.service__box-3 .service__icon i::before {
  color: #5784aa;
}
.service__box-3 .service__text {
  overflow: hidden;
  padding-left: 30px;
}
.service__box-3 .service__text h4 {
  font-size: 20px;
  line-height: 1;
  margin-top: 0;
  margin-bottom: 10px;
}
.service__box-3 .service__text p {
  margin-top: 0;
  font-size: 14px;
  line-height: 1;
  margin: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .service__box-3 .service__text {
    padding-left: 9px;
  }
}
@media (max-width: 767px) {
  .service__box-3 .service__text {
    padding-left: 15px;
  }
}
.service__box-3 .service__action a {
  font-size: 20px;
  color: #eaeaea;
  transform: rotate(-45deg);
  position: absolute;
  right: 20px;
  top: 20px;
  line-height: 1;
}
.service__box-3:hover {
  box-shadow: none;
}
.service__box-3:hover .service__action a {
  color: #5784aa;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .service__box-3 {
    padding: 13px 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service__box-3 {
    padding: 15px 7px;
  }
}
@media (max-width: 767px) {
  .service__box-3 {
    padding: 0px 11px;
  }
}
.service__box-2 {
  background-color: #fff;
  padding: 50px 20px;
  padding-bottom: 45px;
}
.service__middle {
  font-size: 36px;
  line-height: 46px;
}
@media only screen and (min-width: 1200px) and (max-width: 1415px) {
  .service__middle {
    padding-left: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .service__middle {
    padding-left: 30px;
  }
}
@media (max-width: 767px) {
  .service__middle {
    margin-top: 30px;
  }
}
.service__middle--text h4 {
  font-size: 36px;
  line-height: 46px;
  margin-top: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .service__middle--text h4 {
    font-size: 26px;
    line-height: 1.2;
    margin-top: 22px;
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .service__middle--text h4 {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .service__middle--text h4 br {
    display: none;
  }
}
.service__middle--text p {
  font-size: 18px;
  padding-right: 64px;
  margin-top: 20px;
  padding-right: 92px;
}
@media only screen and (max-width: 1250px) {
  .service__middle--text p {
    padding-right: 40px;
  }
}
.service__middle--text ul li {
  display: block;
  margin-right: 0;
}
.service__middle--img i {
  line-height: 1;
}
.service__middle--img i::before {
  font-size: 80px;
  color: #5784aa;
}
@media only screen and (max-width: 1700px) {
  .service {
    padding-top: 50px;
  }
}
.service__logo i {
  font-size: 48px;
  line-height: 80px;
}
.service__logo i::before {
  text-align: center;
  line-height: 100px;
  padding-left: 8px;
}
.service__logo-2 {
  width: 100px;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0px 8px 16px 0px #0000000f;
  position: relative;
  margin-bottom: 20px;
  z-index: 1;
}
.service__logo-2:after, .service__logo-2:before {
  width: 15px;
  height: 15px;
  background-color: #5784aa;
  border-radius: 50%;
  content: "";
  position: absolute;
  left: 0;
  top: 17px;
  z-index: -1;
}
.service__logo-2:before {
  bottom: 17px;
  top: 77%;
  left: 79px;
  right: 0;
}
.service__logo-2 i {
  color: #5784aa;
  line-height: 100px;
}
.service__tabs .tab__box i::before {
  font-size: 80px;
  color: #5784aa;
}
.service__tabs button.active {
  background-color: #5784aa;
}
.tab__1 {
  overflow: hidden;
}
.tab__1 ul {
  flex-direction: column;
  width: fit-content;
  float: left;
}
.tab__1 ul li {
  padding: 0;
}
.tab__1 ul li button.nav-link {
  padding: 0;
  margin-bottom: 25px;
}
.tab__1 ul li button.nav-link i::after {
  color: #5784aa;
}
.tab__1 ul li button.nav-link.active {
  background-color: #5784aa;
  position: relative;
}
.tab__1 ul li button.nav-link.active span {
  color: #fff;
}
.tab__1 ul li button.nav-link.active::after {
  position: absolute;
  right: -9px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  border: 0;
  height: 18px;
  clip-path: polygon(0 0, 100% 50%, 0 100%, 0 0);
  background-color: #5784aa;
  content: "";
}
@media (max-width: 767px) {
  .tab__1 ul li button.nav-link.active::after {
    right: auto;
    top: 99%;
    transform: translateY(0);
    clip-path: polygon(0 0, 100% 0, 50% 80%);
    left: 50%;
    transform: translateX(-50%);
  }
}
.tab__1 ul li button.nav-link.active i::before {
  color: #fff !important;
}
.tab__1 ul li button.nav-link.active .tab-box {
  border: 0;
}
@media (max-width: 767px) {
  .tab__1 ul li button {
    margin: 0 10px;
  }
}
@media (max-width: 767px) {
  .tab__1 ul {
    flex-direction: row;
    justify-content: center;
    width: 100%;
  }
}
.tab__box {
  border: 1px solid #ddd !important;
  padding: 45px 57px !important;
  text-align: center;
}
@media only screen and (max-width: 1480px) {
  .tab__box {
    padding: 43px 40px;
  }
}
@media (max-width: 767px) {
  .tab__box {
    padding: 25px 40px;
  }
}
.tab__box span {
  display: block;
  font-size: 14px;
  color: #777777;
  margin-top: 0;
  line-height: 1;
}
.tab__box i {
  margin-left: 7px;
  margin-bottom: 15px;
  line-height: 1;
  display: block;
}
blockquote {
  padding-left: 35px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-left: 2px solid #5784aa;
}
blockquote h6 {
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 0;
}
blockquote span {
  font-size: 14px;
  color: #5784aa;
  line-height: 1;
  margin-top: 15px;
  display: block;
}
.nav-link.active span {
  color: #fff;
}
@media (max-width: 767px) {
  .service__icon i::before {
    font-size: 85px;
  }
}
@media (max-width: 767px) {
  .service__middle--text {
    padding: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-area-1 {
    padding-bottom: 70px;
  }
}
/****************************************************
14. news
*****************************************************/
@media (max-width: 767px) {
  .news__thumb-4 {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .news-area {
    margin-top: 70px;
  }
}
@media (max-width: 767px) {
  .news-area-3 {
    margin-top: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .news-area-2 {
    margin-top: 90px !important;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .news-area-2 {
    margin-top: 90px !important;
  }
}
@media (max-width: 767px) {
  .news-area-2 {
    margin-top: 90px !important;
  }
}
.news__meta {
  margin-top: 25px;
  color: #5784aa;
  font-size: 14px;
}
.news__meta span {
  color: #a8a8a8;
  font-size: 14px;
  padding-left: 10px;
  margin-left: 7px;
  position: relative;
}
.news__meta span::after {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: 12px;
  background-color: #ededed;
  content: "";
}
.news__meta--2 span {
  padding-left: 0;
  margin-left: 0;
}
.news__meta--2 span::after {
  display: none;
}
.news__meta-3 span i {
  color: #5784aa;
  font-size: 14px;
  margin-right: 10px;
}
.news__link h4 {
  color: #000000;
  font-size: 24px;
  line-height: 30px;
  margin-top: 10px;
  margin-bottom: 0;
}
.news__link h4:hover a {
  color: #5784aa;
}
@media only screen and (max-width: 1250px) {
  .news__link h4 {
    font-size: 19px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .news__link h4 {
    font-size: 16px;
    line-height: 1.6;
    margin-top: 6px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .news__link h4 {
    font-size: 19px;
    line-height: 1.3;
  }
}
@media (max-width: 767px) {
  .news__link h4 {
    font-size: 20px;
    line-height: 1.2;
  }
}
.news__view {
  border-top: 1px solid #eaeaea;
  padding-top: 10px;
  margin-top: 18px;
}
.news__view ul li {
  line-height: 30px;
  display: inline-block;
  color: #777777;
  font-size: 14px;
  font-weight: 500;
  font-size: 12px;
  line-height: 30px;
}
.news__view ul li:last-child {
  padding-left: 15px;
  margin-left: 15px;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .news__view ul li:last-child {
    padding-left: 0;
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .news__view ul li:last-child {
    padding-left: 0;
    margin-left: 0;
  }
}
.news__view ul li:last-child::after {
  height: 15px;
  width: 1px;
  background-color: #d7d7d7;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  content: "";
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .news__view ul li:last-child::after {
    display: none;
  }
}
@media (max-width: 767px) {
  .news__view ul li:last-child::after {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .news__view ul li:last-child {
    padding-left: 5px;
    margin-left: 5px;
  }
}
.news__view ul li i {
  color: #5784aa;
  font-size: 14px;
  margin-right: 6px;
}
.news__view ul li a {
  color: #5784aa;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .news__view {
    margin-top: 13px;
  }
}
.news__img {
  position: relative;
}
.news__img a {
  font-size: 14px;
  line-height: 30px;
  display: inline-block;
  background-color: #5784aa;
  color: #fff;
  font-size: 14px;
  line-height: 30px;
  padding: 0 28px;
  position: absolute;
  right: 0;
  bottom: 0;
  border-bottom-right-radius: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .news__img-3 {
    display: none;
  }
}
@media (max-width: 767px) {
  .news__img-3 {
    display: none;
  }
}
.news__active .slick-arrow {
  display: inline-block;
  position: absolute;
  right: 0;
  top: -75px;
  width: 60px;
  height: 60px;
  transition: all 0.3s;
  font-size: 16px;
  color: #5784aa;
  border: 0;
  background: #fff2f1;
  border-radius: 10px;
}
.news__active .slick-arrow:last-child {
  right: 70px;
}
.news__active .slick-arrow:active, .news__active .slick-arrow.nice-select.open, .news__active .slick-arrow:hover {
  background-color: #5784aa;
  color: #fff;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .news__active {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.news-text-3 p {
  font-size: 18px;
  border-top: 1px solid #e2e2e2;
  padding-top: 30px;
  margin-top: 40px;
  padding-right: 23px;
}
@media (max-width: 767px) {
  .news-text-3 p {
    padding-right: 0;
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .news-text-3 {
    padding-left: 0;
    padding-right: 0;
  }
}
.news-text-4 {
  padding-left: 70px;
  padding-right: 70px;
}
.news-text-4 span {
  font-size: 18px;
  color: #5784aa;
  line-height: 1;
  font-weight: 500;
}
.news-text-4 h1 {
  font-size: 40px;
  line-height: 1.2;
  margin-top: 25px;
  margin-bottom: 0;
  font-weight: normal;
}
.news-text-4 h2 {
  font-size: 38px;
  line-height: 1.2;
  margin-top: 25px;
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .news-text-4 h2 {
    font-size: 36px;
    line-height: 1.2;
    margin-top: 8px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .news-text-4 h2 {
    font-size: 26px;
    line-height: 1.2;
    margin-top: 4px;
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .news-text-4 h2 {
    font-size: 28px;
  }
}
.news-text-4 p {
  font-size: 18px;
  color: #777777;
  padding-right: 10px;
  margin-top: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .news-text-4 p {
    margin-top: 17px;
    padding-right: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .news-text-4 p {
    margin-top: 12px;
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .news-text-4 p {
    padding-right: 12px;
  }
}
.news-text-4 .news-subtitle {
  font-size: 20px;
  color: #777777;
  margin-top: 20px;
  padding-right: 53px;
}
@media (max-width: 767px) {
  .news-text-4 {
    margin-bottom: 30px;
    padding-top: 30px;
  }
}
.news__form {
  position: relative;
}
.news__form::after {
  position: absolute;
  left: 35px;
  top: 50%;
  font-family: "Font awesome 5 pro";
  transform: translateY(-50%);
  color: #5784aa;
  content: "";
  font-size: 18px;
}
.news__form form input {
  width: 100%;
  border-radius: 10px;
  height: 80px;
  background-color: #f3f3f3;
  border: 0;
  outline: 0;
  padding-left: 65px;
  font-size: 18px;
  color: #777777;
}
.news__form form button {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  background-color: transparent;
  align-items: center;
  height: 80px;
  border: 0;
  padding-right: 15px;
}
.news__form form button span {
  color: #5784aa;
  font-weight: 700;
  font-size: 16px;
  padding-right: 20px;
}
.news__form form button .icon {
  width: 50px;
  height: 50px;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  background-color: #fff;
}
.news__form form button .icon i {
  font-size: 18px;
  color: #5784aa;
  position: absolute;
  left: 50%;
  -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;
  top: 50%;
  transform: translate(-50%, -50%);
}
.news__form form button .icon i:first-child {
  left: -50%;
}
.news__form form button:hover .icon i:first-child {
  left: 50%;
}
.news__form form button:hover .icon i:last-child {
  left: 150%;
}
.news__img-3 {
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .news-btn {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .news-text-4 {
    padding-left: 0;
    margin-top: 50px;
  }
}
@media (max-width: 767px) {
  .news-text-4 {
    padding-left: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .news-text-4 .generic-btn {
    margin-top: 15px;
  }
}
@media only screen and (max-width: 1200px) {
  .news-padding {
    padding-left: 30px;
  }
}
@media (max-width: 767px) {
  .news-padding {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.single__news--2 {
  border-color: 2px solid #f7f7f7;
  border-radius: 14px;
  border: 1px solid #f7f7f7;
  transition: all 0.5s;
  background-color: #fff;
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
}
.single__news--2:hover {
  box-shadow: none;
}
.single__news .news__text {
  padding-bottom: 20px;
  padding-left: 25px;
  padding-right: 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1415px) {
  .single__news .news__text {
    padding: 0;
  }
}
@media only screen and (max-width: 1400px) {
  .single__news .news__text {
    padding: 21px;
    padding-top: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .single__news .news__text {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.single__news-item-4 {
  box-shadow: 0px 30px 100px 0px rgba(0, 0, 0, 0.06);
  background-color: #fff;
  position: relative;
  z-index: 99;
}
.single__news-item-4.has-radius {
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
@media (max-width: 767px) {
  .single__news-item-4 {
    margin-bottom: 30px;
  }
}
.single-news__wrapper {
  position: relative;
}
@media only screen and (max-width: 1480px) {
  .single-news__wrapper {
    padding: 20px 0;
  }
}
@media (max-width: 767px) {
  .single__area-4 {
    margin-top: 0;
  }
}
.news-video-popup a {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 180px;
  height: 180px;
  background: #fff;
  display: inline-block;
  line-height: 180px;
  text-align: center;
  border-radius: 50%;
  color: #5784aa;
  font-size: 20px;
}
.support-widget {
  display: flex;
  align-items: center;
  padding: 65px 100px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  justify-content: space-between;
  background-color: #5784aa;
}
.support-widget h3 {
  line-height: 1;
  margin-bottom: 0;
  color: #fff;
  font-size: 48px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .support-widget h3 {
    font-size: 36px;
  }
}
@media (max-width: 767px) {
  .support-widget h3 {
    font-size: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .support-widget {
    padding: 50px 68px;
  }
}
@media (max-width: 767px) {
  .support-widget {
    padding: 30px 23px;
  }
}
.comment__list ul li li .comment__box {
  padding-left: 130px;
}
@media (max-width: 767px) {
  .comment__list ul li li .comment__box {
    padding-left: 0;
  }
}
.comment__thumb {
  float: left;
}
@media (max-width: 767px) {
  .comment__thumb {
    float: inherit;
  }
}
.comment__text {
  overflow: hidden;
  padding-left: 30px;
  position: relative;
  border-bottom: 1px solid #f3f3f3;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.comment__text h5 {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 0;
}
.comment__text .date {
  font-size: 14px;
  color: #777777;
}
.comment__text .date i {
  display: inline-block;
  color: #5784aa;
  padding-right: 10px;
}
.comment__text p {
  margin-top: 20px;
}
.comment__text a.replay-btn {
  position: absolute;
  right: 0;
  top: 0;
}
.comment__text a.replay-btn i {
  -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;
}
.comment__text a.replay-btn:hover {
  background-color: #5784aa;
  color: #fff;
  border-color: #5784aa;
}
.comment__text a.replay-btn:hover i {
  color: #fff;
}
@media (max-width: 767px) {
  .comment__text {
    padding-left: 0;
  }
}
a.replay-btn {
  display: inline-block;
  border: 2px solid #f3f3f3;
  line-height: 1;
  border-radius: 10px;
  padding: 12px 25px;
  font-size: 14px;
  color: #777777;
}
a.replay-btn i {
  display: inline-block;
  color: #5784aa;
  padding-right: 5px;
}
/****************************************************
15. widget
*****************************************************/
.subscribe__widget {
  background: #fff;
  text-align: center;
  padding: 55px 0;
}
.subscribe__widget-text h4 {
  font-size: 24px;
  line-height: 58px;
  margin-bottom: 0;
}
.subscribe__widget-text input {
  border: 0;
  height: 60px;
  background: #f9f9f9;
  color: #777777;
  text-align: center;
  font-size: 14px;
  display: block;
  margin: auto;
  border-radius: 10px;
  margin-bottom: 10px;
  padding-left: 45px;
  padding-right: 45px;
}
.pricing__box-2 {
  border-radius: 30px;
  background-color: #fff;
  padding: 65px 70px;
  overflow: hidden;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .pricing__box-2 {
    padding: 52px 35px;
  }
}
@media (max-width: 767px) {
  .pricing__box-2 {
    padding: 50px 22px;
  }
}
.pricing__box-top {
  overflow: hidden;
}
.pricing__box-middle {
  border-top: 1px solid #f9e4db;
  margin-top: 20px;
  padding-top: 38px;
}
.pricing__count {
  float: left;
}
.pricing__count h3 span {
  font-size: 18px;
}
.pricing__count h3 span.count {
  font-size: 80px;
  line-height: 1;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .pricing__count h3 span.count {
    font-size: 57px;
  }
}
.pricing__desc {
  overflow: hidden;
  padding-left: 22px;
}
.pricing__desc span {
  color: #5784aa;
  font-size: 14px;
  line-height: 1;
}
.pricing__list ul li {
  line-height: 1;
}
.pricing__list ul li:not(:last-child) {
  margin-bottom: 20px;
}
.pricing__list ul li a {
  font-size: 16px;
  color: #777777;
  display: block;
}
.pricing__list ul li a i {
  font-size: 16px;
  color: #5784aa;
  float: right;
}
.news__widget-list {
  background-color: #fff4f3;
  display: flex;
  align-items: center;
  padding: 20px 30px;
}
.news__widget-icon i {
  color: #5784aa;
}
.news__widget-text {
  padding-left: 23px;
}
.news__widget-text span {
  font-size: 14px;
  line-height: 1;
  color: #5784aa;
}
.news__widget-text h3 {
  margin-bottom: 0;
  font-size: 24px;
  line-height: 1;
  margin-top: 15px;
}
@media (max-width: 767px) {
  .news__widget-text h3 {
    font-size: 20px;
  }
}
.date__widget {
  background: #fff3f2;
  padding: 60px;
  border-radius: 10px;
  padding-bottom: 45px;
}
@media (max-width: 767px) {
  .date__widget {
    padding: 30px 15px;
    padding-bottom: 25px;
  }
}
.date__widget h4 {
  font-size: 24px;
  position: relative;
  padding-bottom: 25px;
  margin-bottom: 27px;
}
.date__widget h4::after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 83px;
  height: 4px;
  content: "";
  background-color: #5784aa;
}
.date__widget ul li {
  font-size: 16px;
  line-height: 2.5;
}
.date__widget ul li span {
  display: inline-block;
}
.date__widget ul li span:last-child {
  float: right;
  color: #5784aa;
  font-weight: 700;
  min-width: 105px;
  position: relative;
}
.date__widget ul li span:last-child::before {
  width: 68px;
  height: 100%;
  content: "- - -";
  left: -92px;
  top: 50%;
  position: absolute;
  font-size: 16px;
  color: #d99f9d;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .date__widget ul li span:last-child::before {
    display: none;
  }
}
@media (max-width: 767px) {
  .doctor__details-widget {
    padding: 30px !important;
  }
}
.doctor-box__left {
  float: left;
}
@media (max-width: 767px) {
  .doctor-box__left-2 {
    float: none;
  }
}
.doctor-box__right {
  overflow: hidden;
  padding-left: 60px;
}
.doctor-box__right p {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .doctor-box__right-3 {
    padding-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .doctor__text {
    padding-left: 10px;
  }
}
@media (max-width: 767px) {
  .doctor__text {
    padding-left: 0;
  }
}
.service__widget {
  background: #f6f6f6;
  border-radius: 10px;
  padding-top: 50px;
}
.service__widget h4 {
  background: #fff;
  font-size: 22px;
  line-height: 53px;
  position: relative;
  display: inline-block;
  margin-bottom: 0;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  padding-left: 64px;
  padding-right: 75px;
}
.service__widget h4::after {
  position: absolute;
  left: 45px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 22px;
  font-family: "Font awesome 5 pro";
  content: "";
  line-height: 1;
  color: #5784aa;
}
.service__widget-list {
  padding: 25px 50px;
  padding-bottom: 40px;
}
.service__widget-list ul li a {
  font-weight: 500;
  color: #000000;
  font-size: 16px;
  line-height: 46px;
  display: block;
}
.service__widget-list ul li a:hover {
  color: #5784aa;
}
.service__widget-list ul li a:hover i, .service__widget-list ul li a:hover span {
  color: #5784aa;
}
.service__widget-list ul li a i, .service__widget-list ul li a span {
  line-height: 46px;
  font-size: 16px;
  color: #999999;
}
.service__widget-list-2 {
  padding-bottom: 1px;
}
.service__banner {
  position: relative;
}
.service__banner-sm {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.post__meta {
  font-size: 12px;
}
.post__meta .date {
  padding-left: 10px;
  position: relative;
  margin-left: 10px;
}
.post__meta .date::after {
  width: 2px;
  height: 10px;
  background-color: #777777;
  top: 50%;
  left: -1px;
  transform: translateY(-50%);
  content: "";
  position: absolute;
}
.post__link h3 {
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 0;
  padding-right: 4px;
}
.post__link h3 a {
  color: #000000;
  display: block;
}
.post__link h3 a:hover {
  color: #5784aa;
}
.doctor__details-widget {
  background: #f6f6f6;
  padding: 60px;
  border-radius: 10px;
}
.doctor__text h3 {
  font-size: 36px;
  line-height: 1;
  margin-bottom: 0;
}
.doctor__text h3:hover a {
  color: #5784aa;
}
.doctor__list {
  margin-top: 45px;
}
.doctor__list ul li {
  line-height: 1;
  color: #777777;
  font-size: 18px;
  margin-bottom: 40px;
}
.about__widget h3 {
  font-size: 24px;
  line-height: 1;
  margin-bottom: 0;
}
.about__widget p {
  margin-top: 20px;
  padding-right: 14px;
}
@media (max-width: 767px) {
  .about__widget {
    padding-left: 0;
  }
}
.about__list {
  margin-top: 32px;
}
.about__list h5 {
  font-size: 16px;
  line-height: 1;
  margin-bottom: 10px;
}
.about__list span {
  font-size: 16px;
  color: #777777;
  line-height: 1;
  display: block;
}
.about__list ul li {
  padding-bottom: 24px;
  display: block;
  margin-bottom: 24px;
  margin-right: 0 !important;
}
.about__list ul li:not(:last-child) {
  border-bottom: 1px solid #e0e0e0;
}
.progress {
  width: 100%;
  background: #e0e0e0;
  border-radius: 0;
  height: 6px;
}
.progress-bar {
  background-color: #5784aa;
}
.progress__top {
  margin-bottom: 15px;
}
.progress__top span {
  color: #000000;
  font-size: 16px;
  line-height: 1;
}
.progress__count {
  color: #5784aa;
  float: right;
}
.progress__list {
  line-height: 1;
  margin-top: 35px;
}
.sidebar__widget-2 {
  border: 1px solid #f3f3f3;
  padding: 40px;
}
.sidebar__widget-2 h3 {
  font-size: 20px;
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #f3f3f3;
}
.sidebar__widget-2 h3 span {
  color: #5784aa;
}
.sidebar__widget-2 .about__thumb {
  margin-bottom: 22px;
}
.sidebar__widget-2 h5 {
  line-height: 1;
  margin-bottom: 10px;
}
.sidebar__widget-2 p {
  font-size: 14px;
  padding: 0 58px;
}
@media only screen and (max-width: 1480px) {
  .sidebar__widget-2 p {
    padding: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .sidebar__widget-2 {
    padding: 40px 20px;
  }
}
@media (max-width: 767px) {
  .sidebar__widget-2 {
    padding: 20px;
  }
}
.sidebar__form {
  position: relative;
}
.sidebar__form input {
  width: 100%;
  height: 60px;
  border: 0;
  background: #f5f5f5;
  border-radius: 10px;
  padding-left: 30px;
  color: #828282;
  font-size: 12px;
}
.sidebar__form ::-moz-placeholder {
  color: #828282;
  font-size: 12px;
  opacity: 1;
}
.sidebar__form ::placeholder {
  color: #828282;
  font-size: 12px;
  opacity: 1;
}
.sidebar__form button {
  line-height: 1;
  font-size: 14px;
  border: 0;
  background: #5784aa;
  padding: 0 20px;
  height: 60px;
  position: absolute;
  right: 0;
  top: 0;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  color: #fff;
}
.author__social a {
  font-size: 14px;
  display: inline-block;
  color: #d4d4d4;
  padding: 0 10px;
}
.author__social a:hover {
  color: #5784aa;
}
.feed__thumb {
  float: left;
}
.feed__text {
  overflow: hidden;
  padding-left: 22px;
}
.feed__text span {
  font-size: 14px;
  color: #777777;
  line-height: 1;
}
.feed__text span i {
  color: #5784aa;
  padding-right: 8px;
}
.feed__list ul li {
  overflow: hidden;
  display: flex;
  align-items: center;
}
.feed__list ul li:not(:last-child) {
  border-bottom: 1px solid #efefef;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.category__list ul li {
  position: relative;
  line-height: 1;
}
.category__list ul li a {
  line-height: 1;
  padding: 20px 0;
  padding-left: 33px;
  margin-bottom: 10px;
  background: #f8f8f8;
  display: block;
  font-size: 14px;
  color: #777777;
}
.category__list ul li span.count {
  font-size: 14px;
  color: #777777;
  font-weight: 700;
  position: absolute;
  right: 0;
  line-height: 1;
  height: 100%;
  top: 0;
  display: flex;
  background: #efefef;
  align-items: center;
  padding: 0 15px;
}
.instagram__grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 10px;
}
@media (max-width: 767px) {
  .instagram__grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.instagram__list {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(4, 1fr);
}
.instagram__list li a {
  padding: 10px 0;
  text-align: center;
  line-height: 1;
  color: #777777;
  background: #f4f4f4;
  display: block;
  font-size: 12px;
  border-radius: 10px;
}
.instagram__list li a:hover {
  background-color: #5784aa;
  color: #fff;
}
.sponsored__thumb {
  position: relative;
  overflow: hidden;
}
.sponsored__thumb img {
  -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;
}
.sponsored__thumb-meta {
  position: absolute;
  right: 0;
  bottom: 0;
}
.sponsored__thumb-meta h4 {
  line-height: 1;
  margin-bottom: 0;
  background-color: #5784aa;
  color: #fff;
  font-size: 18px;
  border-top-left-radius: 10px;
  padding: 20px 35px;
}
.sponsored__thumb:hover img {
  transform: scale(1.1);
}
.instagram__grid img {
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .instagram__grid img {
    width: 100%;
  }
}
.faq__form input {
  display: block;
}
.faq__form button {
  font-weight: 700;
}
.doctor__list ul li span {
  color: #000000;
  font-weight: 500;
}
/****************************************************
16. footer
*****************************************************/
.footer {
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('../images/dermatology-surgery-clinics-near-me.jpg');
  background-size: cover;
  background-position: center;
}
.footer__left p {
  font-family: "Roboto";
  font-size: 16px;
}
@media only screen and (max-width: 1480px) {
  .footer-widget {
    padding-left: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer__bottom {
    padding-bottom: 0;
  }
}
.footer .container {
  position: relative;
  z-index: 99;
}
.footer__top {
  padding-top: 100px;
  padding-bottom: 65px;
  position: relative;
}
.footer__top h3 {
  font-size: 36px;
  color: #fff;
  line-height: 1;
}
.footer__top::after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  width: 100%;
  z-index: 99;
  height: 1px;
  color: #efefef;
  background-image: url("../img/bg/line.png");
}
.footer__right {
  overflow: hidden;
}
.footer h4 {
  font-size: 24px;
  line-height: 1;
  margin-bottom: 30px;
}
.footer p {
  color: #efefef;
}
.footer__list ul {
  overflow: hidden;
}
.footer__list ul li {
  width: 50%;
  float: left;
}
.footer__list ul li a {
  color: #efefef;
  font-size: 16px;
  margin-bottom: 32px;
  line-height: 1;
  display: block;
}
.footer__list ul li a:hover {
  color: #5784aa;
}
.footer__copyright p {
  text-align: center;
  color: #efefef;
  font-size: 16px;
  line-height: 24px;
  padding-top: 17px;
  border-top: 1px solid #efefef;
}
.footer__copyright p a {
  color: #fff;
  font-weight: 700;
}
.footer__copyright p a:hover {
  color: #5784aa;
}
.footer__copyright--2 p {
  border-top: 0;
}
.footer__copyright--2 p a {
  color: #5784aa;
}
.footer__copyright-3 {
  background-color: #0f0f0f !important;
}
.footer__copyright-4 {
  background-color: #f9f9f9 !important;
}
.footer__copyright-4 p {
  border-color: transparent !important;
}
.footer-2 {
  border-top: 4px solid #5784aa;
  position: relative;
}
.footer-2 p {
  color: #efefef;
}
.footer-2 ul li a {
  color: #efefef;
}
.footer-2 ul li a:hover {
  color: #5784aa;
}
.footer-2 .footer__top h3 {
  color: #000000;
}
.footer-2 .footer__top::after {
  background-image: url("../img/bg/line2.png");
}
.footer-2::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0.902;
  content: "";
}
.footer__social a {
  width: 45px;
  height: 45px;
  line-height: 45px;
  font-size: 14px;
  color: #efefef;
  display: inline-block;
  text-align: center;
  border-radius: 10px;
  margin-right: 9px;
  border: 2px solid #181818;
  -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;
}
.footer__social a:hover {
  color: #fff;
  background-color: #5784aa;
}
.footer__social-4 span {
  font-size: 14px;
  line-height: 1;
  display: block;
  margin-bottom: 20px;
  color: #efefef;
}
.footer__social-4 a {
  border-color: #f1f1f1;
}
.footer__social-4 a:hover {
  border-color: #5784aa;
}
.footer-4 p {
  color: #efefef;
}
.social__icon a {
  width: 50px;
  height: 50px;
  line-height: 50px;
  display: inline-block;
  text-align: center;
  background: #212121;
  border-radius: 10px;
  color: #fff;
  margin-right: 10px;
}
.social__icon a:hover {
  background-color: #5784aa;
  color: #fff;
}
.social__icon--2 a {
  background-color: #fff2f1;
  color: #5784aa;
}
.social__icon--2 a:hover {
  color: #fff;
  background-color: #5784aa;
}
.social__icon-3 a {
  background-color: #fff;
  color: #efefef;
  box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.06);
}
.social__icon-3 a:hover {
  background-color: #3b5999;
  color: #fff;
  box-shadow: none;
}
.contact__list {
  margin-top: 15px;
}
.contact__list ul li {
  margin-bottom: 10px;
}
.contact__list ul li i {
  width: 40px;
  height: 40px;
  display: inline-block;
  border-radius: 50%;
  line-height: 40px;
  text-align: center;
  border: 1px solid #414141;
  margin-right: 15px;
  color: #fff;
}
.contact__list ul li span {
  font-size: 14px;
  line-height: 30px;
  display: inline-block;
  color: gray-5;
}
.contact__list ul li span b {
  color: #fff;
}
.contact__list--2 ul li i {
  border-color: #e9e9e9;
  color: #5784aa;
}
.contact__list--2 ul li span b {
  color: #000;
}
.news__sm--text {
  overflow: hidden;
  padding-left: 16px;
}
.news__sm--text h5 {
  font-size: 18px;
  line-height: 24px;
  margin-top: 3px;
}
.news__sm--text h5:focus a {
  color: #5784aa;
}
@media only screen and (max-width: 1250px) {
  .news__sm--text h5 {
    font-size: 15px;
    line-height: 1.2;
  }
}
.news__sm--text h5:hover a {
  color: #5784aa;
}
.news__sm--img {
  float: left;
}
.news__sm--meta {
  margin-top: -6px;
}
.news__sm--meta span {
  font-size: 12px;
  line-height: 1;
  color: #999999;
}
@media only screen and (max-width: 1250px) {
  .news__sm--meta span {
    font-size: 11px;
    line-height: 1;
  }
}
.news__sm--meta-4 span {
  color: #777777;
}
.news__sm--box {
  overflow: hidden;
}
.address__list {
  margin-bottom: 25px;
}
.address__list span {
  font-size: 14px;
  color: #777777;
  line-height: 1;
}
.address__list span.title {
  margin-bottom: 13px;
  color: #fff;
  text-decoration: underline;
}
.address__list-4 span.title {
  font-size: 16px;
  color: #555555;
  font-weight: 700;
}
.footer__list-4 span {
  color: #777777;
}
.footer__list-4 span.title {
  color: #555555;
}
.footer__list-4 ul li a {
  font-weight: 700;
  color: #777777;
}
.footer-item-2 {
  height: 100%;
}
.footer-item-2.has-border-2 {
  position: relative;
}
.has-border-2 {
  position: relative;
}
.footer__bottom .col-xl-3 .has-border-2:before {
  content: "";
  position: absolute;
  border-left: 1px solid #d9e8ff;
  left: 0;
  top: 0;
  height: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .footer__bottom .col-xl-3 .has-border-2:before {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer__bottom .col-xl-3 .has-border-2:before {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer__bottom .col-xl-3 .has-border-2:before {
    display: none;
  }
}
@media (max-width: 767px) {
  .footer__bottom .col-xl-3 .has-border-2:before {
    display: none;
  }
}
.footer__bottom .col-xl-3:nth-child(2) .has-border-2 {
  padding-left: 12px;
}
.footer__bottom .col-xl-3:nth-child(2) .has-border-2:before {
  left: -20px;
}
.footer__bottom .col-xl-3:nth-child(3) .has-border-2 {
  padding-left: 12px;
}
.footer__bottom .col-xl-3:nth-child(3) .has-border-2:before {
  left: -20px;
}
.footer__bottom .col-xl-3:nth-child(4) .has-border-2 {
  padding-left: 12px;
}
.footer__bottom .col-xl-3:nth-child(4) .has-border-2:before {
  left: -20px;
}
.footer__bottom .col-xl-3:nth-child(1) .has-border-2 {
  padding-right: 20px;
}
.footer__bottom .col-xl-3:nth-child(1) .has-border-2:before {
  display: none;
}
.footer__left-4 p {
  font-size: 20px;
}
.copyright-area {
  position: relative;
  z-index: 9;
  padding: 20px 0;
}
.mobile-nav {
  overflow-y: auto;
}
.icon-footer img {
  width: 224px;
}
/****************************************************
17. portfolio
*****************************************************/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio-menu {
    margin-top: 30px;
  }
  .portfolio-menu ul {
    justify-content: flex-start !important;
  }
}
@media (max-width: 767px) {
  .portfolio-menu {
    margin-top: 30px;
  }
  .portfolio-menu ul {
    justify-content: flex-start !important;
    flex-wrap: wrap;
  }
  .portfolio-menu ul a.nav-link {
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .portfolio-menu-2 ul a {
    margin-right: 4px !important;
  }
}
.portfolio-area {
  background-color: #5784aa;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio-area {
    padding-top: 60px;
  }
}
@media (max-width: 767px) {
  .portfolio-area {
    padding-top: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio-area-3 {
    padding-top: 70px;
    margin-bottom: 70px;
    margin-top: 70px;
  }
}
@media (max-width: 767px) {
  .portfolio-area-3 {
    padding-top: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio-area-4 {
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  .portfolio-area-4 {
    padding-top: 0;
  }
}
.portfolio__thumb {
  position: relative;
  overflow: hidden;
}
.portfolio__thumb::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  content: "";
  height: 100%;
  opacity: 0.502;
  background-image: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -ms-linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
}
.portfolio__thumb img {
  -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;
}
.portfolio__thumb-text {
  position: absolute;
  left: 30px;
  bottom: 30px;
  z-index: 9;
}
.portfolio__thumb-text span {
  color: #fff;
  font-size: 14px;
  display: inline-block;
  line-height: 1;
}
.portfolio__thumb-text h4 {
  margin-bottom: 0;
  line-height: 1;
  margin-top: 15px;
  color: #fff;
}
.portfolio__thumb-text h4 a {
  position: relative;
  display: inline-block;
}
.portfolio__thumb-text h4::after {
  position: absolute;
  right: 0;
  bottom: -10px;
  width: 0;
  height: 1px;
  background-color: #fff;
  content: "";
  -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;
}
.portfolio__thumb-text h4:hover {
  color: #fff;
}
.portfolio__thumb-text h4:hover::after {
  right: auto;
  left: 0;
  width: 100%;
}
.portfolio__thumb-action a {
  position: absolute;
  z-index: 9;
  top: 30px;
  left: 30px;
  display: inline-block;
  background: #fff;
  color: #000000;
  opacity: 0;
  -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;
  visibility: hidden;
  padding: 22px 22px;
  border-radius: 10px;
}
.portfolio__thumb:hover img {
  transform: scale(1.1);
}
.portfolio__thumb:hover .portfolio__thumb-action a {
  opacity: 1;
  visibility: visible;
}
.portfolio__thumb:hover .portfolio__thumb-action a:hover {
  background-color: #5784aa;
  color: #fff;
}
.brand__img img {
  width: inherit !important;
  margin: auto;
}
.brand-area {
  background-size: cover;
}
.brand__active {
  position: relative;
  z-index: 99;
}
.brand__thumb {
  text-align: center;
}
.brand__thumb img {
  width: auto !important;
  display: inline-block;
  margin: 0 auto;
}
/****************************************************
18. appoint
*****************************************************/
.appoint__active {
  position: relative;
  z-index: 9999;
}
.appoint__active .slick-dots {
  bottom: -100px;
}
.appoint__content-bg {
  background-color: #5784aa;
  height: 100%;
  width: 50%;
  position: absolute;
  left: 0;
  top: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .appoint__content-bg {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .appoint__content-bg {
    width: 100%;
  }
}
.appoint__text-2 {
  position: relative;
  z-index: 999;
}
.appoint-2 {
  position: relative;
}
.appoint-2__img {
  position: relative;
}
.appoint-2__img--shape img {
  position: absolute;
  left: -25px;
  bottom: -25px;
}
.appoint-2__text {
  padding-left: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .appoint-2__text a.generic-btn {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .appoint-2__text a.generic-btn {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .appoint-2__text {
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .appoint-2__text {
    padding-left: 0;
    margin-top: 60px;
  }
}
.appoint-2__list {
  position: relative;
  z-index: 9;
}
.appoint-2__list img {
  position: absolute;
  right: 0;
  top: 81%;
}
@media only screen and (max-width: 1480px) {
  .appoint-2__list img {
    display: none;
  }
}
.appoint-2__list ul {
  position: relative;
  z-index: 99;
}
.appoint-2__list ul li {
  border-bottom: 1px solid #ddd;
  display: flex;
  justify-content: space-between;
  padding: 6px 0;
}
.appoint-2__list ul li h6 {
  display: inline-block;
  margin-bottom: 0;
  font-family: "Roboto";
  font-weight: 700;
  line-height: 36px;
}
.appoint-2__list ul li p {
  font-size: 16px;
  line-height: 36px;
  float: right;
}
.appoint-2__list ul li p span {
  color: #5784aa;
  font-weight: 700;
}
.appoint-2__list.list-2 ul li {
  border-color: #a9605d;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .appoint-2__list {
    margin-top: 0;
  }
}
.appoint-area {
  position: relative;
}
.appoint-area-2 {
  position: relative;
}
.appoint-area-2::after {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 1120px;
  z-index: -1;
  background-color: #f9f9f9;
  content: "";
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .appoint-area-2 {
    margin-bottom: 70px;
  }
}
@media (max-width: 767px) {
  .appoint-area-2 {
    padding-bottom: 80px;
    margin-bottom: 0;
  }
}
.appoint__right-2 {
  position: static;
  right: 0;
  top: 50%;
  width: 50%;
  height: fit-content;
  margin-left: 70px;
  margin-top: -32px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .appoint__right-2 {
    width: 100%;
    padding-left: 0;
    margin-left: 0;
    margin-top: 50px;
  }
}
@media (max-width: 767px) {
  .appoint__right-2 {
    position: static;
    width: 100%;
    height: 100%;
    padding-right: 0;
    margin-top: 45px;
    margin-left: 0;
    padding-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .appoint__right-2 .testimonial__text-4 h5 {
    color: #fff;
  }
}
@media (max-width: 767px) {
  .appoint__right-2 .testimonial__text-4 h5 {
    color: #fff;
  }
}
.day__name {
  display: block;
  font-size: 18px;
  line-height: 1;
  background: #5784aa;
  color: #fff;
  padding: 30px 0;
}
.time__count span {
  font-size: 18px;
  color: #5784aa;
  line-height: 1;
  font-weight: 700;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .time-table {
    overflow-x: auto;
  }
}
@media (max-width: 767px) {
  .time-table {
    overflow-x: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .time-table-wrapper {
    min-width: 1000px;
  }
}
@media (max-width: 767px) {
  .time-table-wrapper {
    min-width: 1000px;
  }
}
.box__height {
  height: 230px;
  background-color: #f9f9f9;
}
.user__name h5 {
  font-size: 20px;
  margin-top: 20px;
  line-height: 1;
}
.user__meta span {
  color: #5784aa;
  font-size: 14px;
  line-height: 1;
}
.table__box-item:nth-child(odd) .box__height {
  background-color: #f7f7f7;
}
.table__box-item:nth-child(even) .box__height {
  background-color: #fff;
}
.table__box-item-2:nth-child(even) .box__height {
  background-color: #f7f7f7;
}
.table__box-item-2:nth-child(odd) .box__height {
  background-color: #fff;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .appointment-area__4 {
    margin-top: 70px;
    padding-top: 60px;
    padding-bottom: 70px;
  }
}
@media (max-width: 767px) {
  .appointment-area__4 {
    margin-top: 60px;
  }
}
.appointment__form form input {
  border: 0;
  height: 70px;
  width: 100%;
  border-radius: 10px;
  padding-left: 50px;
  font-size: 14px;
  color: #999999;
}
.appointment__form form ::placeholder {
  font-size: 14px;
  text-transform: capitalize;
  color: #999999;
}
.appointment__form form ::-webkit-input-placeholder {
  font-size: 14px;
  color: #999999;
}
.appointment__form form ::-moz-placeholder {
  font-size: 14px;
  color: #999999;
}
.appointment__form form :-ms-input-placeholder {
  font-size: 14px;
  color: #999999;
}
.appointment__form form label {
  color: #5784aa;
  font-size: 14px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
  width: 50px;
  height: 70px;
  padding-left: 29px;
  line-height: 70px;
}
.appointment__form form .nice-select {
  float: none;
  width: 100%;
  height: 70px;
  line-height: 70px;
  border: 0;
  border-radius: 10px;
  padding-left: 54px;
}
.appointment__form form .nice-select span {
  color: #999999;
  font-size: 14px;
}
.appointment__form form button {
  font-size: 16px;
  color: #fff;
  border: 0;
  background: #5784aa;
  line-height: 1;
  width: 100%;
  height: 70px;
  border-radius: 10px;
}
.appointment__form form ul.list {
  width: 100%;
  z-index: 9999;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .appointment-area__4 {
    margin-top: 90px;
    padding-top: 80px;
    padding-bottom: 70px;
  }
}
.form-group {
  margin-bottom: 20px;
  position: relative;
}
@media (max-width: 767px) {
  .appoint-area__4 {
    padding-top: 50px;
    padding-bottom: 55px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .appoint__btn {
    margin-top: 10px;
  }
}
.appoint-logo {
  position: absolute;
  right: -70px;
  bottom: -84px;
}
@media only screen and (max-width: 1480px) {
  .appoint-logo {
    right: 0;
  }
}
@media only screen and (max-width: 1250px) {
  .appoint-logo {
    display: none;
  }
}
.appoint__list ul li span {
  float: right;
}
/****************************************************
19. banner
*****************************************************/
.banner__1 {
  position: relative;
  background-size: cover;
  background-position: center center;
}
.banner__1--content {
  z-index: 9;
  position: relative;
}
.banner__1--content a {
  margin-left: 8px;
  margin-right: 8px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner__1 {
    margin-top: 80px;
    padding: 55px 0;
  }
}
@media (max-width: 767px) {
  .banner__1 {
    margin-top: 0;
  }
}
.banner__text {
  position: relative;
  z-index: 9;
}
.banner-area {
  background-size: cover;
  background-position: center center;
}
/****************************************************
20.l testimonial
*****************************************************/
.single__testimonial-2 {
  background-color: #f5f5f5;
  padding: 50px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-area__4 {
    margin-top: 70px;
  }
}
@media (max-width: 767px) {
  .testimonial-area__4 {
    margin-top: 70px;
  }
}
.testimonial__left blockquote {
  font-size: 30px;
  margin-bottom: 0;
  font-style: italic;
  padding-left: 77px;
  text-align: right;
  line-height: 48px;
  font-family: "Playfair Display", serif;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .testimonial__left blockquote {
    font-size: 23px;
    margin-bottom: 0;
    padding-left: 10px;
    text-align: left;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial__left blockquote {
    padding-left: 20px;
    text-align: left;
    font-size: 26px;
    line-height: 1.6;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .testimonial__left blockquote {
    font-size: 20px;
    margin-bottom: 8px;
    padding-left: 35px;
    text-align: left;
  }
}
.testimonial__right h4 {
  font-size: 20px;
  margin-bottom: 0;
  line-height: 22px;
}
.testimonial__right p {
  font-size: 14px;
  line-height: 22px;
}
.testimonial__right p span {
  font-weight: 700;
  color: #5784aa;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .testimonial__right {
    padding-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial__right {
    padding-left: 28px;
  }
}
.single-testimonial-4 {
  background-color: #f9f9f9;
  border-radius: 10px;
  padding: 40px 45px;
  padding-right: 60px;
}
.single-testimonial-4.has-after {
  position: relative;
}
.single-testimonial-4.has-after::after {
  position: absolute;
  left: 50px;
  top: 100%;
  width: 25px;
  height: 25px;
  background-color: #fff;
  clip-path: polygon(0 0, 100% 0, 50% 100%, 0 0);
  content: "";
}
@media (max-width: 767px) {
  .single-testimonial-4.has-after {
    padding: 35px 20px;
  }
}
.single-testimonial-4 h6 {
  display: inline-block;
  font-size: 20px;
  line-height: 1;
  margin-bottom: 0;
  color: #5784aa;
}
.single-testimonial-4 i {
  font-size: 20px;
}
.single-testimonial-4 i.active {
  font-weight: 600;
  color: #ffc000;
}
.single-testimonial-4 .testimonial__text {
  margin-top: 15px;
}
.single-testimonial-4 .testimonial__text p {
  font-size: 20px;
  font-style: italic;
  color: #777777;
}
@media (max-width: 767px) {
  .single-testimonial-4 .testimonial__text p {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .single-testimonial-4 {
    padding: 35px 27px;
  }
}
.single-testimonial-item {
  opacity: 0.5;
}
.single-testimonial-item-2 {
  position: relative;
  z-index: 999;
}
.single-testimonial-item.slick-current {
  opacity: 1;
}
.testimonial__thumb-4 {
  float: left;
}
.testimonial__text-4 {
  overflow: hidden;
  padding-left: 20px;
}
.testimonial__text-4 h5 {
  margin-bottom: 0;
  line-height: 1;
  font-size: 20px;
}
.testimonial__text-4 p {
  font-size: 14px;
}
@media (max-width: 767px) {
  .testimonial__text-4 p {
    color: #fff;
  }
}
.testimonial__text-4 p span {
  color: #5784aa;
  font-weight: 700;
}
@media only screen and (max-width: 992px) {
  .testimonial__text-4 p {
    color: #fff;
  }
}
.team__social ul {
  text-align: center;
}
.has-border-radius {
  border-radius: 10px;
}
.testimonial__tab-4-wrapper .testimonial__text-4 p {
  color: #777;
}
/****************************************************
21. plugin/nice-select
*****************************************************/
.nice-select {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background-color: #fff;
  border-radius: 5px;
  border: solid 1px #e8e8e8;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  height: 42px;
  line-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  transition: all 0.2s ease-in-out;
  user-select: none;
  white-space: nowrap;
  width: auto;
}
.nice-select:hover {
  border-color: #dbdbdb;
}
.nice-select:active, .nice-select.open, .nice-select:focus {
  border-color: #999;
}
.nice-select:after {
  border-bottom: 2px solid #999;
  border-right: 2px solid #999;
  content: "";
  display: block;
  height: 5px;
  margin-top: -4px;
  pointer-events: none;
  position: absolute;
  right: 12px;
  top: 50%;
  transform-origin: 66% 66%;
  transform: rotate(45deg);
  transition: all 0.15s ease-in-out;
  width: 5px;
}
.nice-select.open:after {
  transform: rotate(-135deg);
}
.nice-select.open .list {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1) translateY(0);
}
.nice-select.disabled {
  border-color: #ededed;
  color: #999;
  pointer-events: none;
}
.nice-select.disabled:after {
  border-color: #cccccc;
}
.nice-select.wide {
  width: 100%;
}
.nice-select.wide .list {
  left: 0 !important;
  right: 0 !important;
}
.nice-select.right {
  float: right;
}
.nice-select.right .list {
  left: auto;
  right: 0;
}
.nice-select.small {
  font-size: 12px;
  height: 36px;
  line-height: 34px;
}
.nice-select.small:after {
  height: 4px;
  width: 4px;
}
.nice-select.small .option {
  line-height: 34px;
  min-height: 34px;
}
.nice-select .list {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  box-sizing: border-box;
  margin-top: 4px;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  transform-origin: 50% 0;
  transform: scale(0.75) translateY(-21px);
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: 9;
}
.nice-select .list:hover .option:not(:hover) {
  background-color: transparent !important;
}
.nice-select .option {
  cursor: pointer;
  font-weight: 400;
  line-height: 40px;
  list-style: none;
  min-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 29px;
  text-align: left;
  transition: all 0.2s;
}
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
  background-color: #f6f6f6;
}
.nice-select .option.selected {
  font-weight: bold;
}
.nice-select .option.disabled {
  background-color: transparent;
  color: #999;
  cursor: default;
}
.no-csspointerevents .nice-select .list {
  display: none;
}
.no-csspointerevents .nice-select.open .list {
  display: block;
}
/****************************************************
22. counter
*****************************************************/
.counter__box-4 {
  box-shadow: 0px 30px 60px 0px rgba(0, 0, 0, 0.04);
  background-color: #fff;
  border-radius: 10px;
  padding-top: 60px;
  padding-bottom: 50px;
}
@media (max-width: 767px) {
  .counter__box-4 {
    padding-top: 0;
  }
}
.counter__item {
  color: #5784aa;
  font-weight: 500;
  line-height: 1;
  font-size: 18px;
  position: relative;
}
.counter__item::after {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 135px;
  background-color: #e8e8e8;
  content: "";
}
@media (max-width: 767px) {
  .counter__item::after {
    display: none;
  }
}
.counter__item.no-after::after {
  display: none;
}
.counter__item h3 {
  font-size: 48px;
  line-height: 1;
  margin-top: 20px;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .counter__item h3 {
    font-size: 33px;
    margin-top: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .counter-area__4 {
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .counter-area__4 {
    margin-top: 0;
  }
}
/****************************************************
23. choose
*****************************************************/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .choose-area-4 {
    margin-bottom: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .choose-area-4 {
    margin-top: 70px;
  }
}
@media (max-width: 767px) {
  .choose-area-4 {
    margin-top: 70px;
  }
}
.choose__collapse .card {
  border: 0;
  margin-bottom: 10px;
  border-radius: 10px;
  padding: 0;
}
.choose__collapse .card h2 {
  line-height: 1;
  margin: 0;
}
.choose__collapse .card-header {
  padding: 0;
  border: 0;
}
.choose__collapse .card-header button {
  line-height: 1;
  color: #000000;
  font-size: 18px;
  text-transform: inherit;
  display: block;
  font-weight: 400;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  text-decoration: none;
  font-family: "Prata", serif;
  padding: 0;
  width: 100%;
  text-align: left;
  border: 0;
  background-color: #5784aa;
  padding: 13px 15px;
  transition: all 0.3s;
  color: #fff;
}
.choose__collapse .card-header button.collapsed {
  color: #000000;
  background-color: #f4f4f4;
}
.choose__collapse .card-header button i {
  display: inline-block;
  width: 42px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  border-radius: 10px;
  background: #fff;
  margin-right: 20px;
  color: #000000;
}
@media (max-width: 767px) {
  .choose__collapse .card-header button i {
    float: left;
    margin-right: 10px;
  }
}
.choose__collapse .card-header button:focus {
  outline: none;
}
.choose__collapse .card-body {
  background-color: #5784aa;
  color: #fff;
  font-size: 16px;
  padding: 40px;
  padding-top: 0;
}
.choose__thumb {
  position: relative;
}
.choose__thumb-2 {
  position: absolute;
  left: -115px;
  top: 50%;
  transform: translateY(-50%);
}
/****************************************************
25. journy
*****************************************************/
.video__thumb {
  position: relative;
}
.video__thumb-link a {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
  width: 75px;
  height: 75px;
  color: #5784aa;
  font-size: 20px;
  line-height: 80px;
  border-radius: 50%;
  background-color: #fff;
  text-align: center;
}
.video__thumb-link a i {
  font-weight: 600;
}
.video__thumb-link a:hover {
  background-color: #5784aa;
  color: #fff;
}
@media (max-width: 767px) {
  .video__thumb {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .video-gallery__4 {
    margin-top: 70px;
  }
}
@media (max-width: 767px) {
  .video-gallery__4 {
    margin-top: 70px;
  }
}
.journy__box {
  position: relative;
  margin-bottom: 250px;
  max-width: 440px;
}
.journy__box::after {
  height: 10px;
  left: -130px;
  top: 50%;
  transform: translateY(-50%);
  width: 100px;
  background-color: #f3f3f3;
  position: absolute;
  content: "";
}
@media only screen and (max-width: 1480px) {
  .journy__box::after {
    display: none;
  }
}
.journy__box-text {
  padding: 40px;
  z-index: 99;
  padding-bottom: 32px;
  position: relative;
  background-color: #5784aa;
}
.journy__box-text h4 {
  font-size: 24px;
  line-height: 1;
  color: #fff;
}
.journy__box-text h4:hover a {
  color: #fff;
}
.journy__box-text p {
  color: #fff;
}
.journy__box-logo i {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: -1;
  color: #a75b58;
}
.journy__box-logo i::before {
  font-size: 30px;
  font-size: 85px;
}
.journy__box-thumb {
  position: absolute;
  left: 0;
  opacity: 0;
  visibility: hidden;
  bottom: 0%;
  width: 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;
}
.journy__box:hover .journy__box-thumb {
  opacity: 1;
  bottom: 100%;
  visibility: visible;
}
.journy__list {
  margin: 0 15px;
  position: relative;
}
.journy__list::after {
  position: absolute;
  background-repeat: no-repeat;
  left: 50%;
  top: -50px;
  z-index: 999;
  content: "";
  width: 10px;
  height: calc(100% + 50px);
  background-color: #f3f3f3;
  transform: translateX(-50%);
}
.journy-col:nth-child(odd) .journy__box {
  margin-top: 250px;
  margin-bottom: 0;
}
.journy-col:nth-child(odd) .journy__box::after {
  right: -130px;
  left: auto;
}
.journy-col:nth-child(odd) .journy__box:first-child {
  margin-top: 215px;
  margin-bottom: 0;
}
.journy-flex {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.journy__plus-box {
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  width: 80px;
  height: 80px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.06);
  background: #fff;
  text-align: center;
  line-height: 80px;
}
.journy__plus-box i {
  font-size: 20px;
  color: #999999;
}
.journy__box-thumb img {
  height: 173px;
  object-fit: cover;
}
/****************************************************
26. single-news
*****************************************************/
.single__news-widget {
  padding: 50px 0;
  border: 2px solid #f3f3f3;
  padding-left: 55px;
  padding-right: 54px;
}
@media (max-width: 767px) {
  .single__news-widget {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.news__title h3 {
  line-height: 1.3;
  font-size: 36px;
  margin-bottom: 0;
  margin-top: 25px;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .news__title h3 {
    font-size: 18px;
  }
}
.news__testimonial {
  padding: 0 107px;
  padding-top: 57px;
  margin-bottom: 10px;
  background: #f6f6f6;
  padding-bottom: 45px;
  margin-top: 35px;
  position: relative;
  border-radius: 10px;
}
.news__testimonial::after {
  position: absolute;
  right: 65px;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  font-family: "Font awesome 5 pro";
  content: "";
  z-index: 1;
  font-size: 220px;
  font-weight: 700;
}
@media (max-width: 767px) {
  .news__testimonial::after {
    font-size: 114px;
  }
}
.news__testimonial h3 {
  line-height: 1.4;
}
@media (max-width: 767px) {
  .news__testimonial h3 {
    font-size: 18px;
  }
}
.news__testimonial span {
  line-height: 1;
  margin-bottom: 23px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  color: #5784aa;
}
.news__testimonial-text {
  z-index: 9;
  position: relative;
}
@media (max-width: 767px) {
  .news__testimonial {
    padding: 30px;
  }
}
.news__pagination-wrapper {
  border-top: 1px solid #f3f3f3;
  padding: 50px 0;
  border-bottom: 1px solid #f3f3f3;
  position: relative;
}
.news__pagination-text-2 span {
  font-size: 14px;
}
.news__pagination-text-2 h4 {
  font-size: 24px !important;
  margin-top: 10px !important;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .news-text-3.has-padding {
    padding-left: 110px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .news-text-3.has-padding-2 {
    padding-right: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .news-text-3.has-padding {
    padding: 0;
  }
}
.news__meta-2 ul li {
  display: inline-block;
  position: relative;
}
.news__meta-2 ul li:not(:first-child) {
  padding-left: 30px;
  margin-left: 30px;
}
.news__meta-2 ul li:not(:first-child)::after {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #cfcfcf;
  height: 10px;
  width: 2px;
  content: "";
}
@media (max-width: 767px) {
  .news__meta-2 ul li:not(:first-child)::after {
    display: none;
  }
}
@media (max-width: 767px) {
  .news__meta-2 ul li:not(:first-child) {
    padding-left: 0;
    margin-left: 0;
  }
}
.news__meta-2 ul li i {
  color: #5784aa;
  font-size: 14px;
}
.news__meta-2 ul li span {
  padding-left: 8px;
  display: inline-block;
  font-size: 14px;
  line-height: 1;
  color: #777777;
}
@media (max-width: 767px) {
  .news__meta-2 ul li {
    display: block;
  }
}
.news__text-2 p {
  margin-top: 20px;
}
.news__text-2 h4 {
  font-size: 30px;
  margin-bottom: 0;
  line-height: 1;
  margin-top: 45px;
}
.i-news__thumb {
  float: left;
  margin-top: 8px;
}
@media (max-width: 767px) {
  .i-news__thumb {
    float: inherit;
  }
}
.i-news__text {
  overflow: hidden;
  padding-left: 30px;
}
.i-news__text p {
  margin-top: 0;
}
@media (max-width: 767px) {
  .i-news__text {
    padding-left: 0;
    margin-top: 30px;
  }
}
.i-news__list ul {
  margin-top: 15px;
  overflow: hidden;
}
.i-news__list ul li {
  margin-top: 13px;
  width: 50%;
  float: left;
}
.i-news__list ul li i {
  font-size: 16px;
  color: #2d48c3;
  padding-right: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .i-news__list ul li {
    display: flex;
  }
}
@media (max-width: 767px) {
  .i-news__list ul li {
    display: flex;
    width: 100%;
  }
}
.i-news__wrapper-2 .i-news__text {
  overflow: inherit;
  padding-left: 0;
}
.news__social a {
  line-height: 1;
  font-size: 18px;
  color: #d3d3d3;
  display: inline-block;
}
.news__social a:not(:last-child) {
  padding-right: 20px;
}
.news__social a:hover {
  color: #5784aa;
}
.pagination-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pagination-icon {
    display: none;
  }
}
@media (max-width: 767px) {
  .pagination-icon {
    display: none;
  }
}
.author__details {
  border: 2px solid #f3f3f3;
  padding: 38px;
  overflow: hidden;
}
.author__thumb {
  float: left;
}
@media (max-width: 767px) {
  .author__thumb {
    float: none;
  }
}
.author__text {
  overflow: hidden;
  padding-left: 40px;
  line-height: 1;
}
.author__text span {
  font-size: 12px;
  line-height: 1;
  margin-bottom: 10px;
  display: block;
  color: #5784aa;
}
.author__text h3 {
  font-size: 36px;
  line-height: 1;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .author__text {
    padding-left: 0;
    margin-top: 30px;
  }
}
.post__comment-form {
  background: #f8f8f8;
  border-radius: 10px;
  padding: 50px;
}
.post__comment-form .form-group {
  position: relative;
}
.post__comment-form .form-group label {
  position: absolute;
  right: 30px;
  line-height: 1;
  top: 20px;
  color: #5784aa;
  font-size: 14px;
}
.post__comment-form textarea {
  border: 0;
  width: 100%;
  padding: 20px 30px;
  height: 160px;
  border-radius: 10px;
  font-size: 14px;
  color: #777777;
}
.post__comment-form input {
  height: 60px;
  width: 100%;
  border-radius: 10px;
  border: 0;
  padding-left: 30px;
  color: #777777;
}
.post__comment-form ::-moz-placeholder {
  color: #777777;
  font-size: 14px;
  opacity: 1;
}
.post__comment-form ::placeholder {
  color: #777777;
  font-size: 14px;
  opacity: 1;
}
@media (max-width: 767px) {
  .post__comment-form {
    padding: 20px;
  }
}
.news__meta-3 h4 {
  font-size: 20px;
}
/****************************************************
27. case-details
*****************************************************/
.case__thumb-text {
  padding-right: 30px;
  padding-left: 30px;
}
.case__thumb-text-inner {
  padding: 50px;
  width: 100%;
  border-radius: 10px;
  margin-top: -70px;
  box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.04);
  background-color: #fff;
  display: inline-block;
}
.case__thumb-text-inner ul {
  overflow: hidden;
  display: flex;
  align-items: center;
}
.case__thumb-text-inner ul li {
  width: 20%;
  float: left;
}
.case__thumb-text-inner ul li span {
  font-size: 16px;
  line-height: 1;
  color: #000000;
  font-weight: 700;
  display: block;
}
.case__thumb-text-inner ul li p {
  line-height: 1;
  padding-top: 12px;
}
.case__thumb-text-inner ul li a {
  display: inline-block;
}
.case__thumb-text-inner ul li a:not(:first-child) {
  padding-left: 20px;
}
.case__thumb-text-inner ul li a:nth-child(1) {
  color: #3b5999;
}
.case__thumb-text-inner ul li a:nth-child(2) {
  color: #55acee;
}
.case__thumb-text-inner ul li a:nth-child(3) {
  color: #ea4c89;
}
.case__thumb-text-inner ul li a:nth-child(4) {
  color: #cd201f;
}
@media only screen and (max-width: 1250px) {
  .case__thumb-text-inner ul li a {
    padding-left: 5px !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .case__thumb-sm img {
    width: 100%;
  }
}
@media only screen and (max-width: 1480px) {
  .case__thumb-sm img {
    width: 100%;
  }
}
.case__text {
  padding-right: 38px;
}
.case__text h2 {
  margin-bottom: 18px;
  line-height: 1;
  font-size: 36px;
}
@media (max-width: 767px) {
  .case__text h2 {
    font-size: 26px;
    line-height: 1.5;
  }
}
.case__text h3 {
  line-height: 1;
  margin-bottom: 15px;
}
.case__text p {
  font-size: 18px;
  margin-bottom: 25px;
}
.case__text h4 {
  font-size: 30px;
  margin-bottom: 20px;
  line-height: 1;
}
.case__text p {
  margin-bottom: 20px;
}
.case__list ul li {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 15px;
}
.case__list ul li i {
  display: inline-block;
  font-weight: 300;
  color: #5784aa;
  padding-right: 5px;
}
/****************************************************
28. blog
*****************************************************/
.blog__thumb-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 50px;
  margin-top: -33px;
}
@media (max-width: 767px) {
  .blog__thumb-bottom {
    display: none;
  }
}
.blog__content {
  border: 2px solid #f3f3f3;
  border-top: 0;
  padding: 50px;
  margin-top: -28px;
  padding-right: 45px;
  padding-top: 60px;
}
@media (max-width: 767px) {
  .blog__content {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.blog__text h3 {
  font-size: 36px;
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .blog__text h3 {
    font-size: 25px;
  }
}
.blog__text h3:hover a {
  color: #5784aa;
}
.blog__text p {
  margin-bottom: 15px;
}
.blog__post-meta ul li {
  font-size: 14px;
  line-height: 1;
  border-top: 1px solid #e7e7e7;
  padding-top: 25px;
}
.blog__post-meta ul li span.list-item:not(:first-child) {
  padding-left: 25px;
  margin-left: 25px;
  position: relative;
  display: inline-block;
}
.blog__post-meta ul li span.list-item:not(:first-child)::after {
  position: absolute;
  height: 12px;
  width: 1px;
  background-color: #bdbdbd;
  content: "";
  left: -0.5px;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .blog__post-meta ul li span.list-item:not(:first-child)::after {
    display: none;
  }
}
@media (max-width: 767px) {
  .blog__post-meta ul li span {
    padding: 0 !important;
    margin: 0 !important;
    margin-right: 5px !important;
    margin-bottom: 10px !important;
  }
}
.blog__post-meta ul li i {
  color: #5784aa;
  padding-right: 10px;
}
@media (max-width: 767px) {
  .blog__post-meta ul {
    text-align: center;
  }
}
.blog__testimonial {
  background: #5784aa;
  position: relative;
  padding: 60px 150px;
}
.blog__testimonial::after {
  position: absolute;
  left: 50px;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  font-family: "Font awesome 5 pro";
  font-weight: 600;
  color: #fff;
  font-size: 60px;
}
@media (max-width: 767px) {
  .blog__testimonial::after {
    left: 16px;
    top: 5px;
    transform: translateY(0);
    font-size: 35px;
  }
}
.blog__testimonial h3 {
  font-size: 36px;
  color: #fff;
}
@media (max-width: 767px) {
  .blog__testimonial h3 {
    font-size: 23px;
  }
}
@media (max-width: 767px) {
  .blog__testimonial {
    padding: 60px 35px;
  }
}
.blog__pagination ul li a.page-link {
  border: 0;
  background: #f6f6f6;
  padding: 0;
  width: 50px;
  font-weight: 700;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 14px;
  color: #777777;
  margin: 0 10px;
  border-radius: 10px;
}
.blog__pagination ul li a.page-link:hover {
  background-color: #5784aa;
  color: #fff;
}
.author__box a {
  border-radius: 10px;
  background-color: white;
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
  display: flex;
  align-items: center;
  padding: 10px;
}
.author__name span {
  color: #000;
  display: inline-block;
  padding-left: 15px;
  font-weight: 700;
}
.list-item a {
  color: #777777;
}
.list-item a:hover {
  color: #5784aa;
}
/****************************************************
29. faq
*****************************************************/
.accordion-item {
  border-radius: 10px;
  margin-bottom: 20px;
  overflow: hidden;
}
.accordion-button {
  border: 0;
  font-size: 18px;
  line-height: 1;
  display: block;
  text-align: left;
  color: #000000;
  padding: 25px 35px;
  background: #f6f6f6;
  padding-right: 0;
  position: relative;
}
.accordion-button i {
  position: absolute;
  right: 0;
  top: 0;
  width: 70px;
  display: inline-block;
  line-height: 70px;
  border-top-right-radius: 10px;
  text-align: center;
  font-size: 20px;
  height: 70px;
  border-bottom-right-radius: 0;
  background-color: #5784aa;
  color: #fff;
}
.accordion-button i:last-child {
  display: block;
}
.accordion-button.collapsed {
  border-bottom-right-radius: 10px;
}
.accordion-button.collapsed i {
  background-color: #eaeaea;
  color: #000000;
}
.accordion-button.collapsed i:last-child {
  display: none;
}
.accordion-button.collapsed i:first-child {
  display: block;
}
@media (max-width: 767px) {
  .accordion-button {
    padding-left: 10px;
    padding-right: 57px;
  }
}
.accordion-body {
  line-height: 1;
  background-color: #f6f6f6;
  padding: 40px;
  padding-top: 15px;
  padding-bottom: 15px;
}
.accordion-body p {
  font-size: 18px;
}
@media (max-width: 767px) {
  .accordion-body {
    padding-left: 15px;
  }
}
.accordion-collapse {
  border: 0;
}
.faq__form input {
  height: 47px;
  background: transparent;
  border: 0;
  outline: none;
  font-size: 14px;
  margin-left: 0;
  text-align: left;
  width: 220px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e1e1e1;
}
.faq__form button {
  background: #5784aa;
  font-size: 16px;
  line-height: 1;
  border: 0;
  padding: 23px 40px;
  color: #fff;
  display: inline-block;
  border-radius: 10px;
  border: 2px solid transparent;
  -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;
}
.faq__form button:hover {
  color: #5784aa;
  background-color: #fff;
  border-color: #5784aa;
}
.faq__form button i {
  margin-right: 5px;
}
.accordion-2 .accordion-item {
  margin-bottom: 10px;
}
.accordion-2 .accordion-body {
  background-color: #5784aa;
}
.accordion-2 .accordion-body p {
  color: #fff;
}
.accordion-2 .accordion-button:not(.collapsed) {
  background-color: #5784aa;
  color: #fff;
}
.accordion-button:focus {
  box-shadow: none;
}
.accordion-button:not(.collapsed) {
  background-color: #f4f4f4;
  color: #777777;
}
.faq__form {
  padding-left: 50px;
  margin-top: 23px;
}
/****************************************************
30. help-banner
*****************************************************/
.help__banner-area {
  background: #5784aa;
}
.help__banner-area i.glyph-icon::before {
  font-size: 75px !important;
  color: #fff;
}
.help__banner-area h2 {
  font-size: 48px;
  color: #fff;
  margin-top: 15px;
  margin-bottom: 55px;
}
@media (max-width: 767px) {
  .help__banner-area h2 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .help__banner-area h2 {
    font-size: 37px;
  }
}
@media (max-width: 767px) {
  .help__banner-area {
    padding: 35px 0;
  }
}
/****************************************************
32. shop
*****************************************************/
.contact-map {
  line-height: 1;
  margin-bottom: -3px;
}
.contact-map iframe {
  border: 0;
  width: 100%;
  height: 800px;
}
.contact-wrapper {
  border-radius: 10px;
  overflow: hidden;
}
.contact-widget {
  background-color: #fff;
  position: relative;
  z-index: 9;
  box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.04);
}
.contact-social a {
  border: 2px solid #be7370;
  background: transparent;
}
.contact-social a:hover {
  background: #fff;
  color: #5784aa;
  border-color: transparent;
}
.contact__left {
  padding: 80px 60px;
  background-size: cover;
  margin-right: 55px;
}
.contact__left h4 {
  font-size: 24px;
  color: #fff;
  line-height: 1;
  margin-bottom: 0;
}
.contact__left p {
  font-size: 16px;
  color: #fff;
  line-height: 1;
  margin-top: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .contact__left {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact__left {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .contact__left {
    margin-right: 0;
    padding: 50px 20px;
  }
}
.contact__right h4 {
  font-size: 24px;
  line-height: 1;
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact__right {
    padding: 30px;
  }
}
@media (max-width: 767px) {
  .contact__right {
    padding: 30px;
  }
}
.contact__list-2 ul {
  margin-top: 40px;
}
.contact__list-2 ul li {
  display: flex;
}
.contact__list-2 ul li:not(:last-child) {
  border-bottom: 1px solid #a55d59;
  padding-bottom: 25px;
  margin-bottom: 30px;
}
.contact__icon i {
  font-size: 15px;
  color: #fff;
}
.contact__desc {
  padding-left: 20px;
}
.contact__desc span {
  color: #dcd9d9;
  line-height: 1;
  font-size: 14px;
  display: block;
}
.contact__desc h6 {
  font-size: 20px;
  color: #fff;
  line-height: 1;
  margin-bottom: 0;
  margin-top: 10px;
}
.contact__form input, .contact__form textarea, .contact__form .nice-select {
  padding-left: 30px !important;
  background-color: #f5f5f5;
}
.contact__form textarea {
  width: 100%;
  height: 170px;
  border-radius: 10px;
  border: 0;
  padding: 30px;
  color: #999999;
}
.show-text span {
  font-size: 13px;
  font-weight: 400;
  color: #000;
  font-weight: 500;
  display: inline-block;
}
.ch-right .nice-select {
  padding: 0px;
  border: 0px;
  border-radius: 0px;
  font-size: 13px;
  color: #000;
  font-weight: 800;
  height: inherit;
  float: inherit;
  line-height: inherit;
  padding-right: 30px;
  background-color: transparent;
}
.page-link-2 {
  background-color: #fff !important;
}
.page-link-2:hover {
  background-color: #5784aa !important;
}
/****************************************************
33. product-details
*****************************************************/
/*product details page css start*/
.product-details-menu ul li {
  margin-left: 0px;
  margin-right: 30px;
}
.product-details-menu ul li:last-child {
  margin-right: 0px;
}
.product-details-menu ul li a {
  font-size: 13px;
}
.product-details-logo {
  text-align: center;
}
.pro-details-tab .custom-tab {
  width: 18%;
  float: left;
}
.pro-details-tab .custom-tab .nav-link {
  padding: 0px;
  margin-bottom: 25px;
  position: relative;
}
.pro-details-tab .custom-tab .nav-link::before {
  position: absolute;
  content: "";
  background: #fff;
  opacity: 0;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  transition: 0.3s;
}
.pro-details-tab .custom-tab .nav-link.active::before {
  opacity: 0.7;
}
.custom-content {
  float: right;
  width: 77%;
}
.custom-content img {
  width: 100%;
}
.pro-details-tab-2 .custom-content {
  width: auto;
  float: none;
  margin: 0;
}
.pro-details-tab .product-d-tab-2 {
  width: 100%;
  float: none;
  display: block;
  margin: 0;
  overflow: hidden;
  margin-left: 0px !important;
  margin-right: -8px;
  margin-top: 16px;
}
.pro-details-tab .product-d-tab-2 li {
  float: left;
  padding: 0 8px;
  width: 25%;
}
.pro-details-tab .product-d-tab-2 li a {
  margin: 0;
}
.product-right-thumb .custom-tab {
  width: 18%;
  float: right;
}
.product-right-thumb .custom-tab .nav-link {
  padding: 0px;
  margin-right: 0;
  margin-left: 20px;
}
.group-pro-name a {
  color: #000;
  font-weight: 700;
}
.grouped-pro-price h5.pro-price del {
  color: #bababa;
  font-size: 16px;
  margin-left: 5px;
}
/* 22. Beradcrumb css */
.breadcrumb-area {
  z-index: 1;
  background-size: cover;
  background-position: center center;
}
.page-title h2 {
  font-size: 36px;
}
.breadcrumb-menu li {
  display: inline-block;
  padding: 0 15px;
  position: relative;
  font-size: 16px;
  font-weight: 500;
}
.breadcrumb-menu ul li a {
  font-weight: 500;
  color: #949494;
}
.breadcrumb-menu li:not(:last-child)::after {
  display: inline-block;
  color: #859099;
  content: "";
  position: absolute;
  right: -6px;
  top: 1px;
  font-family: "Font Awesome 5 Pro";
}
.details-rating a {
  font-size: 12px;
  color: #fcd700;
  margin-right: 2px;
}
.details-rating span {
  font-size: 13px;
  color: #6f6f6f;
  padding-left: 8px;
  display: inline-block;
}
span.details-pro-price {
  font-size: 14px;
  font-weight: 800;
  color: #5784aa;
  display: inline-block;
}
.pro-details-content p {
  color: #6f6f6f;
  line-height: 24px;
  padding-bottom: 25px;
}
.size-wrapper, .color-wrapper {
  display: flex;
  align-items: center;
}
.size-wrapper .size-text span, .color-wrapper .color-text span {
  font-size: 12px;
  font-weight: 600;
  color: #222;
  line-height: 1;
  display: inline-block;
}
.size-wrapper .sizes {
  margin-left: 45px;
}
.size-wrapper .sizes a {
  font-size: 14px;
  font-weight: 400;
  color: #565656;
  text-transform: uppercase;
  margin-right: 16px;
  display: inline-block;
  transition: all linear 0.4s;
  padding: 0px 3px;
  border-bottom: 1px solid transparent;
}
.size-wrapper .sizes a:hover {
  border-color: #565656;
  color: #000;
}
.color-wrapper .colors a {
  height: 20px;
  width: 20px;
  display: inline-block;
  margin-right: 20px;
}
.color-wrapper .colors a.one {
  background: #bcbcf8;
}
.color-wrapper .colors a.two {
  background: #f1c5f0;
}
.color-wrapper .colors a.three {
  background: #f8b998;
}
.color-wrapper .colors a.four {
  background: #c4e395;
}
.color-wrapper .colors a.five {
  background: #9bdbdf;
}
.color-wrapper .colors {
  margin-left: 42px;
  margin-top: 4px;
}
.group-pro-name {
  float: left;
}
.pro-quan-area {
  display: flex;
  align-items: center;
}
.cart-plus-minus {
  position: relative;
  display: inline-block;
}
.cart-plus-minus input {
  border: 0px;
  outline: 0px;
  background: none;
  font-weight: 400;
  color: #000;
  font-size: 20px;
  display: inline-block;
  padding: 9px 20px;
  border: 1px solid #222;
  margin-right: 10px;
  width: 110px;
  text-align: center;
}
.cart-plus-minus .qtybutton {
  font-size: 20px;
  color: #000;
  display: inline-block;
  position: absolute;
  top: 14px;
  height: 22px;
  width: 22px;
  background: #fff;
  border-radius: 30px;
  line-height: 1;
  cursor: pointer;
  text-align: center;
}
.cart-plus-minus .dec {
  left: 7px;
}
.cart-plus-minus .inc {
  right: 7px;
}
.pro-cart-btn a {
  line-height: 51px;
  padding: 0px 20px;
  color: #fff;
  font-weight: 800;
  font-size: 12px;
  background: #000;
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
}
.pro-cart-btn a:hover {
  color: #fff;
  background-color: #5784aa;
}
.pro-wish {
  float: left;
}
.pro-cart-btn {
  float: left;
}
.product-quantity {
  float: left;
}
.pro-wish a {
  font-size: 16px;
  margin-left: 20px;
  display: inline-block;
  color: #b5b5b5;
}
.pro-wish a:hover {
  color: #5784aa;
}
.stock-update {
  display: flex;
  position: relative;
  padding-top: 16px;
}
.stock-update:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  height: 1px;
  width: 65px;
  background: #000;
}
.stock-update .stock-list li {
  font-size: 12px;
  font-weight: 600;
  color: #000;
  margin-bottom: 10px;
}
.stock-update .stock-list li > span {
  width: 100px;
  font-size: 16px;
  display: inline-block;
}
.stock-update .stock-text li {
  color: #666;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 10px;
}
.stock-update .stock-list li span.red {
  color: #5784aa;
  font-weight: 600;
}
.pro-tab-border {
  border-top: 1px solid #dbdbdb;
  padding-top: 50px;
}
.pro-desc-tab {
  position: relative;
}
.pro-desc-tab .nav-link {
  padding: 0px 0px 35px 0px;
  font-size: 13px;
  font-weight: 800;
  margin: 0 18px;
  color: #000;
  display: block;
}
.desc-img-wrapper .desc-img {
  position: relative;
}
.desc-img-wrapper .desc-img h4 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 80px;
  color: #333;
}
.pro-desc-img img {
  width: 100%;
}
.desc-img-wrapper .pro-desc-text h4 {
  color: #333;
  padding-right: 225px;
}
.desc-img-wrapper .pro-desc-text p {
  font-size: 13px;
  font-weight: 300;
  color: #222;
  line-height: 28px;
  padding-right: 110px;
  text-align: justify;
}
.desc-img-wrapper .pro-desc-text2 {
  margin-left: 100px;
  padding-top: 240px;
}
.desc-img-wrapper .pro-desc-text.pro-desc-text2 h4 {
  padding-right: 0px;
}
.desc-img-wrapper .pro-desc-text.pro-desc-text2 p {
  padding-right: 0px;
}
.pro-desc-single2 {
  margin-top: -100px;
}
.additional-information {
  background: #f7f7f7;
  overflow: hidden;
  padding: 20px 30px 40px 30px;
}
.additional-information ul li.title {
  font-size: 24px;
  font-weight: 700;
  color: #000;
  width: 100%;
}
.additional-information li {
  font-size: 16px;
  font-weight: 600;
  color: #646464;
  border-bottom: 1px solid #ccc;
  padding: 10px 0px;
  width: 50%;
  float: left;
}
/*shop sidebar page start here*/
.shop-banner-text h2 {
  font-size: 40px;
  margin-bottom: 25px;
}
.shop-banner-text ul li {
  display: inline-block;
  margin: 0px 15px;
}
.shop-banner-text ul li a {
  font-size: 13px;
  font-weight: 800;
  color: #000;
}
.side-cat ul li {
  display: block;
  margin-bottom: 8px;
}
.side-cat ul li a {
  font-size: 13px;
  font-weight: 400;
  color: #333;
}
.side-cat ul li a:hover {
  color: #aaccbb;
}
.cat-title h6 {
  font-size: 14px;
}
.product__details-des p {
  color: #606060;
  font-size: 16px;
  margin-bottom: 28px;
}
.product__details-des-list ul li {
  position: relative;
  padding-left: 35px;
  margin-bottom: 10px;
}
.product__details-des-list ul li span {
  color: #606060;
}
.product__details-des-list ul li::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  font-size: 14px;
  color: #606060;
  font-family: "Font Awesome 5 Pro";
}
.nav-item button, button.active {
  border: 0;
  background: transparent;
  color: #222;
  font-size: 14px;
  font-weight: 600;
  display: inline-block;
}
.nav-pills .nav-link.active {
  background-color: transparent;
  color: #5784aa;
}
.pro-details-content h4 {
  font-size: 30px;
}
/*# sourceMappingURL=main.css.map */
/* 1. Force the container to be a Flexbox and stop wrapping */
.about-area__wrapper {
  display: flex !important;
  flex-wrap: nowrap !important; /* Prevents the second image from dropping */
  align-items: flex-start;
  gap: 20px;
  position: relative;
  overflow: visible !important; /* Allows the blue background to show */
}
/* 2. Reset the image containers to share space equally */
.about__img {
  flex: 1;
  float: none !important; /* Kills the old floats causing the drop */
  width: auto !important;
  margin-right: 0 !important;
  position: relative;
  z-index: 2;
}
.about__img img {
  width: 100%;
  height: auto;
  display: block;
}
/* 3. Fix the Blue Background Bleed */
.about-area__wrapper::after {
  /* Change fixed width to percentage so it stays behind the image */
  width: 60% !important;
  height: 80% !important;
  /* Reposition it so it stays tucked under the second image */
  right: -15px !important;
  left: auto !important;
  bottom: -20px !important;
  /* Ensure it doesn't expand past the parent */
  max-width: 350px;
}
/* 4. Fix the "20+ Years" Text Position */
.about-area__wrapper::before {
  right: -40px !important;
  left: auto !important;
  z-index: 3;
}
/* 5. Clean up for smaller screens where images should stack */
@media (max-width: 991px) {
  .about-area__wrapper {
    flex-wrap: wrap !important;
  }
  .about__img {
    flex: 0 0 100%;
  }
  .about-area__wrapper::after {
    display: none; /* Hide the background on mobile to prevent overflow */
  }
}
@media (max-width: 767px) {
  /* Slider 1 */
  .single-slider[style*="mohs-surgery-s.png"] {
    background-image: url('../images/mohs-surgery-m.png') !important;
  }
  /* Slider 2 */
  .single-slider[style*="advanced-reconstruction-s.png"] {
    background-image: url('../images/advanced-reconstruction-m.png') !important;
  }
  .single-slider[style*="cosmetic-surgery.png"] {
    background-image: url('../images/cosmetic-surgery-m.png') !important;
  }
  .single-slider {
    background-position: center !important;
    background-size: cover !important;
  }
}