body {
  margin: 0;
  padding: 0;
}

.row {
  margin: 0;
}

.wrap-header.fixed #header-2 {
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 111111;
  background: #fff;
}

.wrap-header.fixed #header-1 {
  display: none;
}

.wrap-header #header-2 {
  transition: .4s;
}

.animation-div {
  background-image: url('../img/main-banner.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-repeat: repeat-x;
  -webkit-animation: slideBackground 20s linear infinite;
  animation: slideBackground 20s linear infinite;
}

@keyframes slideBackground {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 100% 0;
  }
}

.overlay-div-black {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  background: #000;
  opacity: 0;
  background: rgb(2, 0, 36);
  /* background: linear-gradient(90deg, rgb(2, 0, 36) 0%, rgb(9, 9, 121) 35%, rgb(0, 212, 255) 100%); */

  background: linear-gradient(to right, #434343 0%, black 100%);

}

.wrap-inner-div-black {
  z-index: 111;
}
.ul-navbar-wrapper li.active .link-a-tag{
    color: #76213b !important;
}
#banner-1 {
  height: 100vh;
  position: relative;
}

.wrap-inner-div-black {
  background: #000;
  max-width: 500px;
  height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

.wrap-inner-div-black {
  background: transparent;
  max-width: 500px;
  height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

.btn-href-enter {
  width: 140px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border: 2px solid #fff;
  text-transform: uppercase;
  font-family: lora;
  font-weight: 700;
  transition: .4s;
}

.btn-href-enter:hover {
  background: #fff;
  color: #000;
  text-decoration: none;
}

.inner-div-wrp img {
  width: 120px;
  display: block;
  margin: 0 auto;
  margin-bottom: 0px;
  margin-bottom: 30px;
}





/* home-page */
.wrap-header {
  height: 60vh;
  /*background: #000;*/
}

#header-1 .icon-img {
  max-width: 120px;
  margin: 0 auto;
  display: block;
}

#header-2 .ul-navbar-wrapper li {
  display: inline-block;
  margin-right: 80px;
  list-style: none;
}

#header-2 .wrap-navbar {
  display: flex;
  justify-content: center;
}

#header-2 .ul-navbar-wrapper {
  margin: 0;
  padding: 0;
}

#header-2 .link-a-tag {
  font-family: lora;
  font-style: italic;
  color: #000;
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
  text-transform: uppercase;transition: .4s;
  letter-spacing: .8px;
}.link-a-tag:hover {
  color: #845029 !important;
  text-decoration: none;
}

#header-2 .ul-navbar-wrapper li:last-child {
  margin: 0;
}

#header-2 {
  padding: 20px 0px;
}

#header-1 {
  padding: 40px 0px 10px;
}









/* owl-carasoul */
#section-1 .container {
  max-width: 1100px;
  width: 100%;
  padding: 0;
}

#section-1 .col-lg-12 {
  padding: 0;
}

#section-1 .owl-carousel {
  display: block;
  width: 100%;
  z-index: 1;
}

#section-1 .owl-carousel .item {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 650px;
}

#section-1 {
  margin-top: -300px;
}

#section-1 .owl-nav,
#section-1 .owl-dots {
  display: none;
}


/* section-2 */
#section-2 {
  padding: 150px 0px;
  text-align: center;
}

#section-2 .wrap-content-iner {
  max-width: 700px;
  margin: 0 auto;
}

#section-2 .wrap-content-iner h3 {
  font-family: DREAM;
  font-size: 34px;
  line-height: 1.2;
  font-weight: 600;
}

#section-2 .wrap-content-iner p {
  font-size: 18px;
  font-family: body;
  line-height: 28px;
}

.line-divider::before {
  content: "";
  display: block;
  margin: 30px auto;
  width: 1px;
  height: 70px;
  background-color: #222222;
}

.get-in-touch {
  font-size: 16px;
  font-family: lora;
  line-height: 28px;
  color: #666;
  text-transform: uppercase;
  letter-spacing: 1px;
  opacity: .7;
}

.get-in-touch:hover {
  text-decoration: none;
  opacity: 1;
  color: #666;
}

/* section-2 */


#section-3 {
  padding: 100px 0px 150px;
  /* background: #fcf9f6; */
}

#section-3 .wrap-title-section3 {
  text-align: center;
  margin-bottom: 80px;
}

.wrap-title-section3 h3 {
  font-family: dream;
  font-size: 40px;
  font-weight: 600;
  margin-top: 10px;
  line-height: 1.3;
}

.wrap-title-section3 p {
  font-family: Playfair Display;
  font-style: italic;
  color: #666;
  letter-spacing: 1px;
}

#section-3 .width-percnt {
  width: 100%;
}

#section-3 .row.row-wrap-sct-3 .col-md-8 {
  padding: 0;
}

#section-3 .wrap-left-imge.left-imge3 {
  margin-top: 30px;
}

#section-3 .width-percnt {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#section-3 .wrap-right-imge {
  height: 100%;
}

.width-percnt {
  scale: 1;
  transition: .4s;
}

.width-percnt:hover {
  scale: 1.2;
}

.wrap-left-imge {
  overflow: hidden;
}

.wrap-right-imge {
  overflow: hidden;
}

#section-3 .container {
  max-width: 1200px;
  width: 100%;
}



#section-8 {
  padding: 150px 0px 50px;
}

#section-8 .wrap-content-iner {
  margin-bottom: 40px;
}

#section-8 .wrap-content-iner h3 {
  font-family: lora;
  text-align: center;
  font-size: 30px;
  font-style: italic;
  line-height: 1.2;
}

#section-8 .wrap-content-iner p {
  text-align: center;
  font-style: italic;
  color: #666;
  letter-spacing: 1px;
  font-weight: 500;
  font-family: BODY;
}

#section-8 .container {
  max-width: 1700px;
  width: 100%;
  padding: 0;
}

#section-8 .bg-primary {
  background-color: transparent !important;
}

#section-8 .shadow-sm {
  box-shadow: unset !important;
}

#section-8 .p-5 {
  padding: unset !important;
}

#section-8 .fa-solid.fa-arrow-left-long::before {
  content: "\f177";
}

#section-8 i {
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  color: #000;
  opacity: 1;
  font-size: 20px;
}

#section-8 .carousel-control-next .fa-solid.fa-arrow-left-long {
  /*rotate: 180deg;*/
}.carousel-control-next .fa-solid.fa-arrow-left-long::before{
    content: "\f178"!important;
}

#section-8 .carousel-control-prev.w-auto.px-5.px-xl-4 {
  padding: 0 !important;
  left: -10px;
  opacity: 1;
}

#section-8 .carousel-control-next.w-auto.px-5.px-xl-4 {
  padding: 0 !important;
  right: -10px;
  opacity: 1;
}



/* carasoul */
@media (min-width: 576px) and (max-width: 767px) {
  .carousel-multiple::before {
    content: "media-breakpoint-between(sm, sm)";
  }

  .carousel-multiple .carousel-item.active,
  .carousel-multiple .carousel-item-next,
  .carousel-multiple .carousel-item-prev {
    display: flex;
  }

  .carousel-multiple .carousel-inner {
    overflow: visible;
  }

  .carousel-multiple .carousel-inner .carousel-item {
    margin-right: inherit;
  }

  .carousel-multiple .carousel-inner .carousel-item.active+.carousel-item+.carousel-item,
  .carousel-multiple .carousel-inner .carousel-item.active+.carousel-item {
    display: flex;
  }

  .carousel-multiple .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) {
    transition: none;
  }

  .carousel-multiple .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item {
    transition: none;
  }

  .carousel-multiple .carousel-inner .carousel-item.active+.carousel-item+.carousel-item {
    position: absolute;
    top: 0;
    right: -50%;
    z-index: -1;
    display: flex;
    visibility: visible;
    height: 100%;
  }

  .carousel-multiple .carousel-inner .carousel-item-next,
  .carousel-multiple .carousel-inner .carousel-item-prev {
    position: relative;
    transform: translate3d(0, 0, 0);
  }

  .carousel-multiple .carousel-inner .carousel-item-prev.carousel-item-right {
    position: absolute;
    top: 0;
    right: 100%;
    z-index: -1;
    display: flex;
    visibility: visible;
    height: 100%;
    transform: translate3d(100%, 0, 0);
  }

  .carousel-multiple .active.carousel-item-left+.carousel-item-next.carousel-item-left {
    position: relative;
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  .carousel-multiple .carousel-item-next.carousel-item-left+.carousel-item+.carousel-item,
  .carousel-multiple .carousel-item-next.carousel-item-left+.carousel-item {
    position: relative;
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  .carousel-multiple .active.carousel-item-right+.carousel-item-prev.carousel-item-right {
    position: relative;
    transform: translate3d(100%, 0, 0);
    display: flex;
    visibility: visible;
  }

  .carousel-multiple .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item,
  .carousel-multiple .carousel-item-prev.carousel-item-right+.carousel-item {
    position: relative;
    transform: translate3d(100%, 0, 0);
    display: flex;
    visibility: visible;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .carousel-multiple::before {
    content: "media-breakpoint-between(md, md)";
  }

  .carousel-multiple .carousel-item.active,
  .carousel-multiple .carousel-item-next,
  .carousel-multiple .carousel-item-prev {
    display: flex;
  }

  .carousel-multiple .carousel-inner {
    overflow: visible;
  }

  .carousel-multiple .carousel-inner .carousel-item {
    margin-right: inherit;
  }

  .carousel-multiple .carousel-inner .carousel-item.active+.carousel-item+.carousel-item+.carousel-item,
  .carousel-multiple .carousel-inner .carousel-item.active+.carousel-item+.carousel-item,
  .carousel-multiple .carousel-inner .carousel-item.active+.carousel-item {
    display: flex;
  }

  .carousel-multiple .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) {
    transition: none;
  }

  .carousel-multiple .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item+.carousel-item,
  .carousel-multiple .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item {
    transition: none;
  }

  .carousel-multiple .carousel-inner .carousel-item.active+.carousel-item+.carousel-item+.carousel-item {
    position: absolute;
    top: 0;
    right: -33.3333333333%;
    z-index: -1;
    display: flex;
    visibility: visible;
    height: 100%;
  }

  .carousel-multiple .carousel-inner .carousel-item-next,
  .carousel-multiple .carousel-inner .carousel-item-prev {
    position: relative;
    transform: translate3d(0, 0, 0);
  }

  .carousel-multiple .carousel-inner .carousel-item-prev.carousel-item-right {
    position: absolute;
    top: 0;
    right: 100%;
    z-index: -1;
    display: flex;
    visibility: visible;
    height: 100%;
    transform: translate3d(100%, 0, 0);
  }

  .carousel-multiple .active.carousel-item-left+.carousel-item-next.carousel-item-left {
    position: relative;
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  .carousel-multiple .carousel-item-next.carousel-item-left+.carousel-item+.carousel-item+.carousel-item,
  .carousel-multiple .carousel-item-next.carousel-item-left+.carousel-item+.carousel-item,
  .carousel-multiple .carousel-item-next.carousel-item-left+.carousel-item {
    position: relative;
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  .carousel-multiple .active.carousel-item-right+.carousel-item-prev.carousel-item-right {
    position: relative;
    transform: translate3d(100%, 0, 0);
    display: flex;
    visibility: visible;
  }

  .carousel-multiple .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item+.carousel-item,
  .carousel-multiple .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item,
  .carousel-multiple .carousel-item-prev.carousel-item-right+.carousel-item {
    position: relative;
    transform: translate3d(100%, 0, 0);
    display: flex;
    visibility: visible;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .carousel-multiple::before {
    content: "media-breakpoint-between(lg, lg)";
  }

  .carousel-multiple .carousel-item.active,
  .carousel-multiple .carousel-item-next,
  .carousel-multiple .carousel-item-prev {
    display: flex;
  }

  .carousel-multiple .carousel-inner {
    overflow: visible;
  }

  .carousel-multiple .carousel-inner .carousel-item {
    margin-right: inherit;
  }

  .carousel-multiple .carousel-inner .carousel-item.active+.carousel-item+.carousel-item+.carousel-item+.carousel-item,
  .carousel-multiple .carousel-inner .carousel-item.active+.carousel-item+.carousel-item+.carousel-item,
  .carousel-multiple .carousel-inner .carousel-item.active+.carousel-item+.carousel-item,
  .carousel-multiple .carousel-inner .carousel-item.active+.carousel-item {
    display: flex;
  }

  .carousel-multiple .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) {
    transition: none;
  }

  .carousel-multiple .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item+.carousel-item+.carousel-item,
  .carousel-multiple .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item+.carousel-item,
  .carousel-multiple .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item {
    transition: none;
  }

  .carousel-multiple .carousel-inner .carousel-item.active+.carousel-item+.carousel-item+.carousel-item+.carousel-item {
    position: absolute;
    top: 0;
    right: -25%;
    z-index: -1;
    display: flex;
    visibility: visible;
    height: 100%;
  }

  .carousel-multiple .carousel-inner .carousel-item-next,
  .carousel-multiple .carousel-inner .carousel-item-prev {
    position: relative;
    transform: translate3d(0, 0, 0);
  }

  .carousel-multiple .carousel-inner .carousel-item-prev.carousel-item-right {
    position: absolute;
    top: 0;
    right: 100%;
    z-index: -1;
    display: flex;
    visibility: visible;
    height: 100%;
    transform: translate3d(100%, 0, 0);
  }

  .carousel-multiple .active.carousel-item-left+.carousel-item-next.carousel-item-left {
    position: relative;
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  .carousel-multiple .carousel-item-next.carousel-item-left+.carousel-item+.carousel-item+.carousel-item+.carousel-item,
  .carousel-multiple .carousel-item-next.carousel-item-left+.carousel-item+.carousel-item+.carousel-item,
  .carousel-multiple .carousel-item-next.carousel-item-left+.carousel-item+.carousel-item,
  .carousel-multiple .carousel-item-next.carousel-item-left+.carousel-item {
    position: relative;
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  .carousel-multiple .active.carousel-item-right+.carousel-item-prev.carousel-item-right {
    position: relative;
    transform: translate3d(100%, 0, 0);
    display: flex;
    visibility: visible;
  }

  .carousel-multiple .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item+.carousel-item+.carousel-item,
  .carousel-multiple .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item+.carousel-item,
  .carousel-multiple .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item,
  .carousel-multiple .carousel-item-prev.carousel-item-right+.carousel-item {
    position: relative;
    transform: translate3d(100%, 0, 0);
    display: flex;
    visibility: visible;
  }
}

.img-instagram-slide {
  width: 250px;
  height: 350px;
  cursor:pointer;
  object-fit: cover;
}

@media (min-width: 1200px) {

  .carousel-multiple .carousel-item.active,
  .carousel-multiple .carousel-item-next,
  .carousel-multiple .carousel-item-prev {
    display: flex;
  }

  .carousel-multiple .carousel-inner {
    overflow: visible;
  }

  .carousel-multiple .carousel-inner .carousel-item {
    margin-right: inherit;
  }

  .carousel-multiple .carousel-inner .carousel-item.active+.carousel-item+.carousel-item+.carousel-item+.carousel-item+.carousel-item+.carousel-item,
  .carousel-multiple .carousel-inner .carousel-item.active+.carousel-item+.carousel-item+.carousel-item+.carousel-item+.carousel-item,
  .carousel-multiple .carousel-inner .carousel-item.active+.carousel-item+.carousel-item+.carousel-item+.carousel-item,
  .carousel-multiple .carousel-inner .carousel-item.active+.carousel-item+.carousel-item+.carousel-item,
  .carousel-multiple .carousel-inner .carousel-item.active+.carousel-item+.carousel-item,
  .carousel-multiple .carousel-inner .carousel-item.active+.carousel-item {
    display: flex;
  }

  .carousel-multiple .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) {
    transition: none;
  }

  .carousel-multiple .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item+.carousel-item+.carousel-item+.carousel-item+.carousel-item,
  .carousel-multiple .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item+.carousel-item+.carousel-item+.carousel-item,
  .carousel-multiple .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item+.carousel-item+.carousel-item,
  .carousel-multiple .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item+.carousel-item,
  .carousel-multiple .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item {
    transition: none;
  }

  .carousel-multiple .carousel-inner .carousel-item.active+.carousel-item+.carousel-item+.carousel-item+.carousel-item+.carousel-item+.carousel-item {
    position: absolute;
    top: 0;
    right: -16.6666666667%;
    z-index: -1;
    display: flex;
    visibility: visible;
    height: 100%;
  }

  .carousel-multiple .carousel-inner .carousel-item-next,
  .carousel-multiple .carousel-inner .carousel-item-prev {
    position: relative;
    transform: translate3d(0, 0, 0);
  }

  .carousel-multiple .carousel-inner .carousel-item-prev.carousel-item-right {
    position: absolute;
    top: 0;
    right: 100%;
    z-index: -1;
    display: flex;
    visibility: visible;
    height: 100%;
    transform: translate3d(100%, 0, 0);
  }

  .carousel-multiple .active.carousel-item-left+.carousel-item-next.carousel-item-left {
    position: relative;
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  .carousel-multiple .carousel-item-next.carousel-item-left+.carousel-item+.carousel-item+.carousel-item+.carousel-item+.carousel-item+.carousel-item,
  .carousel-multiple .carousel-item-next.carousel-item-left+.carousel-item+.carousel-item+.carousel-item+.carousel-item+.carousel-item,
  .carousel-multiple .carousel-item-next.carousel-item-left+.carousel-item+.carousel-item+.carousel-item+.carousel-item,
  .carousel-multiple .carousel-item-next.carousel-item-left+.carousel-item+.carousel-item+.carousel-item,
  .carousel-multiple .carousel-item-next.carousel-item-left+.carousel-item+.carousel-item,
  .carousel-multiple .carousel-item-next.carousel-item-left+.carousel-item {
    position: relative;
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  .carousel-multiple .active.carousel-item-right+.carousel-item-prev.carousel-item-right {
    position: relative;
    transform: translate3d(100%, 0, 0);
    display: flex;
    visibility: visible;
  }

  .carousel-multiple .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item+.carousel-item+.carousel-item+.carousel-item+.carousel-item,
  .carousel-multiple .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item+.carousel-item+.carousel-item+.carousel-item,
  .carousel-multiple .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item+.carousel-item+.carousel-item,
  .carousel-multiple .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item+.carousel-item,
  .carousel-multiple .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item,
  .carousel-multiple .carousel-item-prev.carousel-item-right+.carousel-item {
    position: relative;
    transform: translate3d(100%, 0, 0);
    display: flex;
    visibility: visible;
  }
}

/* carasoul */

/* footer */
#footer {
  background: #000;
  padding: 10px 0px;
}

.wrap-copyright p {
  margin: 0;
  color: #fff;
  font-family: lora;
  font-size: 12px;
  text-align: center;
}

#section-8 .p-5.w-100.text-center.bg-primary {
  overflow: hidden;
}#section-8 .img-instagram-slide { 
  scale: 1;
  transition: .3s;
}#section-8 .img-instagram-slide:hover {
  scale: 1.2;
}




/* =================================================inner-page================================================= */

.title-form-inner {
  color: #4d504a;
  font-family: DREAM;
  font-size: 38px;
  letter-spacing: 7PX;
  text-transform: uppercase;
  margin-bottom: 0px;
  font-weight: 700;
  text-align: center;
}

.content-form-inner {
  text-align: center;
  font-family: body;
  font-size: 16px;
  letter-spacing: 2px;
  margin-top: 10px;
}

.form-input {
  width: 100%;
  max-width: 100%;
  margin-bottom: 70px;
  border: 0;
  border-bottom-color: currentcolor;
  border-bottom-style: none;
  border-bottom-width: 0px;
  border-bottom: 1px solid #e1e1e1;
  font-family: jost;
  font-size: 11px;
  line-height: 38px;
  letter-spacing: 3.300px;
}

.row.row-contact {
  justify-content: center;
  margin-top: 60px;
}

#contact-1 {
  margin-top: -250px;
}

#contact-1 .container {
  background: #fff;
  padding: 100px 0px;
}

.btn-submit {
  width: 200px;
  height: 50px;
  border: 0;
  background: #222;
  color: #fff;
  font-family: muli;
  letter-spacing: 1px;
  font-weight: 600;
  margin: 0 auto;
  transition: .4s;
}

.btn-submit:hover {
  opacity: .8;
}

#country {
  width: 100%;
  max-width: 100%;
  margin-bottom: 70px;
  border: 0;
  border-bottom-color: currentcolor;
  border-bottom-style: none;
  border-bottom-width: 0px;
  border-bottom-color: currentcolor;
  border-bottom-style: none;
  border-bottom-width: 0px;
  border-bottom: 1px solid #e1e1e1;
  font-family: jost;
  font-size: 11px;
  line-height: 38px;
  letter-spacing: 3.300px;
  background: transparent;
  height: 39px;
  color: #929292;
}

#reference {
  width: 100%;
  max-width: 100%;
  margin-bottom: 70px;
  border: 0;
  border-bottom-color: currentcolor;
  border-bottom-style: none;
  border-bottom-width: 0px;
  border-bottom-color: currentcolor;
  border-bottom-style: none;
  border-bottom-width: 0px;
  border-bottom: 1px solid #e1e1e1;
  font-family: jost;
  font-size: 11px;
  line-height: 38px;
  letter-spacing: 3.300px;
  background: transparent;
  height: 39px;
  color: #929292;
}

.form-input:focus-visible {
  outline: 0;
}
.row.row-info .col-md-3 {
  display: flex;
  justify-content: center;
  text-align: center;
}.row.row-info {
  padding-top: 70px;
  border-top: 1px solid #ccc;
}.row.row-contact {
  padding-bottom: 70px;
}.wrap-row-k h4 {
  font-family: DREAM;
  font-size: 22px;
  font-weight: 700;
  font-style: italic;
}.wrap-row-k a {
  color: #333;
  font-family: body;
  font-size: 16px;
  letter-spacing: 0.9px;
  transition: .3s;
}.wrap-row-k a:hover {
  text-decoration: none;
  opacity: .6;
}.col-md-3.left-broder {
  border-left: 1px solid #dfdfdf;
}





/* about */
#about-1 {
  margin-top: -250px;
}#about-1 .container {
  max-width: 1100px;
  width: 100%;
  background: #fff;
  padding: 80px 0px 0px;
}#about-1 .title-form-inner {
  color: #4d504a;
  font-family: DREAM;
  font-size: 32px;
  letter-spacing: 4PX;
  text-transform: uppercase;
  margin-bottom: 0px;
  font-weight: 700;
  text-align: center;
  line-height: 1.5;
}#about-1 .content-form-inner {
  text-align: center;
  font-family: body;
  font-size: 14px;
  letter-spacing: 2px;
  color: #555 !important;
}.wrap-column-left h4 {
  font-family: Playfair Display;
  color: #4d504a;
  letter-spacing: 2px;
  text-align: center;
  font-size: 24px;
}.wrap-column-left p {
  font-size: 15px;
  text-align: center;
  color: #666;
  line-height: 26px;
  opacity: .8;
}.wrap-column-left i {
  font-family: Simple-Line-Icons-Pro;
  font-size: 50px;
  transition: all 350ms ease;
  font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
margin-bottom: 17px;
display: block;
}.icon-planet::before {
  content: "\e953";
}.icon-diamond-ring::before {
  content: "\ec67";
}.icon-sun::before {
  content: "\edce";
}.wrap-column-left {
  text-align: center;
}.img-about-box {
  width: 100%;
  height: 470px; 
  object-fit: cover;
  scale: 1;
transition: .3s;
}.img-about-box:hover {
  scale: 1.3;
}.wrap-img-innerabout {
  overflow: hidden;
}.about-inner {
  margin: 100px 0px;
}.contact-inner-wrap-1 .contact-inner {
  max-width: 800px;
  margin: 0 auto;
}



/* services */
#services-1{
  margin-top: -230px;
}#services-1 .wrap-content-iner {
  margin-bottom: 70px;
}
#services-1 .container {
  max-width: 1140px;
  width: 100%;
  padding: 0;
  background: #fff;
  padding: 80px 0px 0px;
}#services-1 .wrap-content-t i {
  font-family: 'Simple-Line-Icons-Pro';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 50px;
  color: #222222;display: block;
}#services-1 .wrap-reverse-t1 { 
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 400px;
}#services-1 .row.row-services1.flex-direction {
  flex-direction: row-reverse;
  padding: 70px 0px;
}#services-1 .row.row-services1 {
  display: flex;
  align-items: center;
}#services-1 .wrap-content-t {
  height: 100%;
}#services-1 .col-md-4.clas-reverse {
  background: #fcf9f6;
  padding: 70px 30px;
  text-align: center;
  color: #222;
}#services-1 .wrap-content-t h4 {
  font-family: Playfair Display;
  color: #222222;
  font-size: 26px;
  margin-top: 20px;
  border-bottom: 1px solid #e1e1e1;
  display: inline-block;
  padding-bottom: 10px;
}#services-1 .wrap-content-t h2 {
  display: none;
}#services-1 .wrap-content-t p {
  margin-top: 40px;
  color: #999999;
  font-family: lora;
  letter-spacing: .6px;
  line-height: 1.73;
  letter-spacing: .2px;
  text-align: center;
}#services-1 .wrap-content-iner h3 {
  color: #4d504a;
  font-family: DREAM;
  font-size: 32px;
  letter-spacing: 4PX;
  text-transform: uppercase;
  margin-bottom: 0px;
  font-weight: 700;
  text-align: center;
  line-height: 1.5;
}#services-1 .wrap-content-iner p {
  text-align: center;
  font-family: body;
  font-size: 16px;
  letter-spacing: 2px;
  color: #555 !important;
}#services-1 .service-icon.icon-diamond-ring.dimond-1::before {
  content: "\ec65";
}#services-1  .icon-diamond-ring.fashion::before {
  content: "\ec69";
}








/* portfoliio */
#photo-grid{
  margin-top: -230px;
}#photo-grid .container {
  max-width: 1400px;
  width: 100%;
  background: #fff;
  padding: 80px 0px 0px;
}.wrap-content-iner h1 {
  color: #4d504a;
  font-family: DREAM;
  font-size: 32px;
  letter-spacing: 4PX;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-weight: 700;
  text-align: center;
  line-height: 1.5;
}.wrap-content-iner p{
  text-align: center;
font-family: body;
font-size: 16px;
letter-spacing: 2px;
color: #555 !important;
}.wrap-content-iner h5 {
  text-align: center;
  font-family: body;
  font-size: 16px;
  letter-spacing: 2px;
  color: #555 !important;
  font-weight: bold;
}.wrap-content-iner {
  max-width: 800px;
  margin: 0 auto 80px;
}.tab.tab-admin {
  text-align: center;
}.tablinks {
  color: #4d504a;
  font-family: DREAM;
  font-size: 18px;
  letter-spacing: 4PX;
  text-transform: uppercase;
  margin-bottom: 0px;
  font-weight: 700;
  text-align: center;
  line-height: 1.5;
  box-shadow: none;
  border: 0;
  background: transparent;
}.tab.tab-admin .tablinks {
  padding: 0px 20px;
  border-right: 1px solid #000;
}.tab.tab-admin .tablinks:last-child { 
  border-right: 0px solid #000;
}.wrap-img-portfolio {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  grid-gap: 10px;
}.img-sercc {
  width: 100%;
  height: 500px;
  object-fit: cover;
}.tab.tab-admin {
  margin-bottom: 100px;
}.tablinks.active {
  position: relative;
}.tablinks.active::before {
  content: '';
  display: block;
  background: #000;
  width: 90%;
  height: 1px;
  bottom: 0;
  position: absolute;
  left: 50%;
  right: 0;
  top: unset;
  transform: translateX(-50%);
}
/* =================================================inner-page================================================= */


@media screen and (min-width: 1024px) and (max-width: 1500px){
#section-1 {
  scale: .8;
  transform-origin: bottom;
}#section-8 .p-5 img {
  width: 100% !important;
  max-width: 100% !important;
}#section-8 .carousel-item.col-sm-6.col-md-4.col-lg-3.col-xl-2 {
  padding: 0px 6px;
}#section-8  .m-n3 {
  margin: -0 !important;
}#about-1 {
  margin-top: -150px;
}#photo-grid .container {
  max-width: 1180px;
}#photo-grid {
  margin-top: -150px;
}#contact-1 {
  margin-top: -150px;
}#services-1 {
  margin-top: -150px;
}
}




@media only screen and (max-device-width: 540px) and (orientation: portrait),
screen and (max-device-height: 540px) and (orientation: landscape),
screen and (max-width: 540px) and (orientation: portrait),
screen and (max-height: 540px) and (orientation: landscape) {
  #header-2 .ul-navbar-wrapper li {
    display: inline-block;
    margin-right: 20px;
    list-style: none;
  }

  #header-2 .ul-navbar-wrapper {
    text-align: center;
  }

  #header-1 {
    padding: 30px 0px 10px;
  }

  #section-1 .owl-carousel .item {
    height: 50vh;
  }

  #section-1 .container {
    max-width: 90%;
  }

  #section-1 {
    margin-top: -160px;
  }

  #section-8 .carousel-control-next.w-auto.px-5.px-xl-4 {
    right: 10px;
  }

  #section-8 .carousel-control-prev.w-auto.px-5.px-xl-4 {
    left: 10px;
  }

  #section-8 .p-3.m-n3.overflow-hidden {
    margin: 0 !important;
  }

  #section-3 .wrap-left-imge {
    margin-bottom: 30px;
  }

  #section-3 .wrap-left-imge.left-imge3 {
    margin-top: 0px;
  }

  #section-3 {
    padding: 100px 0px 50px;
  }

  #header-2 .ul-navbar-wrapper li:last-child {
    line-height: 50px;
  }

  #section-2 .wrap-content-iner h3 {
    font-size: 22px;line-height: 1.5;
  }#section-2 .wrap-content-iner p {
  font-size: 16px;
  font-family: body;
  line-height: 24px;
}.wrap-title-section3 p { 
  font-size: 12px;
}.wrap-title-section3 h3 { 
  font-size: 22px; 
  line-height: 1.4;
}#section-3 .container { 
  padding: 0;
}#section-3 .wrap-title-section3 { 
  margin-bottom: 50px;
}



  /* #contact- */
  #contact-1 .container {
    background: #fff;
    padding: 40px 0px;
    width: 90%;
  }

  .title-form-inner {
    font-size: 30px;
    letter-spacing: 3PX;
  }

  .content-form-inner {
    font-size: 14px;
    letter-spacing: 1px;
    margin-top: 10px;
  }.col-md-3.left-broder {
    border-bottom: 0px solid #dfdfdf;
    border-top: 0px solid #dfdfdf;
    border-left: 0px solid #dfdfdf;
  }.row.row-info .col-md-3 {
    padding: 20px 0px;
  }

  /* #contact- */


  /* about */
  .about-inner .col-md-8, .about-inner .col-md-4 {
    padding: 0;
  }.wrap-img-innerabout.innerabout-left {
    margin-bottom: 15px;
  }#about-1 .container {
  max-width: 90%;
  }#about-1 {
  margin-top: -150px;
}#about-1 .title-form-inner { 
  font-size: 22px;line-height: 1.4;
}.about-inner {
  margin: 50px 0px 100px;
} .wrap-img-innerabout {
  overflow: hidden;
}.img-about-box {
  scale: 1;
  transition: .3s;
}.img-about-box:hover {
  scale: 1.2; 
}
  /* about */


/*portfolio*/
#photo-grid {
  margin-top: -150px;
}#photo-grid .container {
  max-width: 90%;
  width: 100%; 
}.wrap-content-iner h1 {
 font-size: 22px;line-height: 1.4;
}
 

.tab.tab-admin .tablinks {
  display: block;
  text-align: center;
  margin: 0 auto;
}.tab.tab-admin .tablinks { 
  border-right: 0px solid #000;
}.wrap-img-portfolio {
  display: block;
}.img-sercc {
  margin-bottom: 20px;
}.wrap-img-portfolio {
  overflow: hidden;
}.img-sercc {
  scale: 1;
  transition:.3s;
}.img-sercc:hover {
  scale: 1.2;
}
/*portfolio*/


/*services*/
#services-1 {
  margin-top: -150px;
}#services-1 .container {
  max-width: 90%;
}#services-1 .wrap-content-iner h3 { 
  font-size: 22px;line-height: 1.4;
}.row.row-services1 .col-md-8.clas-reverse1 {
  padding: 0;
}

/*services*/


/*contact*/
#contact-1 {
  margin-top: -150px;
}.title-form-inner {
  font-size: 22px;
  line-height: 1.4;
}#header-2 {
  padding: 10px 0px 0px;
}
/*contact*/
  .tab.tab-admin .tablinks {
    padding: 8px;
  }
  
  
  
}

#photo-grid .col-md-4.wrap-col-md-44 {
  overflow: hidden;margin-bottom: 30px;
}#photo-grid .img-sercc {
  scale: 1;
  transition: .3s;
}#photo-grid .img-sercc:hover{
    scale:1.2;
}