/* ***** Common Css **** */
:root {
  scroll-behavior: initial;
}

* {
  margin: 0;
  padding: 0;
  text-decoration: none;
  list-style: none;
}
a:hover,
a:focus,
a:active {
  text-decoration: none;
}
ol,
ul {
  margin: 0;
  padding: 0;
}
img {
  display: block;
}
a,
button {
  transition: 0.4s linear;
  -webkit-transition: 0.4s linear;
  text-decoration: none;
}

html {
}

body {
  height: 100vh;
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  background-color: #704934;
  overflow-y: hidden;
  overflow-x: hidden;
  padding: 10px;
}
@keyframes bgcolor {
  0% {
    background-color: #fff5df;
  }

  30% {
    background-color: #fff5df;
  }

  60% {
    background-color: #fff5df;
  }

  90% {
    background-color: #fff5df;
  }

  100% {
    background-color: #fff5df;
  }
}
.main-wrpper {
  height: 100%;
  width: auto;
  background-image: url(images/hero-bg-test-1.jpg);
  -webkit-animation: bgcolor 20s infinite;
  animation: bgcolor 10s infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  border-radius: 25px;
  overflow: scroll;
}

.main-wrpper::-webkit-scrollbar{
  display: none;
}

h1,
h2 {
  font-family: "Raleway", sans-serif;
}

.container {
  max-width: 80%;
}

/* ***** End Common Css **** */

/* **** Header **** */
header {
  top: 0px;
  left: 0;
  right: 0;
  background: transparent;
  padding: 35px 0;
  z-index: 9000;
  transition: 0.4s linear;
  -webkit-transition: 0.4s linear;
}

.navbar-light .navbar-nav li:hover + .collapse {
  display: block !important;
}

.navbar .container .navbar-brand,
.navbar .container-fluid .navbar-brand {
  margin-left: 0;
}
.navbar-brand {
  float: none;
  height: auto;
  padding: 0;
  display: none;
}
.navbar-brand img {
  max-width: 100%;
  height: 45px;
}
.navbar {
  background: transparent;
  position: relative;
  width: 100%;
  left: 0;
  top: 0;
  border: none;
  border-radius: 0;
  margin: 0;
  padding: 0;
  z-index: 120;
  transition: 0.4s linear;
  -webkit-transition: 0.4s linear;
}
.nav-row {
  display: flex;
  align-items: center;
  width: 100%;
}
.social-nav {
  max-width: 350px;
}
/*.social-nav{
    display: flex;
    align-items: center;
}
.social-nav li{
    margin-right: 55px;
}
.social-nav li:last-child{
    margin: 0;
}*/
.social-nav .social-bx {
  justify-content: left;
  display: flex;
  align-items: center;
}
.social-nav .social-bx a {
  font-size: 16px;
  color: #704934;
  margin-right: 15px;
  line-height: 18px;
}
.social-nav .social-bx a:last-child {
  margin: 0;
  line-height: 18px;
}
.social-nav .social-bx a:hover {
  font-size: 18px;
  font-weight: extrabold;
  color: #391c0b;
  line-height: 18px;
  transition: 0.2s ease-out;
  transition: 0.2s ease-in;
}
.social-nav a.callbtn {
  display: flex;
  align-items: center;
  justify-content: left;
  color: #704934;
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  font-weight: bold;
  line-height: 18px;
}
.social-nav a.callbtn:hover {
  font-size: 18px;
  font-weight: extrabold;
  color: #391c0b;
  line-height: 18px;
  transition: 0.2s ease-out;
  transition: 0.2s ease-in;
}
.social-nav p i,
.social-nav a.callbtn i {
  margin-right: 5px;
}
.social-nav p {
  color: #704934;
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  font-weight: bold;
  margin: 0;
}

.header-slider .slick-slide {
  margin: 0 15px;
}
.header-slider .slick-list {
  margin: 0 -15px;
}

.logobox {
  margin: 0 auto;
}
.logobox img {
  height: 75px;
}
.navbar-light .navbar-nav {
  margin: 0;
}
.navbar-light .navbar-nav li {
  margin-right: 25px;
}
.navbar-light .navbar-nav li:last-child {
  margin-right: 0;
}
.navbar-light .navbar-nav .nav-link {
  padding: 10px 0px;
  color: #704934;
  font-size: 17px;
  font-family: "Raleway", sans-serif;
  font-weight: bold;
  position: relative;
  transition: 0.4s linear;
  -webkit-transition: 0.4s linear;
}
.navbar-light .navbar-nav .nav-link:after {
  position: absolute;
  content: "";
  width: 0px;
  height: 4px;
  border-radius: 4px;
  background: #704934;
  bottom: 0;
  left: 0;
  transition: 0.4s linear;
  -webkit-transition: 0.4s linear;
}
.navbar-light .navbar-nav .nav-link.active:after,
.navbar-light .navbar-nav .nav-link:hover:after {
  width: 20px;
}
.navbar .navbar-nav li a:focus,
.navbar .navbar-nav li a:hover,
.navbar .navbar-nav li a:hover {
  color: #704934;
}
.navbar .navbar-nav .active a,
.navbar .navbar-nav .active a:focus,
.navbar .navbar-nav .active a:hover {
  color: #704934;
}
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
  color: #704934;
}
.navbar .navbar-nav li .dropdown-menu {
  padding: 0;
  background: #704934;
  border-radius: 13px;
  border: none;
  overflow: hidden;
  left: auto;
  right: 0;
}
.navbar .navbar-nav li .dropdown-menu li {
  margin: 0;
}
.navbar .navbar-nav li .dropdown-menu li a {
  display: block;
  padding: 10px 10px;
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
}
.navbar .navbar-nav li .dropdown-menu li a:hover {
  background: transparent;
  color: #866240;
}
header p {
  margin: 0;
  text-align: center;
  font-size: 12px;
  font-weight: normal;
  color: #704934;
  line-height: 18px;
  display: none;
}

.menu-block {
  margin: 0 0 50px;
}
.menu-block h3 {
  font-size: 17px;
  font-weight: 800;
  color: #704934;
  margin: 0 0 15px;
}
.menu-block ul {
  transition: 0.4s linear;
  -webkit-transition: 0.4s linear;
  opacity: 0;
  visibility: hidden;
}
.menu-block ul li a {
  display: block;
  padding: 5px 0;
  font-size: 17px;
  font-weight: normal;
  color: #704934;
}
.menu-block ul li a:hover {
  color: rgba(255, 255, 255, 0.5);
}
.menu-block:hover ul {
  opacity: 1;
  visibility: visible;
}
.nav-link.dropdown-toggle:after {
  display: none;
}
/* **** End Header **** */

/* **** toggler **** */
.navbar-light .navbar-toggler {
  background-color: transparent;
  border-radius: 0;
  outline: none;
  box-shadow: none;
  border: none;
  height: 40px;
  width: auto;
  padding: 0;
}
.navbar-light .navbar-toggler:focus {
  box-shadow: none;
  outline: none;
}
.navbar-light .navbar-toggler .navbar-toggler-icon {
  background-image: unset;
}
.navbar-toggler:active,
.navbar-toggler:focus {
  outline: none;
}
.navbar-light .navbar-toggler-icon {
  width: 24px;
  height: 18px;
  background-image: none;
  position: relative;
  border-bottom: 2px solid #704934;
  transition: all 300ms linear;
}
.navbar-light .navbar-toggler-icon:after,
.navbar-light .navbar-toggler-icon:before {
  width: 24px;
  position: absolute;
  height: 2px;
  background-color: #704934;
  top: 0;
  left: 0;
  content: "";
  z-index: 2;
  transition: all 300ms linear;
}
.navbar-light .navbar-toggler-icon:after {
  top: 8px;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
  transform: rotate(45deg);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
  transform: translateY(8px) rotate(-45deg);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
  border-color: transparent;
}
/* **** End toggler **** */

/* **** Home Page **** */

.offer-img img {
  width: 100%;
  height: 64px;
  object-fit: contain;
  object-position: top;
  margin-bottom: 30px;
}
.offers-wrp {
  padding: 17px 0;
}
@media screen and (max-width: 1746px) {
  .offers-wrp {
    padding: 5px 0;
  }
}
@media (min-width: 1201px) and (max-width: 1600px) {
  .offers-wrp {
    padding: 4px 0 !important;
  }
}
@media screen and (max-width: 1201px) {
  .offers-wrp {
    padding: 42px 0 !important;
  }
}
@media screen and (max-width: 995px) {
  .offers-wrp {
    padding: 41px 0 !important;
  }
}
@media screen and (max-width: 993px) {
  .offers-wrp {
    padding: 41px 0 !important;
  }
}
@media screen and (max-width: 992px) {
  .offers-wrp {
    padding: 15px 0 !important;
  }
}
.offer-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 0 50px;
}
.offer-title {
  width: 10%;
}
.offer-title h2 {
  margin: 0;
  font-size: 25px;
  font-weight: bold;
  color: #704934;
  line-height: 35px;
}
.offer-list {
  width: 90%;
  border-left: 1px solid #704934;
  padding: 0 0 0 30px;
}
.offer-list ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}
.offer-list ul li {
  padding: 0 10px;
  width: 14.28%;
}
.offer-block {
  padding: 10px 0;
  transition: top ease 0.5s;
}
.offer-block:hover {
  top: -10px;
}
.offer-block img {
  margin: 0 auto 15px;
  height: 40px;
}
.offer-block h6 {
  text-align: center;
  margin: 0 auto;
  font-size: 16px;
  font-weight: bold;
  color: #704934;
  line-height: 24px;
}
.page-btn {
  font-size: 14px;
  font-weight: 400;
  color: #704934;
  font-family: "Inter";
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-btn span {
  margin: 0 0 0 10px;
  width: 10px;
  height: 21px;
  border-radius: 28px;
  border: 1px solid #704934;
  position: relative;
  display: inline-block;
}
.page-btn span:before {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  background: #704934;
  border-radius: 100%;
  display: block;
  /* bottom: 1px; */
  top: 12px;
  left: 0;
  right: 0;
  margin: 0 auto;
  transition: top 0.2s ease, bottom 0.2s ease;
}
.page-btn:hover {
  opacity: 0.7;
  transform: rotate(90%);
}

.page-btn span:hover:before {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  background: #704934;
  border-radius: 100%;
  display: block;
  top: 1px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.hero-banner {
  min-height: calc(100vh - 380px);
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}

.hero-banner-2 {
  max-height: calc(98.8vh - 212px);
  padding: 100px 0px;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}
.hero-slider.slick-initialized.slick-slider.slick-dotted.slick-vertical {
  overflow: hidden;
  position: relative;
}

.hero-slider .slick-dots {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkittransform: translateY(-50%);
}
.hero-slider .slick-dots li {
  line-height: 0;
  margin: 0 0 10px;
}
.hero-slider .slick-dots li:last-child {
  margin: 0;
}
.hero-slider .slick-dots li button {
  width: 30px;
  height: 30px;
  border: 1px solid transparent;
  font-size: 0;
  background: transparent;
  position: relative;
  border-radius: 100%;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.hero-slider .slick-dots li button:after {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  background: rgb(112, 74, 51, 0.5);
  border-radius: 100%;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  -webkittransform: translateY(-50%);
  margin: 0 auto;
}
.hero-slider .slick-dots li.slick-active button {
  border: 1px solid #704934;
}
.hero-slider .slick-dots li.slick-active button:after {
  background: #704934;
}

.hero-slider,
.hero-banner .container {
  height: calc(100vh - 380px);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
}

.hero-slider,
.hero-banner-2 .container {
  height: calc(100vh - 380px);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
}
.hero-data {
  padding: 50px 0px;
  height: 100%;
}
.hero-data .row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.hero-data .row .col-md-4 {
  width: 50%;
  padding-left: 99px;
}
.hero-data h1 {
  font-size: 45px;
  font-weight: 600;
  color: #704934;
  text-align: left;
  font-family: "Raleway", sans-serif;
  line-height: 55px;
  margin: 0 auto 15px;
}
.hero-data p {
  font-size: 15px;
  font-weight: normal;
  color: #704934;
  line-height: 24px;
  text-align: left;
  margin: 0 0 40px;
}
.hero-data hero-img img {
  width: auto;
  height: 350px;
  object-fit: cover;
  object-position: top;
  margin: 0 0 30px;
}

.hero-img-2 img {
  width: 100%;
  height: fit-content;
  border-radius: 30px;
  border: 5px solid #704934;
  border-color: #704934;
}
.hero-img img {
  width: 90%;
  height: auto;
  object-fit: contain;
  object-position: top;
  margin: auto;
  border-radius: 30px;
  border: 5px solid #704934;
  border-color: #704934;
}
.btn-main {
  display: table;
  padding: 12px 30px;
  border-radius: 30px;
  background: #704934;
  font-size: 15px;
  font-weight: 500;
  color: #ffffff;
  min-width: 200px;
  text-align: center;
}
.btn-main:hover {
  -webkit-animation: #583a2a 20s infinite;
  animation: #583a2a 10s infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  color: #fff;
  box-shadow: 0 4px 19px rgb(0 0 0 / 50%);
}
/* **** End Home Page **** */

/* **** About Page **** */
.about-wrp {
  padding: 30px 0 50px;
}
.about-wrp h1 {
  font-size: 12px;
  font-weight: bold;
  color: #704934;
  display: table;
  padding: 0 0 5px;
  margin: 0 0 40px;
  position: relative;
}
.about-wrp h1:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 3px;
  bottom: 0;
  left: 0;
  background: #704934;
}
.about-block {
  max-width: 845px;
  margin: 0 auto 85px;
}
.about-block h2 {
  font-size: 40px;
  font-weight: 600;
  color: #704934;
  margin: 0 0 30px;
  font-family: "Raleway", sans-serif;
  text-align: center;
}
.about-block p {
  font-size: 15px;
  font-weight: 500;
  color: #704934;
  line-height: 24px;
  margin: 0 0 20px;
}
.about-block p:last-child {
  margin: 0;
}

.contact-row ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.contact-row li {
  width: 23%;
  border-right: 1px solid #704934;
  transition: 0.2s ease-in;
}
.contact-row li:nth-child(2) {
  width: 31%;
}
.contact-row li:last-child {
  border: none;
}
.contact-row li p {
  margin: 0;
  font-size: 14px;
  font-weight: bold;
  color: #704934;
  line-height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s ease-in;
}
.contact-row li p:hover {
  font-size: 16px;
  font-weight: extrabold;
  color: #391c0b;
  line-height: 18px;
  transition: 0.2s ease-out;
  transition: 0.2s ease-in;
}
.contact-row li p i {
  margin-right: 5px;
}
.contact-row li:first-child p {
  justify-content: flex-start;
}
.contact-row li:last-child {
  display: flex;
  align-items: center;
  justify-content: center;
}
.contact-row li:last-child .social-bx a {
  font-size: 14px;
  color: #704934;
  margin-right: 10px;
  line-height: 18px;
}
.contact-row li a:hover {
  font-size: 16px;
  font-weight: extrabold;
  color: #391c0b;
  line-height: 18px;
  transition: 0.2s ease-out;
  transition: 0.2s ease-in;
}
.contact-row li:last-child .social-bx a:hover {
  font-size: 16px;
  font-weight: extrabold;
  color: #391c0b;
  line-height: 18px;
  transition: 0.2s ease-out;
  transition: 0.2s ease-in;
}
.contact-row li:last-child .social-bx a:last-child {
  margin: 0;
}

.goto-bx {
  position: relative;
  bottom: 5px;
}

.portfolio-wrp {
  padding: 50px 0 100px;
  overflow: hidden;
}
.portfolio-row {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  width: 86%;
}
.portfolio-small {
  width: 20%;
  height: 190px;
}
.portfolio-small img {
  border-color: #704934;
  border-radius: 30px;
  border: 5px solid #704934;
  margin-top: 15%;
  width: auto;
  height: auto;
  object-fit: contain;
  position: absolute;
  z-index: 5;
}
.portfolio-big {
  width: 50%;
}
.portfolio-big img {
  border-color: #704934;
  border-radius: 30px;
  border: 5px solid #704934;
  width: auto;
  height: 100%;
  object-fit: contain;
  position: absolute;
  z-index: 1;
  margin-left: 53px;
}
.portfolio-medium {
  width: 30%;
  height: 150px;
}
.portfolio-medium img {
  border-color: #704934;
  border-radius: 30px;
  border: 5px solid #704934;
  margin-top: 20%;
  width: auto;
  height: auto;
  object-fit: contain;
  position: absolute;
  z-index: 0;
}

.portfolio-small-1 {
  width: 20%;
  height: 190px;
  object-fit: cover;
  object-position: top;
}
.portfolio-small-1 img {
  border-color: #704934;
  border-radius: 30px;
  border: 5px solid #704934;
  margin-top: 15%;
  width: auto;
  height: auto;
  object-fit: contain;
  position: absolute;
  z-index: 5;
}
.portfolio-big-1 {
  width: 100%;
  height: 300px;
  object-fit: cover;
  object-position: top;
}
.portfolio-big-1 img {
  border-color: #704934;
  border-radius: 30px;
  border: 5px solid #704934;
  width: auto;
  height: 100%;
  object-fit: contain;
  position: absolute;
  z-index: 1;
  margin-left: 53px;
}
.portfolio-medium-1 {
  width: 38%;
  height: 150px;
  object-fit: cover;
  object-position: top;
}
.portfolio-medium-1 img {
  border-color: #704934;
  border-radius: 30px;
  border: 5px solid #704934;
  margin-top: 20%;
  width: auto;
  height: auto;
  object-fit: contain;
  position: absolute;
  z-index: 0;
}

.portfolio-small-2 {
  width: 55%;
  height: 190px;
  object-fit: cover;
  object-position: top;
}
.portfolio-small-2 img {
  border-color: #704934;
  border-radius: 30px;
  border: 5px solid #704934;
  margin-top: 5%;
  width: auto;
  height: auto;
  object-fit: contain;
  position: absolute;
  z-index: 5;
}
.portfolio-big-2 {
  width: 100%;
  height: 300px;
  object-fit: cover;
  object-position: top;
  margin-left: 35px;
}
.portfolio-big-2 img {
  border-color: #704934;
  border-radius: 30px;
  border: 5px solid #704934;
  width: auto;
  height: 100%;
  object-fit: contain;
  position: absolute;
  z-index: 4;
  left: 100px;
}
.portfolio-medium-2 {
  width: 30%;
  height: 150px;
  object-fit: cover;
  object-position: top;
}
.portfolio-medium-2 img {
  border-color: #704934;
  border-radius: 30px;
  border: 5px solid #704934;
  margin-top: 5%;
  width: auto;
  height: auto;
  object-fit: contain;
  position: absolute;
  z-index: 3;
}

.portfolio-small-3 {
  width: 20%;
  height: 190px;
  object-fit: cover;
  object-position: top;
}
.portfolio-small-3 img {
  border-color: #704934;
  border-radius: 30px;
  border: 5px solid #704934;
  margin-top: 15%;
  width: auto;
  height: auto;
  object-fit: contain;
  position: absolute;
  z-index: 2;
}
.portfolio-big-3 {
  width: 50%;
  height: 300px;
  object-fit: cover;
  object-position: top;
  margin-left: 53px;
}
.portfolio-big-3 img {
  border-color: #704934;
  border-radius: 30px;
  border: 5px solid #704934;
  width: auto;
  height: 100%;
  object-fit: contain;
  position: absolute;
  z-index: 1;
}
.portfolio-medium-3 {
  width: 30%;
  height: 150px;
  object-fit: cover;
  object-position: top;
}
.portfolio-medium-3 img {
  border-color: #704934;
  border-radius: 30px;
  border: 5px solid #704934;
  margin-top: 20%;
  width: auto;
  height: auto;
  object-fit: contain;
  position: absolute;
  z-index: 0;
}

.portfolio-small-4 {
  width: 45%;
  height: 190px;
  object-fit: cover;
  object-position: top;
}
.portfolio-small-4 img {
  border-color: #704934;
  border-radius: 30px;
  border: 5px solid #704934;
  margin-top: 5%;
  width: auto;
  height: auto;
  object-fit: contain;
  position: absolute;
  z-index: 4;
  left: -20px;
}
.portfolio-big-4 {
  width: 95%;
  height: 300px;
  object-fit: cover;
  object-position: top;
  margin-left: 53px;
}
.portfolio-big-4 img {
  border-color: #704934;
  border-radius: 30px;
  border: 5px solid #704934;
  width: auto;
  height: 100%;
  object-fit: contain;
  position: absolute;
  z-index: 2;
  left: 80px;
}
.portfolio-medium-4 {
  width: 30%;
  height: 150px;
  object-fit: cover;
  object-position: top;
}
.portfolio-medium-4 img {
  border-color: #704934;
  border-radius: 30px;
  border: 5px solid #704934;
  margin-top: 5%;
  width: auto;
  height: auto;
  object-fit: contain;
  position: absolute;
  z-index: 1;
}
.portfolio-block:focus-visible,
.portfolio-block:focus {
  outline: none;
}

/* **** End About Page **** */

/* **** Service Page **** */
.service-wrp {
  padding: 15px 0 30px;
}

.service-wrp h1 {
  font-size: 12px;
  font-weight: bold;
  color: #704934;
  display: table;
  padding: 0 0 5px;
  margin: 0 0 80px;
  position: relative;
}
.service-wrp h1:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 3px;
  bottom: 0;
  left: 0;
  background: #704934;
}
.services-listing {
  max-width: 1100px;
  margin: 0 auto;
}

.service-block {
  max-width: 285px;
  margin: 0 auto 65px;
}
.service-ic {
  margin: 0 auto 20px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.service-ic img {
  margin: 0 auto;
}
.service-block h2 {
  font-size: 24px;
  font-weight: 600;
  color: #704934;
  line-height: 34px;
  min-height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.service-block p {
  font-size: 15px;
  font-weight: normal;
  color: #704934;
  text-align: center;
  line-height: 30px;
  margin: 0 auto 20px;
}
.btn-secondary {
  padding: 12px 30px;
  font-size: 14px;
  font-weight: 600;
  border: 2px solid #704934;
  border-radius: 30px;
  display: table;
  color: #704934;
  min-width: 190px;
  text-align: center;
}
.btn-secondary:hover {
  background: #704934;
  color: #111;
}
.service-block .btn-secondary {
  margin: 0 auto;
}

.service-banner {
  min-height: 100%;
  height: calc(100vh - 250px);
}
.breadcrumb-wrp {
  padding: 0 0 0;
  position: relative;
  z-index: 55;
}
.breadcrumb-wrp ul {
  display: flex;
  align-items: center;
}
.breadcrumb-wrp ul li {
  font-size: 12px;
  font-weight: bold;
  color: #704934;
  position: relative;
  padding: 5px 0;
  margin-right: 30px;
}
.breadcrumb-wrp ul li:after {
  position: absolute;
  content: "/";
  font-size: 12px;
  font-weight: bold;
  color: #704934;
  right: -20px;
  top: 7px;
}
.breadcrumb-wrp ul li:last-child {
  margin: 0;
}
.breadcrumb-wrp ul li:last-child:after {
  display: none;
}
.breadcrumb-wrp ul li a {
  color: #704934;
}
.breadcrumb-wrp ul li.active:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 3px;
  bottom: 0;
  left: 0;
  background: #704934;
}

.service-detail-wrp {
  padding: 0;
}
.service-detail-wrp .hero-data {
  max-width: 100%;
}
.service-detail-wrp .hero-data h1 {
  font-size: 40px;
  margin: 0 0 15px;
  text-align: center;
}
.service-detail-wrp .btn-main {
  margin: none;
}
.service-detail-wrp .hero-data p {
  font-size: 15px;
  font-weight: normal;
  color: #704934;
  line-height: 24px;
  text-align: left;
  margin: 0 0 40px;
}
.service-offer-wrp {
  position: relative;
  bottom: 0;
  padding: 50px 0;
}
.service-offer-wrp .offer-title {
  width: 15%;
}
.service-offer-wrp .offer-list {
  width: 85%;
}
.service-offer-wrp .offer-list ul li {
  width: 20%;
}

.service-form {
  max-width: 530px;
  margin: 0 auto;
}
.service-form h1 {
  font-size: 40px;
  font-weight: 500;
  color: #704934;
  text-align: center;
  font-family: "Raleway", sans-serif;
  margin: 0 auto 45px;
}
.service-form .form-group {
  position: relative;
  margin: 0 0 15px;
}
.service-form .form-group .form-control {
  padding: 15px;
  background: rgb(150 150 150 / 45%);
  border-radius: 10px;
  height: auto;
  border: none;
  font-size: 14px;
  font-weight: normal;
  color: #704934;
  resize: none;
}
.service-form .form-group .form-control::placeholder {
  color: #fff;
}
.service-form .btn-main {
  display: block;
  text-align: center;
  border: none;
  font-size: 15px;
  font-weight: 600;
  width: 100%;
  padding: 15px;
}
.doctor-img img {
  width: 100%;
  height: auto;
  object-fit: contain;
  object-position: top;
  margin: 0 0 30px;
  border-color: #704934;
  border-radius: 30px;
  border: 5px solid #704934;
}
.doctor-img h2 {
  font-size: 25px;
  font-weight: normal;
  color: #704934;
  text-align: center;
  font-family: "Raleway", sans-serif;
  margin: 0 0 40px;
}
/* **** End Service Page **** */

/* **** Doctors Page **** */
.doctors-wrp {
  padding: 50px 0 100px;
}
.doctors-block {
  max-width: 1060px;
  margin: 0 auto 150px;
}
.doctors-block h1 {
  font-size: 40px;
  font-weight: 600;
  color: #704934;
  font-family: "Raleway", sans-serif;
  text-align: center;
  margin: 0 auto 65px;
  padding: 0;
}
.doctors-block h1:after {
  display: none;
}
.doctor-img img {
  width: 100%;
  height: 350px;
  object-fit: cover;
  object-position: top;
  margin: 0 0 30px;
}
.doctors-block .col-md-6 {
  width: 63.66%;
}
.doctors-block .offset-md-2 {
  margin-left: 3%;
}
.doctor-img h2 {
  font-size: 25px;
  font-weight: normal;
  color: #704934;
  text-align: center;
  font-family: "Raleway", sans-serif;
  margin: 0 0 40px;
}
.doctor-data h1 {
  display: none;
}
.doctor-data p {
  font-size: 15px;
  font-weight: 500;
  color: #704934;
  line-height: 30px;
  margin: 0 0 20px;
}
/* **** End Doctors Page **** */

/* **** Contact Page **** */
.contact-wrp {
  min-height: calc(95.4vh - 150px);
}
@media screen and (max-width: 1600px) {
  .contact-wrp {
    min-height: calc(98.8vh - 150px);
  }
}
@media screen and (max-width: 1027px) {
  .contact-wrp {
    min-height: calc(99.7vh - 150px);
  }
}
@media screen and (max-width: 992px) {
  .contact-wrp {
    min-height: calc(95.6vh - 150px);
  }
}
.contact-container {
  max-width: 1190px;
  margin: 0 auto;
}
.contact-container h2 {
  font-size: 28px;
  font-weight: 600;
  color: #704934;
  text-align: center;
  margin: 0 auto 15px;
  font-family: "Raleway", sans-serif;
}
.contact-container p {
  font-size: 15px;
  font-weight: 500;
  color: #704934;
  margin: 0 auto 55px;
  text-align: center;
}
.contact-list ul li {
  margin: 0 0 25px;
  padding: 30px;
  border-radius: 20px;
  background: #704934;
  border: none;
  width: 100%;
  display: flex;
  align-items: center;
}
.contact-list ul li:last-child {
  margin: 0;
}
.contact-ic {
  margin-right: 15px;
  min-width: 45px;
}
.contact-ic i {
  font-size: 30px;
  color: #ffffff;
}
.contact-dt h3 {
  margin: 0;
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  line-height: 22px;
}
.contact-dt h3 span {
  display: block;
  font-weight: normal;
}
.contact-dt h3 a {
  color: #fff;
}
.contact-dt h3 a:hover {
  opacity: 0.7;
}
/* **** End Contact Page **** */

/* !!!!!!!!!!!!!!!!!!!!! my style !!!!!!!!!!!!!  */

.GeneralDentistryUl,
.smileMakeoverUl {
  display: none;
}
/* 
.deskserv > .dropmega {
  overflow: hidden;
}
.deskserv > .dropmega.show > .dropdown-block {
  top: 0%;
  transition: 0.5s all ease;
} */

.dropmega > .dropdown-block {
  padding: 125px 0 50px;
  z-index: 20;
  position: absolute;
  top: 100%; /* Keep the top value consistent */
  animation: abc 0.5s ease-in-out forwards;
  left: 0;
  background-color: #fff5df;
  height: 98vh;
  width: 98.6vw;
  margin: 10px;
  border-radius: 25px;
  /* transform: translateY(-50vh); Move it out of view initially */
  -webkit-transition: transform 0.3s linear;
  transition: transform 0.3s linear;
  z-index: 58;
}

@keyframs cba {
  0% {
    top: 0;
  }
  100% {
    top: 100%;
  }
}

@keyframes abc {
  0% {
    top: 100%;
  }

  100% {
    top: 0;
  }
}

/* .dropdow.show > .dropdown-block {
  top: 0%;
  transition: 0.5s all ease; */
/* } */

/* .dropmega.show > .dropdown-block { */
/* transform: translateY(0); Move it into view */
/* } */

/* .slick-slide img {
  height: auto!important;
}

.slick-slide img:nth-child(4n+1) {
  width: 64px!important;
}
.slick-slide img:nth-child(4n+2) {
  width: 96px!important;
}
.slick-slide img:nth-child(4n+3) {
  width: 128px!important;
}
.slick-slide img:nth-child(4n+4) {
  width: 32px!important;
} */

@media screen and (max-width: 768px) {
  .portfolio-slider .portfolio-row {
    gap: 50px;
  }
  .portfolio-slider .slick-track{
    display: flex;
    gap: 200px;
  }
  .firstDiv{
    margin-left: 0px;
  }
  .portfolio-slider .portfolio-medium img {
    z-index: 0;
  }
  .portfolio-slider .portfolio-big-1 img {
    z-index: 0;
  }
  .portfolio-slider .portfolio-medium-1 {
    padding-left: 220px;
  }
  .portfolio-slider .portfolio-big-2 img {
    z-index: 0;
  }
  .portfolio-slider .portfolio-medium-2 {
    padding-left: 220px;
  }
  .portfolio-slider .portfolio-big-3 img {
    z-index: 0;
  }
  .portfolio-slider .portfolio-medium-3 {
    padding-left: 220px;
  }
  .portfolio-slider .portfolio-big-4 img {
    z-index: 0;
  }
  .portfolio-slider .portfolio-medium-4 {
    padding-left: 220px;
  }
  }

  .flex {
    display: flex;
    gap: 4px;
  }
  .flex svg {
    font-size: 8px;
    padding-top: 5px;
  } 
  /* the first */

/* .flex svg:nth-child(2) {

/* }
.flex svg:nth-child(3) {
  display: none;
}
.flex:hover svg:nth-child(2) {
  display: none;
}
.flex:hover svg:nth-child(3) {
  display: block;
} */

.menu-block svg:nth-child(3) {
  display: none;
}

.menu-block:hover > div.flex > svg.bi.bi-chevron-double-down {
  display: none;
}

.menu-block:hover > div.flex > svg.bi.bi-chevron-double-up {
  display: block;
}



.dropdown-block .container{
  padding-top: 100px;
}