@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@200;300;400;500&display=swap');


body {
  background: #fff;
  color: #3e3e3e;
     font-family: 'Raleway', sans-serif;font-size: 16px;
}
@font-face {
    font-family: 'Nobel';
    src: url('../fonts/Nobel-Book.eot');
    src: url('../fonts/Nobel-Bookd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Nobel-Book.woff2') format('woff2'),
         url('../fonts/Nobel-Book.woff') format('woff'),
         url('../fonts/Nobel-Book.html')  format('truetype'),
         url('../fonts/Nobel-Book.svg#Nobel') format('svg');
}
@font-face {
    font-family: 'Nobel';
    src: url('../fonts/Nobel-Book.eot');
    src: url('../fonts/Nobel-Bookd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Nobel-Book.woff2') format('woff2'),
         url('../fonts/Nobel-Book.woff') format('woff'),
         url('../fonts/Nobel-Book.html')  format('truetype'),
         url('../fonts/Nobel-Book.svg#Nobel') format('svg');
}

a {
  color: #c19850;
  transition: 0.5s;
}
.mb-2{    margin-bottom: 14px;}
a:hover, a:active, a:focus {
  color: #c19850;
  outline: none;
  text-decoration: none;
}

p {
    padding: 0;
    margin: 0 0 20px 15px;
    line-height: 22px;
    letter-spacing: 0.5px;
}


h1, h2, h4, h5, h6 {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-weight: 400;
  margin: 0 0 20px 0;
  padding: 0;
  letter-spacing: 0.5px;
  line-height: 1.3;
  color: #2c2c2c;
}

.mb-60{ margin-bottom:60px}

/* Prelaoder */
#preloader {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  overflow: visible;
  background: #fff url("../img/preloader.png") no-repeat center center;
}

/* Back to top button */
.back-to-top {
    position: fixed;
    display: none;
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
    padding: 4px 12px 9px 12px;
    font-size: 16px;
    border-radius: 2px;
    right: 15px;
    bottom: 8px;
    transition: background 0.5s;
}
@media (max-width: 768px) {
  .back-to-top {
    bottom: 15px;
  }
}

.back-to-top:focus {
  background: rgba(0, 0, 0, 0.2);
  color: #fff;
  outline: none;
}


.our_gallery_btn:hover {  background-color: #fff; }

.back-to-top:hover {
  background: #c19850;
  color: #fff;
}

/*--------------------------------------------------------------
# Welcome
--------------------------------------------------------------*/
#hero {
  width: 100%;
}

@media (min-width: 1024px) {
  #hero {
    background-attachment: fixed;
  }
}

#hero .hero-logo {
  margin: 20px;
}

#hero .hero-logo img {
  max-width: 100%;
}

#hero .hero-container {
  display: table-cell;
  margin: 0;
  padding: 0;
  text-align: center;
  vertical-align: middle;
      background: rgb(0 0 0 / 45%);
}

#hero h1 {
       color: #fff;
    font-size: 65px;
    letter-spacing: 1px;text-shadow: 0px 4px 10px rgb(0 0 0 / 58%);
    /*font-family: Nobel,Arial,sans-serif;*/
    position: absolute;
    width: 100%;
    text-align: center;
    z-index: 1;
    top: 60%;
}
.carousel-control{    z-index: 8;}
.is-sticky #nav-menu-container{    display: none;}
@media (max-width: 768px) {
  #hero h1 {
    font-size: 28px;
    line-height: 36px;
  }
}

#hero h2 {
  color: #999;
  margin-bottom: 50px;
}

@media (max-width: 768px) {
  #hero h2 {
    font-size: 24px;
    line-height: 26px;
    margin-bottom: 30px;
  }
  #hero h2 .rotating {
    display: block;
  }
}

#hero .rotating > .animated {
  display: inline-block;
}

#hero .actions a {
  font-family: "Raleway", sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 8px 20px;
  border-radius: 2px;
  transition: 0.5s;
  margin: 10px;
}

#hero .btn-get-started {
 background: #F58221;
border: 2px solid #FFF;
color: #fff;
}

#hero .btn-get-started:hover {
  background: none;
  border: 2px solid #fff;
  color: #fff;
}

#hero .btn-services {
  border: 2px solid #fff;
  color: #fff;
}

#hero .btn-services:hover {
  background: #c19850;
  border: 2px solid #c19850;
}


#services .shrd { background: rgb(0 0 0 / 92%);
padding: 80px 0 60px 0; }
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header-sticky-wrapper{    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0.8)),to(rgba(0,0,0,0)));
    background-image: linear-gradient(to bottom,rgba(0,0,0,0.8),rgba(0,0,0,0)); 
    padding:0  0 20px;
    position: absolute;z-index: 10;
    width: 100%;height: auto!important;
}
#top-header{color: #fff;padding: 20px 0 14px;}
.is-sticky .right-social {     padding-right: 80px;}
.right-social ul{ margin-bottom:0}
.right-social ul a {
    color: #fff;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 0.5px;
}
.right-social ul a i{margin-right:8px}
.is-sticky #top-header {
    color: #fff;
    padding: 14px 0 14px;
    font-size: 16px;
}
body.sticky #mobile-nav-toggle{    display: flex;}

#mobile-nav-toggle span{    font-size: 20px; margin-left:10px;text-transform: uppercase;margin-top: 3px;}
.mobile-nav-active #mobile-nav-toggle span{ display:none;}
#header #logo {
     margin-top: -20px;
}
.is-sticky #header #logo {
       margin-top: -50px;
}

#header #logo h1 {
  font-size: 36px;
  margin: 0;
  padding: 6px 0;
  line-height: 1;
  font-family: "Raleway", sans-serif;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
}

#header #logo h1 a, #header #logo h1 a:hover {
  color: #fff;
}

#header #logo img {
  padding: 0;
  margin: 0;  
}
.contacttt { position: fixed;
    z-index: 9;
    background: #c19850;
    color: #ffffff;
  display: none;}

.is-sticky #header .contacttt {
    background: #c19850;
    padding-bottom: 5px;
    padding-top: 5px;
    display: block;
    right: 100px;
    top: 13px;
    font-size: 20px;
}
.is-sticky .nav-menu > .li { display: inline-block;}

@media (max-width: 768px) {
  #header {height: 60px;}
  #header #logo h1 { font-size: 26px;}
  #header #logo img {max-height: 40px;  }
}
.is-sticky .top-headder {  }

.is-sticky #logo img {height: 50px;  }

.is-sticky #header {
    background: #c19850;
    padding-bottom: 5px;
    padding-top: 5px;
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Nav Menu Essentials */
.nav-menu, .nav-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.nav-menu ul {
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  z-index: 99;
}

.nav-menu li {
  position: relative;
  white-space: nowrap;
}

.nav-menu > li {
  float: left;
}

.nav-menu li:hover > ul,
.nav-menu li.sfHover > ul {
  display: block;
}

.nav-menu ul ul {
  top: 0;
  left: 100%;
}

.nav-menu ul li {
  min-width: 180px;
}

/* Nav Menu Arrows */
.sf-arrows .sf-with-ul {
  padding-right: 30px;
}

.sf-arrows .sf-with-ul:after {
  content: "\f107";
  position: absolute;
  right: 15px;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
}

.sf-arrows ul .sf-with-ul:after {
  content: "\f105";
}

/* Nav Meu Container */
#nav-menu-container {
  float: right;
}

@media (max-width: 768px) {
  #nav-menu-container {
    display: none;
  }
}

/* Nav Meu Styling */
.nav-menu li:last-child a{ padding-right:0}
.nav-menu a {
    padding: 4px 20px;
    text-decoration: none;
    display: inline-block;
    color: #fff;
    font-size: 17px;
    outline: none;
    font-weight: 500;
    letter-spacing: 1px;
}
.nav-menu ul .sub-menu a{ font-size: 15px;}



.is-sticky #header .nav-menu a {  padding: 4px 14px;
   
    font-size: 16px;}
.right-social{ text-align:right;}
.right-social li{ display:inline-block; margin-left:15px;}

.is-sticky .nav-menu li:last-child a { padding-right: 0 !important; }

.nav-menu a:hover, .nav-menu li:hover > a, .nav-menu .menu-active > a {

}

.nav-menu ul {
  margin: 4px 0 0 15px;
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.08);
}

.nav-menu ul li {
  background: #fff;
  border-top: 1px solid #f4f4f4;
}

.nav-menu ul li:first-child {
  border-top: 0;
}

.nav-menu ul li:hover {
  background: #f6f6f6;
}

.nav-menu ul li a {
  color: #333;
}

.nav-menu ul ul {
  margin: 0;
}

/* Mobile Nav Toggle */
#mobile-nav-toggle {
  position: fixed;
  right: 0;color: #fff;
  top: 5px;
  z-index: 999;
  margin:7px 15px 0 0;
  border: 0;
  background: none;
  font-size: 30px;
  display: none;
  transition: all 0.4s;
  outline: none;
}

#mobile-nav-toggle i.fa-times {
    color: #656565;
}

@media (max-width: 768px) {
  #mobile-nav-toggle {
    display: flex;    font-size:28px;
  }
}

/* Mobile Nav Styling */
#mobile-nav {
   position: fixed;
    top: 0;
    padding: 80px 20px 20px;
    bottom: 0;
    z-index: 998;
    background: #fff;
    right: -320px;
    width: 320px;
    overflow-y: auto;
    transition: 0.4s;
    text-align: center;
}

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

#mobile-nav ul li {
  position: relative;
}

#mobile-nav ul li a {
    color: #000;
    font-size: 20px;
    letter-spacing: 1px;
    overflow: hidden;
    padding: 4px 10px;
    position: relative;
    text-decoration: none;
    width: 100%;
    display: block;
    outline: none;
    text-align: left;
}


#mobile-nav ul li ul a {
    font-size: 14px;
    padding: 8px 2px;
    text-align: left;    text-transform: capitalize;
}


#mobile-nav ul ul {
    background: #ececec;
    padding: 10px;
    border-radius: 4px;
    margin: 10px 0px 10px;
}


.right_social, .dp_none{ display:none}


#mobile-nav .contace_btn {
    color: #c19850;
    border: 1px solid #c19850;
    width: 92%;
    margin: 15px auto 20px; text-align:center;
}


#mobile-nav .contace_btn:hover{ color:#fff; background:#c19850;}  
#mobile-nav .dp_none{ display:block}
#mobile-nav .right_social{ display:block}
#mobile-nav .right_social_li{     display: inline-block;
    margin: 5px;}

#mobile-nav ul li a:hover {
  color: #000;
}



#mobile-nav ul .menu-has-children i {
    position: absolute;
    right: 8px;
    z-index: 99;
    padding: 8px 15px;
    cursor: pointer;
    width: 100%;
    text-align: right;font-size: 14px;
}
#mobile-nav ul .menu-has-children .fa-chevron-down:before{content: "\f067";}
#mobile-nav ul .menu-has-children .fa-chevron-up:before{    content: "\f068";}

#mobile-nav ul .menu-has-children i.fa-chevron-up {
  color: #c19850;
}

#mobile-nav ul .menu-item-active {
  color: #c19850;
}

#mobile-body-overly {
  width: 100%;
  height: 100%;
  z-index: 997;
  top: 0;
  right: 0;
  position: fixed;
  background: rgba(0, 0, 0, 0.6);
  display: none;
}

/* Mobile Nav body classes */
body.mobile-nav-active {
  overflow: hidden;
}

body.mobile-nav-active #mobile-nav {
  right: 0;
}

body.mobile-nav-active #mobile-nav-toggle {
  color: #fff;
}

/*--------------------------------------------------------------
# Sections
--------------------------------------------------------------*/
/* Sections Common
--------------------------------*/




.leftt { display: flex;
    margin-left: 30px; }

.leftt h1 {   
    font-size: 70px;
    color: #c19850;}

.leftt p {
    margin-left: 5px;
    font-size: 16px;
    color: white;
    margin-top: 16px;
    letter-spacing: 1px;
    font-family: 'Old Standard TT', serif;
}


.section-tittle {
    font-size: 45px;
    color: #c19850;
    text-align: center;
    margin-bottom: 0px;
    letter-spacing: 0.5px;
}



.logos .section-tittleee {
    font-size: 45px;
    color: #c19850;
    text-align: center;
    letter-spacing: 0.5px;
  margin-bottom:50px;
}


#testimonials .section-tittleee {
    font-size: 45px;
    color: #c19850;
    text-align: center;
    letter-spacing: 0.5px;
  margin-bottom:50px;
}





.vision_box .contaent a{    color: #ffffff;
    border: 2px solid #ffffff;
    padding: 10px 20px; opacity:0;}
.vision_box .contaent:hover a{ opacity:1;}
.vision_box .contaent a:hover{
    background-color: #c19850;
    color: #fff;
    border: 2px solid #c19850;
}
.section-title {
    font-size: 45px;
    color: #c19850;
    text-align: center;
    margin-bottom: 10px;
}
.section-title2 {
    font-size: 32px;
    color: #c19850;
    margin-bottom: 10px;
}


.section-description {
    text-align: center;
    margin-bottom: 40px;
    line-height: 26px;
}


.section-about {
    text-align: justify;
    text-align-last: center;
    margin-bottom: 40px;
    line-height: 26px;
    letter-spacing: 1px;
    font-weight: 500;
}


#mobile-nav ul li i.fa-sort-desc{ display:none}
.section-title-divider {
    width: 140px;
    height: 3px;
    background: #c19850;
    margin: 0 auto;
    margin-bottom: 50px;
}

#testimonials .owl-nav, #testimonials .owl-dots{ display:none}







/* Get Started Section
--------------------------------*/
#about {
  background: #fff;
  padding: 10px 0;
}

#about .about-img {
  overflow: hidden;
}

#about .about-img img {
  max-width: 100%;
}

@media (max-width: 768px) {





  #about .about-img {
    height: auto;
  }
  #about .about-img img {
    margin-left: 0;
    padding-top: 30px;
  }
}

#about .about-content {
  background: #fff;
}

#about .about-title {
   color: #c19850;
    font-size: 35px;
    margin-top: 10px;
    margin-bottom: 8px;
    letter-spacing: 1px;
}


#about .about-text {
    line-height: 26px;
    margin-bottom: 20px;
    text-align: justify;
}

#about .about-text:last-child {
  margin-bottom: 0;
}

/* Services Section
--------------------------------*/
#services {
  background: url("../img/services-bg.jpg") fixed center center;
  background-size: cover;
}

#services .service-item {
    margin-bottom: 55px;
    margin-top: 15px;
}

#services .service-icon {
  float: left;

}

#services .service-icon i {
  color: #fff;
  font-size: 24px;
}



#services .service-item:hover .service-icon i {
  color: #F58221;
}

#services .service-title {
    font-weight: 500;
    margin: 14px 0px 20px 80px;
    letter-spacing: 0.5px;
}


#services .service-title a {
    color: #ffffff;
    font-size: 24px;
    line-height: 24px;
    font-family: "Nobel-Book", sans-serif;
    letter-spacing: 1px;
}

#services .service-description {
    margin-left: 80px;
    word-spacing: 0.5px;
    margin-bottom: 17px;
    color: white;
    letter-spacing: 0.5px;
    font-weight: 300;
    line-height: 25px;
}



#services button {
    margin-left: 80px;
    font-weight: 300;
    color: #ffffff;
    background-color: #c19850;
    border: 1px solid #c19850;
    padding: 4px 14px;
    font-size: 14px;
    letter-spacing: 1px;
}


#services button:hover {
    background-color: #fff;
    color: #c19850;
    border: 1px solid #ffffff;
    font-weight: 500;
}
/* Subscribe Section
--------------------------------*/
#subscribe {
    background: linear-gradient(rgb(0 0 0 / 71%), rgb(0 0 0 / 71%)), url(../img/subscribe-bg.jpg) fixed center center;
    background-size: cover;
    padding: 80px 0;
}

#subscribe .subscribe-title {
  color: #fff;
  font-size: 28px;
  font-weight: 700;
}

#subscribe .subscribe-text {
  color: #fff;
}

#subscribe .subscribe-btn-container {
  text-align: center;
  padding-top: 20px;
}

#subscribe .subscribe-btn {
  font-family: "Raleway", sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 8px 20px;
  border-radius: 2px;
  transition: 0.5s;
  margin: 10px;
  border: 2px solid #fff;
  color: #fff;
}

#subscribe .subscribe-btn:hover {
  background: #F58221;
  border: 2px solid #F58221;
}
#subscribe p{
     color: #fff;
    text-align: center;
    font-size: 18px;
    letter-spacing: 0.5px;
    font-weight: 300;
}
#subscribe .section-tittle{
  color:#fff; ; margin-bottom:20px
}

/* Portfolio Section
--------------------------------*/
#portfolio {
  background: #fff;
  padding: 80px 0;
}

#portfolio .portfolio-item {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  height: 260px;
  width: 100%;
  display: table;
  overflow: hidden;
  margin-bottom: 30px;
}

#portfolio .portfolio-item .details {
  height: 260px;
  background: #fff;
  display: table-cell;
  vertical-align: middle;
  opacity: 0;
  transition: 0.3s;
  text-align: center;
}

@media (max-width: 768px) {
  #portfolio .portfolio-item .details {
  height: 360px;
  background: #fff;
  display: table-cell;
  vertical-align: middle;
  opacity: 0;
  transition: 0.3s;
  text-align: center;
}
}


#portfolio .portfolio-item .details h4 {
    font-size: 18px;
    transition: transform 0.3s, opacity 0.3s;
    transform: translate3d(0, -15px, 0);
    color: #333333;
    letter-spacing: 1px;
    margin-bottom: 0px;
}
#portfolio .portfolio-item .details span {
  display: block;
  color: #666666;
  font-size: 13px;
  transition: transform 0.3s, opacity 0.3s;
  transform: translate3d(0, 15px, 0);
}

#portfolio .portfolio-item:hover .details {
  opacity: 0.8;
}

#portfolio .portfolio-item:hover .details h4 {
  transform: translate3d(0, 0, 0);
}

#portfolio .portfolio-item:hover .details span {
  transform: translate3d(0, 0, 0);
}

/* Testimonials Section
--------------------------------*/
#testimonials {
  background: #f6f6f6;
  padding: 80px 0;
}

#testimonials .profile {
  text-align: center;
}

#testimonials .profile .pic {
    border-radius: 50%;
    border: 3px solid #c19850;
    overflow: hidden;
    height: 100px;
    width: 100px;
    margin: 8px auto;
}



#testimonials .profile .pic img {
  max-width: 100%;
}


#testimonials .profile h4 {
    color: #c19850;
    margin-bottom: 5px;
    letter-spacing: 1px;
    font-size: 22px;
}

#testimonials .profile span {
  color: #8a8a8a;
}

#testimonials .quote {
  position: relative;
  background: #fff;
  padding: 60px;
  margin-top: 20px;
  font-size: 16px;
  font-style: italic;
  border-radius: 5px;
}

#testimonials .quote b {
  display: inline-block;
  font-size: 22px;
  left: -9px;
  position: relative;
  top: -8px;
}

#testimonials .quote small {
  display: inline-block;
  right: -9px;
  position: relative;
  top: 4px;
}

/* Team Section
--------------------------------*/
#team {
    background: #fff;
      padding: 60px 0 50px 0;
}

#team .member {
  text-align: center;
  margin-bottom: 20px;
}

#team .member .pic {
  margin-bottom: 0px;
overflow: hidden;
height: 230px;
}

#team .member .pic img {
  max-width: 100%;
  border-radius: 10px;
}


#team .member h4 {
    font-weight: 700;
    margin-bottom: 4px;
    margin-top: 14px;
}

.text-center {
    text-align: right;
    margin-top: 20px;
}


.text-center button { background: #f58221;
    color: white;
    border: 1px solid #fff;
    padding: 6px 12px;
    font-size: 14px; }


@media (max-width: 768px) {
#team .member h4 {
  font-weight: 700;
  margin-bottom: 2px;
  margin-top: 20px;
}


.blog_box {
    margin-bottom: 50px;
}

.our_gallery_btn {
    top: 4214px !important;
    right: 10px !important;
}



}
#team .member span {
  font-style: italic;
  display: block;
  font-size: 13px;
}

#team .member .social {
  margin-top: 15px;
}

#team .member .social a {
  color: #b3b3b3;
}

#team .member .social a:hover {
  color: #F58221;
}

#team .member .social i {
  font-size: 18px;
  margin: 0 2px;
}

/* Contact Section
--------------------------------*/
#contact {
  background: #f7f7f7;
  padding: 80px 0;
}

@media (max-width: 768px) {
#contact {
  background: #f7f7f7;
  padding: 30px 0;
}

}

#contact .info {
  color: #333333;
}

#contact .info i {
  font-size: 32px;
  color: #F58221;
  float: left;
}

#contact .info p {
  padding: 0 0 10px 50px;
  line-height: 24px;
}

#contact .form #sendmessage {
  color: #c19850;
  border: 1px solid #c19850;
  display: none;
  text-align: center;
  padding: 15px;
  font-weight: 600;
  margin-bottom: 15px;
}

#contact .form #errormessage {
  color: red;
  display: none;
  border: 1px solid red;
  text-align: center;
  padding: 15px;
  font-weight: 600;
  margin-bottom: 15px;
}

#contact .form #sendmessage.show, #contact
.form #errormessage.show, #contact .form .show {
  display: block;
}

#contact .form .validation {
  color: red;
  display: none;
  margin: 0 0 20px;
  font-weight: 400;
  font-size: 13px;
}

.term ul { margin-bottom: 0px;
    padding-left: 0px;}


.clearfix button { background-color: #c19850;
    font-size: 16px;
    padding: 4px 14px;
    border: 1px solid #c19850;
    margin-top: 18px;
    border-radius: 2px; }



#contact .form input, #contact .form textarea {
  border-radius: 0;
  box-shadow: none;
}

#contact .form button[type="submit"] {
  background: #F58221;
  border: 0;
  padding: 10px 24px;
  color: #fff;
  transition: 0.4s;
}

#contact .form button[type="submit"]:hover {
  background: #FDA153;
}

.buttonlite {  
        background: none;
    padding: 10px 20px;
    letter-spacing: 1px;display: inline-block;
    font-weight: 600;
      color: #c19850;
    border: 2px solid #c19850;

}
.mb_5{    margin-bottom: 50px;}
.content-box {
       padding-right: 150px;
    color: #fff; position:relative;
 
}
.faq_home{    padding: 60px 0 0;}
.our-gallery{    padding: 60px 0; position:relative;
    background: #c19850;}
.our-gallery .section-tittleee {
    font-size: 45px;
    color: #fff;
    letter-spacing: 0.5px;    margin: 0 0 10px 0;
}

.our_gallery_btn { position: absolute;
    color: #ffffff;
    font-size: 17px;
    line-height: 0px;
    border: 2px solid #ffffff;
    padding: 18px 12px;
    top: 0;
    right: 0;}


#subscribe .section-tittleee {
       font-size: 45px;
    color: #c19850;
    text-align: center;
    letter-spacing: 0.5px;
} 
.ab_btn{    margin-top: 40px;}
.ab_btn .btnn1{     margin-right: 40px;}
.ab_btn .buttonlite{
    width: 170px;
    display: inline-block;
    text-align: center;}

.buttonlite:hover {
    background-color: #c19850;
    color: #fff;
    border: 2px solid #c19850;
}

.travel_ideas h44 {
    color: #d0a355;
    font-size: 24px;
	font-weight:600;
    text-align: center; margin:20px 0 0;
}


.travel_ideas h444 {
    color: #d0a355;
    font-size: 24px;
	font-weight:600;
    text-align: center; margin:20px 0 0;
}
.p50{
   padding:60px 0
}

.travel_i_box{ overflow:hidden}
.travel_i_box a{ display:inline-block; overflow:hidden}
.travel_i_box:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.travel_i_box img {
    -webkit-transition: all .4s ease-in;
    transition: all .4s ease-in;
}
.travel_ideas .owl-nav button.owl-prev, .travel_ideas .owl-nav button.owl-next{    border: 1px solid #c19850!important;
    font-size: 40px!important;
    width: 50px;
  padding: 0 0 9px;
    line-height: 30px!important;
    color: #c19850!important; margin-left:10px}
.travel_ideas .owl-nav{    position: absolute;
    right: 0;
    top: -80px;}
.logos{ padding:65px 0; text-align:center } 
.logos img{    height: 48px;}
button:focus{outline:none!important}


.client-profile {
    border-radius: 50%;
    width: 110px;    
  overflow: hidden;
    margin: 100px auto 0;
    border: 4px solid #fff;
    position: relative;
}
.client-profile img {
    display: block;
    width: 100%;
}

.client-comment p:after {
    display: block;
    content: "";
    background: url(../img/client-p-after.png) no-repeat;
    height: 60px;
    width: 75px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: .5;
}
.client-comment p:before {
    display: block;
    content: "";
    background: url(../img/client-p-before.png) no-repeat;
    height: 60px;
    width: 75px;
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: .5;
}
.client-comment p {
    font-size: 15px;
    font-weight: 400;
    line-height: 25px;
    color: #fff;
    margin: 0;
    position: relative;
    text-align: left;
}
.client-name p {
    font-size: 18px;
    line-height: 26px;
    margin: 0;
    text-align: left;
    color: #fff;
}
.client-box .col-sm-8 {
    background: #c19850;
    padding: 30px;
    height: 350px;
}
.client-box {
    width: 100%;
    position: relative;
    padding: 0 0;    margin: 0;
}
.client-view .item {
    margin: 0;
}
.client-comment p {
    padding: 70px 0;
    border-radius: 15px;
}
.client-view {
    cursor: -webkit-grab;
    max-width: 900px;
    margin: auto;
    background: #fff;
    box-shadow: 0 0 15px hsl(0deg 0% 0% / 7%);
}

.social_link a {
    display: inline-block;
    margin-right: 20px;
    font-size: 18px;
    color: #fff;
    line-height: 24px;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
    padding-bottom: 15px;
}
.social_link{    margin-top: 25px;}
.social_link a:hover{ color:#c19850}
p.p{    line-height: 27px;    font-weight: 500;}


@media (min-width: 776px){
.logos .col-sm-3 {    width: 20%;}
}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
footer {
    background: #4a463e;
    padding: 65px 0 0; position:relative;
    letter-spacing: 0.5px;
    color: #fff;
}
/*footer:after{content:"";
       background: url(../img/footer.jpg) no-repeat center;
    background-attachment: fixed;
}*/
footer h3 {
    font-size: 22px;
    letter-spacing: 1px;
  margin: 0 0 5px;
    line-height: 50px;
}

footer .contact-ft ul {
    padding-left: 0px;
}

footer .contact-ft li {
    display: flex;
    margin-bottom: 10px; 
}
.subscription{ position:relative;    max-width: 750px;
    margin: auto;}
.subscription input{    background: none;
    height: 50px;
    color: #fff;
    font-size: 18px;
    border: 1px solid #c19850;
    border-radius: 10px;}
.subscription .btn {
       position: absolute;
    right: 0;
    top: 0px;
    padding: 10px 25px;
    border: none;
    background: #c19850;
    color: #fff;
    font-size: 18px;
    height: 50px;border-radius:0 10px 10px 0;
}
footer .contact-ft .fa {
    font-size: 25px;
    margin-right:5px;
    color: #c19850;
    width: 30px;
    text-align: center;
}
footer .contact-ft .fa-envelope {
    font-size: 20px;
  
}
footer a, footer a:hover {
    color: #fff;   
}


.tore { margin-bottom: 18px; }

.linkkk { padding-left: 0px;
    list-style: none;
    line-height: 25px; }

.wpo-footer-top {
    padding-bottom: 20px;
   border-bottom: 1px solid rgb(255 255 255 / 11%);
    margin-bottom: 20px;
}

footer .linkkk li{ margin-bottom:8px;}
.logo {
    margin: 12px 0;
}


.wpo-footer-top ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
}


.wpo-footer-top ul li {
    margin-right: 10px;
    display: inline-block;
}

.wpo-footer-top ul li a {
    display: block;
    width: 60px;
    height: 60px;
    background: rgba(255,255,255,.20);
    text-align: center;
    line-height: 60px;
    border-radius: 50%;
    font-size: 20px;
    color: #fff;
    transition: all .3s;
}




.wpo-site-footer .wpo-lower-footer {
    position: relative;
    background: #423e36;
    padding: 20px;
    margin-top: 35px;    text-align: center;
}

.wpo-site-footer .wpo-lower-footer .term ul li {
    display: inline-block;
    margin-right: 10px;
}



.wpo-site-footer .wpo-lower-footer .copyright {
       display: inline-block;
    font-size: 15px;
    margin: 0;
}




.service-title span { font-size: 14px;
color: #666666; }










.blogg { padding: 0px 90px; }


.left-part {
    padding: 75px 38px;
    background-color: #c19850;
    height: 528px;
}

.left-part h1 {
    color: #ffffff;
    font-size: 50px;
    letter-spacing: 1px;
    line-height: 50px;
}


 .left-part a {
    color: #ffffff;
    font-size: 14px;
    line-height: 30px;
    letter-spacing: 3px;
    font-weight: 600;
}

    .left-part hr { margin-top: 30px;
    margin-bottom: 30px;
    border: 0;
    border-top: 2px solid #eee; }

    .left-part p { line-height: 27px;
    font-size: 15px;
    letter-spacing: 0.6px;
    color: #fff; }



.left-part button {
    color: #c19850;
    background-color: #fff;
    border: 1px solid #fff;
    padding: 4px 12px;
    letter-spacing: 1px;
    font-weight: 500;}


 .left-part button:hover {
    background-color: #c19850;
    color: #fff;
    border: 2px solid #ffffff;
    font-weight: 500;
  font-family: 'Old Standard TT', serif;
}



 .right-part {
    border: 1px solid #f1f1f1;
    padding: 20px 20px;
    margin-bottom: 30px;
         }

    .right-part a { 
    font-weight: 500;
    letter-spacing: 1px;
    color: #8c8c8c; }

   .right-part h2 {
    font-size: 24px;
    color: #555555;
    margin-top: 16px;
    margin-bottom: 10px;
    letter-spacing: 0.5px;
}


  .right-part p {margin-bottom: 20px;
    line-height: 27px;
    font-size: 14px;
    letter-spacing: 0.6px;
    color: #969696;
    font-weight: 500;
}


.right-part button {
    color: #ffffff;
    background-color: #c19850;
    border: 1px solid #c19850;
    padding: 6px 18px;
    letter-spacing: 1px;
    font-weight: 500;
  font-family: 'Old Standard TT', serif;
}


 .right-part button:hover {
    background-color: #fff;
    color: #c19850;
    border: 1px solid #c19850;
    font-weight: 500;
}













.vision_box{    height: 300px;  text-align:center;   padding: 50px 40px; position:relative; background:#000; overflow:hidden;    margin-bottom: 30px;  }
.vision_box img{    position: absolute;
    opacity: 0.7;
    left: 0; z-index:0;
    top: 0;-webkit-transition: all 0.35s 0.1s linear;
    -moz-transition: all 0.35s 0.1s linear;
    width: 100%;}
.vision_box .contaent{    position: relative;    z-index: 9;    color: #fff;}
.vision_box h4 {
    font-size: 30px;
    letter-spacing: 0.8px;
    text-shadow: 2px 3px 20px rgb(0 0 0 / 50%);
}
.vision_box .contaent p{ 
letter-spacing: 0.2px;
    line-height: 25px;
    margin-top: 20px;}

.vision_box:hover img{ opacity: 0.3;}
.in_banner h1{    font-size: 50px; position:relative; z-index:3}
.in_banner p{    font-size: 20px; max-width:800px; margin:auto;position:relative; z-index:3;}
.in_banner{     padding: 220px 0 140px;
    background-size: cover!important;
    color: #fff;
    position: relative;
    background-position: center!important;
    text-align: center;}
.in_banner:after{      content: "";
    background: #000;
    opacity: 0.2;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;}
.contact_form .form-control {height: 40px;border-radius: 0;}
.contact_form textarea.form-control {height: 90px;}
.map_c iframe{height: 400px;   
    width: 100%;
    margin-top: 100px;
    border: 1px solid #c19850;
    padding: 10px;}
.c_address_box{ padding-left:100px}
.c_address_box ul{margin:0; padding:0}
.c_address_box ul li{margin-bottom:30px; display:block;}
.c_address_box h3{    margin-bottom: 5px;    font-size: 22px;}
.w_color{color: #c19850;}
.list_up{ margin:0; padding:0}
.list_up li{ margin-bottom:15px; display:block; padding-left:25px; position:relative}
.list_up li:before {content: "\f047";
          font: normal normal normal 14px/1 FontAwesome;
          position: absolute;
          left: 0;
          top: 5px;
          color: #c19850;}
.mt-50{ margin-top:50px}
.by_atr{ text-align:center;}
.by_atr h4{     color: #c19850;
    font-size: 28px;
    font-weight: 600;
    margin-top: 25px;}
.man_btn{}



@media (min-width: 992px){
  .vision_box h4 { margin-top:70px;}
  .vision_box:hover h4 { margin-top:00px;}
  .vision_box p{ opacity: 0;}
  .vision_box p, .vision_box h4 {
    -webkit-transition: all 0.35s 0.1s linear;
    -moz-transition: all 0.35s 0.1s linear;
    transition: all 0.35s 0.1s linear;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%); 
}
  
.vision_box:hover p, .vision_box:hover h4 {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}
}

.partt-2 { padding:80px 10px;;}
.about-img img { width: 100%; }
.cls{ clear:both}
.in_page{ padding:0px 0; }
.in_page_middle{ padding:20px 0; }


.hacimg {
    width: 100%;
    padding: 10px;
}

.borderrr { border: 1px solid #c19850; }

.topp { margin-top: 70px; }

.maak { font-size: 14px;
    letter-spacing: 0.5px;
    font-weight: 500;
    margin-top: 10px; }

.buil {
    font-weight: 500;
    letter-spacing: 0.8px;
}

.hacra_about{ float: right;
    width: 50%;
    margin: 0 0 10px 30px;}
.hacra_about2{ float: left;
    width: 50%;
    margin: 0 30px 10px 0;}
.in_popop b.b{ display:inline-block; font-size: 22px; margin-bottom:10px;color: #c19850;font-family: 'Old Standard TT', serif;  }
.in_popop h3{   font-size: 22px;color: #c19850;}
.in_popop .close{opacity: 0.5;    font-size: 40px;
    font-weight: 300;
    font-family: 'arial';}
h4.modal-title{   font-size: 30px;color: #c19850;}
.in_popop p{line-height: 27px;}


.faq_box .accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding:15px 18px;
  width: 100%;
  border: none;
  text-align: left;    position: relative;
  outline: none;
  font-size: 20px;
  transition: 0.4s;font-weight: 500;
}

.faq_box .active, .accordion:hover {
  background-color: #e0dede;
}

.faq_box .accordion:after {
   content: '\002B';
    color: #c19850;
    font-weight: 300;
    font-size: 50px;
    line-height: 28px;
    position: absolute;
    right: 15px;
    top: 15px;
}

.faq_box .active:after {
  content: "\2212";line-height: 24px;
}

.faq_box .panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.tj{text-align: justify;}
.faq_box .panel p{ margin-bottom:0;    padding: 15px 0;}
.faq_box .panel ul{    margin: 0;    padding: 10px 0 0 20px;}
.faq_box .panel ul li{    margin-bottom: 10px;}

.jainn {
    margin-left: -25px;
    margin-top: 12px;
}


.mb-10 {
    font-size: 18px;
    margin-bottom: 10px;
    display: inline-block;
    color: #c19850;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.nd { width: auto; }

.jainn li {
    line-height: 20px;
    font-size: 16px;
    margin-bottom: 10px;
    letter-spacing: 0.5px;
    font-weight: 500;
}
.tc{ text-align:center;}
.pt-5{     margin-top: 20px;}
.gallery-box img{ padding:5px; background:#fff;}

.our-gallery .owl-nav{ display:none;}
.our-gallery .owl-dots button.owl-dot{width: 10px;
    height: 12px;
    margin:30px 5px 0;
    background: rgba(255,255,255,.5);
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
    display: inline-block;}
.our-gallery .owl-dots button.active{ background: #fff!important }
.our-gallery .owl-dots{     text-align: center;}
.blog_box{ }
.blog_box .date{display: block;    margin: 20px 0 2px;}
.blog_box .man_title{    display: block;
    font-size: 18px;
    font-weight: 500;
    margin: 5px 0 15px;    text-transform: uppercase;}
.blog_box .buttonlite {padding: 7px 20px;}
.travel_ideas{ padding-bottom:50px}
.sidebox ul{    margin: 0;    padding: 0;}
.sidebox ul li{ display:block;}
.sidebox ul li a{    margin-bottom: 10px;    color: #000;
          padding: 10px 0;
          display: block;    font-weight: 500;
          border-bottom: 1px solid #ccc;}
.sidebox h3{    font-size: 30px; color: #c19850;}



/*Responsive*/
@media only screen and (max-width: 1199px) {
.sf-arrows .sf-with-ul{    padding-right: 25px;}
.is-sticky .right-social {
    padding-right: 100px;
}
.sf-arrows .sf-with-ul:after {right: 8px;}
}
@media only screen and (max-width: 991px) {
  .vision_box {
    height: 280px;}
.nav-menu a {padding: 4px 20px 4px 0;}
.nav-menu ul li a{padding: 4px 20px;} 
#logo img, #header #logo img{    height: 35px;}
.logos img {
    height: 35px;
}

.section-description {
    margin: 0 auto 25px;
}
.logos .section-tittleee {
    font-size: 35px;
    margin-bottom: 40px;
}
}


@media only screen and (max-width: 768px) {
.our_gallery_btn{    position: initial;
    margin: 10px 0;
    display: inline-block;}

.content-box {
    padding-right: 0;
}
#mobile-nav ul li a {
    color: #3a3a3a;
    font-size: 18px;
    font-weight: 500;
}









#top-header{ display:none}
#header #logo {    margin-top: 5px;}
#header {
    background: #c19850;
    padding-bottom: 5px;
    padding-top: 5px;
}
.is-sticky #header #logo { margin-top: 5px;}
.in_banner h1 {font-size: 30px;}
.in_banner p {font-size: 16px;}
.in_banner {padding: 80px 0 60px;}
.section-title {font-size: 28px;}
.section-title2 {font-size: 26px;text-align:center;    margin-top: 20px;}
.hacra_about {
    float: none;
    width: 100%;
    margin: 0 0 15px 0;
}
.c_address_box {
    padding-left: 0;
}
.map_c iframe {margin-top: 20px;    padding: 5px;}
.faq_box .accordion { padding: 13px 26px 13px 13px;font-size: 16px;}
.faq_box .accordion:after {right: 10px;}
.hacra_about2 {
    float: none;
    width: 100%;
    margin: 0 0 15px 0;
}
.in_page .img-responsive{  margin: 0 0 20px 0;}
.in_page { padding: 40px 0 30px;}
body {font-size: 15px;padding-top: 60px;}
.section-about {margin-bottom: 20px; text-align:center}
p.p {text-align:center}
.mb-60 { margin-bottom: 30px;}
.mt-50 { margin-top: 20px;}
#preloader{ background-size:80%;}
#testimonials .section-tittleee {font-size: 28px;margin-bottom: 30px;}

.client-profile {margin: 30px auto 25px;}
.client-box .col-sm-8 {
    height: 440px;
    padding: 15px;
}
.section-tittle {font-size: 28px;}
#subscribe p{font-size: 15px;}
.subscription .btn {padding: 10px 10px;}
#subscribe {    padding: 40px 0;}
.logos .section-tittleee {font-size: 28px; margin-bottom:30px;}
.logos .et_pb_image_wrap { margin-bottom:20px; display:inline-block}
.logos {padding: 35px 0;}
footer {padding: 30px 0 0;}
#header-sticky-wrapper{    top: 0;    width: 100%;    left: 0;}
#about {    padding: 40px 0;}
.in_page_middle {
    padding: 0;
}

.travel_ideas .owl-nav {    top: -55px;}
.travel_ideas .section-description{margin-bottom: 70px;}
.p50 {    padding: 30px 0;}
.travel_ideas h4 {font-size: 22px;}
#testimonials { padding: 35px 0;}
.client-comment p:after, .client-comment p:before{ height: 40px;    width: 50px;background-size: 100%;}
.client-comment p {padding: 50px 0;}
#hero h1{ top:35%}
#about .about-title{    font-size: 28px; text-align:center}
}














#hgallery{    display: block; content: ''; position: fixed; top: 0; left: 0;  width: 100%; height: 100vh; background-color: rgba(0,0,0,0.9);
    visibility: hidden;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-pack: center;
        -ms-flex-pack: center;justify-content: center; -webkit-box-align: center;-ms-flex-align: center;
            align-items: center; opacity: 0;-webkit-transition: 0.3s; transition: 0.3s; z-index: 99999;}
.hg-disable-scrolling{overflow: hidden !important;}
#hg-bg{position: absolute;top: 0;left: 0;width: 100%;height: 100vh; z-index: 1;}
#hg-bg::after{
    content: '';
    position: absolute;
    display: block;
    top: 20px;
    right: 20px;
    width: 30px;
    height: 30px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xOSA2LjQxTDE3LjU5IDUgMTIgMTAuNTkgNi40MSA1IDUgNi40MSAxMC41OSAxMiA1IDE3LjU5IDYuNDEgMTkgMTIgMTMuNDEgMTcuNTkgMTkgMTkgMTcuNTkgMTMuNDEgMTJ6Ii8+CiAgICA8cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+Cjwvc3ZnPg==);
    background-position: center;
    background-size: contain;
    cursor: pointer;
    opacity: 0.8;
}
#hg-bg::after:hover{background-color: white;}
#hgallery.open{visibility: visible !important; opacity: 1;}
#hg-pic-cont{max-width: calc(70% - 40px); max-height: 90vh; cursor: default; z-index: 12; position: relative; background-color: white; transition: transform 0.3s; transform: scale(1);}
#hg-pic-cont.hg-transition{transform: scale(0.1);}
#hg-pic-cont::before{content: attr(data-subtext); color: #ddd;font-size: 14px; position: absolute; display: block; left: 5px; top: calc(100% + 6px);}
#hg-pic-cont::after{ content: attr(data-howmany); color: #aaa; font-size: 14px; position: absolute; display: block; right: 5px; bottom: -20px;}
#hg-pic{ width: auto;height: auto; min-height: 100px;min-width: 100px; max-width: 100%; max-height: 90vh;-webkit-box-sizing: border-box;box-sizing: border-box; display: block;cursor: default;-o-object-fit: contain;object-fit: contain;margin: 0;}
#hg-pic:hover{-webkit-transform: none;transform: none;-webkit-box-shadow: none;box-shadow: none;}
#hgallery button{ position: absolute; display: block; margin: auto 0;width: 60px;height: 60px;z-index: 99;
    cursor: pointer;background-color: transparent;background-image: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmZmZmIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8cGF0aCBkPSJNOC41OSAxNi4zNGw0LjU4LTQuNTktNC41OC00LjU5TDEwIDUuNzVsNiA2LTYgNnoiLz4NCiAgICA8cGF0aCBkPSJNMC0uMjVoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz4NCjwvc3ZnPg==');
    background-size: contain; border: 0; outline: 0; opacity: 0; -webkit-transition: opacity 0.3s, visibility 0.3s; transition: opacity 0.3s, visibility 0.3s;visibility: hidden;}
#hgallery.open button{visibility: visible;opacity: 0.7;}
#hgallery button:hover{opacity: 1;}
#hgallery button#hg-prev{left: 10px;-webkit-transform: rotate(180deg);transform: rotate(180deg);}
#hgallery button#hg-prev:active{ left: 7px;}
#hgallery button#hg-next{ right: 10px;}
#hgallery button#hg-next:activeright: 7px;}
#hgallery #hg-prev-onpic,
#hgallery #hg-next-onpic{position: absolute;top: 0;left: 0;width: 34%;height: 100%;cursor: pointer;}
#hgallery #hg-next-onpic{right: 0;left: auto;width: 66%;}
.hg-unvisible{opacity: 0 !important;visibility: hidden;}
.hes-gallery .popop_box{ margin-bottom:35px; position:relative;  overflow:hidden; background:#000; cursor:pointer;}
.hes-gallery .popop_box img{    -webkit-transition: .5s ease;    transition: .5s ease;}

.popop_box:hover .plus{opacity:1} 
.popop_box:hover img { transform: scale(1.1);opacity:0.5}
.galley_tab{ text-align:center;     margin-bottom: 50px; display:block;}
.galley_tab li{ display:inline-block; margin:10px 15px}
.galley_tab li a{font-size: 17px; color:#51411b;  letter-spacing: 1px;    opacity: 0.7;    text-transform: uppercase; padding:0;}
.galley_tab li a.active{    opacity: 1;    border-bottom: 1px solid #51411b;}





.modal-dialog {
    width: 80%;
    margin: 30px auto;
}


.modal-header .close {
    font-size: 34px;
    background-color: #000000;
    color: white;
    height: 40px;
    width: 40px;
    border-radius: 40px;
    display: grid;
}




.tab { 
  overflow: hidden;
  text-align: center;
}

.tab button {
    letter-spacing: 0.5px;
    background-color: inherit;
    border: none;
    outline: none;
    color: #c19850;
    cursor: pointer;
    padding: 25px 40px;
    font-weight: 500;
    transition: 0.3s;
    font-size: 16px;
}

.tab button:hover, .tab button.active {
    color: #fff;
    background-color: #c19850;
    padding: 6px 40px;
    border-radius: 4px;
}

.tabcontent {
    padding: 12px 12px;
    display: none;
}


.tab .active {
    color: #fff;
    background-color: #c19850;
    padding: 6px 40px;
    border-radius: 4px;
}

#Narlai {
    display: block;
}

.travel_i_box {
  text-align: center;
  background: #fff;
  border: 1px solid #ddd;
  padding: 15px;
  height: 350px; /* fixed height for all boxes */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.travel_i_box img {
  width: 100%;
  height: 220px; /* fixed image height */
  object-fit: cover; /* crops images to fit neatly */
  border-radius: 6px;
}

.travel_i_box h4 {
  margin-top: 0px;
  font-size: 29px;
  font-weight: 600;
}