:root {
  font-size: 16px;
}

* {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
}

html {
  scroll-behavior: smooth;
}

::-moz-selection {
  background: #c1c3ce;
  /* WebKit/Blink Browsers */
  color: #000000;
}

::selection {
  background: #c1c3ce;
  /* WebKit/Blink Browsers */
  color: #000000;
}

::-moz-selection {
  background: #c1c3ce;
  /* WebKit/Blink Browsers */
  color: #000000;
}

body {
  position: relative;
  max-width: 100%;
  width: 100%;
  overflow-x: hidden;
  background-color: #000000;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Montserrat", sans-serif;
}

i {
  font-family: "Alegreya", serif;
  font-weight: 400;
}

h1 {
  font-size: 3rem;
  font-weight: 600;
}

h2 {
  font-size: 2rem;
  font-weight: 500;
}

h3 {
  font-size: 1.5rem;
  font-weight: 400;
}

h4 {
  font-size: 1.2rem;
  font-weight: 400;
}

h5 {
  font-size: 1rem;
  font-weight: 400;
}

h6 {
  font-size: 0.8rem;
  font-weight: 400;
}

.bold-text {
  font-weight: 600 !important;
}

.light-text {
  font-weight: 400 !important;
}

.small-text {
  font-size: 0.8rem !important;
}

.smallest-text {
  font-size: 0.7rem !important;
}

.normal-text {
  font-size: 1rem !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.big-text {
  font-size: 2.5rem !important;
}

.heading-small {
  font-size: 1.2rem;
  font-weight: 600;
}

.heading {
  font-size: 1.5rem;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
}

p, li, label {
  font-size: 0.9rem;
  margin: 0;
  font-weight: 400;
  color: #d8d8d8;
  font-family: 'Roboto', sans-serif;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

select, input {
  font-size: 1rem;
  font-weight: 400;
}

.primary-color {
  color: #000000;
}

.minWidth1200 {
  min-width: 1300px;
}

@media only screen and (max-width: 1300px) and (min-width: 1200px) {
  .minWidth1200 {
    min-width: 1200px;
  }
}

@media only screen and (max-width: 1200px) {
  .minWidth1200 {
    min-width: auto;
  }
}

.max-1200 {
  max-width: 1300px;
}

@media only screen and (max-width: 1300px) {
  .max-1200 {
    max-width: 100%;
  }
}

.minWidth600 {
  min-width: 600px;
  max-width: 600px;
}

@media only screen and (max-width: 600px) {
  .minWidth600 {
    min-width: auto;
  }
}

.color_gold {
  color: #e1b785;
}

.color-dark {
  color: #1c1c1c;
}

.color-light {
  color: #B5ADB9;
}

.text-color {
  color: #d8d8d8;
}

.heading-color {
  color: white;
}

.color-white {
  color: #ffffff !important;
}

.bgDark {
  background-color: #1c1c1c;
}

.bgWhite {
  background-color: #ffffff;
}

.bold-text {
  font-weight: 600 !important;
}

.normal-weight {
  font-weight: 400 !important;
}

a {
  text-decoration: none;
  color: inherit;
}

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

ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

/****************************** owl navigation design   *************************************/
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #e1b785;
}

.owl-theme .owl-dots .owl-dot span {
  margin-top: 30px;
  width: 20px;
  height: 3px;
  background: #20232e;
  border-radius: 2px;
}

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 0px;
  line-height: 0;
}

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 0px;
}

.owl-theme .owl-nav {
  position: absolute;
  top: -60px;
  left: 0;
  right: 0;
}

.owl-theme .owl-nav .owl-prev, .owl-theme .owl-nav .owl-next {
  position: absolute;
  height: 50px;
  width: 30px;
  background-color: transparent;
  color: black;
  border: 1px solid white;
  border-radius: 0px;
  z-index: 100;
  -webkit-transition: all 1s ease-in;
  transition: all 1s ease-in;
  outline: none;
}

.owl-theme .owl-nav .owl-prev i, .owl-theme .owl-nav .owl-next i {
  font-size: 1.5rem;
  color: #cecece;
}

.owl-theme .owl-nav .owl-prev {
  right: 30px;
}

.owl-theme .owl-nav .owl-next {
  right: 0px;
}

.owl-theme:hover .owl-prev, .owl-theme:hover .owl-next {
  background-color: white !important;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.owl-theme:hover .owl-prev:hover, .owl-theme:hover .owl-next:hover {
  background-color: #e1b785 !important;
}

.owl-theme:hover .owl-prev:hover i, .owl-theme:hover .owl-next:hover i {
  color: white !important;
}

/****************************** owl navigation design ends  *************************************/
.navigation-wrapper {
  position: fixed;
  height: 100%;
  width: 100%;
  background-color: #000000;
  background-image: url("../assets/images/wide-meni-back.jpg");
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
  z-index: 9999;
  display: none;
}

.navigation-wrapper .navigation-items-header {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding: 20px 15px;
  text-align: center;
  max-height: 100vh;
  overflow: auto;
  width: 100%;
}

.navigation-wrapper .navigation-items-header ul {
  padding: 0;
  margin: 0;
}

.navigation-wrapper .navigation-items-header ul li {
  display: block;
  width: 100%;
}

.navigation-wrapper .navigation-items-header ul li a {
  display: block;
  padding: 5px 10px;
  font-size: 2.5rem;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
}

.navigation-wrapper .close-navbar {
  font-size: 1.5rem;
  position: absolute;
  top: 40px;
  right: 80px;
  color: white;
  cursor: pointer;
}

.navigation-button {
  position: fixed;
  color: white;
  right: 80px;
  top: 30px;
  text-align: center;
  z-index: 99999;
  cursor: pointer;
  font-size: 1.2rem;
}

.navigation-button i {
  line-height: 50px;
}

@media only screen and (max-width: 575px) {
  .navigation-button {
    right: 30px;
  }
}

.fixedLogo {
  position: fixed;
  top: 30px;
  left: 100px;
  z-index: 99999;
}

.fixedLogo:before {
  height: 100%;
  width: 100%;
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}

.fixedLogo img {
  position: relative;
  z-index: 4;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  max-height: 50px;
  width: 150px;
}

.fixedLogo .mt-cst {
  margin-top: 15px;
}

@media only screen and (max-width: 575px) {
  .fixedLogo {
    left: 20px;
  }
  .fixedLogo img {
    max-height: 50px;
    max-width: 100px;
  }
}

/*************************************index page *************************************/
/***************************home slider design *****************************/
.aesthetic {
  display: block;
  position: relative;
}

.aesthetic::before {
  position: absolute;
  content: " ";
  height: 1px;
  width: 100px;
  left: 0;
  top: 0;
  background-color: #d8d8d8;
}

.aesthetic-center {
  display: block;
  position: relative;
}

.aesthetic-center::before {
  position: absolute;
  content: " ";
  height: 1px;
  width: 100px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 0;
  background-color: #d8d8d8;
}

.aesthetic-right {
  display: block;
  position: relative;
}

.aesthetic-right::before {
  position: absolute;
  content: " ";
  height: 1px;
  width: 100px;
  right: 0;
  top: 0;
  background-color: #d8d8d8;
}

.home-slider-wrapper {
  position: relative;
  min-height: 100vh;
  height: 100vh;
  width: 100%;
}

.home-slider-wrapper .slider-image {
  height: 100%;
  width: 100%;
  min-height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.home-slider-wrapper .home-slider-content {
  position: absolute;
  width: 450px;
  padding: 50px 30px;
  max-width: 100%;
  background-color: transparent;
  color: white;
  left: 20%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  z-index: 5;
}

.home-slider-wrapper .home-slider-content:before {
  content: " ";
  height: 100%;
  width: 100%;
  background-color: #1c1c1c;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all .4s ease 0s;
  transition: all .4s ease 0s;
}

.home-slider-wrapper .home-slider-content .home-slider-content-inner {
  z-index: 4;
  position: relative;
}

.home-slider-wrapper .home-slider-content h3 {
  color: white;
  font-size: 2.4rem;
  line-height: 3.5rem;
  font-weight: 900;
  text-transform: uppercase;
}

.home-slider-wrapper .home-slider-content p {
  font-size: 1.2rem;
  font-style: italic;
  font-family: "Alegreya", serif;
  margin: 30px 0px;
}

@media only screen and (max-width: 768px) {
  .home-slider-wrapper .home-slider-content {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}

@media only screen and (max-width: 575px) {
  .home-slider-wrapper .home-slider-content {
    width: 350px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .home-slider-wrapper .home-slider-content h3 {
    font-size: 2.5rem;
    line-height: 2.6rem;
  }
}

.home-slider-wrapper .home-slider-content .icon-image {
  max-height: 400px;
}

.home-slider-wrapper .home-slider-content h3, .home-slider-wrapper .home-slider-content p, .home-slider-wrapper .home-slider-content .icon-image {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 1s ease 0s;
  transition: all 1s ease 0s;
}

.home-slider-wrapper .home-slider-content .aesthetic:before {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 1s ease 0s;
  transition: all 1s ease 0s;
}

.home-slider {
  position: relative;
}

.home-slider .owl-theme .owl-dots {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 5%;
  counter-reset: my-awesome-counter;
}

.home-slider .owl-theme .owl-dots .owl-dot {
  width: 50px;
  height: 1px;
  background-color: #c1c3ce;
  opacity: 1;
  position: relative;
  counter-increment: my-awesome-counter;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  outline: none;
}

.home-slider .owl-theme .owl-dots .owl-dot:focus {
  outline: none;
}

.home-slider .owl-theme .owl-dots .owl-dot span {
  background-color: transparent;
  background: none;
  display: inline-block;
  width: 100%;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.home-slider .owl-theme .owl-dots .owl-dot span:before {
  content: " ";
  position: absolute;
  height: 15px;
  width: 1px;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(25deg);
          transform: translateY(-50%) rotate(25deg);
  background-color: #c1c3ce;
  opacity: 0.6;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.home-slider .owl-theme .owl-dots .owl-dot:first-child:after {
  content: " ";
  position: absolute;
  height: 1px;
  width: 25px;
  right: 100%;
  top: calc(50% - 0.5px);
  opacity: 0.6;
  background-color: #c1c3ce !important;
}

.home-slider .owl-theme .owl-dots .owl-dot:last-child span:after {
  content: " ";
  position: absolute;
  height: 15px;
  width: 1px;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(25deg);
          transform: translateY(-50%) rotate(25deg);
  background-color: #c1c3ce;
  opacity: 0.6;
}

.home-slider .owl-theme .owl-dots .owl-dot:last-child:after {
  content: " ";
  position: absolute;
  height: 1px;
  width: 25px;
  left: 100%;
  top: calc(50% - 0.5px);
  opacity: 0.6;
  background-color: #c1c3ce !important;
}

.home-slider .owl-theme .owl-dots .owl-dot.active {
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  background-color: white;
  height: 1px;
}

.home-slider .owl-theme .owl-dots .owl-dot.active span {
  background: none;
}

.home-slider .owl-theme .owl-dots .owl-dot.active:before {
  font-weight: 600;
  color: white;
  opacity: 1;
}

.home-slider .owl-theme .owl-dots .owl-dot:before {
  content: counter(my-awesome-counter);
  position: absolute;
  bottom: 110%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  color: #d8d8d8;
  font-family: Roboto,sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6em;
}

.home-slider .owl-theme .owl-dots .owl-dot:hover {
  height: 1px;
  background-color: white;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.home-slider .owl-theme .owl-dots .owl-dot:hover span {
  background: none;
}

.home-slider .owl-theme .owl-dots .owl-dot:hover:after {
  background-color: #d8d8d8 !important;
}

.home-slider .owl-theme .owl-dots .owl-dot:hover:before {
  font-weight: 600;
  color: white;
  opacity: 1;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.home-slider-content-video {
  position: absolute;
  bottom: 100px;
  left: 130px;
  max-width: 400px;
  text-align: left;
}

.home-slider-content-video .home-slider-content-inner h3 {
  font-size: 2rem;
  color: white;
  font-weight: 300;
}

.home-slider-content-video .home-slider-content-inner p {
  margin-top: 30px;
  font-size: 1.2rem;
  font-style: italic;
  font-family: "Alegreya", serif;
}

.home-slider-content-video .home-slider-content-inner .icon-image {
  display: none;
}

.owl-item.active
.home-slider-content:before {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  -webkit-animation-delay: .9s;
  animation-delay: .9s;
  visibility: visible;
  opacity: 1;
  -webkit-transition: all .4s ease .9s;
  transition: all .4s ease .9s;
}

.owl-item.active
.home-slider-content h3 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  -webkit-animation-delay: 1.0s;
  animation-delay: 1.0s;
  visibility: visible;
  opacity: 1;
  -webkit-transition: all .4s ease 1s;
  transition: all .4s ease 1s;
}

.owl-item.active
.home-slider-content .aesthetic:before {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
  visibility: visible;
  opacity: 1;
  -webkit-transition: all .4s ease 1.6s;
  transition: all .4s ease 1.6s;
}

.owl-item.active
.home-slider-content p {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
  visibility: visible;
  opacity: 1;
  -webkit-transition: all .4s ease 1.2s;
  transition: all .4s ease 1.2s;
}

.owl-item.active
.home-slider-content .icon-image {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s;
  visibility: visible;
  opacity: 1;
  -webkit-transition: all .4s ease 1.4s;
  transition: all .4s ease 1.4s;
}

/***************************home slider design ends*****************************/
.background-color-black {
  background-color: #000000;
}

.background-color-grey {
  background-color: #1c1c1c;
}

.color-black {
  color: black !important;
}

.py-custom {
  padding: 60px 10px 120px 10px;
}

@media only screen and (max-width: 575px) {
  .py-custom {
    padding: 20px 10px 50px 10px;
  }
}

.each-feature {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.each-feature .icon-container {
  width: 80px;
  text-align: center;
}

.each-feature .icon-container .svg-icons {
  display: inline-block;
  fill: currentColor;
  width: 1em;
  height: 1em;
  vertical-align: -0.05em;
  color: white;
  font-size: 30px;
}

.each-feature .icon-container .svg-icons:hover {
  color: white;
}

.each-feature .feature-content {
  width: calc(100% - 80px);
  padding: 0px 20px;
}

.each-feature .feature-content h4 {
  color: white;
  text-transform: uppercase;
}

.each-feature .feature-content p {
  margin-top: 15px;
}

.svg-icons-navbar {
  display: inline-block;
  fill: currentColor;
  width: 1em;
  height: 1em;
  vertical-align: -0.05em;
  color: white;
  font-size: 40px;
  -webkit-transition: all 1.3s ease-in;
  transition: all 1.3s ease-in;
}

.svg-icons-navbar:hover {
  color: white;
  -webkit-transform: rotate(1080deg);
          transform: rotate(1080deg);
  -webkit-transition: all 0.8s ease-in;
  transition: all 0.8s ease-in;
}

.mt-5-custom {
  margin-top: 80px;
}

.about-company-wrapper {
  margin-top: 100px;
}

.about-content-wrapper {
  background-color: #1c1c1c;
  padding: 58px 66px 67px;
  -webkit-transform: translateX(-25px);
          transform: translateX(-25px);
  position: relative;
  z-index: 99;
}

.about-content-wrapper .heading {
  text-transform: uppercase;
  font-style: normal;
  font-size: 2rem;
  font-weight: 300;
  color: white;
}

@media only screen and (max-width: 1064px) {
  .about-content-wrapper.middleScreen-transformation {
    padding: 28px 36px 37px;
  }
}

@media only screen and (max-width: 992px) {
  .about-content-wrapper {
    padding: 38px 46px 47px;
  }
  .about-content-wrapper.middleScreen-transformation {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  .about-content-wrapper .heading {
    font-size: 1.5rem;
  }
}

@media only screen and (max-width: 768px) {
  .about-content-wrapper {
    padding: 38px 46px 47px;
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  .about-content-wrapper .heading {
    font-size: 1.5rem;
  }
}

@media only screen and (max-width: 575px) {
  .about-content-wrapper {
    padding: 20px 15px;
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  .about-content-wrapper .heading {
    font-size: 1.5rem;
  }
}

.common-btn {
  display: inline-block;
  color: white;
  font-weight: 500;
  position: relative;
  z-index: 3;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
}

.common-btn:focus {
  outline: none;
}

.common-btn .text {
  position: relative;
  display: inline-block;
  z-index: 3;
  color: white;
  font-size: 0.9rem;
  text-transform: uppercase;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  letter-spacing: 2px;
}

.common-btn .bg-design {
  display: inline-block;
  color: white;
  font-weight: 500;
  position: absolute;
  top: 10px;
  left: 0px;
  width: 100%;
  height: 10px;
  z-index: 2;
  background-image: url("../assets/images/simple_button_pattern.png");
  background-repeat: repeat;
  background-position: 0px 0px;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  opacity: 0.7;
}

.common-btn.btn-black .text {
  color: black;
}

.common-btn:hover .bg-design {
  background-position: 20px 0px;
  -webkit-transition: all 0.6s ease-in;
  transition: all 0.6s ease-in;
}

.about-company-image-slider .image-wrapper {
  min-height: 400px;
  max-height: 400px;
  position: relative;
}

.about-company-image-slider .image-wrapper img {
  height: 100%;
  width: 100%;
  min-height: 400px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

/*************************************timer Index  *************************************/
.timer-background {
  background-color: #1c1c1c;
  padding: 100px 20px;
  background-position: center;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}

.timer-background::before {
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 3;
  top: 0;
  left: 0;
}

.timer-background .eachTimer {
  position: relative;
  z-index: 4;
}

.timer-background .eachTimer h3 {
  font-size: 4rem;
  color: white;
  font-weight: 300;
}

.timer-background .eachTimer p {
  font-size: 1.5rem;
  font-style: italic;
  font-family: "Alegreya", serif;
}

@media only screen and (max-width: 575px) {
  .timer-background .eachTimer h3 {
    font-size: 2.5rem;
  }
  .timer-background .eachTimer p {
    font-size: 1rem;
  }
}

.high-z-index {
  position: relative;
  z-index: 4;
}

/*************************************timer index page ends *************************************/
.projectGaller {
  background-color: #000000;
  padding: 60px 10px 50px 10px;
}

.projectsContainer .eachProject {
  display: block;
  margin: 0px 15px 15px 0px;
}

.projectsContainer .eachProject .projectImageWrapper {
  position: relative;
}

.projectsContainer .eachProject .projectImageWrapper img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}

.projectsContainer .eachProject .projectImageWrapper:before {
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  content: " ";
  top: 0;
  left: 0;
  position: absolute;
  z-index: 3;
}

.projectsContainer .eachProject .projectImageWrapper .imageDesc {
  text-align: center;
  position: absolute;
  z-index: 4;
  top: 60%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.projectsContainer .eachProject .projectImageWrapper .imageDesc h3 {
  font-weight: 300;
  text-transform: uppercase;
  font-style: normal;
  font-size: 1.2rem;
  color: white;
}

.projectsContainer .eachProject .projectImageWrapper .imageDesc p {
  font-size: 1.5rem;
  font-style: italic;
  font-family: "Alegreya", serif;
}

.projectsContainer .eachProject .projectImageWrapper:hover::before {
  background-color: rgba(0, 0, 0, 0.8);
  height: 100%;
  width: 100%;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}

.projectsContainer .eachProject .projectImageWrapper:hover .imageDesc {
  top: 50%;
  opacity: 1;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}

.projectsContainer .h-300 {
  height: 300px;
}

@media only screen and (max-width: 575px) {
  .projectsContainer .h-300 {
    height: 150px;
  }
}

.projectsContainer .h-400 {
  height: 400px;
}

@media only screen and (max-width: 575px) {
  .projectsContainer .h-400 {
    height: 250px;
  }
}

.projectsContainer .h-600 {
  height: 615px;
}

@media only screen and (max-width: 575px) {
  .projectsContainer .h-600 {
    height: 400px;
  }
}

.heading-wrapper h3 {
  font-size: 2rem;
  color: white;
}

.heading-wrapper p {
  font-size: 1.5rem;
  font-style: italic;
  font-family: "Alegreya", serif;
}

@media only screen and (max-width: 575px) {
  .heading-wrapper p {
    font-size: 0.9rem;
  }
}

.company-core-values h3 {
  font-size: 2rem;
  color: white;
  font-weight: 300;
}

@media only screen and (max-width: 575px) {
  .company-core-values h3 {
    font-size: 1.2rem;
  }
}

.company-core-values .content {
  padding: 10px 15px;
}

.company-core-values .content p {
  text-align: justify;
}

.italic-text {
  font-size: 1.5rem;
  font-style: italic;
  font-family: "Alegreya", serif;
}

.common-heading {
  font-size: 2rem;
  font-weight: 300;
  color: white;
}

.tabcontent {
  display: none;
}

.navigation-block {
  width: 100%;
  overflow-x: auto;
}

.navigation-block ul {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid rgba(216, 216, 216, 0.4);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-align: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  min-width: 400px;
}

.navigation-block ul li {
  display: block;
  text-align: center;
  padding: 5px 5px 15px 5px;
  position: relative;
  text-transform: uppercase;
  width: 100%;
  font-size: 1rem;
  font-family: "Montserrat", sans-serif;
  cursor: pointer;
}

.navigation-block ul li:before {
  content: " ";
  position: absolute;
  height: 1px;
  width: 0;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: transparent;
  -webkit-transition: all 0.6s ease-in;
  transition: all 0.6s ease-in;
}

.navigation-block ul li.active:before {
  background-color: white;
  width: 100%;
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
}

.navigation-block ul li:hover:before {
  background-color: white;
  width: 100%;
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
}

.navigation-items ul {
  padding: 0;
  margin: 0;
  margin-top: 30px;
}

.navigation-items ul li {
  display: inline-block;
  width: 48%;
  position: relative;
  padding-left: 30px;
  font-size: 0.8rem;
}

.navigation-items ul li:before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 1px;
  width: 15px;
  background-color: white;
}

@media only screen and (max-width: 575px) {
  .navigation-items ul li {
    width: 100%;
  }
}

.eachTimerCounter {
  position: relative;
  z-index: 4;
  padding: 5px 5px;
}

.eachTimerCounter .counter-wrapper22 {
  height: 200px;
  margin-bottom: 20px;
}

.eachTimerCounter h2, .eachTimerCounter .dataVal, .eachTimerCounter .piechart {
  font-size: 3rem;
  color: white;
  font-weight: 300;
  line-height: 200px;
  text-align: center;
  font-family: "Montserrat", sans-serif;
}

.eachTimerCounter h3 {
  font-size: 1.2rem;
  color: white;
  font-weight: 400;
}

.eachTimerCounter p {
  font-size: 1rem;
  font-style: italic;
  font-family: "Alegreya", serif;
}

.piechart {
  position: relative;
}

.piechart canvas {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.form-wrapper .formFields .form-input {
  width: 100%;
  background-image: linear-gradient(148deg, #2e2e2e 5%, #1c1c1c 5%, #1c1c1c 50%, #2e2e2e 50%, #2e2e2e 55%, #1c1c1c 55%, #1c1c1c 100%);
  background-size: 18.87px 11.79px;
  position: relative;
  width: 100%;
  margin: 0 0 30px;
  padding: 12px 19px;
  font-family: inherit;
  font-size: 15px;
  font-weight: inherit;
  line-height: calc(48px - (24px - 2px));
  color: #d8d8d8;
  background-color: #1c1c1c;
  border: 0;
  border-radius: 0;
  outline: 0;
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border-color .2s ease-in-out;
  transition: border-color .2s ease-in-out;
}

.form-wrapper .formFields .form-input:focus::-webkit-input-placeholder {
  color: white;
}

.form-wrapper .formFields .form-input:focus:-ms-input-placeholder {
  color: white;
}

.form-wrapper .formFields .form-input:focus::-ms-input-placeholder {
  color: white;
}

.form-wrapper .formFields .form-input:focus::placeholder {
  color: white;
}

.content-wrapper-contact-form {
  padding: 0px 60px;
}

.content-wrapper-contact-form .officeLocation {
  margin-top: 30px;
}

.content-wrapper-contact-form .officeLocation h4 {
  font-size: 1.2rem;
  color: white;
  text-transform: uppercase;
}

.content-wrapper-contact-form .officeLocation p {
  margin: 0;
  margin-top: 6px;
}

@media only screen and (max-width: 1160px) {
  .content-wrapper-contact-form {
    padding: 0px 10px;
  }
}

.footer-content-wrapper h3 {
  font-size: 1.2rem;
  font-weight: 400;
  color: white;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.footer-content-wrapper ul {
  padding: 0;
  margin: 0;
}

.footer-content-wrapper ul li {
  display: block;
  width: 100%;
  padding: 3px 5px 3px 30px;
  font-size: 0.9rem;
  text-transform: uppercase;
  position: relative;
  font-family: "Montserrat", sans-serif;
}

.footer-content-wrapper ul li:before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 1px;
  width: 15px;
  background-color: white;
}

.footer-content-wrapper .instaImages {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.footer-content-wrapper .instaImages .eachImage {
  width: 33.33%;
  float: left;
}

@media only screen and (max-width: 475px) {
  .footer-content-wrapper .instaImages .eachImage {
    width: 50%;
  }
}

.footer-content-wrapper .instaImages .eachImage .imstaImageWrapper {
  position: relative;
  margin: 5px;
  height: 120px;
}

.footer-content-wrapper .instaImages .eachImage .imstaImageWrapper img {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.footer-content-wrapper .instaImages .eachImage .imstaImageWrapper:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
  z-index: 3;
  -webkit-transition: all  0.3s ease-in;
  transition: all  0.3s ease-in;
}

.footer-content-wrapper .instaImages .eachImage .imstaImageWrapper a {
  position: absolute;
  text-align: center;
  left: 50%;
  top: 60%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: white;
  z-index: 4;
  opacity: 0;
  -webkit-transition: all  0.3s ease-in;
  transition: all  0.3s ease-in;
  height: 100%;
  display: block;
  width: 100%;
  line-height: 120px;
}

.footer-content-wrapper .instaImages .eachImage .imstaImageWrapper:hover:before {
  background-color: rgba(0, 0, 0, 0.7);
}

.footer-content-wrapper .instaImages .eachImage .imstaImageWrapper:hover a {
  opacity: 1;
  top: 50%;
  -webkit-transition: all  0.6s ease-in;
  transition: all  0.6s ease-in;
}

.blogsWrapper .eachBlog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-bottom: 15px;
}

.blogsWrapper .eachBlog .blogImageWrapper {
  width: 80px;
  min-width: 80px;
}

.blogsWrapper .eachBlog .blogImageWrapper img {
  width: 80px;
  height: 80px;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.blogsWrapper .eachBlog .blog-content {
  padding: 5px 5px 5px 10px;
}

.blogsWrapper .eachBlog .blog-content h3 {
  font-size: 0.9rem;
  font-weight: 300;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  max-height: 35px;
  /* fallback */
  -webkit-line-clamp: 2;
  /* number of lines to show */
  -webkit-box-orient: vertical;
  height: 35px;
  margin-bottom: 10px;
}

.blogsWrapper .eachBlog .blog-content p {
  opacity: 0.7;
  font-size: 0.8rem;
  text-transform: uppercase;
}

.socialMediaIconsWrapper .socialMediaIcons {
  color: white;
  margin: 0px 5px;
}

.socialMediaIconsWrapper .socialMediaIcons a {
  padding: 5px 10px;
}

/*************************************index page ends *************************************/
/****************************animation owl carousel******************************/
.animated {
  -webkit-animation-duration: 2s;
  animation-duration: 3s;
  -webkit-animation-delay: 500ms;
  animation-delay: 500ms;
}

.animate-out {
  -webkit-animation-delay: 0ms;
  animation-delay: 0ms;
}

.lineDesign {
  position: fixed;
  top: 0;
  height: 100vh;
  width: 1px;
  background-color: #666666;
  opacity: 0.3;
  z-index: 1;
  display: none;
}

.line-1 {
  left: 16.67%;
}

.line-2 {
  left: 33.32%;
}

.line-3 {
  left: 49.48%;
}

.line-4 {
  left: 66.64%;
}

.line-5 {
  left: 82.5%;
}

@media only screen and (max-width: 768px) {
  .line-1 {
    left: 0%;
  }
  .line-2 {
    left: 33.33%;
  }
  .line-3 {
    left: 66.66%;
  }
  .line-4 {
    left: 100%;
  }
  .line-5 {
    left: 100%;
    display: none;
  }
}

/****************************animation owl carousel ends******************************/
.navigation-button {
  /* ALL */
  /* NINE */
}

.navigation-button .row .three {
  padding: 80px 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #2c3e50;
  color: #ecf0f1;
  text-align: center;
}

.navigation-button .hamburger .line {
  font-size: 1rem;
  width: 30px;
  height: 2px;
  background-color: #ecf0f1;
  display: block;
  margin: 11px auto;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.navigation-button .hamburger:hover {
  cursor: pointer;
}

.navigation-button .hamburger:hover:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.navigation-button #hamburger-9 {
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.navigation-button #hamburger-9.is-active {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.navigation-button #hamburger-9:before {
  content: "";
  position: absolute;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 60px;
  height: 60px;
  border: 2px solid transparent;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border-radius: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.navigation-button #hamburger-9.is-active:before {
  border: 2px solid #ecf0f1;
}

.navigation-button #hamburger-9.is-active .line {
  width: 30px;
}

.navigation-button #hamburger-9.is-active .line:nth-child(2) {
  opacity: 0;
}

.navigation-button #hamburger-9.is-active .line:nth-child(1) {
  -webkit-transform: translateY(13px);
  transform: translateY(13px);
}

.navigation-button #hamburger-9.is-active .line:nth-child(3) {
  -webkit-transform: translateY(-13px) rotate(90deg);
  transform: translateY(-13px) rotate(90deg);
}

.designed-btn {
  border: none;
  background-color: transparent;
  padding: 0px;
  position: relative;
  display: inline-block;
}

.designed-btn.btn-gold {
  -webkit-transition: -webkit-box-shadow 0.3s ease-in;
  transition: -webkit-box-shadow 0.3s ease-in;
  transition: box-shadow 0.3s ease-in;
  transition: box-shadow 0.3s ease-in, -webkit-box-shadow 0.3s ease-in;
}

.designed-btn.btn-gold .text-container {
  background-color: #e1b785;
  color: black;
}

.designed-btn.btn-gold:hover {
  -webkit-box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.7);
          box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.7);
}

.designed-btn:focus {
  outline: none;
}

.designed-btn .text-container {
  background-color: #000000;
  padding: 15px 25px;
  color: white;
  border-radius: 0px;
  font-size: 0.9rem;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  display: inline-block;
  font-weight: 400;
  letter-spacing: 2px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  min-width: 200px;
  z-index: 6;
  position: relative;
}

.designed-btn:before {
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  left: 10px;
  top: 10px;
  border-top: 1px solid #8b8b8b;
  border-left: 1px solid #8b8b8b;
  -webkit-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
  opacity: 0;
  z-index: 5;
}

.designed-btn:after {
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  right: -10px;
  bottom: -10px;
  border-bottom: 1px solid #8b8b8b;
  border-right: 1px solid #8b8b8b;
  -webkit-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
  opacity: 0;
}

.designed-btn .border-design {
  display: inline-block;
  z-index: 2;
}

.designed-btn .border-design:before {
  content: " ";
  position: absolute;
  height: 100%;
  width: 100%;
  border: 1px solid white;
  top: 10px;
  left: 10px;
  z-index: 2;
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.designed-btn .border-design:after {
  content: " ";
  position: absolute;
  width: 15px;
  height: 1px;
  bottom: -10px;
  right: -10px;
  z-index: 2;
  background-color: white;
  -webkit-transform: rotate(45deg) scaleX(1);
          transform: rotate(45deg) scaleX(1);
  -webkit-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
}

.designed-btn:hover .text-container {
  background-color: #1c1c1c;
  color: white;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.designed-btn:hover .border-design:before {
  opacity: 0;
}

.designed-btn:hover .border-design:after {
  -webkit-transform: rotate(45deg) scaleX(0);
  transform: rotate(45deg) scaleX(0);
  -webkit-animation: mkdf-scale-btn-line-holder-up .5s .5s forwards;
  animation: mkdf-scale-btn-line-holder-up .5s .5s forwards;
  background-color: #8b8b8b;
  -webkit-transition: 0s;
  transition: 0s;
}

.designed-btn:hover:before {
  opacity: 1;
  -webkit-transition: opacity 0s ease;
  transition: opacity 0s ease;
  -webkit-transition: height 0.9s ease-in;
  transition: height 0.9s ease-in;
  -webkit-transition: width 0.5s ease-in;
  transition: width 0.5s ease-in;
  height: 100%;
  width: 100%;
  z-index: 5;
}

.designed-btn:hover:after {
  opacity: 1;
  -webkit-transition: opacity 0s ease;
  transition: opacity 0s ease;
  -webkit-transition: height 0.9s ease-in;
  transition: height 0.9s ease-in;
  -webkit-transition: width 0.5s ease-in;
  transition: width 0.5s ease-in;
  height: 100%;
  width: 100%;
  z-index: 2;
}

@-webkit-keyframes mkdf-scale-btn-line-holder-up {
  0% {
    -webkit-transform: rotate(45deg) scaleX(0);
    transform: rotate(45deg) scaleX(0);
  }
  100% {
    -webkit-transform: rotate(45deg) scaleX(1);
    transform: rotate(45deg) scaleX(1);
  }
}

@keyframes mkdf-scale-btn-line-holder-up {
  0% {
    -webkit-transform: rotate(45deg) scaleX(0);
    transform: rotate(45deg) scaleX(0);
  }
  100% {
    -webkit-transform: rotate(45deg) scaleX(1);
    transform: rotate(45deg) scaleX(1);
  }
}

/*******************************progress bar counter***********************************/
/*******************************progress bar counter ends***********************************/
/*******************************projects gallery design***********************************/
.main-image-container {
  min-height: 100vh;
}

.imageContainer-Inner {
  height: calc(100vh - 120px);
  width: 100%;
  position: relative;
}

.imageContainer-Inner img {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.imageContainer-Inner .image-description {
  position: absolute;
  left: 150px;
  bottom: 100px;
  max-width: 350px;
}

.imageContainer-Inner .image-description h3 {
  font-size: 2rem;
  text-transform: uppercase;
  color: white;
  font-weight: 400;
}

.imageContainer-Inner .image-description p {
  font-size: 1.5rem;
  font-style: italic;
  font-family: "Alegreya", serif;
}

@media only screen and (max-width: 991px) {
  .imageContainer-Inner .image-description {
    left: 120px;
  }
}

@media only screen and (max-width: 768px) {
  .imageContainer-Inner .image-description {
    left: 80px;
  }
}

@media only screen and (max-width: 575px) {
  .imageContainer-Inner .image-description {
    left: 30px;
  }
}

.thumbnail-container {
  margin-top: 15px;
}

.thumbnail-container .item {
  margin-left: 5px;
  margin-right: 5px;
}

.thumbnail-container .imageWrapperCarouselThumbnails {
  height: 90px;
}

.thumbnail-container .imageWrapperCarouselThumbnails img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0.8;
}

.thumbnail-container .owl-item.current .imageWrapperCarouselThumbnails img {
  border: 2px solid white;
  opacity: 1;
}

.imageContainer-Inner h3, .imageContainer-Inner p {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 1s ease 0s;
  transition: all 1s ease 0s;
}

.owl-item.active .imageContainer-Inner h3 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-delay: 1.0s;
  animation-delay: 1.0s;
  visibility: visible;
  opacity: 1;
  -webkit-transition: all .4s ease 1s;
  transition: all .4s ease 1s;
}

.owl-item.active .imageContainer-Inner p {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
  visibility: visible;
  opacity: 1;
  -webkit-transition: all .4s ease 1.2s;
  transition: all .4s ease 1.2s;
}

.similarProjectContainer {
  position: fixed;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 9;
  max-width: 400px;
  max-height: 600px;
  overflow-y: auto;
  overflow-x: hidden;
}

@media only screen and (max-width: 400px) {
  .similarProjectContainer {
    max-width: 100%;
  }
}

.similarProjectContainer .similarProjectContainerContent {
  display: none;
  background-color: black;
  padding: 5px 10px;
}

.similarProjectContainer .similarProjectHeadingContainer h3 {
  border: 1px solid white;
  margin: 0;
  padding: 5px 15px 5px 30px;
  color: white;
  font-size: 1.2rem;
  font-weight: 400;
  border-right: none;
  cursor: pointer;
  -webkit-transition: all 0.6s ease-in;
  transition: all 0.6s ease-in;
}

.similarProjectContainer .similarProjectHeadingContainer h3:hover {
  background-color: white;
  color: black;
}

.similarProjectContainer .similarProjectHeadingContainer h3.active {
  background-color: white;
  color: black;
}

.similarProjectContainer .eachProjectContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-top: 20px;
  padding: 0px 20px 0px 0px;
}

.similarProjectContainer .eachProjectContainer .imageContainerEachProjetc {
  width: 70px;
}

.similarProjectContainer .eachProjectContainer .imageContainerEachProjetc img {
  height: 60px;
  width: 60px;
}

.similarProjectContainer .eachProjectContainer .projectDesc h3 {
  font-size: 0.9rem;
  color: white;
}

/* width */
.similarProjectContainer::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.similarProjectContainer::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px grey;
          box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}

/* Handle */
.similarProjectContainer::-webkit-scrollbar-thumb {
  background: white;
  border-radius: 10px;
}

/* Handle on hover */
.similarProjectContainer::-webkit-scrollbar-thumb:hover {
  background: #cecece;
}

/* width */
body::-webkit-scrollbar {
  width: 8px;
}

/* Track */
body::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px grey;
          box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}

/* Handle */
body::-webkit-scrollbar-thumb {
  background: white;
  border-radius: 10px;
}

/* Handle on hover */
body::-webkit-scrollbar-thumb:hover {
  background: #cecece;
}

/*******************************projects gallery design ends***********************************/
/*******************************Contact page  design ***********************************/
.contactPageBanner .imageWrapper {
  height: 100vh;
  position: relative;
}

.contactPageBanner .imageWrapper img {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
}

.contactPageBanner .imageWrapper .bannerContent {
  position: absolute;
  bottom: 150px;
  left: 150px;
  max-width: 500px;
  padding-right: 15px;
}

.contactPageBanner .imageWrapper .bannerContent h3 {
  color: white;
  font-size: 5rem;
  font-weight: 300;
}

.contactPageBanner .imageWrapper .bannerContent p {
  font-size: 1.2rem !important;
}

@media only screen and (max-width: 991px) {
  .contactPageBanner .imageWrapper .bannerContent {
    left: 120px;
  }
}

@media only screen and (max-width: 768px) {
  .contactPageBanner .imageWrapper .bannerContent {
    left: 80px;
  }
}

@media only screen and (max-width: 575px) {
  .contactPageBanner .imageWrapper .bannerContent {
    left: 30px;
  }
  .contactPageBanner .imageWrapper .bannerContent h3 {
    font-size: 2rem;
  }
  .contactPageBanner .imageWrapper .bannerContent p {
    font-size: 1rem !important;
  }
}

.breadcrumb-custom {
  display: inline-block;
}

.breadcrumb-custom ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.breadcrumb-custom ul li {
  display: inline-block;
  padding: 5px 10px;
  position: relative;
  font-size: 0.8rem;
  text-shadow: 2px 4px 10px rgba(0, 0, 0, 0.9);
  color: white;
  opacity: 1;
}

.breadcrumb-custom ul li:not(:first-child) {
  padding-left: 20px;
}

.breadcrumb-custom ul li:not(:first-child):before {
  content: '\f054';
  position: absolute;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  left: 0;
}

/*******************************Contact page  design  ends***********************************/
/*******************************common page  design ***********************************/
.commonPageBanner .imageWrapper {
  height: 500px;
  position: relative;
}

.commonPageBanner .imageWrapper img {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  max-height: 500px;
}

.commonPageBanner .imageWrapper .bannerContent {
  position: absolute;
  bottom: 150px;
  left: 16%;
  max-width: 500px;
  padding-right: 15px;
}

.commonPageBanner .imageWrapper .bannerContent h3 {
  color: white;
  font-size: 4rem;
  font-weight: 600;
  text-shadow: 2px 4px 10px rgba(0, 0, 0, 0.6);
}

.commonPageBanner .imageWrapper .bannerContent p {
  font-size: 1.2rem !important;
  color: white;
  opacity: 1;
  text-shadow: 2px 4px 10px rgba(0, 0, 0, 0.9);
}

@media only screen and (max-width: 991px) {
  .commonPageBanner .imageWrapper .bannerContent {
    left: 120px;
  }
}

@media only screen and (max-width: 768px) {
  .commonPageBanner .imageWrapper .bannerContent {
    left: 80px;
  }
  .commonPageBanner .imageWrapper .bannerContent h3 {
    font-size: 2rem;
  }
}

@media only screen and (max-width: 575px) {
  .commonPageBanner .imageWrapper .bannerContent {
    left: 30px;
  }
  .commonPageBanner .imageWrapper .bannerContent h3 {
    font-size: 1.5rem;
  }
  .commonPageBanner .imageWrapper .bannerContent p {
    font-size: 1rem !important;
  }
}

.commonPageBanner .imageWrapper .bannerContentBlog {
  position: absolute;
  bottom: 150px;
  left: 150px;
  max-width: 800px;
  padding-right: 15px;
}

.commonPageBanner .imageWrapper .bannerContentBlog h3 {
  color: white;
  font-size: 3rem;
  font-weight: 300;
}

.commonPageBanner .imageWrapper .bannerContentBlog p {
  font-size: 1.2rem !important;
}

@media only screen and (max-width: 991px) {
  .commonPageBanner .imageWrapper .bannerContentBlog {
    left: 120px;
  }
}

@media only screen and (max-width: 768px) {
  .commonPageBanner .imageWrapper .bannerContentBlog {
    left: 80px;
  }
  .commonPageBanner .imageWrapper .bannerContentBlog h3 {
    font-size: 2rem;
  }
}

@media only screen and (max-width: 575px) {
  .commonPageBanner .imageWrapper .bannerContentBlog {
    left: 30px;
  }
  .commonPageBanner .imageWrapper .bannerContentBlog h3 {
    font-size: 1.5rem;
  }
  .commonPageBanner .imageWrapper .bannerContentBlog p {
    font-size: 1rem !important;
  }
}

/*******************************common page  design  ends***********************************/
/*******************************owl theme design  ***********************************/
.owl-design1 {
  position: relative;
}

.owl-design1 .owl-theme .owl-dots {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -60px;
  counter-reset: my-awesome-counter;
  width: 100%;
}

.owl-design1 .owl-theme .owl-dots .owl-dot {
  width: 50px;
  height: 1px;
  background-color: #c1c3ce;
  opacity: 1;
  position: relative;
  counter-increment: my-awesome-counter;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  outline: none;
}

.owl-design1 .owl-theme .owl-dots .owl-dot:focus {
  outline: none;
}

.owl-design1 .owl-theme .owl-dots .owl-dot span {
  background-color: transparent;
  background: none;
  display: inline-block;
  width: 100%;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.owl-design1 .owl-theme .owl-dots .owl-dot span:before {
  content: " ";
  position: absolute;
  height: 15px;
  width: 1px;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(25deg);
          transform: translateY(-50%) rotate(25deg);
  background-color: #c1c3ce;
  opacity: 0.6;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.owl-design1 .owl-theme .owl-dots .owl-dot:first-child:after {
  content: " ";
  position: absolute;
  height: 1px;
  width: 25px;
  right: 100%;
  top: calc(50% - 0px);
  opacity: 0.6;
  background-color: #c1c3ce !important;
}

.owl-design1 .owl-theme .owl-dots .owl-dot:last-child span:after {
  content: " ";
  position: absolute;
  height: 15px;
  width: 1px;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(25deg);
          transform: translateY(-50%) rotate(25deg);
  background-color: #c1c3ce;
  opacity: 0.6;
}

.owl-design1 .owl-theme .owl-dots .owl-dot:last-child:after {
  content: " ";
  position: absolute;
  height: 1px;
  width: 25px;
  left: 100%;
  top: calc(50% - 0px);
  opacity: 0.6;
  background-color: #c1c3ce !important;
}

.owl-design1 .owl-theme .owl-dots .owl-dot.active {
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  background-color: white;
  height: 1px;
}

.owl-design1 .owl-theme .owl-dots .owl-dot.active span {
  background: none;
}

.owl-design1 .owl-theme .owl-dots .owl-dot.active:before {
  font-weight: 600;
  color: white;
  opacity: 1;
}

.owl-design1 .owl-theme .owl-dots .owl-dot:before {
  content: counter(my-awesome-counter);
  position: absolute;
  bottom: 110%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  color: #d8d8d8;
  font-family: Roboto,sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6em;
}

.owl-design1 .owl-theme .owl-dots .owl-dot:hover {
  height: 1px;
  background-color: white;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.owl-design1 .owl-theme .owl-dots .owl-dot:hover span {
  background: none;
}

.owl-design1 .owl-theme .owl-dots .owl-dot:hover:after {
  background-color: #d8d8d8 !important;
}

.owl-design1 .owl-theme .owl-dots .owl-dot:hover:before {
  font-weight: 600;
  color: white;
  opacity: 1;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.testimonialSlider .eachTEstimonial {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.testimonialSlider .eachTEstimonial .imageContainer {
  width: 270px;
  min-width: 270px;
  position: relative;
  z-index: 2;
  text-align: center;
}

.testimonialSlider .eachTEstimonial .imageContainer img {
  display: block;
  width: 270px;
  height: 270px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  margin-left: auto;
  margin-right: auto;
}

.testimonialSlider .eachTEstimonial .testimonial-content {
  width: calc(100% - 270px);
  position: relative;
  z-index: 3;
}

.testimonialSlider .eachTEstimonial .testimonial-content .testimonial-innerContent {
  position: absolute;
  z-index: 3;
  background-color: transparent;
  top: 50%;
  left: 0;
  width: 100%;
  padding: 30px 20px;
  -webkit-transform: translateY(-50%) translateX(-20px);
          transform: translateY(-50%) translateX(-20px);
  overflow: hidden;
}

.testimonialSlider .eachTEstimonial .testimonial-content .testimonial-innerContent:before {
  height: 100%;
  width: 100%;
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  background-color: #1c1c1c;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.testimonialSlider .eachTEstimonial .testimonial-content .testimonial-innerContent:before {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 1s ease 0s;
  transition: all 1s ease 0s;
}

.testimonialSlider .eachTEstimonial .testimonial-content .testimonial-innerContent .testimonial-actualContent {
  position: relative;
  z-index: 4;
  text-align: center;
  padding-top: 30px;
}

.testimonialSlider .eachTEstimonial .testimonial-content .testimonial-innerContent .testimonial-actualContent p {
  font-size: 0.9rem;
  font-style: italic;
  font-family: "Alegreya", serif;
  margin: 0;
}

.testimonialSlider .eachTEstimonial .testimonial-content .testimonial-innerContent .testimonial-actualContent h3 {
  margin-top: 15px;
  font-size: 1rem;
  color: white;
}

.testimonialSlider .eachTEstimonial .testimonial-content .testimonial-innerContent .testimonial-actualContent h3, .testimonialSlider .eachTEstimonial .testimonial-content .testimonial-innerContent .testimonial-actualContent p {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 1s ease 0s;
  transition: all 1s ease 0s;
}

.testimonialSlider .eachTEstimonial .testimonial-content .testimonial-innerContent .testimonial-aesthetic {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 1s ease 0s;
  transition: all 1s ease 0s;
}

.testimonialSlider .eachTEstimonial .testimonial-content .testimonial-innerContent .testimonial-aesthetic:before {
  content: '||';
  position: absolute;
  top: 30px;
  left: 20px;
  font-size: 28px;
  -webkit-transform: rotate(-39deg);
  transform: rotate(-29deg);
  color: white;
}

.testimonialSlider .eachTEstimonial .testimonial-content .testimonial-innerContent .testimonial-aesthetic:after {
  content: '||';
  position: absolute;
  top: 30px;
  right: 20px;
  font-size: 28px;
  -webkit-transform: rotate(39deg);
  transform: rotate(29deg);
  color: white;
}

@media only screen and (max-width: 675px) {
  .testimonialSlider .eachTEstimonial {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .testimonialSlider .eachTEstimonial .imageContainer {
    display: block;
    width: 100%;
  }
  .testimonialSlider .eachTEstimonial .testimonial-content {
    display: block;
    width: 100%;
  }
  .testimonialSlider .eachTEstimonial .testimonial-content .testimonial-innerContent {
    position: relative;
    -webkit-transform: translateY(0%) translateX(0px);
            transform: translateY(0%) translateX(0px);
  }
}

.owl-item.active .eachTEstimonial .testimonial-content .testimonial-innerContent:before {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  -webkit-animation-delay: .9s;
  animation-delay: .9s;
  visibility: visible;
  opacity: 1;
  -webkit-transition: all .4s ease .9s;
  transition: all .4s ease .9s;
}

.owl-item.active .eachTEstimonial .testimonial-content .testimonial-innerContent .testimonial-actualContent h3 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  -webkit-animation-delay: 1.0s;
  animation-delay: 1.0s;
  visibility: visible;
  opacity: 1;
  -webkit-transition: all .4s ease 1s;
  transition: all .4s ease 1s;
}

.owl-item.active .eachTEstimonial .testimonial-content .testimonial-innerContent .testimonial-actualContent p {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
  visibility: visible;
  opacity: 1;
  -webkit-transition: all .4s ease 1.2s;
  transition: all .4s ease 1.2s;
}

.owl-item.active .eachTEstimonial .testimonial-content .testimonial-innerContent .testimonial-actualContent .icon-image {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s;
  visibility: visible;
  opacity: 1;
  -webkit-transition: all .4s ease 1.4s;
  transition: all .4s ease 1.4s;
}

.owl-item.active .eachTEstimonial .testimonial-content .testimonial-innerContent .testimonial-aesthetic {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s;
  visibility: visible;
  opacity: 1;
  -webkit-transition: all .4s ease 1.4s;
  transition: all .4s ease 1.4s;
}

/*******************************owl theme  design  ends***********************************/
/******************************service page design ***********************************/
.eachServices {
  margin-bottom: 80px;
  padding: 10px;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.eachServices .serviceImage {
  margin-bottom: 30px;
  text-align: center;
}

.eachServices .serviceImage i {
  font-size: 2.5rem;
  color: white;
}

.eachServices .serviceContent {
  text-align: center;
}

.eachServices .serviceContent .title {
  color: white;
  font-size: 1.5rem;
  text-align: center;
  text-transform: uppercase;
  min-height: 60px;
}

.eachServices .serviceContent ul li {
  display: block;
  width: 100%;
  position: relative;
  cursor: default;
  padding: 5px 0px;
}

.eachServices .serviceContent ul li span {
  display: inline-block;
  position: relative;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.eachServices .serviceContent ul li span:before {
  content: ' ';
  width: 1px;
  height: 15px;
  left: -20px;
  top: 10%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: transparent;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.eachServices .serviceContent ul li:hover span {
  -webkit-transform: translateX(20px);
          transform: translateX(20px);
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.eachServices .serviceContent ul li:hover span:before {
  background-color: white;
}

.eachServices:hover {
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.8);
          box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.8);
  -webkit-transform: translateY(-15px);
          transform: translateY(-15px);
}

/*******************************service page design ends***********************************/
.home-slider .owl-item.active .item .slider-image {
  -webkit-animation: mobileburns 30s infinite;
  animation: mobileburns 30s infinite;
}

@media screen and (min-width: 800px) {
  .home-slider .owl-item.active .item .slider-image {
    -webkit-animation: kenburns 30s infinite;
    animation: kenburns 30s infinite;
  }
}

@-webkit-keyframes kenburns {
  5% {
    -webkit-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
    transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(-100px, -30px, 0px);
    transform: scale3d(1.5, 1.5, 1.5) translate3d(-100px, -30px, 0px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(-100px, -30px, 0px);
    transform: scale3d(1.5, 1.5, 1.5) translate3d(-100px, -30px, 0px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
    transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes kenburns {
  5% {
    -webkit-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
    transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(-100px, -30px, 0px);
    transform: scale3d(1.5, 1.5, 1.5) translate3d(-100px, -30px, 0px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(-100px, -30px, 0px);
    transform: scale3d(1.5, 1.5, 1.5) translate3d(-100px, -30px, 0px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
    transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@-webkit-keyframes mobileburns {
  5% {
    -webkit-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
    transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  65% {
    -webkit-transform: scale3d(2.5, 2.5, 2.5) translate3d(-100px, -30px, 0px);
    transform: scale3d(2.5, 2.5, 2.5) translate3d(-100px, -30px, 0px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: scale3d(2.5, 2.5, 2.5) translate3d(-100px, -30px, 0px);
    transform: scale3d(2.5, 2.5, 2.5) translate3d(-100px, -30px, 0px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
    transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes mobileburns {
  5% {
    -webkit-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
    transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  65% {
    -webkit-transform: scale3d(2.5, 2.5, 2.5) translate3d(-100px, -30px, 0px);
    transform: scale3d(2.5, 2.5, 2.5) translate3d(-100px, -30px, 0px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: scale3d(2.5, 2.5, 2.5) translate3d(-100px, -30px, 0px);
    transform: scale3d(2.5, 2.5, 2.5) translate3d(-100px, -30px, 0px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
    transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@-webkit-keyframes noburns {
  100% {
    -webkit-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
    transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes noburns {
  100% {
    -webkit-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
    transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

/**************************BLogs list Page****************************/
.blogsWrapperListPage {
  /*************************************
Build the scene and rotate on hover
**************************************/
  /*************************************
Transform and style the two planes
**************************************/
  /*************************************
Shadow beneath the 3D object
**************************************/
  /*************************************
Movie information
**************************************/
  /*************************************
Generate "lighting" using box shadows
**************************************/
  /*************************************
Posters and still images
**************************************/
  /*************************************
Fallback
**************************************/
  /*************************************
Media Queries
**************************************/
}

.blogsWrapperListPage .eachBlog {
  position: relative;
  background-color: #1c1c1c;
  border-radius: 2px;
}

.blogsWrapperListPage .eachBlog .blogImageContainer {
  position: relative;
  height: 250px;
  overflow: hidden;
  background-color: #000000;
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
}

.blogsWrapperListPage .eachBlog .blogImageContainer img {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
}

.blogsWrapperListPage .eachBlog .blogImageContainer .time {
  position: absolute;
  left: 20px;
  bottom: 20px;
  font-size: 1rem;
  font-style: italic;
  font-family: "Alegreya", serif;
  color: white;
  background-color: #1c1c1c;
  padding: 5px 10px;
}

.blogsWrapperListPage .eachBlog .blogShortText {
  text-align: center;
  padding: 30px 30px 50px 30px;
}

.blogsWrapperListPage .eachBlog .blogShortText h3 {
  font-size: 1.2rem;
  font-weight: 300;
  color: white;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  max-height: 45px;
  /* fallback */
  -webkit-line-clamp: 2;
  /* number of lines to show */
  -webkit-box-orient: vertical;
  height: 45px;
  margin-bottom: 10px;
}

.blogsWrapperListPage .eachBlog .blogShortText h3 a {
  font-family: "Montserrat", sans-serif;
}

.blogsWrapperListPage .eachBlog .blogShortText p {
  opacity: 0.7;
  font-size: 0.8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  max-height: 75px;
  /* fallback */
  -webkit-line-clamp: 4;
  /* number of lines to show */
  -webkit-box-orient: vertical;
  height: 75px;
}

.blogsWrapperListPage .scene {
  width: 100%;
  height: 400px;
  margin: 30px;
  display: block;
  -webkit-perspective: 1000px;
  perspective: 1000px;
  max-width: 100%;
}

.blogsWrapperListPage .movie {
  width: 100%;
  height: 400px;
  display: block;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translateZ(-180px);
  transform: translateZ(-180px);
  -webkit-transition: -webkit-transform 350ms;
  transition: -webkit-transform 350ms;
  transition: transform 350ms;
  transition: transform 350ms, -webkit-transform 350ms;
}

.blogsWrapperListPage .movie:hover {
  -webkit-transform: rotateY(-90deg) translateZ(0px);
          transform: rotateY(-90deg) translateZ(0px);
}

.blogsWrapperListPage .movie .poster,
.blogsWrapperListPage .movie .info {
  position: absolute;
  width: 100%;
  height: 400px;
  background-color: #fff;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.blogsWrapperListPage .movie .poster {
  -webkit-transform: translateZ(180px);
  transform: translateZ(220px);
  background-size: cover;
  background-repeat: no-repeat;
}

.blogsWrapperListPage .movie .info {
  -webkit-transform: rotateY(90deg) translateZ(0px);
          transform: rotateY(90deg) translateZ(0px);
  border: 1px solid #B8B5B5;
  font-size: 0.75em;
}

.blogsWrapperListPage .blogTitle {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: block;
  background-color: rgba(0, 0, 0, 0.3);
  color: white;
  padding: 5px 10px;
  text-align: center;
  max-height: 80px;
  overflow: hidden;
}

.blogsWrapperListPage .blogTitle h3 a {
  font-family: "Montserrat", sans-serif;
  font-size: 0.9rem;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                          supported by Chrome, Opera and Firefox */
}

.blogsWrapperListPage .movie .yearDiff {
  position: absolute;
  left: 20px;
  top: 20px;
  font-size: 1rem;
  font-style: italic;
  font-family: "Alegreya", serif;
  color: white;
  background-color: #1c1c1c;
  padding: 5px 10px;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}

.blogsWrapperListPage .csstransforms3d .movie::after {
  content: '';
  width: 100%;
  height: 260px;
  position: absolute;
  bottom: 0;
  -webkit-box-shadow: 0 30px 50px rgba(0, 0, 0, 0.3);
          box-shadow: 0 30px 50px rgba(0, 0, 0, 0.3);
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -webkit-transform: rotateX(90deg) translateY(130px);
  transform: rotateX(90deg) translateY(130px);
  -webkit-transition: box-shadow 350ms;
  -webkit-transition: -webkit-box-shadow 350ms;
  transition: -webkit-box-shadow 350ms;
  transition: box-shadow 350ms;
  transition: box-shadow 350ms, -webkit-box-shadow 350ms;
}

.blogsWrapperListPage .csstransforms3d .movie:hover::after {
  -webkit-box-shadow: 20px -5px 50px rgba(0, 0, 0, 0.3);
          box-shadow: 20px -5px 50px rgba(0, 0, 0, 0.3);
}

.blogsWrapperListPage .info header {
  color: #FFF;
  padding: 7px 10px;
  font-weight: bold;
  height: 195px;
  background-size: contain;
  background-repeat: no-repeat;
  text-shadow: 0px 1px 1px black;
}

.blogsWrapperListPage .info header h1 {
  margin: 0 0 2px;
  font-size: 1.4em;
}

.blogsWrapperListPage .info header .rating {
  border: 1px solid #FFF;
  padding: 0px 3px;
}

.blogsWrapperListPage .info .desc p {
  padding: 1.2em 1.4em;
  margin: 2px 0 0;
  font-weight: 400;
  color: #666;
  line-height: 1.4em;
  opacity: 1;
  font-size: 0.8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  max-height: 135px;
  /* fallback */
  -webkit-line-clamp: 7;
  /* number of lines to show */
  -webkit-box-orient: vertical;
  height: 135px;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}

.blogsWrapperListPage .movie .poster,
.blogsWrapperListPage .movie .info,
.blogsWrapperListPage .movie .info header {
  -webkit-transition: box-shadow 350ms;
  -webkit-transition: -webkit-box-shadow 350ms;
  transition: -webkit-box-shadow 350ms;
  transition: box-shadow 350ms;
  transition: box-shadow 350ms, -webkit-box-shadow 350ms;
}

.blogsWrapperListPage .csstransforms3d .movie .poster {
  -webkit-box-shadow: inset 0px 0px 40px rgba(255, 255, 255, 0);
          box-shadow: inset 0px 0px 40px rgba(255, 255, 255, 0);
}

.blogsWrapperListPage .csstransforms3d .movie:hover .poster {
  -webkit-box-shadow: inset 300px 0px 40px rgba(255, 255, 255, 0.8);
          box-shadow: inset 300px 0px 40px rgba(255, 255, 255, 0.8);
}

.blogsWrapperListPage .csstransforms3d .movie .info,
.blogsWrapperListPage .csstransforms3d .movie .info header {
  -webkit-box-shadow: inset -300px 0px 40px rgba(0, 0, 0, 0.5);
          box-shadow: inset -300px 0px 40px rgba(0, 0, 0, 0.5);
}

.blogsWrapperListPage .csstransforms3d .movie:hover .info,
.blogsWrapperListPage .csstransforms3d .movie:hover .info header {
  -webkit-box-shadow: inset 0px 0px 40px rgba(0, 0, 0, 0);
          box-shadow: inset 0px 0px 40px rgba(0, 0, 0, 0);
}

.blogsWrapperListPage .no-csstransforms3d .movie .poster,
.blogsWrapperListPage .no-csstransforms3d .movie .info {
  position: relative;
}

@media screen and (max-width: 60.75em) {
  .blogsWrapperListPage .scene {
    float: none;
  }
}

@media only screen and (max-width: 360px) {
  .blogsWrapperListPage .scene {
    width: 260px;
  }
  .blogsWrapperListPage .movie {
    width: 260px;
  }
  .blogsWrapperListPage .movie:hover {
    -webkit-transform: rotateY(-78deg) translateZ(20px);
    transform: rotateY(-78deg) translateZ(20px);
  }
  .blogsWrapperListPage .movie .poster,
  .blogsWrapperListPage .movie .info {
    width: 260px;
  }
  .blogsWrapperListPage .movie .info {
    -webkit-transform: rotateY(90deg) translateZ(130px);
    transform: rotateY(90deg) translateZ(130px);
    border: 1px solid #B8B5B5;
    font-size: 0.75em;
  }
}

.blogsWrapperListPage .allBlogsWrapper {
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.blogsWrapperListPage .allBlogsWrapper .eachBlogDsgn {
  margin-top: 50px;
}

.blogsWrapperListPage .blogReadNowBtn {
  margin-top: 20px;
}

.blogsWrapperListPage .blogReadNowBtn a {
  display: inline-block;
  padding: 8px 20px;
  background-color: #1c1c1c;
  color: white;
}

/**************************BLogs list Page ends****************************/
/**************************BLogs desc Page ****************************/
.blogDescription .shortDesc {
  margin-top: 60px;
  margin-bottom: 50px;
}

.blogDescription .shortDesc p {
  font-size: 1rem;
  text-align: justify;
}

.blogDescription .content h3 {
  font-size: 1.5rem;
  color: white;
  margin-top: 50px;
  margin-bottom: 10px;
}

.blogDescription .content h4 {
  font-size: 1.2rem;
  color: white;
  margin-top: 50px;
  margin-bottom: 10px;
}

.blogDescription .content ol {
  counter-reset: listCounter;
  list-style: none;
  padding-left: 30px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.blogDescription .content ol li {
  position: relative;
  counter-increment: listCounter;
  padding: 5px;
  padding-left: 50px;
}

.blogDescription .content ol li:before {
  position: absolute;
  top: 3px;
  left: 0;
  font-weight: 400;
  font-size: 1rem;
  content: counter(listCounter);
}

@media only screen and (max-width: 575px) {
  .blogDescription .content ol {
    padding-left: 10px;
  }
  .blogDescription .content ol li {
    padding-left: 35px;
  }
}

.blogDescription .content ul {
  margin-top: 20px;
  list-style: none;
  padding-left: 30px;
  margin-bottom: 20px;
}

.blogDescription .content ul li {
  position: relative;
  padding: 5px;
  padding-left: 30px;
}

.blogDescription .content ul li:before {
  position: absolute;
  top: 15px;
  left: 0;
  font-weight: 400;
  font-size: 1rem;
  content: " ";
  height: 5px;
  width: 5px;
  background-color: white;
}

@media only screen and (max-width: 575px) {
  .blogDescription .content ul {
    padding-left: 10px;
  }
  .blogDescription .content ul li {
    padding-left: 25px;
  }
}

.blogDescription .content p {
  font-size: 0.9rem;
}

.blogDescription .imagwWrapperBlogDesc {
  max-height: 500px;
}

.blogDescription .imagwWrapperBlogDesc img {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  max-height: 500px;
}

.blogDescriptionFixedWidth {
  position: relative;
}

.blogDescriptionFixedWidth .socialIcons {
  position: absolute;
  top: 60px;
  left: -100px;
}

@media only screen and (max-width: 835px) {
  .blogDescriptionFixedWidth .socialIcons {
    left: -50px;
  }
}

.blogDescriptionFixedWidth .socialIcons ul li {
  display: block;
  margin-bottom: 20px;
  text-align: center;
  overflow: hidden;
}

.blogDescriptionFixedWidth .socialIcons ul li a {
  display: block;
  height: 40px;
  width: 40px;
  background-color: #1c1c1c;
  position: relative;
}

.blogDescriptionFixedWidth .socialIcons ul li a:before {
  content: " ";
  height: 0px;
  width: 100%;
  background-color: transparent;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.blogDescriptionFixedWidth .socialIcons ul li a i {
  position: relative;
  line-height: 40px;
  z-index: 3;
}

.blogDescriptionFixedWidth .socialIcons ul li:hover a:before {
  background-color: white;
  height: 100%;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.blogDescriptionFixedWidth .socialIcons ul li:hover a i {
  color: #000000;
}

@media only screen and (max-width: 700px) {
  .blogDescriptionFixedWidth .socialIcons {
    position: relative;
    top: 60px;
    left: unset;
  }
  .blogDescriptionFixedWidth .socialIcons ul {
    text-align: center;
  }
  .blogDescriptionFixedWidth .socialIcons ul li {
    display: inline-block;
  }
}

.blogsCarousel .owl-carousel .item {
  margin-left: 20px;
  margin-right: 20px;
}

.logoFooter {
  max-height: 100px;
}

.banner-service-page {
  min-height: 100vh;
  padding: 20px;
  background-color: black;
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
  position: relative;
}

@media only screen and (max-height: 750px) {
  .banner-service-page {
    min-height: 750px;
  }
}

.banner-service-page .main-asigde-wrapper h3 {
  font-size: 2.5rem;
  color: white;
  font-weight: 900;
}

.banner-service-page .main-asigde-wrapper h3 span {
  font-size: inherit;
  font-weight: inherit;
  font-family: inherit;
  color: #e1b785;
}

@media only screen and (max-width: 991px) {
  .banner-service-page .main-asigde-wrapper {
    margin-top: 20px;
  }
  .banner-service-page .main-asigde-wrapper h3 {
    font-size: 2.5rem;
  }
}

@media only screen and (max-width: 575px) {
  .banner-service-page .main-asigde-wrapper h3 {
    font-size: 1.5rem;
  }
}

.banner-service-page .banner-service-inner {
  position: absolute;
  top: 50%;
  left: 0px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
}

@media only screen and (max-width: 991px) {
  .banner-service-page .banner-service-inner {
    position: relative;
    top: unset;
    left: unset;
    -webkit-transform: none;
            transform: none;
  }
}

.banner-service-page .banner-service-inner .service-desc-image-carousel {
  position: relative;
  padding: 10px;
}

.banner-service-page .banner-service-inner .service-desc-image-carousel .image-wrapper {
  max-height: 700px;
}

.banner-service-page .banner-service-inner .service-desc-image-carousel .image-wrapper img {
  max-height: 700px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  min-height: 700px;
}

@media only screen and (max-width: 575px) {
  .banner-service-page .banner-service-inner .service-desc-image-carousel {
    margin-top: 100px;
  }
  .banner-service-page .banner-service-inner .service-desc-image-carousel .image-wrapper {
    max-height: 80vw;
  }
  .banner-service-page .banner-service-inner .service-desc-image-carousel .image-wrapper img {
    max-height: 80vw;
    min-height: 80vw;
  }
}

.banner-service-page .banner-service-inner .service-desc-image-carousel::before {
  content: " ";
  position: absolute;
  top: 0px;
  left: 0px;
  height: 200px;
  width: 4px;
  background-color: #e1b785;
}

.banner-service-page .banner-service-inner .service-desc-image-carousel::after {
  content: " ";
  position: absolute;
  top: 0px;
  left: 0px;
  height: 4px;
  width: 200px;
  background-color: #e1b785;
}

.banner-service-page .banner-service-inner .service-desc-image-carousel .just-for-decor::before {
  content: " ";
  position: absolute;
  bottom: 0px;
  right: 0px;
  height: 200px;
  width: 4px;
  background-color: #e1b785;
}

.banner-service-page .banner-service-inner .service-desc-image-carousel .just-for-decor::after {
  content: " ";
  position: absolute;
  bottom: 0px;
  right: 0px;
  height: 4px;
  width: 200px;
  background-color: #e1b785;
}

.w-75-custom {
  width: 75%;
}

@media only screen and (max-width: 991px) {
  .w-75-custom {
    width: 100%;
  }
}

.aside-wrapper-service-page-inner {
  position: relative;
  margin-bottom: 40px;
}

.aside-wrapper-service-page-inner .absolute-design-container {
  position: absolute;
  bottom: -35px;
  right: 0px;
  max-width: 425px;
  width: 100%;
  -webkit-box-shadow: inset 0px 0px 5px 0px rgba(255, 255, 255, 0.3);
          box-shadow: inset 0px 0px 5px 0px rgba(255, 255, 255, 0.3);
  background-color: #1c1c1c;
  padding: 10px 15px;
  color: white;
  z-index: 999;
  min-height: 150px;
}

.aside-wrapper-service-page-inner .absolute-design-container h4 {
  color: white;
  font-weight: 600;
  font-size: 0.9rem;
}

.aside-wrapper-service-page-inner .absolute-design-container p {
  color: white;
  font-weight: 400;
  font-size: 0.8rem;
}

.aside-wrapper-service-page-inner .absolute-design-container .absolute-design-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 90%;
  text-align: justify;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media only screen and (max-width: 575px) {
  .aside-wrapper-service-page-inner .absolute-design-container {
    position: relative;
    bottom: unset;
    right: unset;
    max-width: 100%;
  }
}

.aside-wrapper-service-page-inner .image-container-22 {
  max-height: 600px;
  padding: 10px;
}

@media only screen and (max-width: 575px) {
  .aside-wrapper-service-page-inner .image-container-22 {
    padding: 0px 0px 10px 0px;
  }
}

.aside-wrapper-service-page-inner .image-container-22.height-400 {
  height: 400px;
}

.aside-wrapper-service-page-inner .image-container-22.height-400 img {
  height: 100%;
  width: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}

.aside-wrapper-service-page-inner .image-container-22.height-200 {
  height: 300px;
}

.aside-wrapper-service-page-inner .image-container-22.height-200 img {
  height: 100%;
  width: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}

@media only screen and (max-width: 991px) {
  .text-container-section-design {
    margin-top: 20px;
  }
}

.text-container-section-design h3 {
  font-size: 1.5rem;
  color: white;
  font-weight: 600;
  display: block;
  position: relative;
  padding-left: 70px;
}

.text-container-section-design h3:before {
  content: " ";
  position: absolute;
  height: 2px;
  width: 60px;
  background-color: white;
  top: 50%;
  left: 0px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.text-container-section-design p {
  font-size: 0.9rem;
  color: white;
  font-weight: 400;
  text-align: justify;
}

@media only screen and (max-width: 991px) {
  .text-container-section-design h3 {
    font-size: 2rem;
  }
}

@media only screen and (max-width: 767px) {
  .text-container-section-design h3 {
    font-size: 1.5rem;
  }
}

@media only screen and (max-width: 575px) {
  .text-container-section-design h3 {
    font-size: 1.2rem;
  }
  .text-container-section-design p {
    font-size: 0.8rem;
  }
}

.heading-wrapper-of-desc {
  border: 1px solid rgba(255, 255, 255, 0.3);
  padding: 10px 10px;
  border-radius: 2px;
  cursor: pointer;
}

.heading-wrapper-of-desc h3 {
  color: white;
  font-size: 0.8rem;
  margin-bottom: 0px;
}

.main-desc-wrapper {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-top: none;
  padding: 10px 30px;
}

.each-sub-section .image-wrapper {
  max-height: 600px;
}

.each-sub-section .image-wrapper img {
  max-height: 600px;
  -o-object-fit: contain;
     object-fit: contain;
}

.each-sub-section.my-Custom {
  margin-top: 100px;
  margin-bottom: 100px;
}

@media only screen and (max-width: 575px) {
  .each-sub-section.my-Custom {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}

.main-desc-wrapper-outer {
  height: 0px;
  -webkit-transition: height 0.3s ease-out;
  transition: height 0.3s ease-out;
  position: relative;
  opacity: 0;
  overflow: hidden;
}

.main-desc-wrapper-outer.expanded {
  -webkit-transition: height 0.25s ease-out;
  transition: height 0.25s ease-out;
  height: auto;
  opacity: 1;
}

.padding-mobile-screen {
  padding-left: 25px;
  padding-right: 25px;
}

@media only screen and (max-width: 767px) {
  .padding-mobile-screen {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (max-width: 575px) {
  .padding-mobile-screen {
    padding-left: 10px;
    padding-right: 10px;
  }
}

/**************************BLogs desc Page ends****************************/
.section-heading .t1 {
  text-transform: uppercase;
  letter-spacing: 5px;
  color: rgba(255, 255, 255, 0.5);
  font-style: normal;
}

.section-heading h3 {
  color: white;
  font-size: 3rem;
  font-weight: 900;
}

@media only screen and (max-width: 991px) {
  .section-heading h3 {
    font-size: 2rem;
  }
}

@media only screen and (max-width: 575px) {
  .section-heading h3 {
    font-size: 1.5rem;
  }
}

.section-heading .c3 {
  font-size: inherit;
  font-weight: inherit;
  font-family: inherit;
}

.each-project-wrapper {
  margin: 5px 10px;
  padding: 10px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.4);
          box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.4);
}

.each-project-wrapper .text-container {
  margin-top: 20px;
}

.each-project-wrapper .text-container h3 {
  color: white;
  font-size: 1rem;
  text-transform: uppercase;
}

.each-project-wrapper .text-container span {
  color: rgba(255, 255, 255, 0.5);
}

.each-project-wrapper .image-container {
  max-height: 300px;
}

.each-project-wrapper .image-container img {
  height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
  max-height: 300px;
}

.each-project-wrapper:hover {
  -webkit-box-shadow: 0px 0px 15px 0px rgba(255, 255, 255, 0.6);
          box-shadow: 0px 0px 15px 0px rgba(255, 255, 255, 0.6);
}

/*******************************projects gallery design***********************************/
.main-image-container {
  min-height: 100vh;
}

@media only screen and (max-width: 767px) {
  .main-image-container {
    min-height: auto;
  }
}

.imageContainer-Inner {
  height: calc(100vh);
  width: 100%;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .imageContainer-Inner {
    height: 40vh;
    min-height: 400px;
  }
}

.imageContainer-Inner img {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.imageContainer-Inner .image-description {
  position: absolute;
  left: 150px;
  bottom: 150px;
  max-width: 350px;
}

.imageContainer-Inner .image-description h3 {
  font-size: 2rem;
  text-transform: uppercase;
  color: white;
  font-weight: 400;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.45);
}

.imageContainer-Inner .image-description p {
  font-size: 1.5rem;
  font-style: italic;
  font-family: "Alegreya", serif;
  color: white;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.45);
}

@media only screen and (max-width: 991px) {
  .imageContainer-Inner .image-description {
    left: 120px;
  }
}

@media only screen and (max-width: 768px) {
  .imageContainer-Inner .image-description {
    left: 80px;
    bottom: 30px;
  }
  .imageContainer-Inner .image-description h3 {
    font-size: 1.2rem;
  }
  .imageContainer-Inner .image-description p {
    font-size: 0.8rem;
  }
}

@media only screen and (max-width: 575px) {
  .imageContainer-Inner .image-description {
    left: 30px;
  }
}

.thumbnail-container .item {
  margin-left: 5px;
  margin-right: 5px;
}

.thumbnail-container .imageWrapperCarouselThumbnails {
  height: 90px;
}

.thumbnail-container .imageWrapperCarouselThumbnails img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0.8;
}

.thumbnail-container .owl-item.current .imageWrapperCarouselThumbnails img {
  border: 2px solid #e1b785;
  opacity: 1;
}

.imageContainer-Inner h3, .imageContainer-Inner p {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 1s ease 0s;
  transition: all 1s ease 0s;
}

.owl-item.active .imageContainer-Inner h3 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-delay: 1.0s;
  animation-delay: 1.0s;
  visibility: visible;
  opacity: 1;
  -webkit-transition: all .4s ease 1s;
  transition: all .4s ease 1s;
}

.owl-item.active .imageContainer-Inner p {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
  visibility: visible;
  opacity: 1;
  -webkit-transition: all .4s ease 1.2s;
  transition: all .4s ease 1.2s;
}

.projectImageContainerMain {
  position: relative;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.projectImageContainerMain .projectImageContainerInner {
  position: relative;
  width: calc(100% - 400px);
  min-width: calc(100% - 400px);
  min-height: 100vh;
}

.projectImageContainerMain .projectImageContainerInner.expanded {
  min-width: 100%;
  width: 100%;
}

.projectImageContainerMain .projectImageContainerInner .absolute-content-project-page {
  position: absolute;
  right: 30px;
  top: 120px;
  z-index: 99;
  text-align: right;
}

@media only screen and (max-width: 767px) {
  .projectImageContainerMain .projectImageContainerInner .absolute-content-project-page {
    top: unset;
    bottom: 10px;
    right: 5px;
  }
}

.projectImageContainerMain .projectImageContainerInner .absolute-content-project-page .abs-cotent .view-360-project-page, .projectImageContainerMain .projectImageContainerInner .absolute-content-project-page .abs-cotent .expand {
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  display: inline-block;
  min-width: 30px;
  margin-left: 5px;
  margin-right: 5px;
  text-align: center;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
          box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
  cursor: pointer;
}

.projectImageContainerMain .projectImageContainerInner .absolute-content-project-page .abs-cotent .view-360-project-page i, .projectImageContainerMain .projectImageContainerInner .absolute-content-project-page .abs-cotent .expand i {
  line-height: 35px;
}

.projectImageContainerMain .projectImageContainerInner .absolute-content-project-page .abs-cotent .view-360-project-page {
  color: white;
  height: 35px;
  width: 80px;
  font-size: 0.8rem;
  text-transform: uppercase;
  line-height: 35px;
}

.projectImageContainerMain .projectImageContainerInner .absolute-content-project-page .abs-cotent .expand {
  height: 35px;
  width: 35px;
}

@media only screen and (max-width: 991px) {
  .projectImageContainerMain .projectImageContainerInner .absolute-content-project-page .abs-cotent .expand {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .projectImageContainerMain .projectImageContainerInner {
    min-height: 400px;
  }
}

.projectImageContainerMain .projectTextContainer {
  min-width: 400px;
}

.projectImageContainerMain .projectTextContainer.imageContainerExpands {
  min-width: auto;
  display: none;
}

.projectImageContainerMain .projectTextContainer .text-container-inner22 {
  width: 100%;
  padding: 20px;
  display: block;
  margin: 120px auto 0px auto;
}

@media only screen and (max-width: 991px) {
  .projectImageContainerMain .projectTextContainer .text-container-inner22 {
    margin-top: 0px;
  }
}

.projectImageContainerMain .projectTextContainer .text-container-inner22 h1, .projectImageContainerMain .projectTextContainer .text-container-inner22 h3 {
  font-size: 1.5rem;
  color: #e1b785;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.45);
}

.projectImageContainerMain .projectTextContainer .text-container-inner22 p {
  font-size: 0.8rem;
  color: #666666;
  text-align: justify;
  text-align-last: left;
}

.projectImageContainerMain .projectTextContainer .text-container-inner22 .projectsMeta {
  list-style: none;
  padding: unset;
  border: 1px solid rgba(238, 238, 238, 0.2);
  border-radius: 5px;
}

.projectImageContainerMain .projectTextContainer .text-container-inner22 .projectsMeta li {
  color: white;
  padding: 5px 10px;
  margin-top: 5px;
  border-bottom: 1px solid rgba(238, 238, 238, 0.2);
}

.projectImageContainerMain .projectTextContainer .text-container-inner22 .projectsMeta li .icon-block {
  display: inline-block;
  width: 20px;
  text-align: center;
}

.projectImageContainerMain .projectTextContainer .text-container-inner22 .projectsMeta li .title-block {
  display: inline-block;
  color: #a7aaba;
  font-weight: 400;
  font-size: 0.9rem;
}

.projectImageContainerMain .projectTextContainer .text-container-inner22 .projectsMeta li .value-block {
  display: inline-block;
  font-weight: 600;
}

.projectImageContainerMain .projectTextContainer .text-container-inner22 .projectsMeta li:last-child {
  border-bottom: none;
}

.projectImageContainerMain .projectTextContainer .text-container-inner22 .feature-container-outer {
  margin-bottom: 15px;
}

.projectImageContainerMain .projectTextContainer .text-container-inner22 .feature-container-outer .feature-container {
  padding: 30px 10px;
  border: 1px solid rgba(238, 238, 238, 0.3);
  background-color: #1c1c1c;
  -webkit-box-shadow: inset 0px 0px 10px 0px rgba(255, 255, 255, 0.06);
          box-shadow: inset 0px 0px 10px 0px rgba(255, 255, 255, 0.06);
  border-radius: 10px;
}

.projectImageContainerMain .projectTextContainer .text-container-inner22 .feature-container-outer .feature-container label {
  display: block;
  font-size: 0.8rem;
  color: #999;
}

.projectImageContainerMain .projectTextContainer .text-container-inner22 .feature-container-outer .feature-container span {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.projectImageContainerMain .projectTextContainer .text-container-inner22 .feature-container-outer .feature-container span i {
  color: white;
  line-height: 20px;
}

.projectImageContainerMain .projectTextContainer .text-container-inner22 .feature-container-outer .feature-container h5 {
  font-weight: 600;
  color: #e1b785;
  font-size: 0.8rem;
}

@media only screen and (max-width: 991px) {
  .projectImageContainerMain {
    display: block;
  }
  .projectImageContainerMain .projectImageContainerInner {
    width: 100%;
    min-width: 100%;
    display: block;
  }
  .projectImageContainerMain .projectTextContainer {
    width: 100%;
    margin-top: 30px;
    min-width: auto;
  }
}

.projectImageWrapper34 {
  position: relative;
}

.projectImageWrapper34 .owl-theme .owl-nav {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  right: 0;
}

.projectImageWrapper34 .owl-theme .owl-nav .owl-prev, .projectImageWrapper34 .owl-theme .owl-nav .owl-next {
  position: absolute;
  height: 50px;
  width: 30px;
  background-color: transparent;
  color: white;
  border: none;
  border-radius: 0px;
  z-index: 100;
  outline: none;
}

.projectImageWrapper34 .owl-theme .owl-nav .owl-prev i, .projectImageWrapper34 .owl-theme .owl-nav .owl-next i {
  font-size: 1.5rem;
  color: #e6c399;
  text-shadow: 2px 2px 4px black;
}

.projectImageWrapper34 .owl-theme .owl-nav .owl-prev {
  left: 100px;
}

.projectImageWrapper34 .owl-theme .owl-nav .owl-next {
  right: 100px;
}

@media only screen and (max-width: 575px) {
  .projectImageWrapper34 .owl-theme .owl-nav .owl-prev {
    left: 20px;
  }
  .projectImageWrapper34 .owl-theme .owl-nav .owl-prev i {
    font-size: 1rem;
  }
  .projectImageWrapper34 .owl-theme .owl-nav .owl-next {
    right: 20px;
  }
  .projectImageWrapper34 .owl-theme .owl-nav .owl-next i {
    font-size: 1rem;
  }
}

.projectImageWrapper34 .owl-theme:hover .owl-prev, .projectImageWrapper34 .owl-theme:hover .owl-next {
  background-color: transparent !important;
  -webkit-transition: background-color 0.3s ease-in;
  transition: background-color 0.3s ease-in;
}

.projectImageWrapper34 .owl-theme:hover .owl-prev:hover, .projectImageWrapper34 .owl-theme:hover .owl-next:hover {
  background-color: transparent !important;
}

.projectImageWrapper34 .owl-theme:hover .owl-prev:hover i, .projectImageWrapper34 .owl-theme:hover .owl-next:hover i {
  color: #e1b785 !important;
}

.thumbnail-container-main {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 80px;
  z-index: 44;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .thumbnail-container-main {
    position: relative;
    bottom: unset;
    margin-top: 10px;
  }
}

.imageCategory {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 20px;
  z-index: 44;
  width: 100%;
  text-align: center;
  max-width: 100%;
  overflow-x: auto;
}

@media only screen and (max-width: 767px) {
  .imageCategory {
    position: relative;
    bottom: unset;
    margin-top: 10px;
  }
}

.imageCategory ul {
  display: block;
  width: 100%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 0px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.imageCategory ul li {
  border: 1px solid white;
  background-color: white;
  color: #e1b785;
  display: inline-block;
  padding: 5px 15px;
  margin: 0px 2px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(225, 183, 133, 0.6);
          box-shadow: 0px 0px 10px 0px rgba(225, 183, 133, 0.6);
  cursor: pointer;
  min-width: 80px;
  margin-top: 5px;
  -webkit-transition: color 0.3s ease-in,background-color 0.3s ease-in;
  transition: color 0.3s ease-in,background-color 0.3s ease-in;
}

.imageCategory ul li.active {
  background-color: #e1b785;
  color: white;
}

.imageCategory ul li:hover {
  background-color: #e1b785;
  color: white;
}

.blurInitial {
  -webkit-filter: blur(5px);
  filter: blur(5px);
}

.projectPic a {
  position: relative;
  max-height: 250px;
  overflow: hidden;
  display: block;
  z-index: 4;
}

.projectPic a img {
  max-height: 250px;
  min-height: 250px;
  height: 100%;
  width: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}

@media only screen and (max-width: 1200px) {
  .projectPic a {
    max-height: 300px;
  }
  .projectPic a img {
    min-height: 300px;
    max-height: 300px;
  }
}

.projectPic a:before {
  position: absolute;
  content: " ";
  border-bottom: 2px solid white;
  border-right: 2px solid white;
  bottom: 10px;
  right: 10px;
  height: 0px;
  width: 0px;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.projectPic a:after {
  position: absolute;
  content: " ";
  border-top: 2px solid white;
  border-left: 2px solid white;
  top: 10px;
  left: 10px;
  height: 0px;
  width: 0px;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.projectPic a:hover:before {
  opacity: 1;
  height: calc(100% - 20px);
  width: calc(100% - 20px);
}

.projectPic a:hover:after {
  opacity: 1;
  height: calc(100% - 20px);
  width: calc(100% - 20px);
}

.projectTxt2 {
  font-size: 0.9rem;
  text-align: justify;
  text-align-last: center;
  background-color: #1c1c1c;
  padding: 20px;
  padding-bottom: 30px;
}

.projectTxt2 h4 {
  font-size: 1rem;
  font-weight: 500;
  color: #e1b785;
  text-transform: uppercase;
}

.projectTxt2 p {
  font-size: 0.8rem;
  text-align: justify;
  text-align-last: center;
  color: #a7aaba;
}

.projectTxt2 .projectHighlight {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  max-height: 94px;
  /* fallback */
  -webkit-line-clamp: 5;
  /* number of lines to show */
  -webkit-box-orient: vertical;
  height: 94px;
}

.projectTxt2 .customButtonBookAMeeting {
  color: white !important;
}

.headingBox {
  width: 100%;
}

.headingBox em {
  text-transform: uppercase;
  letter-spacing: 5px;
  color: #666;
  font-style: normal;
}

.headingBox h1, .headingBox h2 {
  color: white;
}

@media only screen and (max-width: 767px) {
  .headingBox h1, .headingBox h2 {
    font-size: 1.2rem;
  }
}

@media only screen and (max-width: 575px) {
  .headingBox h1, .headingBox h2 {
    font-size: 1rem;
  }
}

.projectBox {
  -webkit-transition: -webkit-box-shadow 0.3s ease-in;
  transition: -webkit-box-shadow 0.3s ease-in;
  transition: box-shadow 0.3s ease-in;
  transition: box-shadow 0.3s ease-in, -webkit-box-shadow 0.3s ease-in;
}

.projectBox:hover {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.8);
          box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.8);
}

.each-project-gallery-wrapper {
  max-height: 300px;
  margin: 4px;
  display: block;
  position: relative;
  overflow: hidden;
}

.each-project-gallery-wrapper .projectTitle {
  position: absolute;
  left: 15px;
  bottom: -20px;
  max-width: 75%;
  color: white;
  font-weight: 600;
  font-size: 1rem;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.85);
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in, bottom 0.3s ease-in;
  transition: opacity 0.3s ease-in, bottom 0.3s ease-in;
}

@media only screen and (max-width: 991px) {
  .each-project-gallery-wrapper .projectTitle {
    opacity: 1;
    bottom: 20px;
  }
}

.each-project-gallery-wrapper .anchor {
  display: block;
  width: 100%;
  position: relative;
}

.each-project-gallery-wrapper .anchor img {
  display: block;
  width: 100%;
  min-height: 300px;
  max-height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.6);
          box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.6);
}

.each-project-gallery-wrapper .anchor:before {
  content: " ";
  position: absolute;
  height: 0px;
  width: 0px;
  top: 10px;
  left: 10px;
  border-top: 2px solid white;
  border-left: 2px solid white;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.each-project-gallery-wrapper .anchor:after {
  content: " ";
  position: absolute;
  height: 0px;
  width: 0px;
  bottom: 10px;
  right: 10px;
  border-right: 2px solid white;
  border-bottom: 2px solid white;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.each-project-gallery-wrapper:hover {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.6);
          box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.6);
}

.each-project-gallery-wrapper:hover .anchor::before, .each-project-gallery-wrapper:hover .anchor:after {
  height: calc(100% - 20px);
  width: calc(100% - 20px);
  opacity: 1;
}

.each-project-gallery-wrapper:hover .projectTitle {
  bottom: 20px;
  opacity: 1;
}

@media only screen and (max-width: 575px) {
  .projectPic, .each-project-gallery-wrapper {
    min-width: auto;
  }
  .projectPic.autoHightSmallScreen, .each-project-gallery-wrapper.autoHightSmallScreen {
    max-height: 1000px;
  }
  .projectPic.autoHightSmallScreen a, .each-project-gallery-wrapper.autoHightSmallScreen a {
    max-height: unset;
    min-width: auto;
  }
  .projectPic.autoHightSmallScreen a img, .each-project-gallery-wrapper.autoHightSmallScreen a img {
    max-height: unset;
    width: 100%;
    height: auto;
    min-width: auto;
  }
}

.bg-black {
  background-color: black !important;
}

/****************************** parsely error design ends   *************************************/
.parsley-errors-list.filled {
  position: relative;
  background-color: none;
  font-size: 0.7rem;
  color: #f96a6a !important;
  list-style: none;
  display: block;
  margin-bottom: 0px;
}

.parsley-errors-list.filled li {
  color: #f96a6a;
  font-size: 0.7rem;
}

.form-section {
  display: none;
}

.form-section.current {
  display: inherit;
}

.form-section2 {
  display: none;
}

.form-section2.current {
  display: inherit;
}

.cursor-pointer {
  cursor: pointer;
}

/****************************** parsely error design ends   *************************************/
/*******************************projects gallery design ends***********************************/
/******************Send Enquiry Modal*******************/
/* appointment Modal */
.closeBtnModal {
  position: absolute;
  right: 10px;
  top: 10px;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

.closeBtnModal i {
  opacity: 0.5;
}

.closeBtnModal:focus {
  outline: none;
}

.closeBtnModal:hover i {
  opacity: 1;
}

.dateAndTime {
  background-color: #e1b785;
  padding: 10px 0px;
}

.dateAndTime p {
  margin: 0;
  color: white;
}

#bookNowForm .modal-body {
  padding: 0;
}

.bookAppointmentHeader {
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px;
}

.bookAppointmentHeader h3 {
  color: #e1b785;
  font-size: 1.2rem;
  margin: 0;
}

.bookAppointmentHeader p {
  margin: 0;
  font-size: 0.8rem;
  font-weight: 300;
}

.dateAndTimeSelector {
  font-family: 'Philosopher', sans-serif;
}

.heading-appointment {
  font-size: 1rem;
  text-align: center;
  margin-top: 10px;
}

.customSelect {
  width: 100%;
  border: none;
  outline: none;
}

.customSelect option {
  background-color: white;
  text-align: center;
  border: 1px solid #e1b785;
  border-radius: 5px;
  margin: 5px 10px;
  padding: 20px 0px;
  color: #e1b785;
}

.customSelect option.selected {
  background-color: #e1b785 !important;
  color: white;
}

.customSelect option:hover {
  background-color: #e1b785;
  color: white;
}

.btn-Custom {
  background-color: #e1b785;
  color: white;
  padding: 10px 30px;
  border-radius: 30px;
  border: none;
  -webkit-transition: background-color 0.3s ease-in, -webkit-box-shadow 0.3s ease-in;
  transition: background-color 0.3s ease-in, -webkit-box-shadow 0.3s ease-in;
  transition: background-color 0.3s ease-in, box-shadow 0.3s ease-in;
  transition: background-color 0.3s ease-in, box-shadow 0.3s ease-in, -webkit-box-shadow 0.3s ease-in;
}

.btn-Custom:focus {
  outline: none;
}

.btn-Custom:hover {
  background-color: #d79f5c;
  -webkit-box-shadow: 0px 2px 4px rgba(225, 183, 133, 0.3);
          box-shadow: 0px 2px 4px rgba(225, 183, 133, 0.3);
}

.line-appointment {
  border-top: 1px solid #e1b785;
}

.timerAppointment ::-webkit-scrollbar {
  width: 15px;
  height: 15px;
}

.timerAppointment ::-webkit-scrollbar-track-piece {
  background-color: #C2D2E4;
}

.timerAppointment ::-webkit-scrollbar-thumb:vertical {
  height: 30px;
  background-color: #e1b785;
}

.tabcontentModal {
  display: none;
}

.formDesignAppointment input, .formDesignAppointment textarea, .formDesignAppointment select {
  font-family: 'Philosopher', sans-serif;
  outline-color: #e1b785;
  font-size: 0.8rem;
  padding: 10px 10px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.formDesignAppointment input:focus, .formDesignAppointment textarea:focus, .formDesignAppointment select:focus {
  outline-color: #e1b785;
  -webkit-box-shadow: none;
          box-shadow: none;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.modal {
  width: 100% !important;
  height: 100% !important;
  z-index: 999999;
}

.modal-backdrop {
  width: 100% !important;
  height: 100% !important;
  z-index: 999998;
  background-color: rgba(0, 0, 0, 0.8) !important;
  opacity: 1 !important;
}

.btn-Custom2 {
  text-align: left;
  float: left;
  background-color: transparent;
  border: none;
  color: #e1b785;
}

select option:checked {
  background: -webkit-gradient(linear, left top, left bottom, from(#e1b785), to(#e1b785));
  background: linear-gradient(#e1b785, #e1b785);
  background-color: #e1b785 !important;
  /* for IE */
  color: white !important;
}

.customButtonBookAMeeting {
  background-color: #e4be91;
  color: white !important;
  border: none;
  -webkit-transition: background-color 0.3s ease-in,color 0.3s ease-in,-webkit-transform 0.3s ease-in,-webkit-box-shadow 0.3s ease-in,-webkit-transform 0.3s ease-in;
  transition: background-color 0.3s ease-in,color 0.3s ease-in,-webkit-transform 0.3s ease-in,-webkit-box-shadow 0.3s ease-in,-webkit-transform 0.3s ease-in;
  transition: background-color 0.3s ease-in,transform 0.3s ease-in,box-shadow 0.3s ease-in,transform 0.3s ease-in,color 0.3s ease-in;
  transition: background-color 0.3s ease-in,transform 0.3s ease-in,box-shadow 0.3s ease-in,transform 0.3s ease-in,color 0.3s ease-in,-webkit-transform 0.3s ease-in,-webkit-box-shadow 0.3s ease-in,-webkit-transform 0.3s ease-in;
  padding: 10px 40px;
  cursor: pointer;
  position: relative;
  -webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.6);
          box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.6);
  outline: none;
}

@media only screen and (max-width: 575px) {
  .customButtonBookAMeeting {
    padding: 10px 10px;
    width: 100%;
  }
}

.customButtonBookAMeeting:focus {
  outline: none;
}

.customButtonBookAMeeting:before {
  position: absolute;
  content: " ";
  border-bottom: 1px solid white;
  border-right: 1px solid white;
  bottom: 4px;
  right: 4px;
  height: 0px;
  width: 0px;
  opacity: 0;
  -webkit-transition: width 0.3s ease-in, height 0.3s ease-in, opacity 0.3s ease-in;
  transition: width 0.3s ease-in, height 0.3s ease-in, opacity 0.3s ease-in;
}

.customButtonBookAMeeting:after {
  position: absolute;
  content: " ";
  border-top: 1px solid white;
  border-left: 1px solid white;
  top: 4px;
  left: 4px;
  height: 0px;
  width: 0px;
  opacity: 0;
  -webkit-transition: width 0.3s ease-in, height 0.3s ease-in, opacity 0.3s ease-in;
  transition: width 0.3s ease-in, height 0.3s ease-in, opacity 0.3s ease-in;
}

.customButtonBookAMeeting span {
  display: block;
  height: 100%;
  width: 100%;
}

.customButtonBookAMeeting span::after {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
}

.customButtonBookAMeeting:hover {
  background-color: #dcab70;
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
  color: white;
}

.customButtonBookAMeeting:hover:before {
  opacity: 1;
  height: calc(100% - 8px);
  width: calc(100% - 8px);
}

.customButtonBookAMeeting:hover:after {
  opacity: 1;
  height: calc(100% - 8px);
  width: calc(100% - 8px);
}

.customButtonBookAMeeting:hover span:after {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  -webkit-transition: opacity 0.3s ease-in, -webkit-transform 0.3s ease-in;
  transition: opacity 0.3s ease-in, -webkit-transform 0.3s ease-in;
  transition: opacity 0.3s ease-in, transform 0.3s ease-in;
  transition: opacity 0.3s ease-in, transform 0.3s ease-in, -webkit-transform 0.3s ease-in;
}

.upload_btn {
  background-color: #1c1c1c;
  color: white;
  border: 1px solid #e1b785;
  padding: 5px 10px;
  cursor: pointer;
  display: inline-block;
}

.Custom_upload {
  font-style: normal;
  font-size: 0.8rem;
  color: #495057;
}

.info_text {
  font-size: 0.7rem;
  font-style: italic;
}

.imagecomtainer p {
  margin: 5px;
  display: inline-block;
  background-color: #e1b785;
  color: black;
  font-size: 0.8rem;
  padding: 5px 10px;
}

.instaBtn {
  display: inline-block;
  padding: 4px 10px;
  background-color: white;
  border: none;
  color: black;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
          box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}

.instaBtn:hover {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.5);
          box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.5);
}

.lets_diccuss {
  display: block;
  width: 100%;
  background-color: #1c1c1c;
  -webkit-box-shadow: 0px 0px 2px 0px white;
          box-shadow: 0px 0px 2px 0px white;
  position: relative;
  max-width: 400px;
  margin: 0px auto;
  padding-top: 80px;
  padding-bottom: 20px;
  scroll-margin-top: 140px;
}

@media only screen and (max-width: 991px) {
  .lets_diccuss {
    margin-top: 60px;
  }
}

.lets_diccuss.animateConfigurator {
  -webkit-animation: glow 0.5s 4 alternate;
          animation: glow 0.5s 4 alternate;
}

@media only screen and (max-width: 767px) {
  .lets_diccuss.animateConfigurator {
    -webkit-animation: glow 0.5s 6 alternate;
            animation: glow 0.5s 6 alternate;
  }
}

.lets_diccuss .form-container-configurator input, .lets_diccuss .form-container-configurator select, .lets_diccuss .form-container-configurator textarea {
  display: inline-block;
  width: 100%;
  border: none;
  background-color: rgba(0, 0, 0, 0.8);
  color: white;
  border-radius: 8px;
  outline: none;
  font-size: 0.8rem;
  padding: 0px 15px;
}

.lets_diccuss .form-container-configurator input:focus, .lets_diccuss .form-container-configurator select:focus, .lets_diccuss .form-container-configurator textarea:focus {
  outline: none;
  border: 1px solid white;
}

.lets_diccuss .form-container-configurator label {
  font-size: 0.7rem;
  display: inline-block;
  margin-bottom: 5px;
}

.lets_diccuss .form-container-configurator input, .lets_diccuss .form-container-configurator select {
  height: 30px;
  line-height: 30px;
}

.lets_diccuss .ribbon_design {
  background: #e1b785;
  width: 320px;
  position: absolute;
  top: 20px;
  height: 40px;
  left: -20px;
  text-align: center;
  z-index: 22;
}

.lets_diccuss .ribbon_design h3 {
  line-height: 40px;
  margin-bottom: 0px;
  font-size: 1rem;
  font-weight: 600;
}

@media only screen and (max-width: 375px) {
  .lets_diccuss .ribbon_design {
    width: 250px;
  }
  .lets_diccuss .ribbon_design h3 {
    font-size: 0.8rem;
  }
}

.lets_diccuss .ribbon_design:before {
  content: '';
  position: absolute;
  border-bottom: 17px solid transparent;
  border-right: 19px solid #cd8733;
  left: 0;
  bottom: -17px;
}

.lets_diccuss .ribbon_design:after {
  content: '';
  position: absolute;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 21px solid #e1b785;
  right: -21px;
  top: 0px;
}

.lets_diccuss .configurator-inner {
  padding: 10px 20px;
}

@-webkit-keyframes glow {
  from {
    -webkit-box-shadow: 0 0 10px -10px #e1b785;
            box-shadow: 0 0 10px -10px #e1b785;
  }
  to {
    -webkit-box-shadow: 0 0 10px 10px #e1b785;
            box-shadow: 0 0 10px 10px #e1b785;
  }
}

@keyframes glow {
  from {
    -webkit-box-shadow: 0 0 10px -10px #e1b785;
            box-shadow: 0 0 10px -10px #e1b785;
  }
  to {
    -webkit-box-shadow: 0 0 10px 10px #e1b785;
            box-shadow: 0 0 10px 10px #e1b785;
  }
}

.negativeMargin-200 {
  position: relative;
  margin-top: -200px;
}

@media only screen and (max-width: 991px) {
  .negativeMargin-200 {
    margin-top: 0px;
  }
}

@media only screen and (max-width: 991px) {
  .mt-120-small-screen {
    margin-top: 150px;
  }
}

/* appointment Modal */
/******************Send Enquiry Modal ends*******************/
/*# sourceMappingURL=style.v.1.css.map */