@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=Barlow&family=Roboto:wght@300;400;500;700;900&display=swap");

/* font-family: 'Playfair Display', serif;

font-family: 'Barlow', 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: "Poppins", sans-serif;

  font-weight: normal;

  font-style: normal;

  color: #777777;

}



.container {

  max-width: 1430px;

}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {

  .container {

    max-width: 95%;

  }

}

@media only screen and (max-width: 1700px) {

  .container {

    max-width: 95%;

  }

}



.container-3 {

  max-width: 1400px;

}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {

  .container-3 {

    max-width: 95%;

  }

}

@media only screen and (max-width: 1700px) {

  .container-3 {

    max-width: 95%;

  }

	.header-menu-wrapper {

    float: right;

    margin-left: 2px;

}

.header-menu-wrapper {

    float: right;

    margin-left: 35px;

}

.header-nav ul li {

    display: inline-block;

    position: relative;

    padding: 0 14px;

    padding: 36px 5px;

	}

}



@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 {

  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-weight: normal;

  color: #000000;

  margin-top: 0px;

  font-style: normal;

  font-weight: 500;

  text-transform: normal;

  letter-spacing: 0.2px;

  font-family: 'Poppins', sans-serif;

}



h1 a,

h2 a,

h3 a,

h4 a,

h5 a,

h6 a {

  color: inherit;

}



h1 {

  font-size: 40px;

  font-weight: 500;

}



h2 {

  font-size: 35px;

}



h3 {

  font-size: 28px;

}



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-size: 16px;

  font-weight: normal;

  line-height: 30px;

  color: #777777;

  font-weight: 400;

  margin-bottom: 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: #9e4b47;

  padding: 10px 20px;

  display: inline-block;

  border-radius: 10px;

  border: 1.5px solid transparent;

}

.theme-sm-btn:hover {

  color: #9e4b47;

  background-color: transparent;

  border-color: #9e4b47;

}



.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: #9e4b47 !important;

  border-color: #9e4b47 !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: #9e4b47 !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: 20px;

  font-weight: 500;

  border: 2px solid transparent;

  background: -webkit-gradient(linear ,left top, left bottom ,from(#213B73),to(#182e5d));

  background: -o-linear-gradient(top ,#213B73,#182e5d);

  background: linear-gradient(to bottom ,#213B73,#182e5d);

}

@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: #9e4b47;

}

.white-btn:hover {

  background-color: #9e4b47;

  color: #fff;

}



.transparent-btn-1 {

  border-width: 2px;

  border-color: rgba(255, 255, 255, 0.4);

  color: #fff;

}

.transparent-btn-1:hover {

  color: #9e4b47;

  background-color: #fff;

}

.transparent-btn-2 {

  border-color: #5a5a59;

  color: #fff;

  background-color: transparent;

}

.transparent-btn-2:hover {

  border-color: #9e4b47;

  color: #9e4b47;

}



.btn-1 {

  background-color: #10334f;

  border: 2px solid transparent !important;

  color: #fff !important;

}

.btn-1:hover {

}



.btn-2 {

  background-color: #842f2b;

  color: #fff;

}



.btn-black {

  background-color: #000000;

  color: #fff;

}

.btn-black:hover {

  background-color: #9e4b47;

  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: #9e4b47;

  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: #9e4b47;

}

.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;

}



/* scrollUp */

#scrollUp {

  background: #9e4b47;

  height: 50px;

  width: 50px;

  line-height: 50px;

  font-size: 21px;

  border-radius: 5px;

  right: 50px;

  bottom: 77px;

  color: #fff;

  text-align: center;

}



#scrollUp:hover {

  background: #000000;

}



.theme-hover {

  background-color: #f4f4f4 !important;

  color: #777777;

}

.theme-hover:hover {

  background-color: #9e4b47 !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;

}

Q

.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: #10334f;

  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: 43px;

  line-height: 1.3;

  margin-bottom: 0;

  letter-spacing: 0.9px;

}

@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: #9e4b47;

  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: #9e4b47;

  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: #9e4b47;

}



.twentytwenty-right-arrow {

  border-left-color: #9e4b47;

}



.appoint-btn:hover {

  background-color: #fff;

  color: #9e4b47;

}



.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: #10334f;

  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: #9e4b47 !important;

}



.w-fit-content {

  width: fit-content !important;

}



.header-nav-2 .submenu {

  left: 50px !important;

}



#loading {

  background-color: #10334f;

  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: #9e4b47;

  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: #9e4b47;

  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: #1d366a;

  font-size: 20px;

  line-height: 54px;

  font-weight: 700;

  text-transform: uppercase;

  display: inline-block;

  margin-left: 18px;

}

.header-social a:hover {

  color: #9e4b47;

}

.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: #9e4b47;

}

@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: #10334f;

  padding: 0 30px;

  box-shadow: 0px 30px 100px 0px rgb(0 0 0 / 16%);

  border-radius: 30px;

  /* box-shadow: inset 1px 1px 30px -20px #000; */

  background: -webkit-gradient(linear ,left top, left bottom ,from(#213B73),to(#182e5d));

  background: -o-linear-gradient(top ,#213B73,#182e5d);

  background: linear-gradient(to bottom ,#213B73,#182e5d);

}

.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;

    box-shadow: initial;

  }

}

.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: right;

  margin-left: 85px;

}

.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;

  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;

  padding: 0 14px;

  padding: 36px 4px;

}

.header-nav ul li a {

  color: #FFFFFD;

  font-size: 15px;

  line-height: 1;

  padding: 65px 0;

  font-weight: 500;

  text-transform: uppercase;

  /* padding-left: 25px; */

  letter-spacing: 0.7px;

  position: relative;

  display: initial !important;

}

@media only screen and (min-width: 1200px) and (max-width: 1500px) {

  .header-nav ul li a {

    padding-left: 20px;

  }

	.header-menu-wrapper {

    float: right;

    margin-left: 2px;

}

.header-menu-wrapper {

    float: right;

    margin-left: 35px;

}

.header-nav ul li {

    display: inline-block;

    position: relative;

    padding: 0 14px;

    padding: 36px 5px;}

}

@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: 1250px) {

  .header-nav ul li a {

    padding-left: 24px;

  }

}

.header-nav ul li:hover > a {

}

.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: 200px;

  padding: 15px 0;

  background: #fff;

  border-top: 4px solid #1d366a;

  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: 14px;

  word-spacing: 2px;

  padding: 9px 25px;

  color: #1c3467;

}

.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: #9e4b47;

}

@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: #9e4b47;

  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: #9e4b47;

}

.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;

}

.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: 992px) {

  .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: 24px;

  transition: 0.3s;

  background: #ffffff;

  border-radius: 20px;

}

.mobile-toggle-bar-2 button i {

  color: #1f386e !important;

}

@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 {

}

.mobile-toggle-bar-2 button:hover i {

  color: #fff;

}



.show-nav {

  right: 0;

}



@media (max-width: 767px) {

  .logo img {

    max-width: 100px;

  }

}

.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: #fff7ef;

  color: #9e4b47;

  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: #9e4b47;

}



/* 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;

}



.side-menu ul li:hover a {

  color: #ff4a57;

}



.header-right ul li a {

  color: #9e4b47;

  font-size: 14px;

  transition: 0.3s;

}

.header-right ul li:hover > a {

  background-color: #9e4b47;

  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: 14px;

  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: #9e4b47;

}

.lang ul li:hover ul {

  transform: scaleY(1);

}



@media only screen and (max-width: 1400px) {

  .logo-2::after {

    display: none;

  }

}



.testimonial__img img {

  position: relative;

  z-index: 9999;

}



.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: 140px;

}



.cta-2 a {

  color: #5b5b5b;

  font-size: 14px;

}

.cta-2 span {

  font-size: 14px;

}



/****************************************************

6. about

*****************************************************/

.about__img img {

    border-radius: 20px;

}



@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: #10334f;

}

@media only screen and (max-width: 1700px) {

  .about-area__wrapper::after {

    left: 270px;

    right: auto;

  }

}

.about-area__wrapper::before {

  content: "Dr. Osman Şenel";

  position: absolute;

  bottom: 65px;

  transform: rotate(-90deg);

  color: #fff;

  font-size: 16px;

  text-transform: uppercase;

  line-height: 32px;

  right: -52px;

  font-family: "Poppins";

  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%;

  color: #ffff;

  background-color: #10334f;

  flex: 0 0 auto;

  box-shadow: 0px 16px 32px 0px #9e4b4714;

}

@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: #ffffff;

}

.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: #ffffff;

  font-size: 14px;

  border-radius: 50%;

  transition: all 0.5s;

  background: #10334f;

  margin-right: 15px;

}

.about__list ul li:hover i {

  color: #fff;

  background-color: #10334f;

}

.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: #9e4b47;

  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: #9e4b47;

  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;

  margin-top: 172px;

}

.breadcrumb__text span {

  font-size: 16px;

  color: #fff;

  text-align: center;

}

.breadcrumb__text h1 {

  font-size: 60px;

  color: #1d3569;

  margin-top: 23px;

  line-height: 1;

  text-align: center;

  position: relative;

  z-index: 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: #9e4b47 !important;

}

.about__info a:hover i {

  color: #fff !important;

}



span.price {

  color: #9e4b47;

  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;

  display: flex;

  margin-bottom: 35px;

  justify-content: center;

}

.featured__product-img img {

  transition: all 0.5s ease-out;

}

@media only screen and (max-width: 1480px) {

  .featured__product-img img {

    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;

  right: 50px;

  top: -12px;

  width: 80px;

  height: 80px;

  background: #9e4b47;

  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: #9e4b47;

}

.featured__product h4 {

  font-size: 18px;

  line-height: 21px;

  margin-top: 10px;

  margin-bottom: 0;

}

.featured__product h4:hover a {

  color: #9e4b47 !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: #9e4b47;

  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;

  height: 586px !important;

}

@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;

    height: auto !important;

  }

}

.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: #9e4b47;

}

a.featured-btn:hover i {

  color: #9e4b47;

  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;

  color: #203a70 !important;

}

.features__tab ul li.active button {

    background: -webkit-gradient(linear ,left top, left bottom ,from(#213B73),to(#182e5d));

    background: -o-linear-gradient(top ,#213B73,#182e5d);

    background: linear-gradient(to bottom ,#213B73,#182e5d);

    color: #ffff !important;

}

.features__tab ul li button.nav-link {

    font-weight: 500;

    color: #fff;

    font-size: 16px;

    border-radius: 25px;

    box-shadow: -1px -2px 7px 0px rgb(0 0 0 / 16%);

}

.features__tab ul li button.nav-link.active {

  background-color: #ffffff;

  color: #fff !important;

  background: linear-gradient(to bottom ,#10334f,#0a2133);

}

@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: #9e4b47 !important;

}



.features__tab ul li button {

  font-size: 16px;

  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: #9e4b47;

}

@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: #9e4b47 !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: 999;

  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: #10334f;

  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: #9e4b47;

  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: #9e4b47;

  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: #9e4b47;

  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: #9e4b47;

}

.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: #9e4b47;

}

.slider__item:hover span {

  color: #000000;

}

.slider__item:hover i::before {

  color: #9e4b47;

}

@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: #9e4b47;

  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: #9e4b47;

  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: #9e4b47;

  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: #9e4b47;

  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: #9e4b47;

  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: #9e4b47;

  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: #9e4b47;

}

.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: #9e4b47;

  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: #9e4b47;

}

.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;

  font-weight: 500;

  /* white-space: nowrap; */

}

.service__text ul li a {

    margin-top: 12px;

    font-size: 16px;

    color: #777777;

    display: block;

    /* white-space: nowrap; */

}

@media (max-width: 767px) {

  .service__text h4 {

    margin-top: 0;

    font-size: 20px;

    height: 62px;

  }

}

.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: #70798b;

  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: 17px;

  line-height: 1.8;

  margin-bottom: 25px;

  color: #70798b;

}

.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: 0 !important;

    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: #9e4b47;

}

.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: #9e4b47;

}

@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: #9e4b47;

}

@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: #9e4b47;

  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: #9e4b47;

  line-height: 100px;

}

.service__tabs .tab__box i::before {

  font-size: 80px;

  color: #9e4b47;

}

.service__tabs button.active {

  background-color: #9e4b47;

}



.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: #9e4b47;

}

.tab__1 ul li button.nav-link.active {

  background-color: #9e4b47;

  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: #9e4b47;

  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 #9e4b47;

}

blockquote h6 {

  font-size: 20px;

  line-height: 1.5;

  margin-bottom: 0;

}

blockquote span {

  font-size: 14px;

  color: #9e4b47;

  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: #9e4b47;

  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: #9e4b47;

  font-size: 14px;

  margin-right: 10px;

}

.news__link a {

  color: #000000;

  font-size: 24px;

  line-height: 30px;

  margin-top: 18px;

  margin-bottom: 8px;

  display: block;

  font-weight: 500;

}

.news__link h4:hover a {

  color: #172d5d;

}

@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: #9e4b47;

  font-size: 14px;

  margin-right: 6px;

}

.news__view ul li a {

  color: #9e4b47;

}

@media only screen and (min-width: 992px) and (max-width: 1200px) {

  .news__view {

    margin-top: 13px;

  }

}

.news__img {

  position: relative;

}

@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: #9e4b47;

  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: #9e4b47;

  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: #9e4b47;

  line-height: 1;

  font-weight: 500;

}

.news-text-4 h2 {

  font-size: 48px;

  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: #9e4b47;

  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: #9e4b47;

  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: #9e4b47;

  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: #9e4b47;

  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: #9e4b47;

}

.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: #9e4b47;

  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: #9e4b47;

  color: #fff;

  border-color: #9e4b47;

}

.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: #9e4b47;

  padding-right: 5px;

}



/****************************************************

15. widget

*****************************************************/

.subscribe__widget {

  /* background: #fff; */

  text-align: center;

  padding: 0 0;

}

.subscribe__widget-text h4 {

  font-size: 24px;

  line-height: 58px;

  margin-bottom: 0;

  color: #fff;

}

.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; */

  margin-top: 15px;

}

.subscribe__widget-text button {

    background: #f9f9f9;

    color: #10334f!important;

}



.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: #9e4b47;

  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: #9e4b47;

  float: right;

}



.news__widget-list {

  background-color: #fff4f3;

  display: flex;

  align-items: center;

  padding: 20px 30px;

}

.news__widget-icon i {

  color: #9e4b47;

}

.news__widget-text {

  padding-left: 23px;

}

.news__widget-text span {

  font-size: 14px;

  line-height: 1;

  color: #9e4b47;

}

.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: #9e4b47;

}

.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: #9e4b47;

  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: #9e4b47;

}

.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: #9e4b47;

}

.service__widget-list ul li a:hover i, .service__widget-list ul li a:hover span {

  color: #9e4b47;

}

.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: #9e4b47;

}



.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: #9e4b47;

}

.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: #9e4b47;

}

.progress__top {

  margin-bottom: 15px;

}

.progress__top span {

  color: #000000;

  font-size: 16px;

  line-height: 1;

}

.progress__count {

  color: #9e4b47;

  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: #9e4b47;

}

.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: #9e4b47;

  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: #9e4b47;

}



.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: #9e4b47;

  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: #9e4b47;

  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: #9e4b47;

  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-size: cover;

  background-position: center;

  background-attachment: fixed;

  background-repeat: no-repeat;

  background: -o-linear-gradient(top ,#213B73,#182e5d);

  background: linear-gradient(to top ,#213B73,#182e5d);

}

.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: #3e3e3e;

  background-image: url("../img/bg/line.png");

}

.footer__right {

  overflow: hidden;

}

.footer .title {

  font-size: 24px;

  line-height: 1;

  margin-bottom: 30px;

  font-weight: 400;

}

.footer p {

  color: #ffffff;

}

.footer__list ul {

  overflow: hidden;

}

.footer__list ul li {

  width: 50%;

  float: left;

}

.footer__list ul li a {

  color: #ffffff;

  font-size: 16px;

  margin-bottom: 33px;

  line-height: 1;

  display: block;

  white-space: nowrap;

}

.footer__list ul li a:hover {

  /* color: #9e4b47; */

}

.footer__copyright p {

  text-align: center;

  color: #ffffff;

  font-size: 16px;

  /* border-top: 1px solid #ffffff0d; */

}

.footer__copyright p a {

  color: #fff;

  font-weight: 700;

}

.footer__copyright p a:hover {

  color: #9e4b47;

}

.footer__copyright--2 p {

  border-top: 0;

}

.footer__copyright--2 p a {

  color: #9e4b47;

}

.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 #9e4b47;

  position: relative;

}

.footer-2 p {

  color: #777777;

}

.footer-2 ul li a {

  color: #777777;

}

.footer-2 ul li a:hover {

  color: #9e4b47;

}

.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: #777777;

  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: #9e4b47;

}

.footer__social-4 span {

  font-size: 14px;

  line-height: 1;

  display: block;

  margin-bottom: 20px;

  color: #777777;

}

.footer__social-4 a {

  border-color: #f1f1f1;

}

.footer__social-4 a:hover {

  border-color: #9e4b47;

}

.footer-4 p {

  color: #777777;

}



.social__icon a {

  width: 50px;

  height: 50px;

  line-height: 50px;

  display: inline-block;

  text-align: center;

  border-radius: 27px;

  color: #ffffff;

  margin-right: 10px;

  font-size: 20px;

  border: 2px solid #fff;

  margin-bottom: 8px;

}

.social__icon a:hover {

  background-color: #ffffff;

  color: #1a3162;

}

.social__icon--2 a {

  background-color: #fff2f1;

  color: #9e4b47;

}

.social__icon--2 a:hover {

  color: #fff;

  background-color: #9e4b47;

}

.social__icon-3 a {

  background-color: #fff;

  color: #777777;

  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;

  display: flex;

  align-items: center;

}

.contact__list ul li i {

  min-width: 40px;

  height: 40px;

  display: inline-block;

  border-radius: 50%;

  line-height: 40px;

  text-align: center;

  border: 1px solid #414141;

  margin-right: 10px;

  color: #10334f;

  background: white;

}

.contact__list ul li span {

  font-size: 15px;

  line-height: 30px;

  /* display: inline-block; */

  color: #ffffff;

  font-weight: 300;

}

.contact__list ul li span b {

  color: #fff;

}

.contact__list--2 ul li i {

  border-color: #e9e9e9;

  color: #9e4b47;

}

.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: #9e4b47;

}

@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: #9e4b47;

}

.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;

  border-top: 1px solid #ffffff0d;

}



.mobile-nav {

  overflow-y: auto;

}



.icon-footer img {

  width: 140px;

}



/****************************************************

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: #9e4b47; */

}

.portfolio-area .generic-title {

    padding: 22px 0px;

    background: linear-gradient(to bottom ,#10334f,#0a2133);

}

@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 a::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 a:hover {

  color: #fff;

}

.portfolio__thumb-text h4 a: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: #9e4b47;

  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: #9e4b47;

  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: #9e4b47;

  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: #9e4b47;

  color: #fff;

  padding: 30px 0;

}



.time__count span {

  font-size: 18px;

  color: #9e4b47;

  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: #9e4b47;

  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: 17px;

  color: #999999;

}

.appointment__form form ::placeholder {

  font-size: 16px;

  text-transform: capitalize;

  color: #999999;

}

.appointment__form form ::-webkit-input-placeholder {

  font-size: 16px;

  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: #9e4b47;

  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: #9e4b47; */

  line-height: 1;

  width: 100%;

  font-weight: 500;

  height: 70px;

  border-radius: 10px;

  background: linear-gradient(to bottom ,#213B73,#182e5d);

  width: 209px !important;

}

.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;

  padding: 50px 15px;

}

.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: #9e4b47;

}

@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: #9e4b47;

}

.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: #9e4b47;

  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: #9e4b47;

  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: "Barlow", serif;

  padding: 0;

  width: 100%;

  text-align: left;

  border: 0;

  background-color: #9e4b47;

  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: #9e4b47;

  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: 100px;

  height: 100px;

  color: #ffffff;

  font-size: 20px;

  line-height: 100px;

  border-radius: 50%;

  background-color: #fff;

  text-align: center;

  background: -webkit-gradient(linear ,left top, left bottom ,from(#213B73),to(#182e5d));

  background: -o-linear-gradient(top ,#213B73,#182e5d);

  background: linear-gradient(to bottom ,#213B73,#182e5d);

}

.video__thumb-link a i {

  font-weight: 600;

}

.video__thumb-link a:hover {

  background-color: #ffffff78;

  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: #9e4b47;

}

.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: #9e4b47;

}

.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: #9e4b47;

  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: #9e4b47;

}



.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: #9e4b47;

}

.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: #9e4b47;

  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: #9e4b47;

  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: #9e4b47;

}

.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: #9e4b47;

  padding-right: 10px;

}

@media (max-width: 767px) {

  .blog__post-meta ul {

    text-align: center;

  }

}

.blog__testimonial {

  background: #9e4b47;

  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: #9e4b47;

  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: #9e4b47;

}



/****************************************************

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: #9e4b47;

  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: #9e4b47;

  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: #9e4b47;

  background-color: #fff;

  border-color: #9e4b47;

}

.faq__form button i {

  margin-right: 5px;

}



.accordion-2 .accordion-item {

  margin-bottom: 10px;

}

.accordion-2 .accordion-body {

  background-color: #9e4b47;

}

.accordion-2 .accordion-body p {

  color: #fff;

}

.accordion-2 .accordion-button:not(.collapsed) {

  background-color: #9e4b47;

  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: #9e4b47;

}

.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);

  margin-bottom: 100px;

}

.contact-social a {

  border: 2px solid #ffffff;

  background: transparent;

  color: white;

}

.contact-social a:hover {

  background: #fff;

  color: #10334f;

  border-color: transparent;

}

.contact__left {

  padding: 80px 60px;

  background-size: cover;

  margin-right: 55px;

  background: red;

  background: linear-gradient(to bottom ,#213B73,#182e5d);

}

.contact__left h4 {

  font-size: 24px;

  color: #fff;

  line-height: 1;

  margin-bottom: 0;

  font-weight: 400;

}

.contact__left p {

  font-size: 16px;

  color: #fff;

  line-height: 1;

  margin-top: 15px;

  margin-bottom: 23px;

  display: block;

}

@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 #ffffff30;

  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: 18px;

  display: block;

}

.contact__desc h6 {

  font-size: 16px;

  color: #fff;

  line-height: 1;

  margin-bottom: 0;

  margin-top: 10px;

  font-weight: 400;

  line-height: 1.5;

}

.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: #9e4b47 !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;

  /* margin-top: 2px; */

  width: 100%;

}



.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: #9e4b47;

  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: #9e4b47;

}



.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: #9e4b47;

}



.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: #9e4b47;

  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;

  background: -webkit-gradient(linear ,left top, left bottom ,from(#213B73),to(#182e5d));

  background: -o-linear-gradient(top ,#213B73,#182e5d);

  background: linear-gradient(to bottom ,#213B73,#182e5d);

}



.nav-pills .nav-link.active {

  background-color: transparent;

  color: #9e4b47;

}



.pro-details-content h4 {

  font-size: 30px;

}



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









.u-border-radius{

  border-radius: 20px;

}



.service__thumb{

  text-align: center;

}



.ovelays {

  background: url(https://i.hizliresim.com/es5p6j2.png);

  width: 100%;

  height: 100%;

  display: block;

  position: absolute;

  top: 0;

  z-index: -1;

  /* background-position: right; */

  background-repeat: no-repeat;

  left: 0 !important;

  background-size: 100%;

}



.single-social .item a .single-social-item {

  display: flex;

  background: #203970;

  border-radius: 20px;

  background: linear-gradient(to bottom ,#213B73,#182e5d);

  box-shadow: 0px 6px 0px 0px rgb(255 255 255 / 34%);

  align-items: center;

}



.single-social-item .icons {

  font-size: 47px;

  color: #ffffff;

  padding-left: 15px;

  padding-right: 20px;

  width: 78px;

  background: #19305f;

  background: linear-gradient(to bottom ,#213B73,#182e5d);

  border-bottom-left-radius: 20px;

  border-top-left-radius: 20px;

}



.single-social-item .texts strong {

  display: block;

  color: #ffffff;

  opacity: initial;

  font-size: 18px;

  font-weight: 500;

}





.single-social-item .texts span {

  display: block;

  color: #ffffff;

  opacity: initial;

  font-size: 17px;

}





.single-social .item {

    margin-bottom: 17px;

    /* box-shadow: 6px 5px 0px 0px rgb(255 255 255 / 24%); */

}



.news__img img {

  border-radius: 20px;

}



.service__text-2 h2 {

  color: #000000;

  font-size: 28px;

  /* letter-spacing: 0.9px; */

  margin-bottom: 15px;

  font-weight: 500;

}





.service__text-2 h3 {

  color: #000000;

  font-size: 28px;

  margin-bottom: 15px;

  font-weight: 500;

}





.service__text-2 h4 {

  color: #000000;

  font-size: 28px;

  margin-bottom: 15px;

}





.service__text-2 ul li {

  list-style: none;

  position: relative;

  padding: 0 0 0 20px;

  margin-bottom: 13px;

  font-size: 17px;

}



.service__text-2 ul li::before {

  content: "";

  position: absolute;

  left: 0;

  top: 7px;

  width: 10px;

  height: 10px;

  background-color: #172d5d;

  border-radius: 50%;

  -moz-border-radius: 50%;

  -webkit-border-radius: 50%;

}



.service__text-2 ul {

  font-size: 16px;

  margin-bottom: 30px;

  padding-left: 15px;

}





.single-slider-item {

  margin: 0 15px;

}



.single-blog .generic-title {

  font-size: 32px;

  color: black;

  font-weight: 500;

}



.service-tab-content a.more {

  background: -webkit-gradient(linear ,left top, left bottom ,from(#213B73),to(#182e5d));

  background: -o-linear-gradient(top ,#213B73,#182e5d);

  background: linear-gradient(to bottom ,#213B73,#182e5d);

  display: inline-block;

  color: #fff;

  border-radius: 20px;

  padding: 14px 40px;

  margin-top: 28px;

}



.header-nav ul li ul li a:after {

  display: none;

}



.header-nav ul li ul {

  position: absolute;

  border-radius: 10px;

  opacity: 0;

  left: 50%;

  top: 210px;

  transform: translateX(-50%);

  pointer-events: none;

  background: #ffff;

  border-radius: 20px;

  /* border: 3px solid #0091ac; */

  padding: 8px 11px;

  white-space: nowrap;

  transition: all 0.5s ease;

  box-shadow: -20px 50px 70px #0814201a;

  z-index: 9555555 !important;

  box-shadow: 0px 30px 100px 0px rgb(0 0 0 / 16%);

}



.header-nav ul li ul:after {

  content: "";

  /* background-color: #FFF; */

  border-radius: 10px;

  position: absolute;

  left: 5px;

  top: 5px;

  width: calc(100% - 10px);

  height: calc(100% - 10px);

  z-index: -1;

}



.header-nav ul li ul li {

  margin: 0;

  float: none;

  /* margin-bottom: 5px; */

  display: block;

  padding: initial;

}



.header-nav ul li ul li ul li {

  margin-left: 5px;

}



.header-nav ul li ul li a {

  border-radius: 20px;

  display: block;

  padding: 0;

  white-space: nowrap;

  font-size: 15px;

  line-height: 34px;

  padding: 0 15px;

  font-weight: 600;

  opacity: inherit;

  display: block;

  font-weight: 500;

  color: #1f386e;

  letter-spacing: inherit;

  text-transform: capitalize;

}



.header-nav ul li ul li ul {

  top: -10px;

  left: 125%;

  transition: all, .5s;

  padding: 10px;

  padding-left: 15px;

}



.header-nav ul li ul li ul:after {

  left: 10px;

}



.header-nav ul li ul li a:hover {

  background-color: #1f386e;

  color: #fff;

}



.header-nav ul li:hover>ul {

  opacity: 1;

  pointer-events: auto;

  transition: all, .5s;

  top:100px;

}



.header-nav ul li ul:before {

  content: "";

  position: absolute;

  top: -9px;

  left: 50%;

  z-index: 0;

  -webkit-transform: translateX(-50%);

  /* transform: translateX(-50%); */

  border-radius: 20px;

  background: #ffffff;

  width: 50px;

  height: 5px;

  position: absolute;

  left: 50%;

}



.header-nav ul li ul li ul:before {

  left: 8px;

  top: 10px;

  width: 5px;

  height: 50px;

  border-radius: 20px 0 0 20px;

}



.header-nav ul li ul li:hover ul {

  top: -10px;

  left: 100%;

  transform: translateX(0);

  transition: all, .5s;

}

.service__text-2 a {

    color: #70798b;

}









.mega-menu, .mega-menu-2, .mega-menu-3{

position: absolute;

z-index: 9999999;

width: 1034px;

height: auto;

top: 210px;

left: 217px;

background-size: 100%;

pointer-events: none;

opacity: 0;

transition: all .5s ease;

background: #ffffff;

border-radius: 20px;

padding: 15px 28px;

box-shadow: 0px 30px 100px 0px rgb(0 0 0 / 16%);
}



.mega-menu #menu-mega-menu li ul, .mega-menu-2 #menu-mega-menu2 li ul  {

  width: 100%;

}



.mega-menu #menu-mega-menu li,  .mega-menu-2 #menu-mega-menu2 li{

display: inline-block;

width: 23.33%;

float: left;

/* padding: 5px 2px; */

margin-right: 7px;
}



.mega-menu #menu-mega-menu li a, .mega-menu-2 #menu-mega-menu2 li a {

  font-weight: 500;

  text-transform: uppercase;

  color: #012352;

  font-size: 21px;

  margin-bottom: 9px;

  display: block;

}



.mega-menu #menu-mega-menu .sub-menu li, .mega-menu-2 #menu-mega-menu2 .sub-menu li {

  display: block;

  width: 100%;

  float: left;

  /* padding: 5px; */

}



.mega-menu #menu-mega-menu .sub-menu li a, .mega-menu-2 #menu-mega-menu2 .sub-menu li a {

  font-size: 15px;

  color: #012352;

  text-transform: none;

  text-decoration: none;

  margin-bottom: 7px !important;

  display: block;

}



.mega-menu.active, .mega-menu-2.active {opacity: 1 !important;pointer-events: auto !important;top: 165px;}

  

.mega-menu #menu-mega-menu .sub-menu li a:hover, .mega-menu-2 #menu-mega-menu2 .sub-menu li a:hover {

    color: #000000;

}

















.mega-menu-3 #menu-mega-menu li ul, .mega-menu-3 #menu-mega-menu-3 li ul  {

  width: 100%;

}



.mega-menu-3 #menu-mega-menu li,  .mega-menu-3 #menu-mega-menu-3 li{

  display: inline-block;

  width: 32.33%;

  float: left;

  /* padding: 5px 2px; */

  margin-right: 7px;

}



.mega-menu-3 #menu-mega-menu li a, .mega-menu-3 #menu-mega-menu-3 li a {

  font-weight: 500;

  text-transform: uppercase;

  color: #012352;

  font-size: 18px;

  margin-bottom: 9px;

  display: block;

}



.mega-menu-3 #menu-mega-menu .sub-menu li, .mega-menu-3 #menu-mega-menu-3 .sub-menu li {

  display: block;

  width: 100%;

  float: left;

  /* padding: 5px; */

}



.mega-menu-3 #menu-mega-menu .sub-menu li a, .mega-menu-3 #menu-mega-menu-3 .sub-menu li a {

  font-size: 13px;

  color: #012352;

  text-transform: none;

  text-decoration: none;

  margin-bottom: 7px !important;

  display: block;

}



.mega-menu-3.active {



  opacity: 1 !important;

  pointer-events: auto !important;

  

    }

  

.mega-menu #menu-mega-menu .sub-menu li a:hover, .mega-menu-3 #menu-mega-menu-3 .sub-menu li a:hover {

    color: #000000;

}





.toc_list li {

    padding-left: 19px !important;

}





#toc_container p.toc_title {

    text-align: left !important;

    font-weight: 700;

    margin: 0;

    padding: 0;

}



.menu-item-987 {

    margin-right: -44px;

}

.footer__copyright {

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.subscribe__widget-icon {

    width: 65px;

    text-align: center;

    margin: 0 auto;

}



.footer .copys {

    font-size: 14px;

    line-height: 17px;

    text-align: center;

    padding-bottom: 20px;

    font-weight: 100;

}

.whatsappFixed {

  position: fixed;

  top: 40%;

  z-index: 999999;

  background: rgba(29, 177, 84, 0.96);

  color: #fff;

  border-bottom-right-radius: 5px;

  border-top-right-radius: 5px;

  transition: all .4s;

  padding: 6px 0;

}



.whatsappFixed a {

  padding: 6px 15px;

  color: #fff;

  font-size: 40px;

  transition: all .4s;

}



.whatsappFixed:hover{

  transform: scale(1.1);

}



.whatsappFixed a:hover{

color: #fff;}





/** Mobile Contact **/

.mContact {

  display: none;

  text-align: center;

  position: fixed;

  bottom: 0;

  width: 100%;

  padding: 3px 0px;

  z-index: 99999999;

  border: none !important;

  /* border-top-left-radius: 51px; */

  /* border-top-right-radius: 30px; */

  }

  .mContact .col-md-6 {

    width: 50% !important;

    float: left;

    padding: 7px !important;

    border-radius: 30px;

    }

    .mContact .col-md-6 a {

      padding: 10px;

      font-size: 14px; }

    .mContact .col-md-6 span {

      font-weight: bold;

      color: #fff;

      padding: 5px;

      position: relative;

      top: 1px; }

  .mContact .wp {

    background: #55cd6c; }

  .mContact .tl {

    background: #288ec6;

    background: linear-gradient(to top, #238ac5, #379bca);

    background: -webkit-gradient(linear ,left top, left bottom ,from(#213B73),to(#182e5d));

    background: -o-linear-gradient(top ,#213B73,#182e5d);

    background: linear-gradient(to bottom ,#213B73,#182e5d);

    }

  .mContact img {

    width: 30px; }





    input.mailerlite-subscribe-submit {

      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: 20px;

      font-weight: 500;

      border: 2px solid transparent;

      /* background: -webkit-gradient(linear ,left top, left bottom ,from(#213B73),to(#182e5d)); */

      background: -o-linear-gradient(top ,#213B73,#182e5d);

      /* background: linear-gradient(to bottom ,#213B73,#182e5d); */

      color: #1e376c;

  }



  .mailerlite-form .mailerlite-form-field label {

    display: block;

    color: #fff;

}



/*------------------------------------------------------------------//

//      RESPONSIVE SYSTEM                                                                                 //

//------------------------------------------------------------------*/

@media screen and (min-width: 1400px) {



  /* PC 1400+  */

  .menuAc {

      display: none !important;

  }

	

}



@media screen and (max-width: 1700px) and (min-width: 1399px) {

	

	.header-menu-wrapper {

    float: right;

    margin-left: 2px;

}

.header-menu-wrapper {

    float: right;

    margin-left: 35px;

}

.header-nav ul li a{

    display: inline-block;

    position: relative;

    padding: 0 14px;

    padding: 58px 5px;

    font-size: 13px;

 }

  }





@media screen and (max-width: 1399px) and (min-width: 1199px) {

  .menuAc {



  }



  .mega-menu, .mega-menu-2, .mega-menu-3 {



    left: 217px !important;



}

	

.header-menu-wrapper {

    float: right;

    margin-left: 27px;

}



.header-nav ul li {

    display: inline-block;

    position: relative;

    padding: 0 14px;

    padding: 32px 2px;

}



.header-nav ul li a {

    color: #ffffff;

    font-size: 13px;

    line-height: 1;

    padding: 75px 0;

    font-weight: 500;

    text-transform: uppercase;

    /* padding-left: 25px; */

    letter-spacing: 0.4px;

    position: relative;

    display: initial;

}	

}



@media screen and (max-width: 1198px) and (min-width: 992px) {



}



@media screen and (max-width: 991px) and (min-width: 768px) {



}



@media screen and (max-width: 767px) and (min-width: 640px) {



}



@media screen and (max-width: 639px) and (min-width: 480px) {

 

  

}



@media screen and (max-width: 480px) and (min-width: 0px) {

  .mContact{

    display: block;

  }

  .about-area__wrapper::after{

    display: none;

  }



  .about-area__wrapper::before{

    display: none;



  }



  .about__text .generic-title span {

    font-size: 24px !important;

    margin-top: 17px;

}



.about__text .generic-title h4 {

  font-size: 34px;

}

.news-area .generic-btn-2 {

  display: none;

}



.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: 18px;

  padding-right: 0;

  margin-top: 15px;

  width: 100%;

}

.breadcrumb__text h1 {

  font-size: 36px;

  color: #1d3569;

  margin-top: -44px;

  line-height: 1;

  text-align: center;

}

.breadcrumb__text {

  position: relative;

  z-index: 99;

  margin-top: 147px;

}

.service-details {

  margin-top: 37px !important;

}



.mt-120{

    margin-top: 37px !important;



}

.features__tab ul li button.nav-link {

    font-weight: 500;

    color: #fff;

    font-size: 15px;

    border-radius: 25px;

    /* background: -webkit-gradient(linear ,left top, left bottom ,from(#213B73),to(#182e5d)); */

    background: -o-linear-gradient(top ,#213B73,#182e5d);

    /* background: linear-gradient(to bottom ,#213B73,#182e5d); */

    width: 100%;

}

	.tab-img{

		order:1;

	}

	.tab-text{

		order:2;

	}

	.service-tab-content p {

      line-height: 1.5;



}

	.about__text .desc {

    font-size: 16px;

		    line-height: 1.5;



}

	



.slider-text .generic-btn {

    font-size: 13px;

    display: inline-block;

    padding: 15px 8px;

}

	.footer__list ul li a {

    color: #ffffff;

    font-size: 15px;

    margin-bottom: 33px;

    line-height: 1;

    display: block;

    /* white-space: nowrap; */

}

}



.u-radius{

  border-radius:20px;

}


 .mega-menu-2 #menu-mega-menu2 li {
    display: inline-block;
    width: 19.33%;
    float: left;
    /* padding: 5px 2px; */
    margin-right: 7px;
}

.mega-menu-2 {

    width: 1300px;

}