/******* Commen Css Start   ************/
body{font-family: "RobotoRegular"; font-size: 16px; line-height: 24px; color: #373435;}
*{margin: 0px; padding: 0px;}
ul li{list-style: none;}
a {text-decoration: none;}
a:hover{color: #00afef; text-decoration: none;}
p{color: #333; font-size: 14px;}
.p0px{padding: 0px !important;}
.pt60px{padding-top:60px;}
.mt30px{margin-top: 30px;}
.mb0px{margin-bottom: 0px!important;}
.mb20px{margin-bottom: 20px;}
.mt20px{margin-top: 20px;}
.mt0px{margin-top: 0px !important;}
.pb40px{padding-bottom: 40px;}
.mrl0px{margin-left: 0px; margin-right: 0px;}
.cb{clear: both;}
.dnone{display: block;}
button:focus {outline: 0px dotted !important;outline: 0px auto -webkit-focus-ring-color !important;}

/********* main Body Start   **************************/
.spacebox{padding: 90px 0px;}
.spacebox2{padding: 60px 0px;}

.title{ text-align: center;width: 100%;margin-bottom: 25px;}
.title h2{font-size: 33px;color: #111;margin: 0 0 5px 0;letter-spacing: 2px;}
.title h2 span{font-family: 'RobotoBold_0'; }
.title p{color: #373435; font-size: 15px;}

/***********   Start carousel-btn ************/
.carousel-btn{margin-right: 0;margin-left: 0;}
.carousel-btn .owl-nav span{font-size: 0px;}
.carousel-btn .owl-prev, .carousel-btn .owl-next{position: absolute;top: 38%;padding: 5px 7px;left: -70px;}
.carousel-btn .owl-next{right:-70px; left: inherit;}
.carousel-btn .owl-nav .owl-prev::before, .carousel-btn .owl-nav .owl-next::before {
  color: #000;font:normal 40px/1 FontAwesome;color: #888;line-height: 29px !important;}
.carousel-btn .owl-nav .owl-prev::before{content: "\f104";}
.carousel-btn .owl-nav .owl-next::before {content: "\f105";}
.carousel-btn.owl-carousel .owl-nav button.owl-prev, .carousel-btn.owl-carousel .owl-nav button.owl-next{
background:rgba(255,255,255,0.1);line-height: 0; padding: 3px 5px !important;border: 1px solid rgba(255,255,255,0.4);}
.carousel-btn.owl-carousel .owl-nav button:hover{background:rgba(255,255,255,0.8)}
.counterbox .owl-dots{display: none;}
.carousel-btn.owl-carousel .owl-nav button:hover::before{color: #00a652;}
/***********   End carousel-btn ************/

/************* Picktourcol box css Start *************/
.picktourcol .tab-content .owl-carousel .picktourbox{min-height: 440px;}
.picktourcol .tab-content .row{margin-right: -10px; margin-left: -10px;}
.picktourcol .tab-content .row .col-sm-3{padding-left: 10px; padding-right: 10px;}
.picktourcol ul.nav{text-align: center; display: block; border-bottom: 0px;margin-bottom:30px;}
.picktourcol ul.nav li{display: inline-block;}
.picktourcol ul.nav li a{background: #eaeaea;color: #000;border-radius: 100px;padding: 7px 12px;font-size: 15px;display: block; font-weight: bold; margin-top: 8px;}
.picktourcol ul.nav li a:hover, .picktourcol ul.nav a.active, .picktourcol ul.nav li.active a{background: #00a64f; color: #fff; margin-top: 8px;}
.picktourcol ul.nav li.purple a:hover, .picktourcol ul.nav li.purple a.active{background: purple; color: #fff; margin-top: 8px;}
/* .picktourbox img{max-height: 180px;} */
.picktourbox h2, ul.frsliderlist li h2{font-size: 17px; color: #000;}
.picktourbox p{color: #808080;font-size: 12px;line-height: 18px;margin-bottom: 10px;}
.picktourbox p.length, .picktourbox p.tourprice{color: #000;font-size: 13px;margin-bottom: 7px;}
.picktourbox p.length span{font-weight: 600;}
.picktourbox p.tourprice span{color: #00a64f; font-size: 14px; font-weight: 600;}
.picktourbox p.tourprice {position: absolute;bottom: 10px;left: 20px; right: 20px;}
.carousel-btn .owl-dots{text-align: center;padding-top: 20px;}
.carousel-btn .owl-dots button.owl-dot{height: 12px;width: 12px;background: #bcbcbc;display: inline-block;margin-right: 5px;border-radius: 100px;} 
.carousel-btn .owl-dots button.owl-dot.active{background: #00a652;}
/************* Picktourcol box css End *************/

/************* Featured Properties box css Start *************/
.frproperty{background: #f3f3f3;}
.frproperty ul.frsliderlist h2{font-size: 18px !important; font-weight: bold;}
.frsliderbox{background: #fff;min-height: 193px;overflow: hidden;margin-bottom: 40px;}
ul.frsliderlist{margin: 0px; padding: 0px;}
ul.frsliderlist li{float: left; list-style:none; width: 50%;}
ul.frsliderlist li img{width: 100%;min-height: 193px;}
ul.frsliderlist li:last-child{padding:25px 23px;}
ul.frsliderlist li p.stitle{font-size: 13px; color:#00a64f;margin-bottom: 7px; text-transform:uppercase;}
ul.frsliderlist li p{font-size: 13px; color:#878787;margin-bottom:10px;}
.picktourcol.frproperty ul.nav li {margin-right: 15px;}
.picktourcol.frproperty ul.nav li:last-child{margin-right: 0px;}
.picktourcol.frproperty ul.nav li a{background: transparent;border-radius: inherit;padding:1px 0px;line-height:18px; font-size:21px; font-weight: bold;}
.picktourcol.frproperty ul.nav li a:hover, .picktourcol.frproperty ul.nav li.active a, .picktourcol.frproperty ul.nav li a.active {background: transparent;color: #00a652;border-bottom: 1px solid #00a652;}
/************* Featured Properties box css End *************/

/************* Animated BTN css sTART *************/
.showmorebtn .showbtn {font-size: 12px; text-align: center;border-radius: 36px;line-height: 18px;color: #fff;display: inline-block;
  padding:6px 23px;-webkit-transition: all .5s ease-out;transition: all .5s ease-out;
  background: linear-gradient(to right, #D9534F 50%, #00a64f 50%);
  background-size: 200% 100%;background-position: right bottom;}
.showmorebtn .showbtn:hover {background-position: left bottom;color: #fff;-webkit-transition: all .3s ease;transition: all .3s ease;}
/************* Animated BTN css End *************/

/************** Start Most Popular Destinations in Italy Box************/

.destinationbox ul{margin: 0px; padding: 0px;}
.destinationbox ul li{list-style: none;padding:0px 23px;}
.destinationbox ul li p{font-size: 18px; font-weight: 600; color: #111; letter-spacing: 1px;}
.destinationbox .owl-dots{display: none;}
.destinationbox .carousel-btn .owl-prev, .destinationbox .carousel-btn .owl-next {top: 37%;}
/************** End Most Popular Destinations in Italy Box ************/

/************** Start Italy Private Tours Box************/
.italytourbox {background: #f3f3f3;}
.italytourbox .title{padding-left: 20px;}
.italytourbox .title p{padding-right: 80px;}
.italytourbox .picktourbox{background: #ccc;}
.italytourbox .picktourbox img {min-height: 200px;}
.italytourbox .titleimgbox{position: relative;}
.italytourbox .titleimgbox p{ transition: all .5s ease-out;position: absolute; margin: 0; left: 0; bottom: 0;  display: inline-block; background: #00a64f; color: #fff; font-size: 17px; padding: 8px 15px;}
.italytourbox .picktourbox .tourtb{height: 100px;position: relative;padding: 30px 0px;}
.italytourbox .picktourbox .tourtb h2{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%; padding: 0 20px;}
.italytourbox .picktourbox .tourtb h3{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%; padding: 0 20px;}
.italytourbox .owl-dots{display: none;}
.italytourbox .carousel-btn .owl-prev, .italytourbox .carousel-btn .owl-next, .nearbyproperti .carousel-btn .owl-prev, .nearbyproperti .carousel-btn .owl-next {top: -60px;}
.italytourbox .carousel-btn .owl-next, .nearbyproperti .carousel-btn .owl-next {right: 6px;}
.italytourbox .carousel-btn .owl-prev, .nearbyproperti .carousel-btn .owl-prev {right:46px; left: inherit;}
.italytourbox .picktourbox:hover .titleimgbox p{display: block; left:5%;  transition: all .5s ease-out;text-align: center;}
.picktourbox .tourtb p {text-align: justify; text-justify: inter-word;}
/************** End Italy Private Tours Box************/

/************** Start Subscribe for great offers! Box ************/
.subscribebox{background:url(../images/withus.jpg) no-repeat center 0px; padding: 90px 0; color: #fff;background-size: cover;/* background-attachment: fixed; */}
.subscribebox h2{margin-bottom: 15px; display: block; font-size: 40px;font-family: 'RobotoBold_0';color: #fff;}
.subscribebox p{font-size:17px;margin-top: 8px;color: #fff; line-height: 34px; }
.subscribebox .form-group{margin-bottom: 25px;}
.formtb button{width: 100%; padding:11px 15px; color:#fff;border-radius:50px;text-align: center; text-transform: uppercase; font-size: 14px; border: 0px;background: linear-gradient(to right, #fcb913 50%, #00a652 50%);background-size: 200% 100%; background-position: right bottom;  transition: all .5s ease-out;}
.formtb button:hover{background-position: left bottom;color: #000;}
.selectdiv {position: relative;}
.selectdiv select { height: auto; border: 0px; border-radius:50px; -webkit-appearance: none;-moz-appearance: none;appearance: none;display: block;width: 100%;padding: 10px 30px;color: #6c757d;border: 1px solid #ececec;-ms-word-break: normal;word-break: normal;}
.selectdiv::after {content: '\f0d7';font: normal normal normal 18px/1 FontAwesome;color: #6c6c6c;right: 20px;top: 15px;font-size: 18px;position: absolute;pointer-events: none;}
/************** End Subscribe for great offers! Box ************/

/************** Start linkplacebox Box ************/

.linkplacebox #tabs{width: 25%; float: left; margin: 0px; padding: 0px; border-bottom: 0px;}
.linkplacebox #content{width: 75%; float: left;margin: 0px; padding: 0px;}
.linkplacebox .nav-tabs li{border-bottom: 1px solid #d9d9d9;margin-bottom: 1px;}
.linkplacebox .nav-tabs li:last-child{border-bottom: 0px;}
.linkplacebox .nav-tabs li a{display: block; color:#222; font-size: 16px; border: 0px;padding: 10px 10px 10px 0px;}
.linkplacebox .nav-tabs {display: none;}
ul.linkplacelist li{float: left; width:100%; margin: 0px; padding: 0px; position: relative; min-height: 330px; overflow: hidden;}
ul.linkplacelist li img{width: 100%; display: block;height: 330px;}
ul.linkplacelist li p{position: absolute; left: 20px; bottom: 20px; margin-bottom: 0px; color: #fff; font-size: 18px; font-weight: 600;}
.linkplacebox .owl-dots{display: none;}
.linkplacebox .carousel-btn .owl-prev, .linkplacebox .carousel-btn .owl-next{top: -80px;right: 0;}
.linkplacebox .carousel-btn .owl-prev{left: inherit; right: 40px;}
.linkplacebox .card-body{padding-bottom: 0px;}
.linkplacebox .card-body h2{margin-bottom: 20px; text-transform: capitalize;}
.linkplacebox .card-body p{text-align: justify;}
.linkplacebox .card-body ul{margin: 0px 0 20px 25px; padding: 0px;}
.linkplacebox .card-body ul li{list-style: disclosure-closed; margin-bottom: 10px;}
/* .linkplacebox .card-body a{ font-size: 12px;
  text-align: center;
  border-radius: 36px;
  line-height: 18px;
  color: #fff;
  display: inline-block;
  padding: 6px 23px;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out;
  background: linear-gradient(to right, #D9534F 50%, #00a64f 50%);
      background-position-x: 0%;
      background-position-y: 0%;
      background-size: auto;
  background-size: 200% 100%;
  background-position: right bottom;
} */
.linkplacebox .card-body a:hover {background-position: left bottom;color: #fff;-webkit-transition: all .3s ease;transition: all .3s ease;}

@media (min-width: 768px) {
.linkplacebox .nav-tabs {display: flex;flex-flow: column nowrap;}
.linkplacebox .nav-tabs {display: flex;}
.linkplacebox .nav-tabs {margin: 0 15px;}

.linkplacebox .nav-tabs .nav-link:hover {color:#00a650; font-weight: 600;}
.linkplacebox .nav-tabs .nav-link.active {color:#00a650;  font-weight: 600;}

.linkplacebox .card {border: none;}
.linkplacebox .card .card-header {display: none;}
.linkplacebox .card .collapse {display: block;}
}
/************** End linkplacebox Box ************/

/************** Start tollfree Box ************/
.tollfreebg{background:url(../images/tollfree.jpg) no-repeat center 0px; padding:120px 0 90px 0; color: #fff;background-size: cover; /* background-attachment: fixed; */}
.tollfreebg ul{margin:auto; margin-top: 30px; padding: 0px;width: 72%;}
.tollfreebg ul li{float: left; margin-right: 35px; }
.tollfreebg ul li p{text-align: left; font-size: 22px; color: #fff; line-height: 38px;}
.tollfreebg ul li p span{display: block; font-weight: 800; font-size: 29px;}
.tollfreebg ul li:last-child{margin-right: 0px;}
/************** End tollfree Box ************/

.twoimgbox .imgbox img{min-height: 410px; width: 100%;}
.twoimgbox p{padding: 20px 40px; background: #00a650; color: #fff; font-size: 26px; line-height: 30px; text-align: center;}

/************** Start tollfree Box ************/
.eqformbox{background:url(../images/eqformbg.jpg) no-repeat center 0px; padding:0 0 80px 0; background-size: cover;  margin-top:80px; /* background-attachment: fixed; */}
.eqformtb{width: 100%; background: #fff; padding: 40px; margin-top: -100px; border: 1px solid #d9d9d9;}
.formtb input, .formtb textarea{font-size: 14px;height: auto;border: 0px;border-radius:50px;  display: block;width: 100%;padding: 10px 30px;color: #676767;
background: #f2f2f2;border: 1px solid #e1e1e1;}
.formtb textarea{min-height: 100px; border-radius: 25px; padding-top: 20px;}
.formtb .selectdiv select{font-size: 15px; border: 1px solid #e1e1e1;color: #676767; background: #f2f2f2;}
/************** End tollfree Box ************/

/************** Start wedding page section ************/
.weddingbg{background:#efefef url(../images/wedding-honeymoon.jpg) no-repeat bottom;text-align: center; min-height: 1050px; padding:100px 0 0px 0; background-size: cover;  margin-top:80px; /* background-attachment: fixed; */}
.weddingbg h2, .weddingbg p{ padding: 0 10%;}
.weddingbg h2 {font-size: 50px; font-family: "RobotoRegular"; color: #3a494e; font-weight: 800; margin-bottom: 20px;}
.weddingbg p{margin-bottom: 5px; font-size: 17px; color: #898989;}
.weddingbg a.showbtn{font-size: 16px;padding: 12px 35px; margin-top: 25px;-webkit-transition: all .5s ease-out;transition: all .5s ease-out;background: linear-gradient(to right, #00a64f 50%, #D9534F 50%);background-size: 200% 100%;background-position: right bottom;}
.weddingbox p{font-size: 16px; line-height: 26px; }

.whyusbox .container-fluid{width: 100% !important;padding: 0 !important;} 
.whyusbox .container-fluid .row{margin: 0px !important;}
.whyusbox .container-fluid .whyusbg {padding-left: 0px;}
.whyusbg img{width: 100%;}
.whyuslist h2{margin-top: 60px; font-size: 55px; font-weight: 800;}
.whyuslist ul{margin: 0px; padding: 0px;}
.whyuslist ul li{ list-style: none; display: block; margin: 0 0 25px 0; position: relative; padding: 0 80px 0 40px;}
.whyuslist ul li::before{content: ""; background: url(../images/bult.png) no-repeat left; position: absolute; top: 7px; left: 0; width: 28px; height: 26px;}
.whyusbox{background:#fefaf9;}

.singlebox{background:#fff; text-align: center;}
.singlebox .whyusbg img{border: 40px #faf2f0 solid;}
.singlebox h2{font-size: 55px; font-weight: 800; padding-top: 150px;}

/************* wedding page section End *************/



/************** Start Multi-Country Mediterranean Box ************/

ul.imglistbox{margin: 0px; padding: 0px;}
ul.imglistbox li{list-style: none; float: left; margin-bottom: 15px; margin-right: 2%; height: 380px; position: relative; overflow: hidden;}
ul.imglistbox li:first-child{width: 31%;}
ul.imglistbox li:nth-child(2n){width: 22%;}
ul.imglistbox li:nth-child(2n) .imgone{height: 180px; position: relative; overflow: hidden; margin-bottom: 20px;}
ul.imglistbox li:nth-child(2n) .imgone img{height: 180px;}
ul.imglistbox li:nth-child(3n){width: 15%; background: #f0ffba;}
ul.imglistbox li:last-child{margin-right: 0px;width: 26%;background: #ffe3e3;}
ul.imglistbox li img{height: 380px; display: block; width: 100%;transition: all 0.3s ease-in;-webkit-transform-style: preserve-3d;}
ul.imglistbox li .imghov:hover img {transform: scale(1.2);}
ul.imglistbox li .tb{width: 100%; position: absolute; top: 47%; text-align: center; left: 0; transform: translate(-47% 0); font-size: 24px; color: #fff; font-weight: 800;}
/************** End Multi-Country Mediterranean Box ************/

.localregionstour{background: #ebebeb; margin-top: 80px;padding-bottom: 80px;}
.localregionstour .ttb{ padding-top: 140px;}
.localregionstour .ttb h3{font-size: 28px; font-weight: 600; color: #000; line-height: 35px; padding-right: 80px;}

.localregionstour .ttb .showbtn {margin-top: 15px; font-size: 14px; text-align: center;border-radius: 36px;line-height: 18px;color: #fff;display: inline-block;
  padding:10px 40px;-webkit-transition: all .5s ease-out;transition: all .5s ease-out;
  background: linear-gradient(to right, #D9534F 50%, #00a64f 50%);
  background-size: 200% 100%;background-position: right bottom;}
  .localregionstour .ttb .showbtn:hover {background-position: left bottom;color: #fff;-webkit-transition: all .3s ease;transition: all .3s ease;}
.localregionstour .localregionstourlist{margin: -80px 0 0 0; padding: 0px;}
.localregionstour .imgtb{position: relative; overflow: hidden;}
.localregionstour .imgtb p{position: absolute;left: 30px;bottom: 25px;padding-right: 60px;margin-bottom: 0px;color: #fff;font-size: 18px;font-weight: 600;}
.localregionstour .imgtb img{transition: all 0.3s ease-in; -webkit-transform-style: preserve-3d;}
.localregionstour .imgtb:hover img {transform: scale(1.2);}
.localregionstour .owl-dots{display: none;}
.localregionstour .carousel-btn .owl-prev, .localregionstour .carousel-btn .owl-next {top: inherit; bottom: 0;left: -35px;border: 0px solid rgba(255,255,255,0.4) !important;}
/* .localregionstour .carousel-btn .owl-prev {left: -70px;} */
.localregionstour .carousel-btn .owl-next{
    left: auto;
}

/*********************** Hotel page Css Start *************/
.breadcome{width: 100%; background: #efefef; color: #000; margin-top: 130px; padding: 10px 0; font-size: 14px;}
.breadcome .pagehadding{float: left;}
.breadcome ul.breadcomelist{float: right; margin: 0;}
.breadcome ul.breadcomelist li{position: relative; color: #00a650; list-style: none; float: left;}
.breadcome ul.breadcomelist li a{color: #000; padding: 0 30px 0 0;}
.breadcome ul.breadcomelist li a:hover{color: #00a650;}
.breadcome ul.breadcomelist li::before{position: absolute; color: #000; top: 5px; right: 10px; content: "\f105";font: normal normal normal 14px/1 FontAwesome;}
.breadcome ul.breadcomelist li:last-child::before{content: none;}

.hotelpage{padding: 60px 0;}
.hotelpage .hoteltabs, .hotelpage .hotelcontent{width: 100% !important;}
.hotelpage .hoteltabs{display: block;text-align: center;}
.hotelpage .hoteltabs li{display: inline-block;border-bottom: 0px solid #d9d9d9;margin-right: 15px;}
.hotelpage .hoteltabs li:last-child{margin-right: 0px;}
.hotelpage .hoteltabs li .nav-link.active {border-bottom: 1px solid #00a650;font-weight: normal;}
.hotelpage .hoteltabs li a{padding: 0px;}
.hotelpage .hoteltabs li .nav-link:hover {font-weight: normal;}

.hotelpage .itemdetailbox img{width: 100%; display: block; border-radius: 0px; margin-bottom: 15px;}
.hotelpage .itemdetailbox h2{font-size: 18px;color: #000; margin: 0px; padding: 0px;}
.hotelpage .itemdetailbox p.hotelname{color: #00a64f;font-size: 13px;margin-bottom:5px;}
.hotelpage .itemdetailbox p.hotelsname{color: #777;font-size: 13px;margin: 5px 0;}
.hotelpage .itemdetailbox p {color: #808080;font-size: 14px;line-height: 18px;}

.hotelpage ul.pagination{margin: 0px; padding: 0px;}
.hotelpage ul.pagination li{list-style: none;}
.hotelpage ul.pagination li a{text-decoration: none; font-size: 15px; background: #fff; color: #000; border: 0px;padding: 10px 15px;border-radius: 0;}
.hotelpage ul.pagination li a:hover, .hotelpage ul.pagination li.active a{background: #00a64f;}
.hotelpage ul.pagination li:first-child .page-link, .hotelpage ul.pagination li:last-child .page-link{border-radius: 0;}
.nearbyproperti{background: #f3f3f3;}
.nearbyproperti .owl-dots{display: none;}
/*********************** Hotel page Css End *************/

/********** Room Page css *******/
.bannerfull{background: url(../images/roombg.jpg) no-repeat center; position: relative; padding: 180px 0;}
.bannerfull .textbanner{text-align: center; width: 1170px; margin: auto; color: #fff;}
.bannerfull .textbanner h2{font-size: 53px; font-weight: 800; position: relative; width: 100%; text-transform: uppercase; margin-bottom: 35px;padding-bottom: 25px;}
.bannerfull .textbanner h2::after{height: 3px; width: 30px; position: absolute; bottom: 0; left:48.5%; content: "";background: #fff;}
.bannerfull .textbanner h3{font-size: 40px; font-weight: 600; text-transform: capitalize; margin-bottom: 20px;}
.bannerfull .textbanner p{font-size: 16px;color: #fff; padding: 0 160px;}
.romepage .rometb{padding: 0;}
.fulltabromepage{background: #f3f3f3;}
.romepage .fulltabromepage ul.hoteltabs{width: 80% !important;}
.romepage .fulltabromepage .hoteltabs li{display: inherit;float: left;}
.romepage .fulltabromepage .hoteltabs li a{padding: 25px 5px;}
.romepage .fulltabromepage .hoteltabs li .nav-link.active, .romepage .fulltabromepage .hoteltabs li .nav-link:hover {border-bottom: 3px solid #fcb913;background: transparent;}
.fulltabromepage .quickenruirybtn a{background:#00a652;padding:12px 45px;border-radius:50px;color:#fff;font-size:16px;display:inline-block;margin-top:14px;}
.fulltabromepage .quickenruirybtn a:hover{background: #111;}
.romepage .hotelcontent .card-body{padding:60px 0px;}
.romepage .hotelcontent .card-body h2{color: #000; margin-bottom: 40px;}
.romepage .hotelcontent .card-body p{margin-bottom: 30px;color: #777;}
.romepage .hotelcontent .card-body p a{color: #00a64f;}
.rometourimg{margin-bottom: 25px;}
.rometourimg img{display: block; width: 100%; max-height:435px;}

/********** customizable-tours-inner Page css *******/
.singletourbox{padding: 50px 0;}
.tourimgbox img{width: 100%; display: block;}
.singletourbox .tourtxbox{ border: 1px solid #e1e1e1; padding: 30px 35px;}
.singletourbox .tourtxbox h1{font-size: 26px; font-weight: 600; color: #000; margin-bottom: 20px;}
.singletourbox .tourtxbox h2{font-size: 26px; font-weight: 600; color: #000; margin-bottom: 20px;}
.singletourbox .tourtxbox ul li{list-style: none; margin-bottom: 7px; color: #111;}
.singletourbox .tourtxbox ul li span{color: #666;}
.singletourbox .tourtxbox .btnround{margin: 30px 0 10px 0;}

/************** Team Page CSS Start *************/
/* Team Card Styling - Consolidated */
.team-card {
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.12);
    transition: all 0.4s ease;
    transform: translateY(0);
    margin: 0 auto;
    max-width: 100% !important;
    width: 100% !important;
}

.team-card:hover {
    transform: translateY(-10px) !important;
    box-shadow: 0 20px 40px rgba(0,0,0,0.18) !important;
}

.team-card:hover .team-member-photo {
    transform: scale(1.08);
}

.team-card:hover .photo-overlay {
    opacity: 1 !important;
}

.team-card:hover .team-member-name {
    color: #00b359 !important;
}

/* Team Member Bio Typography */
.team-member-bio p {
    margin-bottom: 12px;
}

.team-member-bio blockquote {
    border-left: 4px solid #00a64f;
    padding-left: 20px;
    margin: 20px 0;
    font-style: italic;
    background: rgba(0, 166, 79, 0.05);
    padding: 16px 20px;
    border-radius: 10px;
}

.team-member-bio ul {
    padding-left: 22px;
    margin: 16px 0;
}

.team-member-bio ul li {
    margin-bottom: 10px;
    color: #555;
    line-height: 1.6;
}

.team-member-bio strong {
    color: #132130;
    font-weight: 600;
}

.team-member-bio a {
    color: #00a64f;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
}

.team-member-bio a:hover {
    text-decoration: underline;
    color: #00b359;
}

/* Remove extra space at top/bottom of content */
.team-member-content > *:first-child { margin-top: 0; }
.team-member-content > *:last-child { margin-bottom: 0; }



/* Service Highlights */
.service-highlight:hover {
    background: #00a64f !important;
    transform: translateY(-3px);
    transition: all 0.3s ease;
}

.service-highlight:hover span {
    color: white !important;
}

/* Statistics Animation */
@keyframes countUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.modern-stat-item[data-aos="fade-up"] {
    animation: countUp 0.8s ease-out;
}

/* Full Width Containers */
.team-members-container {
    width: 100%;
    max-width: 1220px; /* keep content centered and elegant */
    margin-left: auto;
    margin-right: auto;
}

/* Photo Enhancement */
.team-member-image {
    position: relative;
    overflow: hidden;
    border-radius: 20px 0 0 20px;
}

.team-member-photo {
    object-fit: cover;
    transition: transform 0.4s ease;
}

.photo-overlay {
    top: 0;
    left: 0;
    background: linear-gradient(135deg, rgba(0,166,79,0.1) 0%, rgba(0,179,89,0.05) 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.team-member-name {
    font-size: 26px;
    font-weight: 700;
    color: #000000;
    margin-bottom: 8px;
    transition: color 0.3s ease;
    line-height: 1.2;
}

.team-member-position {
    font-size: 16px;
    color: #777;
    font-weight: 500;
    margin-bottom: 14px;
    font-style: italic;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.team-member-bio {
    font-size: 15px;
    line-height: 26px;
    color: #555;
    text-align: justify;
}

/* Expertise Section */
.expertise-title {
    font-size: 36px;
    font-weight: 700;
    color: #2c3e50;
    line-height: 1.3;
}

.expertise-description {
    font-size: 18px;
    line-height: 1.8;
    color: #555;
    margin-bottom: 30px;
}



/* Team Story Section */
.story-title {
    font-size: 32px;
    font-weight: 700;
    color: #00a64f;
}

.story-text {
    font-size: 17px;
    line-height: 1.8;
    color: #555;
    text-align: justify;
}

/* Team Page Uses Global Modern Components - No Duplicates Needed */

.team-story-title {
    font-size: 32px;
    font-weight: 700;
    color: #2c3e50;
}

.team-story-text {
    font-size: 17px;
    line-height: 1.8;
    color: #555;
    text-align: justify;
}

.team-story-paragraph {
    margin-bottom: 25px;
}

/* Trust Statistics */
.section-title {
    font-size: 34px;
    font-weight: 700;
    color: #00a64f;
    margin-bottom: 20px;
}

.section-subtitle {
    font-size: 18px;
    color: #666;
    max-width: 600px;
    margin: 0 auto;
}

.modern-stat-number {
    font-size: 48px;
    font-weight: 800;
    color: #00a64f;
    margin-bottom: 10px;
}

.modern-stat-label {
    font-size: 16px;
    color: #666;
    font-weight: 500;
}

.service-areas-title {
    font-size: 28px;
    font-weight: 600;
    color: #333;
    margin-bottom: 25px;
}

.service-areas-description {
    font-size: 17px;
    line-height: 1.7;
    color: #666;
    margin-bottom: 30px;
}

.service-highlight {
    background: rgba(0,166,79,0.1);
    padding: 12px 20px;
    border-radius: 25px;
    border: 2px solid #00a64f;
}

.service-highlight span {
    color: #00a64f;
    font-weight: 600;
    font-size: 15px;
}

/* Compact card spacing */
.team-member-row { margin-bottom: 1.25rem; }
.team-card { margin-bottom: 0; }

/* Mobile + Tablet Responsiveness (apply mobile layout up to 991.98px) */
@media (max-width: 991.98px) {
    .team-member-image {
        height: auto !important; /* allow natural aspect ratio */
        border-radius: 20px 20px 0 0;
        width: 100%;
    }
    .team-member-photo {
        width: 100%;
        height: auto !important; /* ensure full width image like screenshot */
        object-fit: cover;
        display: block;
    }
    .team-member-content { padding: 1rem 1rem 1.2rem 1rem !important; }
    .team-member-name { font-size: 22px !important; margin-bottom: 6px !important; }
    .team-member-position { font-size: 14px !important; margin-bottom: 10px !important; }
    .team-member-bio { font-size: 14.5px !important; line-height: 24px !important; }
}

@media (max-width: 576px) {
    .container-fluid {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    
    .team-member-image { height: auto !important; width: 100%; }
    .team-member-photo { height: auto !important; width: 100%; }
    
    .team-member-content { padding: 0.85rem 0.9rem 1.05rem 0.9rem !important; }
    .team-member-name { font-size: 21px !important; }
    .team-member-position { font-size: 13.5px !important; }
    .team-member-bio { font-size: 14px !important; line-height: 23.5px !important; }
}

/* Desktop/tablet: image fills full card height so it matches container */
@media (min-width: 992px) {
    .team-member-image { height: 100%; }
    .team-member-photo { height: 100%; object-fit: cover; width: 100%; display: block; }
    /* Center text vertically so it isn't stuck to the top */
    .team-member-content { height: 100%; display: flex; flex-direction: column; justify-content: center; }
}

/* Additional Team Page Classes for Inline Style Replacements */
.hero-content-wrapper {
    position: relative;
    z-index: 2;
    text-align: center;
}

.team-details {
    text-align: justify;
}

.team-content-wrapper p {
    text-align: justify;
    line-height: 1.6;
    margin-bottom: 15px;
}

.team-description p {
    text-align: justify;
    line-height: 1.6;
    margin-bottom: 15px;
}

/* Full Width Team Story Section */
.team-story-section {
    padding: 60px 0;
    margin: 60px -15px 40px -15px;
    position: relative;
    overflow: hidden;
}



.team-story-section .story-content {
    position: relative;
    z-index: 2;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 30px;
}

.team-story-title {
    font-size: 2.5rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 2rem;
    text-shadow: 0 2px 4px rgba(0,0,0,0.1);
    text-align: center;
}

.team-story-text {
    font-size: 1.1rem;
    line-height: 1.8;
    color: #495057;
}

.team-story-paragraph {
    margin-bottom: 1.5rem;
    text-align: justify;
    font-weight: 400;
}

.team-story-paragraph strong {
    color: #2c3e50;
    font-weight: 600;
}

@media (max-width: 992px) {
    .team-story-section {
        margin: 40px -15px 30px -15px;
        padding: 40px 0;
    }
    
    .team-story-title {
        font-size: 2rem;
    }
    
    .team-story-section .story-content {
        padding: 0 20px;
    }
}

@media (max-width: 768px) {
    .team-story-section {
        margin: 30px -15px 20px -15px;
        padding: 30px 0;
    }
    
    .team-story-title {
        font-size: 1.75rem;
    }
    
    .team-story-text {
        font-size: 1rem;
    }
    
    .team-story-section .story-content {
        padding: 0 15px;
    }
}

/************** Team Page CSS End *************/
.singletourbox .tourtxbox .btnround a{width: 100%; padding:11px 15px; color:#fff;border-radius:50px;text-align: center; text-transform: uppercase; font-size: 14px; border: 0px;background: linear-gradient(to right, #fcb913 50%, #00a652 50%);background-size: 200% 100%; background-position: right bottom;  transition: all .5s ease-out;}
.singletourbox .tourtxbox .btnround a:hover{background-position: left bottom;color: #000;}
.singletourbox .tourtxbox .simplebtn{margin-top: 18px; text-align: center;}
.singletourbox .tourtxbox .simplebtn .fa{font-size: 22px;margin-right: 7px;}

/********** Right Side Bar Page css *******/

.sidebarright h3{font-size: 20px; font-weight: 600; color: #000; margin-bottom: 15px;}
.sidebarright p{
    color: #777; 
    /* text-align: justify; */
}
.sidebarright .spacetop{margin-top: 32px;}

.quickinfo{background: #efefef; padding:30px 20px;}
.serchtourform h3, .quickinfo h3{text-align: center;color: #000;font-size: 22px;font-weight: 600;margin-bottom: 15px;}
.quickinfo input, .quickinfo textarea, .quickinfo select{background: #fff !important;}
.serchtourform.formtb button{ color:#00a652;border: 2px solid #00a652;background: linear-gradient(to right, #00a652 50%, #fff 50%);background-size: 200% 100%; background-position: right bottom;}
.serchtourform.formtb button:hover{background-position: left bottom;color: #fff;}
.serchtourform.formtb button .fa{margin-right: 8px;}
.quickinfo h5{text-align: left;color: #000;font-size: 20px;font-weight: 600;margin-bottom: 15px; margin-left: 10px;}


/***** Date picker css not use this time START ************/
.bootstrap-datetimepicker-widget{width: 280px !important;text-align: center;}
.bootstrap-datetimepicker-widget table{width: 100%;}
.datesbox .input-group input{border-radius: 50px !important;width: 100%;}
.datesbox .input-group .datepicker{position: relative;}
.datesbox .input-group span.input-group-addon{position: absolute; top: 10px; right: 20px;z-index: 3;}
/***** Date picker css not use this time ENd ************/

.singleimgbox img{width: 100%; display: block;}
.resourcelist li, .sidebarright .testimonialbox li{list-style: none; width: 100%; display: block; margin-bottom: 15px;}
.resourcelist li img{width: 100%; display: block;}
.sidebarright .videobox, .sidebarright .resourcelist, .sidebarright .testimonialbox{margin-top: 30px;}
.videobox iframe{width: 100%; height: 250px; display: block; border: 1px solid #eee; padding: 1px;}
.sidebarright .testimonialbox li{margin-bottom: 0px;}
.testimonialbox li span{color: #000; font-weight: 600;}
.testimonialbox .owl-nav{display: none;}
.testimonialbox p{text-align: justify;}

.customiztour .leftsidebar ul.hoteltabs{text-align: left;}
.customiztour .leftsidebar .hotelcontent .card-body{padding:20px 0px 50px 0;}
.customiztour .leftsidebar .hotelcontent .card-body h2{margin-bottom: 20px;font-weight: 600;font-size: 26px;}
.customiztour .leftsidebar .itemdetailbox p, .customiztour .leftsidebar .itemdetailbox h2{margin-bottom: 10px;}
.customiztour .leftsidebar .tabslistbox{border: 1px solid #e1e1e1; padding:13px 30px 10px;}
.customiztour .leftsidebar .hoteltabs li .nav-link.active {border-bottom: 0px solid #00a650;}


.daytorubox h2{font-size: 20px; font-weight: 600; color: #000; margin-bottom: 15px;}
.daytorubox .daytourhadding{font-size: 20px; font-weight: 600; color: #000; margin-bottom: 15px;position: relative;display: block;padding-top: 13px;padding-left: 64px;}
.daytorubox .daytourhadding .dayno{position: absolute; top: 0; left: 0; font-size: 12px; text-align: center; color: #fff; background: #00a650; line-height: 17px; border-radius: 50px; height: 50px; width: 50px;padding-top: 8px;text-transform: uppercase;}
.daytorubox .daytourhadding .dayno span{font-size: 22px;font-weight: 900;}
.daytorubox .daytourdetailtb{border-left: 2px dashed #a6a6a6;margin-left: 24px;padding-left: 35px; padding-bottom: 60px;}
.daytorubox .daytourdetailtb p:last-child{margin-bottom: 0;}
/*.daytorubox .daytourdetailtb img{min-height: 260px; width: 100%; margin-bottom: 15px; display: block;}*/
.daytorubox .itinLocImg img{height: 300px !important; width: 100%; margin-bottom: 15px; display: block;}
.daytorubox .daytourdetailtb:last-child{padding-bottom: 0;}
.hspan{color: #000; font-size: 14px;}
.hspan span{color: #777;}
.hspan a{font-size: 14px !important; color: #00a64f !important; border-radius: 0 !important; background: transparent !important; padding: 0px !important;}
.hspan a:hover{color: #000 !important;}
.tourmapbox{margin-top: 40px;}
.tourmapbox iframe{width: 100%; height: 300px; border: 0px; display: block;}
.card-body ul.hoteltypelist, .card-body ul.amenitieslist{margin: 0px;}
.card-body ul.hoteltypelist li{list-style: none; float: left; margin-right: 25px; color: #000;}
.card-body ul.hoteltypelist li span{color: #00a64f;}

.card-body ul.amenitieslist li{float: left; width: 32%; margin-right: 2%;list-style: none; margin-bottom: 15px; border-left: 2px solid #00a64f; line-height: 15px; font-size: 15px; padding: 0px 0 0 5px;color: #777;}
.card-body ul.amenitieslist li:nth-child(3n){margin-right: 0;}

.card-body ul.villaamenity li{float: left; width: 32%; margin-right: 2%;list-style: none; margin-bottom: 15px; line-height: 15px; font-size: 15px; padding: 0px 0 0 5px;color: #777;}
.card-body ul.villaamenity li:nth-child(3n){margin-right: 0;}
.card-body ul.villaamenity{margin: 0px;}

/********** About Italy Page css Start*******/

.aboutitalypage h2{color: #000; margin-bottom: 25px; font-weight: 800;}
.imgzomhover{height: 200px;position: relative;overflow: hidden; margin-bottom: 25px;}
.imgzomhover img{height: 200px;display: block;width: 100%;transition: all 0.3s ease-in;-webkit-transform-style: preserve-3d;border-radius: .125rem;}
.imgzomhover .tb {width: 100%;position: absolute; z-index: 10; top: 47%;text-align: center;left: 0;transform: translate(-47% 0);transition: all 0.2s ease-in;-webkit-transform-style: preserve-3d;font-size: 24px;color: #fff;font-weight: 800;}
.imgzomhover a::after{content: "";height: 100%;width: 100%;background: rgba(0, 0, 0, 0.5);position: absolute;top: 0;left: 0;z-index: 9;transition: all 0.3s ease-in;}
.imgzomhover a:hover img {transform: scale(1.1);border-radius: .125rem;}
.imgzomhover a:hover .tb{font-size: 26px;}
.imgzomhover a:hover::after{background: rgba(0, 0, 0, 0.1);}

.italyprlist{background-color: #f7f7f7; border-top: 1px solid #eee; padding: 60px 0;}
.italyprlist h2, .agentrow h2, .italiannewsrow{color: #000; margin-bottom: 35px; font-weight: 800;}
.italyprlist .boxbdr, .agenttb {background: #fff;box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);border-radius:10px;transition: 0.3s;border: solid 1px #eee; margin-bottom: 25px; overflow: hidden; }
.italyprlist .boxbdr .primgbox img{width: 100%; max-height: 280px; display: block;}
.italyprlist .boxbdr .prtextb{padding: 20px;}
.italyprlist .boxbdr .prtextb h3, .agentrow h3{color: #000;margin-bottom: 15px;font-weight: 600; font-size: 24px;}

.italyprlist .boxbdr .prtextb ul{margin: 0px; padding: 0px;}
.italyprlist .boxbdr .prtextb ul li{display: inline-block; list-style: none; width: 24%; margin-bottom: 6px;}
.italyprlist .boxbdr .prtextb ul li a, .agentrow a{text-decoration: none; color: #00a650;font-weight: 600;}
.italyprlist .boxbdr .prtextb ul li a:hover, .agentrow a:hover{color: #000;}
.italyprlist .boxbdr:hover, .agenttb:hover{box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.15);}

.agentrow{padding:0px 0 20px 0;background-color: #f7f7f7;}
.agentrow h2{margin-bottom:5px;}
.agenttb {margin-top: 30px; border-radius:0px; border-top:5px solid #00a650; border-left: 0px; border-bottom: 0px; border-right: 0px; padding: 25px 50px; text-align: center;}
.agenttb h4{font-size: 20px;}
.agenttb:hover{border-top:5px solid #ccc;}

.italiannewsrow{padding: 20px 0 20px 0;}
.italiannewsrow .picktourbox img {min-height: 250px;}
.italiannewsrow .picktourbox h2{margin-bottom: 15px;}
.italiannewsrow .picktourbox h2 a{font-size: 20px; color: #000; font-weight: 600;}
.italiannewsrow .picktourbox h3{margin-bottom: 10px; font-size: 21px; font-family: 'Roboto Slab', serif;}
.italiannewsrow .picktourbox h2 a:hover{color: #00a650;}
.italiannewsrow .picktourbox p{color: #333;font-size: 14px;line-height: 22px;margin-bottom: 10px;font-weight: normal;}
.italiannewsrow .picktourbox p.daten{color: #00a650;}
.italiannewsrow .picktourbox p.daten span{float: right;}
.italiannewsrow .fulrowbx .card{display: flex !important;}
.italiannewsrow .fulrowbx .card:hover {
    border: 1px solid #00a650;
    box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    transition: 0.5s;
}
.italiannewsrow .picktourbox .card-body{padding: 12px;}
.italiannewsrow .picktourbox .tourprice{text-align: center; width: 100%;}
.italiannewsrow .picktourbox .tourprice a{color: #00a64f; display: inline-block;}
.italiannewsrow .picktourbox .tourprice a:hover{color: #000; }

.fulrowbx{
    display: flex;
    flex-wrap: wrap;
    padding-top: 15px;    
}


/********** About Italy Page css End*******/


/************* Tour Service Page Start css *************/

.tourservicepage .singlebox{padding:80px 0;text-align:left;}
.tourservicepage .singlebox .whyusbg img {border:0px #faf2f0 solid;}
.tbservicepage{height: 380px;position: relative;}
.tbservicepage .texb{top: 50%;left: 50%;transform: translate(-50%, -50%);position: absolute; width:100%;}
.tbservicepage .texb h3{color:#000; font-weight:600;}
.tbservicepage .texb p{margin-bottom: 20px;color: #777; font-size:16px; line-height:26px;}
.tbservicepage .texb a {background: #00a652;padding: 12px 45px;border-radius: 50px;color: #fff;font-size: 16px;display: inline-block;margin-top: 5px;}
.tbservicepage .texb a:hover{background: #111;}
.privatetour{background: #fff;}
.privatetour .title h2{text-align:left;}
.privatetour h2{text-align:center;}

.privatetour .picktourbox .tourtb {padding: 10px 0px;height: 70px;}
.bggraycolor{background:#f3f3f3;}
.tourservicepage .virtualtour h2{margin:0px;text-align: left;font-size: 33px;color: #111;margin: 0 0 5px 0;letter-spacing: 2px;padding:0px;}
.virtualtour .picktourbox img {max-height: 250px; width:100%;}
.virtualtour .picktourbox .tourtb {padding: 10px 0px;height: 70px; position:relative;}
.virtualtour .picktourbox .tourtb h2{font-size: 18px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;padding: 0 20px; text-align:center;}
/************* Tour Service Page End css *************/

/******************** For transportation page ********************/
.transpotationbanner{background: url(../images/transportslider.jpg) no-repeat center; position: relative; padding: 180px 0;}
.transpotationbanner .textbanner{text-align: center; width: 1170px; margin: auto; color: #fff;}
.transpotationbanner .textbanner h2{font-size: 53px; font-weight: 800; position: relative; width: 100%; text-transform: capitalize; margin-bottom:5px;padding-bottom: 25px;}
.transpotationbanner .textbanner p{font-size: 16px;color: #fff; padding: 0 160px;}

.spacebox{padding: 90px 0px;}
.twoimgbox .imgbox img{min-height: 410px; width: 100%;}
.twoimgbox p{padding: 20px 40px; background: #00a650; color: #fff; font-size: 26px; line-height: 30px; text-align: center;}

.title{ text-align: center;width: 100%;margin-bottom: 25px;}
.title h1{font-size: 40px;color: #111;margin: 0 0 5px 0; font-weight: 600; font-family: 'Roboto', sans-serif;}
.title h2{font-size: 38px;color: #111;margin: 0 0 5px 0; font-weight: 600; font-family: 'Roboto', sans-serif;}
.title h4{font-size: 18px;color: #111;margin: 0; font-weight: 400; font-family: 'Roboto', sans-serif;}
.title p{color: #373435; font-size: 15px;}

/* Responsive title headings for mobile */
@media (max-width: 767px) {
    .title h1{font-size: 24px !important; line-height: 1.3;}
    .title h2{font-size: 22px !important; line-height: 1.3;}
    .title h4{font-size: 14px !important; line-height: 1.4;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .title h1{font-size: 32px !important;}
    .title h2{font-size: 30px !important;}
    .title h4{font-size: 16px !important;}
}

.italytourbox {background: #f3f3f3;}
.serviceboxbdr{background-color: #fff;border: 1px solid #e3e3e3; padding: 50px; box-sizing: border-box; text-align: center;min-height: 305px;}
.serviceboxbdr img{display: block; text-align: center;margin: auto; margin-bottom: 20px;}
.serviceboxbdr p{margin: 0px;padding: 0px;font-size: 22px;color: #222;line-height: 28px;}


.ourfleet .serviceboxbdr{padding: 50px 15px 10px 15px;}
.ourfleet h3{margin: 0px;padding: 0px;font-size: 24px;color: #222;line-height: 28px; font-weight: 600; margin-bottom: 5px;}
.ourfleet a{background: #f3f3f3;border: 1px solid #00a652;margin: 20px 0; display: inline-block;  padding: 10px 35px;border-radius: 50px;color: #00a652;font-size: 16px; }
.ourfleet a:hover{background: #00a652;color: #fff;}
.ourfleet .serviceboxbdr p{margin: 0px;padding: 0px;font-size: 14px;color: #888;line-height: 22px;}
.ourfleet .serviceboxbdr img{width: 100%;}

.protext h3{margin: 0px;padding: 0px;font-size: 24px;color: #222;line-height: 28px; font-weight: 600; margin-bottom: 5px;}
.protext p{margin-bottom: 25px;font-size: 16px;color: #555; line-height: 26px;}
.protext ul{margin: 10px 0 0 0px; padding: 0px;}
.protext ul li{list-style: square; margin: 0 0 10px 17px;}
.protext .imgtextbox{ margin-top: 40px;}
.protext .imgtextbox img{width: 100%;-o-object-fit: cover;object-fit: cover;height: 350px;margin-bottom: 25px;  border: 1px solid #ddd; padding: 2px;}
.protext .imgtextbox h4{margin: 0px;padding: 0px;font-size: 20px;color: #222;line-height: 28px;}
.protext .imgtextbox ul{margin: 10px 0 0 0px; padding: 0px;}
.protext .imgtextbox ul li{list-style: square; margin: 0 0 10px 17px;}
.protext .veicoli ul {
    text-align: left;
    line-height: 2;
    -moz-column-count: 2;
    column-count: 2;
    border: 1px solid #ccc;
    padding: 0 10px;margin:30px 0 0 0;
}
.protext .veicoli ul li{list-style: disclosure-closed;border-bottom: 1px solid #ddd;padding: 5px;margin: 0px 0 0 20px;}
.protext .veicoli ul li:last-child{border-bottom: 0px;}
.protext .veicoli ul li:nth-child(5){border-bottom: 0px;}
/******************** end transportation page ********************/

/*------------------malaya 25/03/2022-----------*/
/************* agents-and-affiliates Page start css *************/

.arrow-list li:before {
    content: "\f061";
    position: absolute;
    left: 0;
    color: #00a652;
    font-size: 12px;
    font-family: FontAwesome;
}
.arrow-list li {
    color: #777;
    padding-bottom: 10px;
    padding-left: 22px;
    position: relative;
}

.tbservicepage .texb h6 {
    color: #000;
    font-weight: 600;
}
.footer-bottom {
    background-image: url(../images/slide1.jpg);
    background-size: cover;
    padding: 100px 0;
}
.footer-bottom p {
    color: #e1e1e1;
    margin-bottom: 0;
}
.footer-bottom h2 {
    color: #fff;
}
.footer-bottom img {
    width: 100px;
}
a.cmn-btn:hover {
    background: #000;
}
a.cmn-btn {
    background: #00a652;
    padding: 12px 45px;
    border-radius: 50px;
    color: #fff;
    font-size: 16px;
    display: inline-block;
    margin-top: 5px;
}


/******************* FAQ section start ******************/

.faq-bg img {
    width: 100%;
}
.faq-content {
    padding: 50px 10%;
}
.faq-heading{
    text-align: center;
}
.faq-heading h2 {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 20px;
}
.faq-content p {
    color: #777;
    font-size: 16px;
    margin-bottom: 30px;
    line-height: 27px;
}
.faq-content {
    padding: 50px 15%;
}
.faq-heading p {
    margin-bottom: 35px;
}
.faq-content h4 {
    font-weight: 600;
    font-size: 22px;
}
.faq-content h4 {
    font-weight: 600;
    font-size: 22px;
    margin-bottom: 20px;
}
.faq-content h6 {
    font-weight: 600;
}
.faq-content a {
    color: #00a652;
    display: inline-block;
}
.faq-page-a{
    margin-bottom: 30px;
}
.faq-content p.para-inside {
    position: relative;
    padding-left: 25px;
}
.faq-content p.para-inside span {
    position: absolute;
    left: 0;
}
ul.faq-list li:before {
    content: "\2022";
    color: #00a652;
    font-weight: bold;
    font-size: 20px;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}
ul.faq-list {
    margin-left: 20px;
}
.faq-content img {
    margin-bottom: 30px;
}

/************FAQ end*****************/

/************ blog start *****************/

ul.blog-auth li {
    display: inline-block;
    margin: 0 15px;
    font-size: 16px;
    color: #777;
}
ul.blog-auth a {
    margin: 0;
    padding: 0 0 0 6px;
}
.blog-category h5 {
    text-transform: uppercase;
    font-size: 16px;
}
.blog-category ul li {
    display: inline-block;
}
.blog-category ul li a {
    color: #fff;
    background: #00a652;
    padding: 3px 18px;
    border-radius: 63px;
    text-transform: uppercase;
    font-size: 14px;
}
.blog-social {
    text-align: center;
    padding: 30px 0;
}
.blog-social ul li {
    display: inline-block;
    padding: 0 5px;
    text-transform: uppercase;
}
.blog-social ul li a {
    font-size: 20px;
}
.item.blog-item {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    position: relative;
    padding: 10px 30px;
}
.owl-blog-cat .owl-nav {
    top: calc(50% - 25px);
    position: absolute;
    width: 100%;
}
.owl-blog-cat .owl-nav button.owl-prev {
    left: 0;
    position: absolute;
}
.owl-blog-cat .owl-nav button span {
    font-size: 30px;
}
.owl-blog-cat .owl-nav button.owl-next {
    right: 0;
    position: absolute;
}
.item.blog-item:before {
    content: "";
    width: 1px;
    top: 0;
    height: 100%;
    background: #ccc;
    position: absolute;
    left: calc(50% - 1px);
}
.blog-slide-content a {
    color: #000;
    font-weight: 600;
}


.blog-form h2 {
    font-size: 22px;
    font-weight: 600;
}
.blog-form i {
    color: #777;
    font-size: 14px;
}
.blog-form form textarea {
    height: 150px;
    border-radius: 20px;
}
.blog-form form input {
    border-radius: 50px;
    padding: 22px 20px;
}
.blog-form form input::placeholder, .blog-form form textarea::placeholder{
    color: #777;
}
.blog-form form button {
    background: #00a652;
    border: none;
    color: #fff;
    padding: 10px 85px;
    border-radius: 50px;
}

/*---------------------Story section start----------------*/

/*font-family: 'Qwigley', cursive;*/
.story-bg img {
    width: 100%;
}
.story-content {
    padding: 30px 15%;
}
.story-heading {
    text-align: center;
}
.story-heading h1 {
    font-family: 'Qwigley', cursive;
    font-size: 55px;
}
.story-heading p {
    font-family: auto;
    font-size: 25px;
    line-height: 40px;
}
.story-heading i {
    color: red;
    font-size: 40px;
}
.story-heading {
    text-align: center;
    width: 70%;
    margin: auto;
    padding: 50px 0;
    border-bottom: 1px solid #ccc;
}
.story-img img {
    width: 100%;
}
.story-img {
    margin-bottom: 30px;
}
.story-content p {
    color: #5e5e5f;
    font-size: 16px;
    margin-bottom: 30px;
    line-height: 27px;
}
.story-content h2 {
    font-weight: 600;
}
.story-content p a {
    color: #00a652;
    text-decoration: underline;
}
.story-content strong {
    color: #000;
}

/*--------Travel Agent Register start------------*/

.agent-register {
    width: 70%;
    padding: 50px 0;
    margin: auto;
}

.agent-heading {
    text-align: center;
}
.agent-heading h2 {
    font-weight: 600;
}
.agent-heading h1 {
    font-size: 30px;
    font-weight: 600;
    padding-bottom: 7px;
}
.agent-heading p {
    margin-bottom: 5px;
    color: #3c3c3c;
    font-size: 15px;
}
.agent-heading p a {
    color: #00a652;
    text-decoration: underline;
}
.agent-register-form form label {
    color: #777;
    font-weight: 600;
    font-size: 14px;
}
.agent-register-form form select, .client-question-form form select {
    /* height: 45px; */
    border-radius: 50px;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 1em;
}
 .agent-register-form form input:not([type="radio"]):not([type="file"]), .agent-register-form form textarea{
    height: 50px;
    border-radius: 50px;
    resize: none;
 }
.agent-register-form small {
    color: red;
    font-style: italic;
}
.agent-register-form input[type="file"] {
    width: 100%;
}
.agent-register-form form button {
    border: none;
    padding: 10px 85px;
    border-radius: 50px;
    background: #00a652;
    color: #fff;
}


/*------------------Client Questionnaire Start----------------*/
section.client-question-section {
    padding: 50px 0;
}
.client-question-form h2 {
    font-weight: 600;
    font-size: 22px;
}
.client-question-form form input:not([type="checkbox"]), .client-question-form form select {
    /* height: 45px; */
    border-radius: 50px;
}
.client-question-form form label {
    color: #777;
    font-size: 14px;
    line-height: initial;  
    padding-top: 7px;  
}

.client-question-form .control-label{
    padding-top: 7px;
    font-weight: bold;
    text-align: right;
}
.client-question-form label.ptb-15 {
    padding: 15px 0;
}
.client-question-form hr {
    width: 100%;
    margin: 0 0 25px 0;
}
.client-question-form form textarea {
    width: 80%;
    height: 120px;
    border-radius: 20px;
    resize: none;
    border: 1px solid #ccc;
}
.form-term-check {
    padding: 15px 0 0 0;
}
small.form-term-check  {
    color: #00a652;
}
/*.client-question-form form select {
    height: 50px;
    border-radius: 50px;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 1em;
}*/
.client-question-form form button {
    border: none;
    padding: 10px 45px;
    border-radius: 50px;
    background: #00a652;
    color: #fff;
    margin: auto;
}


/*-------------End--------------*/

/*--------------contact us page----------*/

.contact-us form input,
.contact-us form select,
.contact-us form textarea {
    border-radius: 25px !important;
}

.contact-us {
    padding: 30px 0px;
}

.contact-us option {
    font-size: 13px;
    line-height: 23px;
    font-weight: normal;
}

.contact-us h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 25px;
    line-height: 35px;
    margin-bottom: 10px;
}

.contact-us label {
    font-size: 13px;
    line-height: 23px;
    color: #747474;
    font-weight: 600;
    margin-bottom: 5px;
}

.contact-us .btn {
    background-color: #00a652;
    border: none;
    border-radius: 25px;
    color: #fff;
    font-size: 15px;
    line-height: 25px;
    font-weight: normal;
    padding: 10px 63px;
    display: inline-block;
    width: auto;
    transition: all 300ms ease-in-out;
}

.contact-us .btn:hover {
    background: #000;
}

.contact-us h3 {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    margin-bottom: 12px;
}

.contact-us h6 {
    font-size: 13px;
    line-height: 23px;
    font-weight: 600;
    color: #000;
    margin-bottom: 0;
}

.contact-us p {
    margin-bottom: 0;
    font-size: 13px;
    line-height: 23px;
    font-weight: 500;
}

.contact-us a {
    color: #00a650;
    font-size: 13px;
    line-height: 23px;
    font-weight: 500;
    text-decoration: underline;
}

.contact-us a:hover {
    color: #000;
}

.map {
    margin-top: 15px;
}

/*---------contact page end-------------*/

/*==============map section start==============*/
.map-region{
    stroke-width: .5 !important;
}
.map-section {
    margin-top: 123px;
}
.map-area:hover path{
    fill: #95c11f;
    cursor: pointer;
    outline: none;
}
.main-div {
    background-image: url(/assets/images/cover/dynamic-couple.jpg);
    height: 700px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 100%;
    box-shadow: inset -800px 0 400px -200px #00000073;
    clear: both;
    transition: all 1.5s ease;
    position: relative;
    margin: 0 !important;
    padding: 0 !important
}

.svg-map {
    height: 700px;
    z-index: 2
}

.cities-list {
    height: 100%;
    z-index: 1
}

.increase-z-index {
    z-index: 2
}

.choose-region {
    z-index: 1;
    top: 30px;
    font-family: sans-serif
}

.choose-region span,
.choose-region h1 {
    font-weight: 900;
    color: #fff;
    font-size: 2.1rem;
    padding-bottom: 1px;
    max-width: 700px;
    margin: 0 auto;
    display: block;
    line-height: 1.2;
}

.choose-region .hero-subline {
    color: #fff;
    font-size: 1.15rem;
    font-weight: 400;
    margin: 10px auto 0;
    max-width: 600px;
    line-height: 1.5;
    text-shadow: 1px 1px 3px #000, 0 0 10px rgba(0,0,0,0.7), 0 0 20px rgba(0,0,0,0.4);
    letter-spacing: 0.3px;
}

.choose-region img {
    margin: 20px 20% 0 0;
    width: 250px
}

.style_svg {
    height: 100%
}

.btn-light-city {
    background-color: #fff;
    color: #86bc25;
    font-size: 20px;
    padding-top: .4rem;
    padding-bottom: .4rem;
    font-weight: 700;
    text-transform: capitalize;
    border: 1px solid #fff;
    border-radius: 10px;
    margin-bottom: 10px
}

.btn-light-city:hover {
    background-color: transparent;
    color: #fff;
    border-color: var(--bs-btn-active-border-color)
}

.stt0 {
    clip-path: url(#SVGID_2_)
}

.stt1 {
    filter: url(#Adobe_OpacityMaskFilter)
}

.stt2 {
    clip-path: url(#SVGID_4_)
}

.stt3 {
    clip-path: url(#SVGID_4_);
    -webkit-mask: url(#SVGID_5_);
    mask: url(#SVGID_5_)
}

.stt4 {
    opacity: .75;
    clip-path: url(#SVGID_9_)
}

.stt5 {
    clip-path: url(#SVGID_4_);
    fill: #fff
}

.stt6 {
    clip-path: url(#SVGID_2_);
    fill: #fff
}

.stt7 {
    clip-path: url(#SVGID_11_);
    fill: #fff
}

.st25 {
    clip-path: url(#SVGID_59_);
    fill: #fff
}

.st26 {
    clip-path: url(#SVGID_61_);
    fill: #fff
}

.st27 {
    clip-path: url(#SVGID_63_)
}

.st28 {
    fill: #fff
}

.st29 {
    fill: #dedede
}

.st30 {
    clip-path: url(#SVGID_65_)
}

.st31 {
    fill: none
}

.st32 {
    font-family: ArialMT
}

.st33 {
    font-size: 10px
}

.st34 {
    fill: none;
    stroke: #231f20;
    stroke-width: .25;
    stroke-miterlimit: 10
}

#marche:hover,
#valle_aosta:hover,
#lombardia:hover,
#trentino_alto_adige:hover,
#piemonte:hover,
#veneto:hover,
#liguria:hover,
#emilia_romagna:hover,
#toscana:hover,
#umbria:hover,
#lazio:hover,
#campania:hover,
#puglia:hover,
#basilicata:hover,
#sicilia:hover,
#sardegna:hover {
    fill: #95c11f;
    cursor: pointer;
    outline: none
}

/* #calabria,
#friuli_venezia_giulia,
#abruzzo,
#molise {
    fill: #dedede;
    cursor: not-allowed
} */

.active-region {
    fill: #95c11f;
    outline: none
}

.padding-0 {
    padding: 0
}

.search-home {
    background: #fff;
    margin: 15px auto 0;
    box-shadow: 0 1px 10px #0006;
    position: relative
}

.row-list {
    min-height: 100%;
    color: #fff
}

.phone-view {
    display: none
}

.ribbon-img {
    right: 0
}

.hexagon-txt {
    z-index: 1;
    right: 110px;
    top: 28%;
    transform: rotate(-2deg);
    width: 100%;
    max-width: 265px
}

.award-img {
    z-index: 1;
    width: 170px;
    top: 18%;
    right: 400px
}

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

    .main-div,
    .italy,
    .ribbon-img,
    .svg-map {
        height: 650px
    }

    .btn-light-city {
        margin-bottom: 7px;
        padding-top: .3rem;
        padding-bottom: .3rem
    }

    .choose-region img {
        width: 200px
    }

    .choose-region span {
        font-size: 2rem;
        max-width: 600px;
    }

    .choose-region .hero-subline {
        font-size: 1.05rem;
        max-width: 500px;
    }

    .hexagon-txt {
        right: 100px
    }

    .award-img {
        width: 150px;
        right: 370px
    }
}

@media screen and (max-width: 1199px) {
    .phone-view {
        display: block
    }
}

@media screen and (max-width: 991px) {
    .main-div {
        box-shadow: inset -800px 0 200px #00000073 !important
    }

    /* .row-list {
        display: none
    } */

    .cities-list {
        height: auto
    }

    .svg-map {
        padding-top: 120px
    }

    .choose-region {
        top: 0;
        padding: 10px 15px 0;
    }

    .choose-region span {
        font-size: 1.2rem;
        max-width: 90%;
    }

    .choose-region .hero-subline {
        font-size: 0.85rem;
        max-width: 90%;
        margin-bottom: 0;
    }

    .choose-region img {
        display: none
    }

    .stt3 {
        fill: transparent
    }
}

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

    .main-div,
    .italy,
    .ribbon-img,
    .svg-map {
        height: 100%;
    }
}

@media screen and (max-width: 767px) {    
    .main-div {
        height: auto;
    }
    .row-list img.region-img {
        display: none;
    }
    .desktop-search-div {
        max-width: 100%;
        margin: auto;
    }
}

.from-urbisaglia,
.from-massa-carrara,
.from-bolzano,
.from-torino,
.matera-tours-local,
.from-cosenza,
.from-chieti,
.from-perugia,
.from-bari,
.from-aosta,
.tours-milano,
.parma-tours,
.from-trapani,
.from-napoli,
.from-campobasso,
.from-cagliari,
.tours-in-rome {
    color: #86bc25
}

.tours-in-siena,
.tours-in-lecce,
.from-riomaggiore,
.brancaleone-marina,
.casalbordino {
    color: #ee337e
}

.montecatini-tours,
.from-narni {
    color: #454444
}

.Tours-in-Pisa {
    color: #2dbfca
}

.from-san-gimignano,
.porto-cesareo {
    color: #b243f0
}

.Tours-In-Assisi,
.from-sorrento,
.tours-in-lucca,
.from-brindisi,
.from-sassari,
.from-carovilli,
.from-manarola,
.from-lake-garda,
.from-ferrara,
.from-palermo,
.from-ascoli-piceno,
.from-brescia,
.camigliatello-silano,
.francavilla-al-mare {
    color: #fcb116
}

.from-verona,
.from-andria-barletta-trani,
.from-la-spezia,
.from-trevi,
.borgo-di-morano,
.popoli,
.ragusa {
    color: #2dbfca
}

.Tours-In-Venice,
.from-olbia,
.firenze-tours,
.from-isernia,
.from-vernazza,
.from-san-benedetto-del-tronto,
.from-catania,
.lamezia-terme,
.sulmona,
.santa-maria-di-leuca {
    color: #905d3a
}

.from-monterosso,
.surbo {
    color: #827cba
}

.from-viareggio,
.pretoro,
.polignano-a-mare,
.taormina {
    color: #191970
}

.ostuni {
    color: #d2691e
}

.alberobello,
.forte-dei-marmi {
    color: #008b8b
}

.margin-desktop {
    margin-top: 20px
}

.margin-mobile {
    margin-top: 30px
}

.link {
    text-decoration: none;
    color: inherit
}

.body_details {
    width: 100%;
    max-height: 150px
}

.info {
    padding: 10px;
    border-radius: 0 0 5px 5px;
    border-top: 5px solid #8DC63F;
    background-color: #f6f6f6;
    border-right: 1px solid #d1d1d1;
    border-left: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1
}

.text-shadowed {
    text-shadow: 2px 2px #0d0d0d;
    line-height: 36px;
}

.price {
    float: left;
    margin-top: 5px
}

.price-color {
    color: #86bc25;
    font-weight: 500;
    font-size: 25px;
    float: right
}

.separator p {
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 8px
}

h5 {
    color: #3a3a3a;
    font-weight: 400;
    line-height: 1.2
}

.tour-title {
    height: 50px;
    overflow: hidden
}

.tour-subtitle {
    font-size: .8125rem;
    height: 28px;
    overflow: hidden;
    line-height: 1.15;
    margin-bottom: 10px;
    color: gray
}

.city_category {
    color: #fff;
    font-weight: 400;
    background-color: #86bc25;
    padding: .2rem .3rem;
    font-size: .825rem
}

.small-img {
    object-fit: cover;
    height: 190px;
    width: 100%
}

.tour-item {
    min-height: 350px;
    margin-bottom: 5px;
    margin-top: 5px
}

@media (max-width: 992px) {
    .tour-item {
        min-height: 360px
    }
}

.desktop-search-div {
    max-width: 700px
}

.span_arrow {
    z-index: 3;
    left: -35px;
    top: -5px;
    position: absolute
}

.search_arrow {
    width: 70px
}

.form {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.select-form {
    height: 60px !important;
    border: 0;
    box-shadow: none;
    border-radius: 0;
    color: #636363 !important;
    font-weight: 300;
    font-size: 18px;
    display: inline-block;
    line-height: 1.5em;
    padding: .5em 1.7em .5em 0;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(/assets/images/select.png) !important;
    background-position: calc(100% - 7px) calc(1em + 7px) !important;
    background-size: 20px !important;
    background-repeat: no-repeat !important
}

.form__field {
    width: 100%;
    background: #fff;
    color: #636363;
    height: 60px;
    border: 0;
    outline: none;
    padding: 12px 20px 12px 12px;
    font-family: inherit;
    font-size: 18px;
    font-weight: 300
}

.form__field::placeholder {
    color: #636363;
    text-align: center
}

.search-btn-div {
    height: 60px;
    max-width: 60px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px
}

.btn-search-home {
    width: 100%;
    height: 60px;
    border-radius: 0 10px 10px 0;
    font-size: 24px;
    border: 1px solid #86bc25;
    background: #86BC25!important;
}

.btn-search-home-desktop {
    height: 44px;
    width: 44px;
    float: right;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%
}

.loading {
    flex-shrink: 0;
    background: #000 url(/assets/images/loader.gif) no-repeat 50%
}

.loading img {
    width: 70px;
    height: 50px;
    object-fit: cover
}

.search-result {
    max-height: 199px;
    overflow-y: scroll;
    top: 60px;
    left: 0;
    z-index: 2;
    border-top: 1px solid #efefef
}

.search-result::-webkit-scrollbar {
    width: .5em
}

.search-result::-webkit-scrollbar-track {
    box-shadow: inset 0 0 4px #00000026
}

.search-result::-webkit-scrollbar-thumb {
    background-color: #d4d4d4;
    border-radius: 8px
}

.search-result .tour-title {
    font-size: .825rem;
    margin-top: 20px;
    margin-bottom: 8px;
    color: #787878
}

.search-result .tour-title {
    color: #4e4e4e
}

.search-result .tour-result:hover {
    cursor: pointer;
    background-color: var(--primary);
    text-decoration: underline
}

.search-result .tour-result:hover .tour-title,
.search-result .tour-result:hover .result-price {
    color: #fff
}

.result-price {
    color: #787878;
    font-size: .725rem
}

.btn-search-home:hover {
    border: 1px solid #86bc25;
}

@media screen and (max-width: 1399px) {
    .select-form {
        padding-left: .2em;
        padding-right: 1.2em;
        background-size: 15px !important;
        background-position: calc(100% - 5px) calc(1em + 7px) !important
    }

    .btn-search-home-desktop {
        height: 40px;
        width: 40px;
        font-size: 20px;
        margin-right: 0
    }
}

@media screen and (max-width: 1199px) {
    .form__field {
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px
    }

    .select-form {
        padding-right: 1em;
        padding-left: .5em;
        background-position: calc(100% - 2px) calc(1em + 7px) !important;
        border-radius: 0;
        margin: 0
    }
}

@media screen and (max-width: 991px) {
    /* .search_arrow {
        display: none
    } */

    .search-result {
        left: 0
    }

    .form {
        justify-content: center;
        padding-bottom: 0
    }

    .form__field {
        padding: 2px 15px !important;
        border-radius: 0
    }

    .btn-search-home {
        border-radius: 0;
        display: block;
        width: 100%;
        height: 60px
    }

    .search-btn-div {
        max-width: 100%
    }

    .desktop-search-div {
        margin-bottom: 0 !important;
        padding-right: 0 !important;
        margin: auto; 
    }

    .select-form {
        padding-right: 1.5em;
        background-position: calc(100% - 8px) calc(1em + 7px) !important
    }
}

@media screen and (max-width: 767px) {
    .form__field {
        border: 0 !important
    }

    .btn-search-home:hover {
        border: 0;
        border-top: 1px solid #86bc25
    }

    .select-form {
        border-top: 1px solid #f2f2f2
    }
    .city-poster .city-poster-content h2 {
        font-size: 35px;
    }
}

@media screen and (max-width: 500px) {
    .form__field {
        width: 100%
    }
}

/*==========================City Page Start===================*/


section.city-slider-section {
    margin-top: 127px;
}
.city-slider-section .owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.city-slider-section .owl-nav button.owl-prev {
    left: 50px;
}
.city-slider-section .owl-nav button.owl-next {
    right: 50px;
}
.city-slider-section .owl-nav button i {
    width: 50px;
    height: 50px;
    line-height: 50px;
    background-color: #fff;
    border-radius: 50%;
}

.heading h1 {
    /* font-family: 'Spectral', serif; */
    color: #000;
    font-size: 2rem;
    font-weight: 500;
    margin-bottom: 15px;
    position: relative;
}

/* .heading h1:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #007e3e;
    bottom: -6px;
} */

.heading h2 {
    /* font-family: 'Spectral', serif; */
    color: #000;
    /* font-size: 35px; */
    font-weight: 500;
    margin-bottom: 15px;
    position: relative;
}
.heading h2:before {
    content: "";
    position: absolute;
    width: 100px;
    height: 2px;
    background-color: #007e3e;
    bottom: 0;
}
.city-poster {
    position: relative;
    /* height: 300px; */
    height: auto;
    overflow: hidden;
    border-radius: 10px;
    background-color: #000;
}
.city-poster img {
    /* height: 100%; */
    opacity: .7;
    width: 100%;
    /* max-height: 300px; */
}
.city-poster .city-poster-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 85%;
}
.city-poster .city-poster-content h2 {
    color: #fff;
    text-align: center;
    font-family: 'Spectral', serif;
    font-size: 45px;
    font-weight: 600;
}
.heading-white h2 {
    color: #fff;
}
.heading-white h2:before {
    background-color: #fff;
}
.tab-overview {
    /* background-color: #202020; */
    background-color: #efefef;
    padding: 20px;
}
.tab-overview p {
    color: #373435;
}
.overview-section .nav-pills .nav-link.active, .overview-section .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #61993a;
    border-radius: 100px;
    position: relative;
}
.overview-section .nav-pills .nav-link {
    border-radius: 0.25rem;
    /* font-family: 'Spectral'; */
    color: #000;
    font-size: 19px;
    font-weight: 500;
    background-color: #efefef;
    border-radius: 100px;
    margin-right: 5px;
}
/* .overview-section .nav-pills .nav-link.active:before {
    content: "";
    position: absolute;
    border-bottom: 15px solid #202020;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
} */

#sync2 .item {
  margin: 5px;
  color: #fff;
  text-align: center;
  cursor: pointer;
}
.owl-theme .owl-nav [class*="owl-"] {
  transition: all 0.3s ease;
}

.owl-theme .owl-nav [class*="owl-"].disabled:hover {
  background-color: #d6d6d6;
}

#sync1.owl-theme {
  position: relative;
}

#sync1.owl-theme .owl-next,
#sync1.owl-theme .owl-prev {
  width: 22px;
  height: 40px;
  margin-top: -20px;
  position: absolute;
  top: 50%;
}

#sync1.owl-theme .owl-prev {
  left: 10px;
}

#sync1.owl-theme .owl-next {
  right: 10px;
}

.city-location-map iframe {
    width: 100%;
    height: 280px;
    display: block;
}
.city-location .row {
    align-items: center;
}
.recomended-box {
    background-color: #61993a;
    transition: .5s;
    height: 100%;
}
.recomended-tbox {
    background-color: #1a809a;
    transition: .5s;
}
.recomended-box:hover {
    box-shadow: 0 0 10px 0 #757575;
}
.recomended-box-img {
    height: 165px;
    overflow: hidden;
}
.recomended-box-img img {
    width: 100%;
}
.recomended-box-info {
    padding: 8px;
    text-align: center;
}
.recomended-box-info h3 {
    font-family: 'Spectral';
    color: #fff;
    font-size: 17px;
    /* margin-bottom: 15px; */
}
.city-btn {
    color: #1a1a1a;
    background-color: #fff;
    padding: 7px 30px;
    display: inline-block;
    border-radius: 50px;
    font-family: 'Spectral';
    font-weight: 600;
    font-size: 16px;
    transition: .5s;
}
.city-btn:hover {
    color: #fff;
    background-color: #007e3e;
}
.other-property-section .recomended-box-info h3 {
    margin-bottom: 0;
}

.quick-form {
    background-color: #00a652;
    padding: 20px;
}
.quick-form h3 {
    text-align: center;
    font-family: 'Spectral';
    color: #fff;
    margin-bottom: 20px;
}
.quick-form form input, .quick-form form select {
    height: 40px;
    border-radius: 30px;
    border: none;
}
.quick-form form textarea{
    border-radius: 30px;
}
.quick-form form button {
    width: 100%;
    border: none;
    border-radius: 30px;
    height: 40px;
    background-color: #fcb913;
    color: #fff;
}


.city-town {
    padding: 30px 0;
}
.heading-small h2 {
    font-size: 25px;
}
.city-town ul li:not(:last-child) {
    margin-bottom: 5px;
}
.city-town ul li a {
    color: #3e3e3e;
    font-weight: 600;
    position: relative;
    padding-left: 25px;
}
.city-town ul li a:before {
    content: "\f178";
    font-family: 'FontAwesome';
    font-weight: 100;
    position: absolute;
    left: 0;
    color: #00a652;
}
.city-town ul {
    margin-bottom: 0;
    margin-left: 20px;;
}

.private-tour {
    padding: 30px 0;
}
.private-tour img {
    width: 100%;
}

.city-sidebox {
    background-color: #00a652;
}
.city-sidebox-img img {
    width: 100%;
}
.city-sidebox-info {
    padding: 15px;
}
.city-sidebox-info h3 {
    color: #fff;
    font-family: 'Spectral';
    font-size: 25px;
    margin-bottom: 15px;
}
.city-sidebox-info p {
    color: #fff;
    margin: 0;
    font-size: 16px;
}

.city-testim {
    padding: 30px 0;
}
.city-testim p {
    font-size: 16px;
    color: #777;
}
.city-testim-author {
    text-align: right;
}
.city-testim-author p {
    color: #00a652;
    font-style: italic;
    font-weight: 600;
}
.city-resources img:not(:last-child) {
    margin-bottom: 20px;
}
.city-resources img {
    width: 100%;
}
.city-blog {
    padding: 20px 0;
}
.city-blog-box a {
    display: flex;
    padding-bottom: 10px;
}
.city-blog-box a .city-blog-box-img {
    width: 35%;
    padding-right: 15px;
}
.city-blog-box-img img {
    width: 100%;
}
.city-blog-box a .city-blog-box-info {
    width: 65%;
}
.city-blog-box a .city-blog-box-info p {
    font-size: 16px;
    margin-bottom: 0 !important;
    color: #337ab7;
}
.city-blog-box a .city-blog-box-info p:hover {
    font-size: 16px;
    margin-bottom: 0 !important;
    color: #d6700d !important;
}
.city-video {
    background-color: #00a652;
    padding: 20px;
    text-align: center;
}
.city-video h3 {
    text-align: center;
    font-family: 'Spectral';
    color: #fff;
    margin-bottom: 20px;
}
.city-video iframe {
    width: 100%;
    height: 190px;
}
/*city page responsive*/
@media only screen and (max-width: 991px){
    .overview-section .nav-pills .nav-link {
    font-size: 14px;
}
.city-location-map {
    margin-bottom: 20px;
}
.pt60px {
    padding-top: 30px;
}
}
@media only screen and (max-width: 767px){
    .overview-section .nav-pills .nav-link {
        font-size: 17px;
    }
    .quick-form form {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .quick-form form .form-group {
        width: 49%;
    }
    .ptb-60 {
        padding: 30px 0;
    }
}
@media only screen and (max-width: 575px){
    .city-slider-section .owl-nav button i {
        width: 40px;
        height: 40px;
        line-height: 40px;
        
    }
    .city-slider-section .owl-nav button.owl-prev {
        left: 30px;
    }
    .city-slider-section .owl-nav button.owl-next {
        right: 50px;
    }
    .city-poster {
        height: 250px;
    }
    .city-poster .city-poster-content {
        width: 90%;
    }
    .city-poster .city-poster-content h2 {
        font-size: 35px;
    }
    .overview-section .nav-pills .nav-link {
        font-size: 14px;
        padding: 4px 10px;
    }
    .recomended-box-img {
        height: auto;
        overflow: hidden;
    }
    .quick-form form .form-group {
        width: 100%;
    }
    .quick-form form {
        display: block;
    }
    .picktourbox p.tourprice {
        bottom: 3px;
    }
}
@media only screen and (max-width: 425px){
    .overview-section .nav-pills .nav-link.active:before{
        display: none;
    }
    .overview-section .nav-pills .nav-link {
    font-size: 17px;
    margin-bottom: 10px;
}
.overview-section ul#pills-tab {
    margin-bottom: 0 !important;
}
}

.inclu {
    margin: 0;
    /* border: 1px solid #fcb913; */
    background: #efefef;
    padding: 0;
}
.inclu h4 {
    margin: 0;
    padding: 10px 0;
    font-weight: 700;
    text-align: center;
    background: #fcb913;
    color: #FFF;
    font-size: 18px;
}
.incu_list {
    margin: 10px 10px 10px 30px !important;
}
.boxItem{
    background-color: #efefef;
}
.boxItemDetail {padding: 10px;}
.boxItemDetail h3 {font-size: 20px; font-weight: bold; color: #007e3e;}

@media only screen and (max-width: 767px){
    .desktop-search-div {
        max-width: 100%;
        margin: auto;
    }
    .span_arrow {
        display: none;
    }
}

@media only screen and (max-width: 1024px){
	header nav .container .navbar-nav > li {
        padding: 18px 0;
    }
}

.tabBoxBg{
    background-color:#efefef; 
    padding:10px;
}

.bannerSlider {
    margin-top: 123px;
}

/* ----------------------------------------------active-travel-in-italy------------------------------------- */
.ptb-60 {
    padding: 60px 0;
}

.heading-h4 {
    text-transform: capitalize;
    font-weight: bold;
    font-size: 30px;
    position: relative;
    padding-bottom: 17px;
    text-align: center;
}

.heading-h4:before {
    content: '';
    position: absolute;
    height: 3px;
    width: 100px;
    background-color: #00a652;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
}

.view-more-btn {
    display: inline-block;
    border: none;
    padding: 7px 27px;
    border-radius: 50px;
    background-color: #00a64f;
    color: white;
    text-transform: capitalize;
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
}

.view-more-btn:hover {
    background-color: #000;
    color: #fff;
    transition: 0.8s;
}

/* -----------banner-section----------- */
.banner-section {
    position: relative;
}

.image-banner {
    /* background-image: linear-gradient(to bottom, transparent, rgb(27, 27, 27) 85%), url('../images/slide1.jpg'); */
    background-image: url('../images/active-tours-italy.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 500px;
}

.banner-text {
    position: absolute;
    left: 6%;
    bottom: 150px;
    font-family: 'Roboto', sans-serif;
}

.banner-text h1 {
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 60px;
}

/* --------------------italy-cycling---------- */
.italy-cycling {
    background-color: rgb(237, 241, 241);
}

.italy-cycling-text h3{
    font-family: 'Roboto', sans-serif;
    text-transform: capitalize;
    padding-bottom: 15px;
    font-weight: bold;
    font-size: 30px;
}

.italy-cycling-text h2{
    font-family: 'Roboto', sans-serif;
    text-transform: capitalize;
    padding-bottom: 15px;
    font-weight: bold;
    font-size: 35px;
}

.italy-cycling-text p {
    font-weight: 500;
}

.italy-cycling-img {
    padding-left: 60px;
}

/* ------------Carousel----------------- */
.italy-cycling-img .italy-cycling-slider .item {
    border-radius: 10px;
    height: 400px;
    overflow: hidden;
}

.italy-cycling-img .italy-cycling-slider img {
    border-radius: 10px;
}

.italy-cycling-img .owl-carousel .owl-dots {
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
}

.italy-cycling-img .owl-theme .owl-dots .owl-dot span {
    background-color: #fff;
    width: 7px;
    height: 7px;
}

.italy-cycling-img .owl-theme .owl-dots .owl-dot.active span {
    width: 50px;
    height: 6px;
}

.italy-cycling-img .owl-theme .owl-dots .owl-dot:hover span {
    width: 50px;
    height: 6px;
    transition: 0.5s;
}

/* ----------------------------cycling-and-walking Section----------------------- */
.search-section {
    background-color: #00a650;
    padding: 15px 30px;
    text-align: center;
}

.search-section form {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.region,
.calender {
    width: 40%;
}

.region select,
.calender select {
    cursor: pointer;
    width: 100%;
    border-color: #fff;
    border-radius: 5px;
    color: gray;
    text-transform: uppercase;
}

.region select:focus,
.calender select:focus {
    box-shadow: none;
    border-color: transparent;
}

.region .input-group-text,
.calender .input-group-text {
    background-color: #fff;
    border-color: #fff;
}

.region .input-group-text,
.calender .input-group-text i {
    font-size: 24px;
}

.search-button {
    width: 18%;
}

.search-button button {
    color: #00a650;
    background-color: #fff;
    border: 1px solid #fff;
    padding: 7px 30px 7px 30px;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    width: 100%;
}

.card-section .card {
    width: 100%;
    height: calc(100% - 25px);
    border-radius: 0;
    margin-bottom: 25px;
}

.card-section .card .card-title {
    text-transform: capitalize;
    font-weight: bold;
}

.card-section .card:hover {
    border: 1px solid #00a650;
    box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    transition: 0.5s;
}

.card-section .card:hover .card-title {
    color: #00a64f;
}

.card-section .card img {
    width: 100%;
    height: 230px;
    border-radius: 0;
}

.card-section .card .card-title {
    color: #000;
}

.card-section .card .card-footer {
    background-color: #00a650;
    display: flex;
    justify-content: space-between;
    border-radius: 0;
    padding: 10px 10px;
    border-top: none;
}

.card-section .card .card-footer p {
    color: #fff;
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
    margin: 0;
}

.card-section .card .card-footer span {
    color: #fff;
    float: right;
    font-size: 15px;
}

.card-section .card .card-footer b {
    letter-spacing: 1px;
}

.cycling-and-walking-btn {
    text-align: center;
}

/* -----------------------------Moment Section------------------- */
.moment-section {
    background-color: rgb(237, 241, 241);
}

.moment-section-btn {
    text-align: center;
}

/* ---FancyBox Gallery---- */
/*fancybox Gallery*/
.fancybox-gallery img {
    width: 100%;
    height: 230px;
}
.fancybox-gallery .fancybox-images{
    margin-bottom: 25px;
}
/*# fancybox Gallery*/


/* --------------------- */
/* ----------------------Real Travellers Section------------------- */

.real-travellers-left {
    background-image: url(/images/h5_decor3.png);
    height: 400px;
    width: 100%;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}

.real-travellers-img img {
    width: 100%;
    height: 300px;
    border-radius: 0 70px 0 70px;
}

.real-travellers-img-second {
    margin-left: -30px;
    margin-top: 50%;
    width: 100%;
}

.real-travellers-right h6 {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
}

.real-travellers-right h1 {
    padding-top: 35px;
    position: relative;
}

.real-travellers-right h1:before {
    content: '';
    height: 2px;
    width: 100px;
    background-color: #ef6d30;
    position: absolute;
    bottom: -40px;
}

.real-travellers-right .comments {
    padding-top: 90px;
    padding-bottom: 15px;
}

.real-travellers-right .comments p {
    font-size: 16px;
    word-spacing: 2px;
    line-height: 26px;
}

.real-travellers-right .star-review .fa-star {
    color: #ef6d30;
}

.real-travellers-right .name-address {
    padding-top: 15px;
}

.real-travellers-right .name-address p {
    margin-bottom: 0;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
}

.real-travellers-right .name-address small {
    text-transform: capitalize;
    font-weight: bold;
    color: gray;
}


@media only screen and (max-width: 1024px) {
    .real-travellers {
        padding-left: 0;
        padding-right: 0;
    }

    .real-travellers-left {
        padding-top: 60px;
    }

    .real-travellers-img img {
        height: 200px;
    }

}

/*city page responsive*/
@media only screen and (max-width: 991px) {
    .overview-section .nav-pills .nav-link {
        font-size: 14px;
    }

    .city-location-map {
        margin-bottom: 20px;
    }

    .pt60px {
        padding-top: 30px;
    }

    .image-banner {
        width: 100%;
    }

    .banner-text h1 {
        font-size: 50px;
    }

    .search-button {
        width: 19%;
    }

    .italy-cycling-img {
        padding-left: 0;
    }
}

@media only screen and (max-width: 767px) {
    .overview-section .nav-pills .nav-link {
        font-size: 17px;
    }

    .quick-form form {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .quick-form form .form-group {
        width: 49%;
    }

    .ptb-60 {
        padding: 30px 0;
    }

    .banner-text h1 {
        font-size: 40px;
    }

    .region,
    .calender {
        width: 48%;
    }

    .search-section form {
        flex-wrap: wrap;
    }

    .search-button {
        margin: 10px auto 0;
        width: 30%;
    }

    .card-section .card .card-footer {
        flex-wrap: wrap;
    }

    .italy-cycling-img .italy-cycling-slider img {
        width: 100%;
        height: auto;
    }

    .italy-cycling-img .italy-cycling-slider .item {
        height: auto;
        max-height: 500px;
    }

    .real-travellers-img {
        text-align: center;
    }

    .real-travellers-img img {
        height: auto;
        width: auto;
    }

    .real-travellers-img-second {
        margin: 0;
    }

    .real-travellers-left {
        padding-top: 0;
    }

    .real-travellers-right {
        margin-top: 16rem;
    }

    .real-travellers-right .comments {
        padding-top: 40px;
        padding-bottom: 0;
    }

    .real-travellers-right h1 {
        padding-top: 0;
    }

    .real-travellers-right h1:before {
        bottom: -20px;
    }

    .topsidenav.sidenavopen .navbar-nav > li {
        padding: 4px 0;
    }
}

@media only screen and (max-width: 575px) {
    .city-slider-section .owl-nav button i {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }

    .city-slider-section .owl-nav button.owl-prev {
        left: 30px;
    }

    .city-slider-section .owl-nav button.owl-next {
        right: 50px;
    }

    .city-poster {
        height: 250px;
    }

    .city-poster .city-poster-content {
        width: 90%;
    }

    .city-poster .city-poster-content h2 {
        font-size: 35px;
    }

    .overview-section .nav-pills .nav-link {
        font-size: 14px;
        padding: 4px 10px;
    }

    .recomended-box-img {
        height: auto;
        overflow: hidden;
    }

    .quick-form form .form-group {
        width: 100%;
    }

    .quick-form form {
        display: block;
    }

    .image-banner {
        height: 250px;
    }

    .banner-text {
        bottom: 32px;
    }

    .banner-text h1 {
        font-size: 30px;
    }

    .region,
    .calender {
        width: 49%;
    }

    .search-button {
        margin: 10px auto 0;
    }

    .client-question-form .control-label{
        text-align: left;
    }

}

@media only screen and (max-width: 425px) {
    .overview-section .nav-pills .nav-link.active:before {
        display: none;
    }

    .overview-section .nav-pills .nav-link {
        font-size: 17px;
        margin-bottom: 10px;
    }

    .overview-section ul#pills-tab {
        margin-bottom: 0 !important;
    }

    .image-banner {
        height: 200px;
    }

    .banner-text h1 {
        font-size: 25px;
    }

    .real-travellers-right {
        margin-top: 240px;
    }

    .real-travellers-left {
        padding-top: 0;
    }

    .region,
    .calender {
        width: 100%;
    }

    .calender {
        margin-top: 10px;
    }

    .search-button {
        width: 40%;
    }
    .heading-h4 {
        font-size: 20px;
    }
    .italy-cycling-text h3{
        font-size: 20px;
    }
    .real-travellers-right h1{
        font-size: 26px;
    }
    .card-section .card .card-title {
        font-size: 18px;
    }
    .card-section .card .card-footer p{
        font-size: 12px;
    }
    .card-section .card .card-footer span {
        font-size: 12px;
    }
}

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

    .search-button {
        width: 50%;
    }
}

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

    .banner-text h1 {
        font-size: 20px;
    }

    .search-button {
        width: 50%;
    }
}

@media only screen and (max-width: 320px) {
    .image-banner {
        height: 170px;
    }
    .real-travellers-img img {
        width: 100%;
        height: 250px;
    }

    .real-travellers-right {
        margin-top: 140px;
    }

    .search-button {
        width: 60%;
    }
}

.ptb-30, .pt30px{
    padding-top: 30px;
}
.page-title{
	font-size: 32px;
	text-align: center;
	color: #4c4c4c;
/*	margin: 50px 0px 20px 0;*/
}
.page-title h1{
    font-size: 32px;
}
.page-title::after{
	content: " ";
	height: 2px;
	width: 100px;
	color: #ccc;
	background: #1a809a;
	display: block;
	margin: 0px auto;
	margin-top:15px; 

}
.content{padding-top: 25px; padding-bottom: 25px;}
.content p{
    margin-bottom: 8px;
    line-height: 20px;
    text-align: justify;
}
.content h2, h3{font-size: 1rem; line-height: 25px;}
.content h1 {font-size: 25px; padding-top: 10px;}
.content ul, ol {padding-left: 18px; margin-left: 18px;}
.content li{list-style: disc;}

/*Private Tour */
.page-small-title h3 {
    font-family: 'Cormorant', serif;
    color: #61993a;
    font-size: 25px;
    /* margin: 0 0 30px 0; */
    font-weight: normal;
    text-transform: uppercase;
}
.driving-service-box {
    background: #f6f3f3;
    box-shadow: -3px 2px 6px #ccc;
    margin: 0 0 30px;
}
.driving-service-box img{
    width: 100%;
}
.driving-des {
    text-align: center;
    padding: 15px 20px;
}
.driving-des h3 {
    font-family: 'Cormorant', serif;
    color: #000;
    font-weight: normal;
    font-size: 14px;
    margin: 0;
    text-transform: uppercase;
}
.driving-tour-content-section p {
    font-family: 'Poppins', sans-serif;
}
.driving-tour-content-section p strong {
    color: #000;
    font-size: 15px;
}
.extra-box {
    background: #00aa55;
    text-align: center;
}
.extra-box img{
    width: 100%;
}
.extra-service-des h3{
    font-family: 'Cormorant', serif;
    color: #fff;
    /* font-weight: bold; */
    font-size: 15px;
    margin: 0;
    text-transform: uppercase;
}
.extra-service-des {
    padding: 10px 8px;
}
.tour-list {
    box-shadow: 2px 2px 13px #ccc;
    padding: 20px;
    margin: 0 0 30px 0;
}
.tour-list ul {
    list-style: none;
}
.tour-list li {
    text-transform: uppercase;
    font-size: 14px;
    line-height: 28px;
    /*margin: 0 0 0 7px;*/
    color: #838181;
}
.tour-list li i {
    margin-right: 7px;
}
.what-our-driver {
    padding: 40px 0 0 0;
}
.what-our-driver p {
    color: #000;
    line-height: 25px;
    margin-bottom: 10px;
}
.driving-service-box ul li {
    display: inline-block;
    margin: 0 4px 0 0;
}
.driving-service-box ul {
    list-style: none;
        margin: 13px 0 0 0;
}
.driving-service-box ul li a {
    font-size: 12px;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    padding: 8px 13px;
    display: block;
    color: #fff;
}
.driving-service-box li .view-more{
    background:#00aa55 ;
}
.driving-service-box ul li .book-now {
    background: #ffbc00;
}
.boat-tour-title {
    font-size: 14px;
}
.boat-tour-des p {
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    line-height: 20px;
        margin: 0 0 6px 0;
}
.boat-tour-image {
    border: 6px solid #fff;
    box-shadow: 2px 2px 18px #ccc;
}
.boat-tour-image img {
    width: 100%;
}
.boat-tour-box {
    background: #f5f4f4;
    padding: 9px;
    border: 1px solid #e5e1e1;
}
.gallery-img {
    box-shadow: 2px 2px 8px #ccc;
    /* padding: 6px; */
    border: 6px solid #fff;
    margin: 0 0 13px;
    height: 83px;
    overflow: hidden;
}
.gallery-img img {
    /* width: 100%; */
    height: 100%;
}
.private-tour-section {
    margin-top: 36px;
}
/*.extra-service-des a{*/
/*    color: #fff;*/
/*}*/

/*banner section*/
.banner .owl-item {
    height: 500px;
}


/* end */
@media only screen and (max-width: 1024px){
    .banner .owl-item {
    height: 430px;
}
}
@media only screen and (max-width: 992px){
    .banner .owl-item {
    height: 400px;
}
.gallery-img {
    height: 120px;
}
}
@media only screen and (max-width: 768px){
    .banner .owl-item {
    height: auto;
}
.gallery-img {
    height: 250px;
}
}
@media only screen and (max-width: 575px){
    .gallery-img {
         height: 180px;
    }
    .city-poster {
        height: auto;
    }
    .city-poster .city-poster-content h2 {
        font-size: 25px;
    }

    .picktourcol .tab-content .owl-carousel .picktourbox {
        min-height: auto;
    }
    .picktourbox p.tourprice {
        position: unset;
    }
}
@media only screen and (max-width: 425px){
    .gallery-img {
        height: 130px;
    }
    .city-poster .city-poster-content h2 {
        font-size: 20px;
    }
}
@media only screen and (max-width: 375px){
    .gallery-img {
    height: 115px;
}
}
@media only screen and (max-width: 320px){
    .gallery-img {
    height: 100px;
}
}

/* end */
a {
    color: #337ab7;
    text-decoration: none;
}
a:focus, a:hover {
    color: #d6700d;
}

.view-detail-btn {
    display: inline-block;
    border: none;
    padding: 7px 27px;
    border-radius: 50px;
    background-color: #00a64f;
    color: white;
    text-transform: capitalize;
    font-size: 15px;
}

.view-detail-btn:hover {
    background-color: #d6700d;
    color: #fff;
    transition: 0.8s;
}
/*Pagigantion*/
.page-link {color: #337ab7;}
.page-link:hover { color: #d6700d;}
.page-item.active .page-link { color: #fff; background-color: #337ab7 !important; border-color: #337ab7 !important;}

.topsidenav .closebtn i.fa.fa-times {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 17px;
    border-radius: 50%;
    background-color: red;
    color: rgb(255, 255, 255);
}

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-top: 4px \9;
    margin-left: -20px;
}
input[type="radio"], input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 2px;
    line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline {
    /* padding-top: 7px; */
    margin-top: 0;
    margin-bottom: 0;
}

.checkbox label, .radio label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
}

.dashed_border{border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #DCDCDC; padding-bottom: 10px; margin-bottom: 10px;}
.text-red {color: red;}
.checkbox label {padding-right: 10px !important; margin-right: 10px !important;}
.checkbox span {color: #89798b; font-size: 13px;}
.form-control, .selectpicker {        
    border-radius: 17px;                
}

.border{border:1px solid #DCDCDC; padding-top:15px; padding-bottom:10px;}

.pttourbox{
    display: flex;
    flex-wrap: wrap;
    padding-top: 15px;
}

.pttourbox .card {
    display: flex !important;
    padding: 0px;
}

.embed-video {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-top: 56.25%;
}
.embed-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.tab-overview img {
    max-width: 100%;
    margin: auto;
    /* display: block; */
}

header nav.headernav a:focus {
    background-color: transparent;
}

ul.lSPager.lSGallery li {
    height: 50px;
}

.search-box{border:1px solid #DCDCDC; padding:10px;}
.search-spacer{padding-top: 15px;}
/* .logonav .dropdown-menu a.dropdown-item {
    white-space: normal;
} */

/* For innerr slider */
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
    border-radius: 5px;
    border: 1px solid #000;
}
#imageGallery li img{
    width: 100%;
}
ul.lSPager.lSGallery li {
    height: 50px;
} 
ul.lSPager.lSGallery li img{
    height: 100% !important;
}
ul.lSPager.lSGallery li img {
    height: 100% !important;
    width: 100%;
}
@media only screen and (max-width: 575px){
    ul.lSPager.lSGallery li {
        height: 35px;        
    }     
}

.agent-page {
    width: 95%;
    padding: 40px 0;
    margin: auto;
}

.agent-page ul li {
    list-style: disc;
    margin-left: 30px;
}
.mobShare {display: none;}

.aciButton{border-radius: 90px; font-size:36px; background-color:purple; color:#fff;}

/* Responsive aciButton for mobile */
@media (max-width: 767px) {
    .aciButton{font-size: 18px !important; padding: 10px 20px !important; line-height: 1.4;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .aciButton{font-size: 24px !important;}
}

.spacebox {padding: 40px 0px;}

.thank h1{font-size: 20px; font-weight: bold; color: #00a652;}
.thank h2{font-size: 17px; font-weight: bold; text-decoration: underline;}
.thank ul li {
    list-style: disc;
    margin: 10px 30px;
}
.thank br {margin-top: 20px;}
.resNav{display: none;}
.imgsize img {width: 100%; height:150px; border:4px solid #ccc; padding:1px; border-radius:10px;}
.usercode{position:absolute; left:-5000px;}

/* ===========Video Slider CSS============ */
.newbanner_sec video {
    width: 100%;
    height: 550px !important;
    object-fit: cover;
}

.winterButton{border-radius: 90px; background-color:#107ab0; color:#fff; text-transform: uppercase;}

/* Responsive winterButton for all devices */
@media (min-width: 992px) {
    .winterButton{font-size: 36px !important; padding: 12px 30px !important;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .winterButton{font-size: 24px !important; padding: 10px 25px !important;}
}
@media (max-width: 767px) {
    .winterButton{font-size: 18px !important; padding: 10px 20px !important; line-height: 1.4;}
}

/* ================================New-blog-Home-page-start============================= */
.card_tag_title {
    display: flex;
    align-items: center;
    gap: 10px;
}

.card_tag_title h5 {
    border: 1px solid #fff;
    padding: 1px 15px;
    font-size: 22px;
    border-radius: 13px;
    color: #fff;
}

.home_new_blog_left .card {
    position: relative;
    color: #fff;
    border-radius: 0;
    margin: 0;
}

.home_new_blog_left .card-body {
    position: absolute;
    bottom: 15px;
    left: 25px;
    z-index: 9;
}

.home_new_blog_left .card img {
    width: 100%;
    height: 720px;
    object-fit: cover;
    position: relative;
}

.home_new_blog_left .card::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    right: 0px;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
    transition: all 500ms ease;
}

.home_new_blog_main .card-body .card-title {
    font-size: 40px;
}

.home_new_blog_main .card-body p {
    font-size: 20px;
    color: #fff;
}

.home_new_blog_fast.home_new_blog_left img {
    width: 100%;
    height: 350px;
    object-fit: cover;
    position: relative;
}

.home_new_blog_second.home_new_blog_left {
    display: flex;
    gap: 20px;
}

.home_new_blog_second.home_new_blog_left img {
    width: 100%;
    height: 344px;
    object-fit: cover;
    position: relative;
}

.home_new_blog_fast.home_new_blog_left .card-title {
    font-size: 28px;
    padding-right: 85px;
}

.home_new_blog_second.home_new_blog_left .card-title {
    font-size: 20px;
}

.home_new_blog_left {
    margin-right: 20px;    
}

.home_new_blog_second.home_new_blog_left {
    margin: 0;
}

.home_new_blog_fast.home_new_blog_left {
    margin: 0;
}

.home_new_blog_right {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

section#home_new_blog_sec {
    padding-top: 30px;
    padding-bottom: 50px;
}

.card a {color:#fff !important ;}

/* Override card link color for mobile readability */
@media (max-width: 767px) {
    .linkplacebox .card a,
    .tab-pane .card a {
        color: #222 !important;
    }
}

.home_new_blog_main_btn {
    text-align: center;
    padding-top: 30px !important;
}

.home_new_blog_main_btn a {
    border: 1px solid #000;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 10px;
    color: #000;
    text-transform: capitalize;
    background-color: #00a652;
    border: none;
    color: #fff;
}

.home_new_blog_sec .row {
    margin: 0 !important;
    padding: 0 !important;
}
.home_new_blog_sec .row .col-md-6 {
    margin: 0;
    padding: 0;
}

/* ================================New-blog-Home-page-end============================= */

/* ====================================
   MODERN GLOBAL COMPONENTS
   Reusable components untuk semua halaman
   ==================================== */

/* Modern Hero Sections */
.modern-hero-section {
    padding: 80px 0 60px;
    background: linear-gradient(135deg, #f8f9ff 0%, #ffffff 50%, #f1f4ff 100%);
    position: relative;
    overflow: hidden;
}

.modern-hero-section::before {
    content: "";
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle at 30% 70%, rgba(74, 144, 226, 0.03) 0%, transparent 50%);
    pointer-events: none;
    z-index: 1;
}

.hero-content-wrapper {
    position: relative;
    z-index: 2;
    text-align: center;
}

.hero-main-title {
    font-size: clamp(2rem, 5vw, 3.2rem);
    font-weight: 700;
    color: #2c3e50;
    line-height: 1.2;
    margin-bottom: 15px;
    letter-spacing: -0.5px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.modern-title-underline {
    width: 80px;
    height: 3px;
    background: linear-gradient(90deg, #4a90e2, #67b3f3);
    margin: 0 auto;
    border-radius: 2px;
    position: relative;
}

.modern-title-underline::after {
    content: "";
    position: absolute;
    top: -2px;
    left: 50%;
    transform: translateX(-50%);
    width: 20px;
    height: 7px;
    background: rgba(74, 144, 226, 0.2);
    border-radius: 3px;
    z-index: -1;
}

/* Modern Section Headers */
.modern-section-header {
    margin-bottom: 60px;
    text-align: center;
}

.modern-section-tag {
    display: inline-block;
    padding: 8px 20px;
    background: linear-gradient(45deg, rgba(74, 144, 226, 0.1), rgba(103, 179, 243, 0.1));
    color: #2b548c;
    font-size: 0.9rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 25px;
    border: 1px solid rgba(74, 144, 226, 0.2);
    margin-bottom: 20px;
}

.modern-section-title {
    font-size: clamp(1.8rem, 4vw, 2.5rem);
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 15px;
}

.modern-section-subtitle {
    font-size: 1.1rem;
    color: #666;
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.6;
}

/* Modern Feature Cards */
.modern-feature-card {
    background: #ffffff;
    border-radius: 20px;
    padding: 40px 30px;
    text-align: center;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    border: 1px solid rgba(255, 255, 255, 0.8);
    position: relative;
    overflow: hidden;
    height: 100%;
}

.modern-feature-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #fcb913, #fcb913);
    transform: scaleX(0);
    transition: transform 0.4s ease;
}

.modern-feature-card:hover::before {
    transform: scaleX(1);
}

.modern-feature-card:hover {
    transform: translateY(-15px);
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.12);
}

.modern-feature-icon-wrapper {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #00a652 0%, #00a653a2 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 25px;
    box-shadow: 0 10px 30px rgba(74, 144, 226, 0.3);
    transition: all 0.4s ease;
}

.modern-feature-card:hover .modern-feature-icon-wrapper {
    transform: scale(1.1);
}

.modern-feature-icon {
    font-size: 2rem;
    color: #ffffff;
}

.modern-feature-title {
    font-size: 1.4rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 15px;
    line-height: 1.3;
    font-family: 'Playfair Display', serif;
}

.modern-feature-description {
    font-size: 1rem;
    line-height: 1.7;
    color: #556270;
    margin-bottom: 20px;
}

/* Modern Buttons */
.modern-btn {
    background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
    border: none;
    color: white;
    padding: 0.75rem 1.5rem;
    border-radius: 0.5rem;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
    display: inline-block;
    box-shadow: 0 4px 14px 0 rgba(40, 167, 69, 0.4);
}

.modern-btn:hover {
    background: linear-gradient(135deg, #218838 0%, #1e7e34 100%);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px 0 rgba(40, 167, 69, 0.5);
    color: white;
    text-decoration: none;
}

.modern-btn-outline {
    background: transparent;
    border: 2px solid #28a745;
    color: #28a745;
    padding: 0.75rem 1.5rem;
    border-radius: 0.5rem;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
    display: inline-block;
}

.modern-btn-outline:hover {
    background: #28a745;
    color: white;
    text-decoration: none;
}

/* Modern Cards */
.modern-card {
    position: relative;
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
    border: 1px solid #e9ecef;
    border-radius: 0.75rem;
    overflow: visible;
    transition: all 0.5s ease;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    height: 100%;
}

.modern-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.modern-card-image {
    width: 100%;
    height: 250px;
    object-fit: cover;
    transition: transform 0.7s ease;
}

.modern-card:hover .modern-card-image {
    transform: scale(1.1);
}

.modern-card-body {
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.modern-card-title {
    font-size: 1.2rem;
    font-weight: 700;
    color: #333;
    margin-bottom: 1rem;
    line-height: 1.5;
}

.modern-card-text {
    color: #666;
    font-size: 0.95rem;
    margin-bottom: 1rem;
    line-height: 1.5;
    flex-grow: 1;
}

/* Modern Gallery */
.modern-gallery-item {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    background: #fff;
}

.modern-gallery-item:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

.modern-gallery-image {
    width: 100%;
    height: 280px;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.modern-gallery-item:hover .modern-gallery-image {
    transform: scale(1.1);
}

/* Trust Indicators */
.modern-trust-indicators {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    padding: 25px 0;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 50px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06);
    font-size: 1.3rem;
}

.modern-trust-item {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 1.1rem;
    color: #556270;
    font-weight: 500;
}

.modern-trust-item i {
    color: #2b548c;
    font-size: 1.4rem;
}

/* Statistics */
.modern-stat-item {
    text-align: center;
    padding: 20px;
}

.modern-stat-number {
    font-size: 2.5rem;
    font-weight: 800;
    color: #2b548c;
    margin-bottom: 8px;
    font-family: "Playfair Display", serif;
}

.modern-stat-label {
    font-size: 0.95rem;
    color: #556270;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Pricing Components */
.modern-pricing-section {
    background-color: #f8f9fa;
    padding: 15px;
    border-radius: 8px;
    text-align: left;
    margin-bottom: 15px;
    transition: all 0.3s ease;
}

.modern-pricing-label {
    color: #6c757d;
    font-size: 12px;
    margin-bottom: 5px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 500;
}

.modern-pricing-amount {
    color: #2b548c;
    font-size: 24px;
    font-weight: bold;
    line-height: 1;
}

.modern-pricing-unit {
    color: #6c757d;
    font-size: 12px;
    margin-top: 2px;
    font-weight: 400;
}

/* CTA Sections */
.modern-cta {
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
        url("../images/luxury-travel-ivs.jpg");
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    padding: 100px 0;
    color: #fff;
}

.modern-cta-content {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}

.modern-cta h2 {
    font-size: clamp(2rem, 5vw, 3rem);
    margin-bottom: 20px;
    color: #fff;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.modern-cta p {
    color: #fff;
    font-size: 1.1rem;
    line-height: 1.7;
    margin-bottom: 30px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

.modern-cta-buttons {
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
}

/* Hero Banner Components */
.modern-hero-banner {
    position: relative;
    width: 100%;
    height: 100vh;
    min-height: 700px;
    overflow: hidden;
    background: #000;
    margin: 0;
    padding: 0;
}

.modern-hero-slider {
    width: 100%;
    height: 100%;
    position: relative;
}

.modern-hero-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    transition: opacity 1.5s ease;
}

.modern-hero-slide::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 1;
}

.modern-hero-slide.active {
    opacity: 1;
    z-index: 1;
}

.modern-hero-content {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    z-index: 10;
}

.modern-hero-title {
    font-family: 'RobotoBold_0', 'Roboto Slab', sans-serif;
    font-size: clamp(2rem, 6vw, 3.8rem);
    color: #fff;
    text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
    margin-bottom: 1rem;
    font-weight: 700;
    letter-spacing: 1px;
}

.modern-hero-subtitle {
    font-family: 'RobotoRegular', sans-serif;
    font-size: clamp(1rem, 2.2vw, 1.4rem);
    color: #fff;
    text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.5);
    margin-bottom: 2rem;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

/* Hero controls are defined below in the complete section */

/* Lightbox Global - Use .lightbox-* classes for all lightbox functionality */

/* Responsive Design untuk Modern Components */
@media (max-width: 991px) {
    .modern-hero-section {
        padding: 60px 0 40px;
    }
    
    .modern-feature-card {
        margin-bottom: 30px;
    }
    
    .modern-trust-indicators {
        gap: 15px;
        padding: 20px 15px;
    }
    
    .modern-hero-banner {
        height: 80vh;
    }
    
    .modern-hero-control-prev {
        left: 20px;
    }
    
    .modern-hero-control-next {
        right: 20px;
    }
}

@media (max-width: 767px) {
    .modern-hero-section {
        padding: 50px 0 30px;
    }
    
    .modern-trust-indicators {
        flex-direction: column;
        gap: 12px;
        border-radius: 20px;
    }
    
    .modern-cta-buttons {
        flex-direction: column;
        align-items: center;
    }
    
    .modern-cta {
        padding: 50px 0;
    }
    
    .modern-hero-banner {
        height: 70vh;
        min-height: 500px;
    }
    
    .modern-hero-controls {
        width: 40px;
        height: 40px;
    }
    
    .modern-hero-control-prev {
        left: 15px;
    }
    
    .modern-hero-control-next {
        right: 15px;
    }
}

@media (max-width: 575px) {
    .modern-section-header {
        margin-bottom: 40px;
    }
}

/* ====================================
   ADDITIONAL ESCORTED TOURS STYLES
   Unique styles not covered by global components
   ==================================== */

.hero-text-wrapper {
    position: relative;
}

.modern-hero-text-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: opacity 1s ease, transform 1s ease, visibility 0s linear 1s;
}

.modern-hero-text-content.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition: opacity 1s ease, transform 1s ease, visibility 0s linear;
    position: relative;
}



.hero-controls {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 15;
    pointer-events: none;
}

.modern-hero-control-prev,
.modern-hero-control-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 60px;
    height: 60px;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-decoration: none;
    transition: all 0.3s ease;
    pointer-events: auto;
    cursor: pointer;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}

.modern-hero-control-prev {
    left: 30px;
}

.modern-hero-control-next {
    right: 30px;
}

.modern-hero-control-prev:hover,
.modern-hero-control-next:hover {
    background-color: rgba(74, 144, 226, 0.8);
    transform: translateY(-50%) scale(1.1);
    color: #fff;
    text-decoration: none;
}

.hero-scroll-indicator {
    position: sticky;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    z-index: 10;
    color: #fff;
    animation: fadeInUp 2s ease-in-out infinite;
}

.scroll-arrow {
    width: 20px;
    height: 20px;
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
    transform: rotate(45deg);
    margin: 0 auto 5px;
}

.scroll-text {
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

@keyframes fadeInUp {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-10px);
    }
    60% {
        transform: translateY(-5px);
    }
}

/* Hero Section Content Missing */
.hero-decoration-top {
    width: 100px;
    height: 2px;
    background: linear-gradient(90deg, transparent, #fcb913, transparent);
    margin: 0 auto 20px;
    position: relative;
}

.hero-decoration-top::after {
    content: "";
    position: absolute;
    top: -3px;
    left: 50%;
    transform: translateX(-50%);
    width: 8px;
    height: 8px;
    background: #fcb913;
    border-radius: 50%;
}

.hero-decoration-bottom {
    width: 60px;
    height: 1px;
    background: #fcb913;
    margin: 20px auto 0;
}

.hero-title-container {
    margin-bottom: 25px;
}



.hero-description-container {
    margin-bottom: 30px;
}

.description-content {
    max-width: 800px;
    margin: 0 auto;
    font-size: 1.1rem;
    line-height: 1.8;
    color: #556270;
    text-align: center;
}

.description-content p {
    margin-bottom: 1rem;
}

.description-content p:last-child {
    margin-bottom: 0;
}

.description-content strong {
    color: #2b548c;
    font-weight: 600;
}



/* Why Choose Us Section */
.why-choose-us-section {
    padding: 100px 0;
    background: linear-gradient(135deg, #f8f9ff 0%, #ffffff 50%, #f1f4ff 100%);
    position: relative;
}

.why-choose-us-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at 70% 30%, rgba(74, 144, 226, 0.05) 0%, transparent 50%);
    pointer-events: none;
}

.section-tag {
    display: inline-block;
    padding: 10px 25px;
    background: linear-gradient(45deg, rgba(74, 144, 226, 0.1), rgba(103, 179, 243, 0.1));
    color: #2b548c;
    font-size: 0.9rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 25px;
    border: 1px solid rgba(74, 144, 226, 0.2);
    margin-bottom: 20px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

.why-features-grid {
    margin-top: 40px;
}

.why-feature-card {
    background: #ffffff;
    border-radius: 20px;
    padding: 40px 30px;
    text-align: center;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    border: 1px solid rgba(255, 255, 255, 0.8);
    position: relative;
    overflow: hidden;
    height: 100%;
}

.why-feature-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #fcb913, #fcb913);
    transform: scaleX(0);
    transition: transform 0.4s ease;
}

.why-feature-card:hover::before {
    transform: scaleX(1);
}

.why-feature-card:hover {
    transform: translateY(-15px);
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.12);
}





.feature-content {
    flex: 1;
}

.feature-title {
    font-size: 1.4rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 15px;
    line-height: 1.3;
    font-family: 'Playfair Display', serif;
}

.feature-description {
    font-size: 1rem;
    line-height: 1.7;
    color: #556270;
    margin-bottom: 20px;
}

.feature-highlight {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 20px;
}

.highlight-item {
    display: inline-block;
    padding: 6px 12px;
    background: rgba(74, 144, 226, 0.1);
    color: #2b548c;
    font-size: 0.85rem;
    font-weight: 500;
    border-radius: 15px;
    border: 1px solid rgba(74, 144, 226, 0.2);
    transition: all 0.3s ease;
}

.why-feature-card:hover .highlight-item {
    background: rgba(74, 144, 226, 0.15);
    border-color: rgba(74, 144, 226, 0.3);
}

/* Trust Statistics */
.trust-statistics {
    margin-top: 60px;
    padding: 40px 0;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 20px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.stat-item {
    padding: 20px;
}

.stat-number {
    font-size: 2.5rem;
    font-weight: 800;
    color: #2b548c;
    margin-bottom: 8px;
    font-family: "Playfair Display", serif;
}

.stat-label {
    font-size: 0.95rem;
    color: #556270;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Tours Grid Section */
.tours-grid-section {
    padding: 100px 0;
    background: linear-gradient(135deg, #ffffff 0%, #f8f9ff 100%);
    position: relative;
}

.tours-grid-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at 30% 70%, rgba(74, 144, 226, 0.03) 0%, transparent 50%);
    pointer-events: none;
}

.tours-grid-section .container {
    position: relative;
    z-index: 2;
}

/* Tour Cards */
.tours-main-section {
    position: relative;
}

.new-tour-badge {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 75px;
    height: 75px;
    background-image: url("/images/NEW.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 20;
    animation: newBadgeZoom 2s ease-in-out infinite;
    pointer-events: none;
}

@keyframes newBadgeZoom {
    0%, 100% { 
        transform: scale(0.95); 
    }
    50% { 
        transform: scale(1.1); 
    }
}

.tour-card {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
    border: 1px solid #e9ecef;
    border-radius: 0.75rem;
    overflow: hidden;
    transition: all 0.5s ease;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    height: 100%;
}

.tour-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.tour-image-container {
    position: relative;
    overflow: hidden;
    height: 250px;
}

.tour-image {
    width: 100%;
    height: 250px;
    object-fit: cover;
    transition: transform 0.7s ease;
}

.tour-card:hover .tour-image {
    transform: scale(1.1);
}

.tour-image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.3) 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.tour-card:hover .tour-image-overlay {
    opacity: 1;
}

.tour-badge {
    position: absolute;
    top: 1rem;
    left: 1rem;
    background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 50px;
    font-size: 0.8rem;
    font-weight: 600;
    box-shadow: 0 4px 14px 0 rgba(40, 167, 69, 0.4);
    z-index: 5;
}

.tour-content {
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.tour-title {
    font-size: 1.2rem;
    font-weight: 700;
    color: #333;
    margin-bottom: 1rem;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 3rem;
    transition: color 0.3s ease;
}

.tour-title a {
    color: inherit;
    text-decoration: none;
}

.tour-title a:hover,
.tour-card:hover .tour-title,
.tour-card:hover .tour-title a {
    color: #28a745;
    text-decoration: none;
}

.tour-description {
    color: #666;
    font-size: 0.95rem;
    margin-bottom: 1rem;
    line-height: 1.5;
    flex-grow: 1;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tour-features {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.tour-feature {
    display: flex;
    align-items: center;
    color: #666;
    font-size: 0.9rem;
}

.tour-feature svg {
    width: 1rem;
    height: 1rem;
    margin-right: 0.5rem;
    color: #2b548c;
}

.tour-duration {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.tour-duration .tour-feature {
    margin: 0;
}

.tour-details-btn {
    display: inline-block;
    background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
    border: none;
    color: white;
    padding: 0.75rem 1.5rem;
    border-radius: 0.5rem;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 4px 14px 0 rgba(40, 167, 69, 0.4);
    text-align: center;
}

.tour-details-btn:hover {
    background: linear-gradient(135deg, #218838 0%, #1e7e34 100%);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px 0 rgba(40, 167, 69, 0.5);
    color: white;
    text-decoration: none;
}

.tour-footer {
    margin-top: auto;
}

/* Empty State */
.empty-state {
    text-align: center;
    padding: 60px 20px;
}

.empty-state svg {
    width: 80px;
    height: 80px;
    color: #dee2e6;
    margin-bottom: 20px;
}

.empty-state h3 {
    color: #6c757d;
    margin-bottom: 10px;
    font-size: 1.5rem;
}

.empty-state p {
    color: #6c757d;
}

/* ======================
   TEAM PAGE STYLES
   ====================== */

.team-members-section {
    padding: 80px 0;
}

.team-bio-content::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 2px;
}

.team-bio-content::-webkit-scrollbar-thumb {
    background: #0B6A6C;
    border-radius: 2px;
}

.team-bio-content::-webkit-scrollbar-thumb:hover {
    background: #0d7e80;
}

.team-bio-content p {
    margin-bottom: 15px;
    font-size: 0.9rem;
}

.team-bio-content h3 {
    font-size: 1.1rem;
    font-weight: 600;
    color: #0B6A6C;
    margin: 20px 0 10px 0;
}

.team-bio-content a {
    color: #0B6A6C;
    text-decoration: none;
    font-weight: 600;
}

.team-bio-content a:hover {
    text-decoration: underline;
}

.team-bio-content blockquote {
    background: #f8f9fa;
    border-left: 4px solid #0B6A6C;
    padding: 15px 20px;
    margin: 15px 0;
    font-style: italic;
    border-radius: 0 8px 8px 0;
}

.team-bio-content ul {
    padding-left: 20px;
    margin: 15px 0;
}

.team-bio-content li {
    margin-bottom: 8px;
}

/* Gallery Section */
.image-gallery-section {
    padding: 100px 0;
    background: #f8f9fa;
}

.section-header {
    margin-bottom: 60px;
}

.section-title {
    font-size: clamp(1.8rem, 4vw, 2.5rem);
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 15px;
}

.section-subtitle {
    font-size: 1.1rem;
    color: #666;
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.6;
    padding: 15px;
}

.gallery-grid {
    margin-top: 40px;
}

.gallery-item {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    background: #fff;
}

.gallery-item:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

.gallery-image-container {
    position: relative;
    overflow: hidden;
    height: 280px;
}

.gallery-image {
    width: 100%;
    height: 280px;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.gallery-item:hover .gallery-image {
    transform: scale(1.1);
}

.gallery-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(
        135deg,
        rgba(0, 166, 82, 0.3) 30%,
        rgba(0, 166, 82, 0.5) 100%
    );
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease;
}

.gallery-item:hover .gallery-overlay {
    opacity: 1;
    visibility: visible;
}

.gallery-overlay-content {
    text-align: center;
    color: #fff;
}

.gallery-item:hover .gallery-overlay-content {
    animation: fadeInUp 0.6s ease;
}

.gallery-zoom-icon {
    font-size: 1.5rem;
    margin-bottom: 15px;
    color: #fff;
}

.gallery-item:hover .gallery-zoom-icon {
    animation: pulse 1.5s ease-in-out infinite;
    color: #fff;
}

.gallery-title {
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 8px;
    color: #fff;
}

.gallery-description {
    font-size: 0.9rem;
    opacity: 0.9;
    line-height: 1.4;
    max-width: 250px;
    margin: 0 auto;
    color: #fff;
}

/* Gallery link cursor pointer */
.gallery-link {
    display: block;
    text-decoration: none;
    color: inherit;
}

.gallery-link:hover {
    text-decoration: none;
    color: inherit;
}

/* Lightbox Styles */
.lightbox-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.lightbox-overlay.active {
    opacity: 1;
    visibility: visible;
}

.lightbox-container {
    position: relative;
    max-width: 90%;
    max-height: 90%;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
    transform: scale(0.8);
    transition: transform 0.3s ease;
}

.lightbox-overlay.active .lightbox-container {
    transform: scale(1);
}

.lightbox-close {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 30px;
    color: #fff;
    cursor: pointer;
    z-index: 10000;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    transition: all 0.3s ease;
}

.lightbox-close:hover {
    background: rgba(0, 0, 0, 0.8);
    transform: scale(1.1);
}

.lightbox-content {
    position: relative;
    display: flex;
    flex-direction: column;
}

.lightbox-image {
    width: 100%;
    height: auto;
    max-height: 70vh;
    object-fit: contain;
}

.lightbox-info {
    padding: 20px;
    text-align: center;
}

.lightbox-title {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 10px;
    color: #333;
}

.lightbox-description {
    font-size: 1rem;
    color: #666;
    line-height: 1.5;
}

.lightbox-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    z-index: 10000;
}

.lightbox-prev,
.lightbox-next {
    background: rgba(95, 93, 93, 0.582);
    color: #fff;
    border: none;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    pointer-events: all;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 20px;
    transform: translateY(-50%);
}

.lightbox-prev:hover,
.lightbox-next:hover {
    background: rgb(71, 211, 71);
    transform: translateY(-50%) scale(1.1);
}

.lightbox-prev {
    left: 0;
}

.lightbox-next {
    right: 0;
}

/* Tour Feature Icons */
.tour-feature-icon {
    color: #2b548c;
    margin-right: 5px;
}

.tour-duration-icon {
    color: #2b548c;
    margin-right: 5px;
}



/* Responsive Design */
@media (max-width: 1199px) {
    .hero-main-title {
        font-size: 2.5rem;
    }
    .trust-indicators {
        gap: 20px;
    }
}

@media (max-width: 991px) {
    .modern-hero-banner {
        height: 80vh;
    }
    
    .hero-btn-wrap {
        flex-direction: column;
        align-items: center;
        gap: 15px;
    }
    
    .trust-indicators {
        gap: 15px;
        padding: 20px 15px;
    }
    
    .why-choose-us-section {
        padding: 80px 0;
    }
    
    .feature-title {
        font-size: 1.2rem;
    }
    
    .trust-statistics {
        margin-top: 40px;
        padding: 30px 0;
    }
    
    .stat-number {
        font-size: 2rem;
    }
    
    .tours-grid-section {
        padding: 80px 0;
    }
    
    .modern-hero-control-prev {
        left: 20px;
    }
    
    .modern-hero-control-next {
        right: 20px;
    }
}

@media (max-width: 767px) {
    .modern-hero-banner {
        height: 70vh;
        min-height: 500px;
    }
    
    .trust-indicators {
        flex-direction: column;
        gap: 12px;
        border-radius: 20px;
        padding: 20px;
    }
    
    .why-choose-us-section {
        padding: 60px 0;
    }
    
    .why-feature-card {
        padding: 30px 20px;
        margin-bottom: 30px;
    }
    
    .feature-title {
        font-size: 1.1rem;
    }
    
    .feature-description {
        font-size: 0.95rem;
    }
    
    .trust-statistics {
        padding: 25px 0;
    }
    
    .stat-number {
        font-size: 1.8rem;
    }
    
    .stat-label {
        font-size: 0.85rem;
    }
    
    .tours-grid-section {
        padding: 60px 0;
    }
    
    .tour-image-container {
        height: 200px;
    }
    
    .tour-image {
        height: 200px;
    }
    
    .gallery-image-container {
        height: 220px;
    }
    
    .gallery-image {
        height: 220px;
    }
    
    .lightbox-container {
        max-width: 95%;
        max-height: 85%;
    }
    
    .lightbox-prev,
    .lightbox-next {
        width: 40px;
        height: 40px;
        font-size: 14px;
        margin: 0 10px;
    }
    
    .lightbox-close {
        width: 35px;
        height: 35px;
        font-size: 24px;
        top: 10px;
        right: 15px;
    }
    
    .modern-hero-control-prev,
    .modern-hero-control-next {
        width: 40px;
        height: 40px;
    }
    
    .modern-hero-control-prev {
        left: 15px;
    }
    
    .modern-hero-control-next {
        right: 15px;
    }
}

@media (max-width: 575px) {
    .hero-main-title {
        font-size: 1.8rem;
    }
    
    .description-content {
        font-size: 1rem;
    }
    
    .trust-item {
        font-size: 0.9rem;
    }
    

    
    .tour-pricing-amount {
        font-size: 20px;
    }
}

/* ====================================
   HERO BUTTONS GLOBAL
   For hero banners across all pages
   ==================================== */

.hero-btn-wrap {
    display: flex;
    gap: 20px;
    justify-content: center;
    margin-top: 30px;
    flex-wrap: wrap;
}

.btn-hero,
.btn-hero-outline {
    display: inline-block;
    padding: 12px 30px;
    border-radius: 0;
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    z-index: 1;
    text-decoration: none;
    cursor: pointer;
    border: 2px solid;
}

.btn-hero {
    background-color: #00a652;
    color: #ffffff;
    border-color: #00a652;
}

.btn-hero:hover {
    background-color: transparent;
    color: #ffffff;
    border-color: #ffffff;
    text-decoration: none;
}

.btn-hero-outline {
    background-color: transparent;
    color: #ffffff;
    border-color: #ffffff;
}

.btn-hero-outline:hover {
    background-color: #ffffff;
    color: #00a652;
    border-color: #ffffff;
    text-decoration: none;
}

/* Responsive hero buttons */
@media (max-width: 767px) {
    .hero-btn-wrap {
        flex-direction: column;
        align-items: center;
        gap: 15px;
    }
    
    .btn-hero,
    .btn-hero-outline {
        width: 100%;
        max-width: 250px;
        text-align: center;
        padding: 14px 20px;
    }
}

/* ====================================
   PRESS MEDIA COMPONENTS GLOBAL
   For "AS SEEN IN" sections and press coverage
   ==================================== */

/* Logo Marquee for AS SEEN IN Section */
.press-logo-marquee {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #f8f9fa;
    padding: 15px 0;
    border-radius: 8px;
}

.press-marquee-container {
    display: flex;
    width: 100%;
}

.press-marquee-content {
    display: flex;
    animation: pressMarqueeScroll 30s linear infinite;
    margin-right: 30px;
}

.press-logo-item {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 25px;
    transition: all 0.3s ease;
}

.press-logo-item img {
    max-height: 30px;
    width: auto;
    opacity: 0.7;
    transition: opacity 0.3s ease, transform 0.3s ease;
    filter: grayscale(100%);
}

.press-logo-item:hover img,
.press-logo-item.logo-focus img {
    opacity: 1;
    transform: scale(1.05);
    filter: grayscale(0%);
}

@keyframes pressMarqueeScroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(-100% - 30px));
    }
}

/* Pause animation on hover */
.press-logo-marquee:hover .press-marquee-content {
    animation-play-state: paused;
}

/* Press Section Buttons */
.btn1-hero,
.btn1-hero-outline {
    display: inline-block;
    padding: 12px 30px;
    border-radius: 0;
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    z-index: 1;
    text-decoration: none;
    cursor: pointer;
    border: 2px solid;
}

.btn1-hero {
    background-color: #00a652;
    color: #ffffff;
    border-color: #00a652;
}

.btn1-hero:hover {
    background-color: transparent;
    color: #00a652;
    border-color: #00a652;
    text-decoration: none;
}

.btn1-hero-outline {
    background-color: transparent;
    color: #ffffff;
    border-color: #ffffff;
}

.btn1-hero-outline:hover {
    background-color: #ffffff;
    color: #00a652;
    border-color: #ffffff;
    text-decoration: none;
}

/* Responsive press components */
@media (max-width: 767px) {
    .press-logo-item {
        padding: 0 15px;
    }
    
    .press-logo-item img {
        max-height: 25px;
    }
    
    .btn1-hero,
    .btn1-hero-outline {
        width: 100%;
        max-width: 280px;
        text-align: center;
        padding: 14px 20px;
    }
}

/* Professional Team Grid Layout */
.team-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 2.5rem;
    margin: 3rem 0;
    padding: 0 1rem;
}



.team-bio-content {
    color: #666;
    line-height: 1.7;
    font-size: 0.95rem;
}

.team-bio-content p {
    margin-bottom: 1rem;
}

.team-bio-content strong {
    color: #2c3e50;
    font-weight: 600;
}



/* Professional Statistics */
.trust-statistics-section {
    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
    margin: 4rem 0;
    padding: 4rem 0;
    border-radius: 20px;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.modern-stat-item {
    padding: 2rem 1rem;
    transition: transform 0.3s ease;
}

.modern-stat-item:hover {
    transform: translateY(-5px);
}

.stat-icon {
    font-size: 2.5rem;
    color: #8B4513;
    margin-bottom: 1rem;
}

.modern-stat-number {
    font-size: 2.8rem;
    font-weight: 800;
    color: #2c3e50;
    font-family: 'Playfair Display', serif;
    margin-bottom: 0.5rem;
}

.modern-stat-label {
    color: #666;
    font-size: 1rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Responsive Enhancements */
@media (max-width: 768px) {
    .team-grid {
        grid-template-columns: 1fr;
        gap: 2rem;
        margin: 2rem 0;
        padding: 0 0.5rem;
    }
    

    
    .modern-stat-number {
        font-size: 2.2rem;
    }
    
    .trust-statistics-section {
        margin: 2rem 0;
        padding: 3rem 0;
    }
}

@media (max-width: 480px) {
    .team-grid {
        gap: 1.5rem;
    }
}
/* Custom Dropdown Styling */
.dropdown-menu.custom-dropdown {
    background-color: #00a652 !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    min-width: 150px;
}

/* Item dropdown */
.dropdown-menu.custom-dropdown .dropdown-item {
    color: #fff !important;
    background-color: #00a652 !important;
    padding: 10px 18px !important;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 500;
    transition: all 0.2s ease-in-out;
}

/* Hover effect */
.dropdown-menu.custom-dropdown .dropdown-item:hover,
.dropdown-menu.custom-dropdown .dropdown-item:focus,
.dropdown-menu.custom-dropdown .dropdown-item:active {
    background-color: #fcb913 !important;
    color: #000 !important;
}

/* --- Mobile Fix (phones only) --- */
@media (max-width: 767.98px) {
  .navbar-nav .dropdown-menu.custom-dropdown {
      position: static !important;
      float: none !important;
      width: 100% !important;
      min-width: unset !important;
      margin: 0 !important;
      border-radius: 0 !important;
  }

  .navbar-nav .dropdown-menu.custom-dropdown .dropdown-item {
      padding-left: 25px !important;
  }
}

/* ========================================
   FLOATING BANNER + MODAL OVERLAY
   Global component (loaded on all pages)
   ======================================== */

/* --- CSS Variables --- */
:root {
    --fb-accent: #00a652;
    --fb-bg: #f5f5f4;
    --fb-icon-bg: rgba(0,166,82,0.10);
}

/* --- Floating Banner --- */
.fb-banner {
    position: fixed;
    bottom: 24px;
    left: 24px;
    z-index: 9998;
    max-width: 420px;
    width: calc(100% - 48px);
    background: var(--fb-bg);
    border: 1px solid rgba(0,0,0,0.08);
    border-left: 4px solid var(--fb-accent);
    box-shadow: 0 20px 60px rgba(0,0,0,0.12), 0 0 0 1px rgba(0,0,0,0.04);
    font-family: -apple-system, BlinkMacSystemFont, 'Inter', 'Segoe UI', Roboto, sans-serif;
    display: flex;
    align-items: stretch;
    opacity: 0;
    transform: translateY(20px) translateX(-10px);
    pointer-events: none;
    transition: opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1),
                transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
    border-radius: 0 !important;
}

.fb-banner.fb-visible {
    opacity: 1;
    transform: translateY(0) translateX(0);
    pointer-events: auto;
}

.fb-banner-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px 14px;
    font-size: 24px;
    background: var(--fb-icon-bg);
    flex-shrink: 0;
    border-right: 1px solid rgba(0,0,0,0.06);
}

.fb-banner-body {
    flex: 1;
    padding: 14px 16px;
    min-width: 0;
}

.fb-banner-title {
    font-size: 14px;
    font-weight: 700;
    color: #1c1917;
    margin: 0 0 2px 0;
    letter-spacing: -0.01em;
    line-height: 1.3;
}

.fb-banner-subtitle {
    font-size: 12px;
    color: rgba(28,25,23,0.6);
    margin: 0;
    line-height: 1.4;
}

.fb-banner-actions {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 0 10px;
    flex-shrink: 0;
}

.fb-banner-cta {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 7px 14px;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    background: var(--fb-accent);
    border: none;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    transition: filter 0.2s, transform 0.15s;
    white-space: nowrap;
    border-radius: 0 !important;
    text-decoration: none;
}

.fb-banner-cta:hover {
    filter: brightness(1.15);
    transform: translateY(-1px);
    color: #fff;
    text-decoration: none;
}

.fb-banner-close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background: rgba(0,0,0,0.05);
    border: 1px solid rgba(0,0,0,0.08);
    color: rgba(28,25,23,0.45);
    cursor: pointer;
    font-size: 14px;
    transition: background 0.2s, color 0.2s;
    flex-shrink: 0;
    border-radius: 0 !important;
    padding: 0;
    line-height: 1;
}

.fb-banner-close:hover {
    background: rgba(0,0,0,0.1);
    color: #1c1917;
}

/* --- Modal Overlay --- */
.fb-overlay {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.35s ease;
}

.fb-overlay.fb-visible {
    opacity: 1;
    pointer-events: auto;
}

.fb-overlay-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.75);
    -webkit-backdrop-filter: blur(8px) saturate(120%);
    backdrop-filter: blur(8px) saturate(120%);
}

.fb-modal {
    position: relative;
    width: 100%;
    max-width: 720px;
    max-height: calc(100vh - 40px);
    max-height: calc(100dvh - 40px);
    background: #ffffff;
    border: 1px solid rgba(0,0,0,0.08);
    box-shadow: 0 32px 80px rgba(0,0,0,0.25);
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    border-radius: 0 !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Inter', 'Segoe UI', Roboto, sans-serif;
    transform: translateY(24px) scale(0.97);
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.fb-overlay.fb-visible .fb-modal {
    transform: translateY(0) scale(1);
}

.fb-modal::-webkit-scrollbar {
    width: 6px;
}

.fb-modal::-webkit-scrollbar-track {
    background: transparent;
}

.fb-modal::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0.15);
}

/* Modal Header */
.fb-modal-header {
    position: relative;
    padding: 40px 40px 32px;
    background: linear-gradient(135deg, #d6d3d1 0%, #e7e5e4 100%);
    border-bottom: 3px solid var(--fb-accent);
}

.fb-modal-close {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0.05);
    border: 1px solid rgba(0,0,0,0.1);
    color: rgba(28,25,23,0.5);
    cursor: pointer;
    font-size: 18px;
    transition: background 0.2s, color 0.2s;
    border-radius: 0 !important;
    padding: 0;
    line-height: 1;
}

.fb-modal-close:hover {
    background: rgba(0,0,0,0.1);
    color: #1c1917;
}

.fb-modal-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 12px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--fb-accent);
    background: var(--fb-icon-bg);
    border: 1px solid rgba(0,166,82,0.2);
    margin-bottom: 16px;
    border-radius: 0 !important;
}

.fb-modal-title {
    font-size: 26px;
    font-weight: 800;
    color: #1c1917;
    margin: 0 0 6px;
    letter-spacing: -0.02em;
    line-height: 1.2;
}

.fb-modal-subtitle {
    font-size: 15px;
    color: rgba(28,25,23,0.55);
    margin: 0;
    line-height: 1.5;
}

/* Modal Body */
.fb-modal-body {
    padding: 32px 40px;
}

.fb-modal-intro {
    font-size: 15px;
    line-height: 1.7;
    color: #475569;
    margin: 0 0 28px;
}

/* Feature Grid */
.fb-features {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-bottom: 28px;
}

.fb-feature {
    padding: 20px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    transition: border-color 0.2s, box-shadow 0.2s;
    border-radius: 0 !important;
}

.fb-feature:hover {
    border-color: rgba(0,166,82,0.25);
    box-shadow: 0 4px 12px rgba(0,0,0,0.04);
}

.fb-feature-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: var(--fb-icon-bg);
    color: var(--fb-accent);
    font-size: 16px;
    margin-bottom: 12px;
    border: 1px solid rgba(0,166,82,0.15);
    border-radius: 0 !important;
}

.fb-feature-title {
    font-size: 14px;
    font-weight: 700;
    color: #0f172a;
    margin: 0 0 6px;
    letter-spacing: -0.01em;
}

.fb-feature-desc {
    font-size: 13px;
    line-height: 1.6;
    color: #64748b;
    margin: 0;
}

/* Modal Footer */
.fb-modal-footer {
    padding: 24px 40px;
    background: #f8fafc;
    border-top: 1px solid #e2e8f0;
}

.fb-disclaimer {
    font-size: 12px;
    color: #94a3b8;
    margin: 0 0 12px;
    line-height: 1.6;
    font-style: italic;
}

.fb-footer-links {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
}

.fb-terms-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--fb-accent);
    text-decoration: none;
    transition: color 0.2s;
}

.fb-terms-link:hover {
    color: var(--fb-accent);
    filter: brightness(1.2);
    text-decoration: underline;
}

.fb-contact {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: #64748b;
}

.fb-contact strong {
    color: #0f172a;
    font-weight: 600;
}

/* --- Banner Responsive --- */
@media (max-width: 640px) {
    .fb-banner {
        bottom: 12px;
        left: 12px;
        right: auto;
        max-width: 220px;
        width: auto;
        border-left: 4px solid var(--fb-accent);
        border-top: none;
        border-bottom: none;
        flex-direction: column;
        align-items: stretch;
        box-shadow: 0 8px 24px rgba(0,0,0,0.1);
    }

    .fb-banner-icon {
        display: none;
    }

    .fb-banner-body {
        padding: 12px 14px 6px;
    }

    .fb-banner-title {
        font-size: 13px;
        line-height: 1.35;
    }

    .fb-banner-subtitle {
        display: none;
    }

    .fb-banner-actions {
        padding: 0 14px 10px;
        gap: 6px;
        justify-content: space-between;
    }

    .fb-features {
        grid-template-columns: 1fr;
    }

    .fb-modal-header {
        padding: 28px 20px 24px;
    }

    .fb-modal-title {
        font-size: 20px;
    }

    .fb-modal-subtitle {
        font-size: 13px;
    }

    .fb-modal-body {
        padding: 24px 20px;
    }

    .fb-modal-footer {
        padding: 20px;
    }

    .fb-footer-links {
        flex-direction: column;
        align-items: flex-start;
    }

    .fb-overlay {
        padding: 0;
        align-items: flex-end;
    }

    .fb-modal {
        max-height: 92vh;
        max-height: 92dvh;
    }
}

/* --- Print: hide banner/modal --- */
@media print {
    .fb-banner, .fb-overlay { display: none !important; }
}