@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');



:root {
--link-clr: #ef7b17;
--text-dark: #223645;
--text-light: #232323;
--btn-bg: #3A78C9;
--btn-bg-hover: #ef7b17;
--primary-textclr: #626672;
--bgdark: #272c49;
--bglight:#f6f6f6;
--whiteclr:#ffffff;
--primary-font:  "Poppins", sans-serif;
--secondary-font: "Montserrat", sans-serif;
--fsbody: 16px;
 
}


.tcolor{color: var(--link-clr);}
.bg-site {background-color: var(--bgdark);color: #fff;}
.bg-light{ background-color: var(--bglight) !important;} 
.bg-dark {background-color: var(--btn-bg) !important; color: #fff;} 
.text-light{color:var(--text-light);} 
 

body{ font-family: var(--primary-font);  font-size: var(--fsbody); font-weight: 400;color: var(--primary-textclr); 
  line-height: 1.7; overflow-x: hidden;}
a{color: var(--link-clr);text-decoration:none;outline: none;}

a,
.btn,
button{-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s; }
a:hover {color: var(--btn-bg-hover); text-decoration: none;}
.fancybox-button{min-width: auto;} 

h1, h2, h3, h4, h5, h6{ font-family: var(--secondary-font); font-weight: 700; line-height: 1.2;  
margin-bottom: 20px; color: var(--text-dark);}
.main-section a.link {word-break: break-all;overflow: hidden;display: inline-block;}
a.link i {font-size: 11px;}
h1{font-size: 55px;}
h2,
.heading-h2{font-size: 40px; }
h3{font-size: 22px;}
h4{font-size: 20px;}
h5{font-size: 20px;}
h6{font-size: 16px;}
img{max-width: 100%;}
button, .btn, input[type="submit"]{ min-width: 137px; padding: 12px 15px; cursor: pointer; position: relative; font-family: var(--secondary-font); box-shadow: none !important; color: #fff; background: var(--btn-bg); letter-spacing: 0; font-size: 16px; line-height: 21px; font-weight: 500; border-radius: 30px; 
  text-transform: capitalize; border: 1px solid;  border-color: var(--btn-bg);}
.btn.outline-btn { background: transparent; border-color: var(--btn-bg); border-color: var(--whiteclr);} 
.btn.outline-btn:is(:hover, :focus) { background: var(--btn-bg-hover);  color: var(--whiteclr); border-color: var(--btn-bg-hover);} 

[type=reset]:hover, [type=submit]:hover, button:hover, .btn:hover, html [type=button]:hover  {
  background: var(--btn-bg-hover);  border-color: var(--btn-bg-hover); color: #fff;  cursor: pointer;}
[type=reset]:focus, 
[type=submit]:focus,
button:focus, 
.btn:focus, 
html [type=button]:focus { outline: 0; box-shadow: none;}
input[type="file"] { font-size: 16px;   -webkit-appearance: none;}

.field {margin-bottom: 20px; width: 100%; float: left;}
.field-sm { float: left;  width: 50%;  padding: 0px 10px;}
.field .field-sm:first-child { padding-left: 0px;}
.field .field-sm:last-child { padding-right: 0px;}
form{display: inline-block;width: 100%;}
.form-control {  outline: none !important;  padding: 11px 15px;  border-radius: 4px;  border: 1px solid var(--whiteclr);
  background: var(--whiteclr) !important;  box-shadow:none !important;  font-size: 16px;  font-weight: 400; 
   color: var(--text-dark);  font-family: var(--secondary-font);  border-radius: 30px;  }
textarea.form-control { min-height: 91px;}
.form-control:focus {  background-color: transparent;  border-color: var(--whiteclr);} 
select.form-control:not([size]):not([multiple]) { height: 49px; -webkit-appearance: none;   background-image: url(images/select-arrow.png);
    background-position: 95% center;    background-repeat: no-repeat;}
blockquote { padding: 25px 48px 25px 25px;  border-left: 4px solid #000;
   background: var(--bgdark);   font-weight: 400;   position: relative;  line-height: 28px; }
blockquote strong{font-weight:500;}
blockquote:before {content: "";  position: absolute;   top: 0;   right: 0;   border-style: solid;  border-width: 0 41px 41px 0;  
    border-color: #ddd #fff;   transition: all ease .5s;}
.form-group label {display: block;  margin-bottom: 10px;}
.sm-container{padding: 0px 85px;}

 /* nochange*/
 
.font-medium{ font-weight: 500;}
.underline {text-decoration: underline;}
 strong { font-weight: 600;}
.font-light{font-weight: 300;}
.font-semi-bold{font-weight: 600;}
button i { vertical-align: middle;}
.br-5{border-radius: 5px;}
.br-10{border-radius: 10px;}
.box-shadow{ box-shadow: 5px 5px 10px rgb(0 0 0 / 6%);}
.object-fit {overflow: hidden;}
.object-fit img { width: 100% !important; height: 100% !important;  object-fit: cover;}
.zoom-hover img {-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition: all .5s;}
.zoom-hover:hover img {transform: scale(1.1);}
.list-style {padding: 0px; list-style: none;}
.list-style li { display: inline-block;}
 

.white-placeholder .form-control::placeholder {  color:var(--whiteclr); opacity: 1;  }
.white-placeholder .form-control::-webkit-input-placeholder { color:var(--whiteclr); opacity: 1;}
.white-placeholder .form-control::-moz-placeholder { color:var(--whiteclr);  opacity:1;}
.white-placeholder .form-control:-ms-input-placeholder { color:var(--whiteclr); opacity: 1;}
.white-placeholder .form-control:-moz-placeholder {color:var(--whiteclr); opacity: 1;}


.main-section{padding:60px 0px; background-size: cover !important; background-repeat: no-repeat !important; 
  background-position: center center !important;position: relative;}
.main-section .container{position:relative;}
.main-section:before{content:""; position:absolute; left:0px; top:0px; width:100% !important; 
  height:100% !important; background:transparent; }
 
 

  


/* header */

.header-bar { border-bottom: 1px solid rgba(167, 167, 167, 0.25); padding: 10px 0; } 
.heroslider .item:before { background-color: rgba(0, 0, 0, 0.7); content: ""; position: absolute; inset: 0; } 
.header-bar ul { list-style: none; padding: 0px; margin: 0px; } 
.header-bar ul li a { color: var(--whiteclr); } 
span.icon-circle { background-color: var(--btn-bg); -webkit-border-radius: 100%; -moz-border-radius: 100%; 
  -ms-border-radius: 100%; border-radius: 100%; color: var(--whiteclr); display: block; font-size: 17px; line-height: 45px; 
  height: 45px; min-width: 45px; text-align: center; width: 45px; } 
.tl-info span { font-size: 13px; } 
.tl-info p { font-size: 16px; font-family: 'Montserrat'; line-height: 1.2; } 
.block-center { align-items: center; } 
.logo {max-width:135px; margin-inline: auto;} 
.logo img {  -webkit-transition: opacity 0.4s linear;  -moz-transition: opacity 0.4s linear; -ms-transition: opacity 0.4s linear; 
  -o-transition: opacity 0.4s linear;   transition: opacity 0.4s linear; } 
.logo img:hover { opacity: 0.5; } 
.header  .icon-btn { font-size: 32px; min-width: auto; background:transparent !important; border: 0px;}




.header { position: fixed; inset-inline-start: 0px; inset-block-start: 0px; width: 100%; z-index: 99;
transition: all .5s;}
.menu ul.list-style li {margin-right: 20px;position: relative; text-transform: uppercase;} 
.menu ul.list-style li:last-child { margin-right: 0; } 
.menu ul.list-style li a {color: var(--whiteclr);} 
.menu ul.list-style > li > a {padding: 18px 10px;display: inline-block;}
.menu ul.list-style > li:hover > a{color: var(--link-clr);}
.menu ul.list-style li ul { position: absolute; left: 0px; width: 200px; padding: 0px; text-align: left; 
  background: var(--whiteclr); ; top: 100%; opacity: 0; pointer-events: none; } 
.menu ul.list-style li:hover > ul{ opacity: 1; pointer-events: all;}  
.menu ul.list-style li ul li { margin: 0px; display: inline-block; width: 100%; } 
.menu ul.list-style li ul li a { display: inline-block; width: 100%; padding: 5px 10px; color: #757575; } 
.menu ul.list-style li ul li:hover > a { background: var(--btn-bg); color: var(--whiteclr); }

.head-media a { border: 1px solid rgba(167, 167, 167, 0.5); -webkit-border-radius: 100%; -moz-border-radius: 100%; 
  -ms-border-radius: 100%; border-radius: 100%; display: block; font-size: 14px; line-height: 35px; height: 35px; 
  text-align: center; width: 35px; color: var(--whiteclr); } 
.head-media a:hover { border-color: var(--btn-bg); } 
.head-media ul { padding: 0px; margin: 0px; }
.header.sticky {-webkit-box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.2);}
.header.sticky { background: var(--whiteclr); transform: translateY(-76px); }  
.header.sticky .menu ul.list-style li a, 
.header.sticky .head-media a {color: #404040;}


.banner-btn { display: flex ; justify-content: center; gap: 15px; }
.heroslider .item { height: 100vh; display: flex; align-items: center; justify-content: center;
padding-block-start:150px; } 
.hero-content{width: 100%;position: relative;z-index: 1;}
.bg-img { background-repeat: no-repeat !important; background-position: center center !important; background-size: cover !important; }
.banner-title {  font-size: 70px;  line-height: 1.1;  margin-bottom: 20px; font-family: var(--secondary-font);
margin-bottom: 15px; line-height: 1.3; font-weight: 700;}
.banner-content p {  margin-bottom: 30px;}

.advsearch { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; } 
.advsearch .field { width: calc(25% - 20px); margin-block-end: 0px; display: flex; flex-direction: column; } 
.white-btn { background: var(--whiteclr); color: var(--btn-bg); } 
.advsearch .btn { width: 100%; margin-top: 27px; } 
.fs-5 { font-size: 13px !important; } 
.fw-400 { font-weight: 500; }

.sidebar { position: fixed; inset-block-start: 0px; inset-inline-start: 0px; background-color: rgb(0 0 0 / 14%); 
  width: 100%; height: 100%; z-index: 99; backdrop-filter: blur(5px); transition: all .5s; 
  transform: translateX(100%);} 
.sidebarOpen .sidebar { transform: none;}
body.sidebarOpen {  overflow: hidden;}  
.aside-container { width: 330px; background: var(--whiteclr); height: 100%; margin-inline-start: auto; display: flex; 
  flex-direction: column; align-items: center;  gap: 50px; padding: 50px 25px; overflow-y: auto;} 
.aside-container  .footer-widget address a { color: var(--primary-textclr); } 
.aside-container .footer-widget { text-align: center; } 
.aside-container .footer-widget address { text-align: start; } 
.aside-item { text-align: center; font-size: 15px;} 
button.cls-sidebar {margin-block-end: auto;min-width: auto;background: transparent;border: 0px;padding: 15px;color: #000;
  position: absolute;inset-inline-end: 0px;inset-block-start: 0px;font-size: 20px;} 
.aside-item .footer-widget h4 { color: var(--text-dark); margin-bottom: 0px; } 
.aside-item .footer-widget h4:before { display: none; } 
.aside-item .head-media ul { justify-content: center; } 
.aside-item .head-media a { color: var(--primary-textclr); }
.aside-item .head-media a:is(:hover, :focus) { color: var(--btn-bg); }
.aside-item .head-media { justify-content: center !important;}
 
@media screen and (min-width: 576px) {
  /* .package-item {  display: grid;   grid-template-columns: 33.33% auto; } */
}

.package-item {
  background-color: #F9F9F9;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  border-radius: 15px;
  margin-bottom: 40px;
  overflow: hidden;
  width: calc(33.33% - 30px);
  flex-direction: column;
  }
.package-item .package-image {background-size: cover;background-position: center center;background-repeat: no-repeat;height: 250px;}
h6.price-list {font-size: 30px;margin: 15px 0;}

.package-item .package-meta {
  background-color: var(--whiteclr);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  border-radius: 25px;
  display: inline-block;
  padding: 10px 10px;
  position: relative;
  }
.package-item .package-meta ul { font-size: 0; margin: 0; padding: 0;  }
.package-item .package-meta ul li {
    display: inline-block;
    font-size: 11px;
    line-height: 1.1;
    padding: 0 12px;
    position: relative;
    font-weight: 500;
    }
.package-item .package-meta ul li [class*=fa-] {   color: var(--btn-bg);   margin-right: 4px;}
.package-item .package-meta ul li:before {  color: #BBBBBB;  content: "|";   position: absolute; right: -3px;  top: 0;  }
.package-item .package-meta ul li:first-child { padding-left: 0;  }
.package-item .package-meta ul li:last-child { padding-right: 0;}
.package-item .package-meta ul li:last-child:before {  display: none;  }  
.package-item .package-content {padding: 15px;}
.package-content h3 a {color: var(--text-dark);}
.package-content h3 a:hover { color: var(--btn-bg);}
.package-section {  display: flex;   gap: 30px;    flex-wrap: wrap;}
.package-item .package-content h3 {  margin-block-end: 10px;}
.our_value .d-grid { grid-template-columns: repeat(auto-fit, minmax(282px, 1fr)); gap: 30px; padding: 0px; margin: 0px; 
  list-style: none; text-align: center; } 
.our_value .d-grid li { background: var(--whiteclr); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); border-radius: 10px; padding: 20px; 
  transition: all.5s; } 
.our_value .d-grid li img { max-height: 50px; margin-block-end: 20px; } 
.our_value .d-grid li:hover { transform: translateY(-10px) !important; }
.rating { color: var(--btn-bg); position: absolute; right: 10px; top: -20px; background: var(--whiteclr); border-radius: 10px; box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.2); padding: 5px 10px; }



/* owl */
.owl-dots button:before, .owl-dots button:after, 
.owl-dots button span:before, .owl-dots button span:after { display: none;}
.owl-dots { height: auto !important;    width: 100%;
    text-align: center;    padding-top: 10px;    background: transparent !important;
    position: absolute;    bottom: 10px;    margin: 0px;}
.owl-dots button {background-color: var(--whiteclr) !important;overflow: hidden;display: inline-block;min-width: auto !important;margin-right: 7px;width: 10px;height: 10px;border: 1px solid #fff !important;border-radius:100%;}
.owl-dots button.owl-dot.active {background: var(--btn-bg) !important;}
.owl-dots button{box-shadow:none !important; outline:none !important;}
.owl-nav button {width: 45px;min-width: auto;height: 45px;position: relative;overflow: hidden;border: 1px solid #000 !important;color: #fff !important;pointer-events: all;background: #000 !important;}
.owl-nav  .fa-angle-right:before {font-family: 'remixicon' !important; content: "\ea6e";}
.owl-nav .fa-angle-left:before {font-family: 'remixicon' !important; content: "\ea64";} 
.owl-carousel .owl-item img {width: auto;}
.owl-nav { position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; 
  align-items: center; justify-content: space-between; padding-inline: 15px; } 
.owl-nav i { font-style: normal; font-size:20px; }

.cta-section{background: url(images/croatia.jpg);padding: 40px;border-radius: 20px;overflow: hidden;}
.cta-section:before {  background: linear-gradient(183deg, black, rgb(0 0 0 / 46%));}
.about-health { background: var(--bgdark);}
.about-health-txt {  padding: 50px;   padding-inline-start: 8%;}
.about-health-txt {  padding: 50px;  padding-inline-start: 8%;} 
.about-health h2 { color: #fff; } 
.health-point h3 { font-size: 42px;}
ul.hp-list li { display: flex; align-items: center; gap: 20px; } 
.hp-list { display: flex; flex-direction: column; gap: 20px; padding: 0px; margin: 30px 0px; } 
.hp-list li .hp-list-icon { width: 100px; height: 100px; border-radius: 100%; align-items: center; justify-content: center; 
  flex: 0 0 100px; background: #343854; display: flex; position: relative; } 
.hp-list li .hp-list-icon img { max-width: 55px; } 
.hp-list li .hp-list-icon span { position: absolute; right: 0px; bottom: 10px; width: 20px; height: 20px; background: #e66a23; 
  border-radius: 100%; font-size: 10px; display: flex; align-items: center; justify-content: center; } 
.hp-list-txt h4 { margin-block-end: 8px; font-size: 23px; } 
.hp-list-txt p { margin: 0px; }

.process-bg{  background: url(images/hero1.jpg);  background-position: center right;   background-repeat: no-repeat; 
    background-size: cover;  }

/* footer  */


.footer{background-color: var(--bgdark);}
.copyright { margin-top: 50px; background-color:var(--btn-bg-hover); padding: 10px 0px; font-size: 14px; } 
.footer-widget h4 { color: var(--whiteclr); position: relative; padding-bottom: 10px; } 
.footer-widget h4:before { content: ""; width: 50px; height: 2px; 
  background: var(--whiteclr);   position: absolute; bottom: 0px; left: 0px; } 
.footer-widget ul li a { color: var(--whiteclr); opacity: 0.8;} 
.footer-widget ul li a:hover { color: var(--btn-bg-hover); opacity: 1; } 

.footer-widget ul { list-style: none; padding: 0px; margin: 0px; } 
.footer-widget ul li { margin-bottom: 9px; } 
.footer-widget address { display: flex; gap: 10px; } 
.footer-widget address a { color: var(--whiteclr); overflow-wrap: anywhere;} 
.footer-widget address a:hover { color: var(--btn-bg-hover); }
.footer-logo {  max-width: 200px;  margin-block-end: 20px;}
.back-to-top {    position: fixed;  bottom: 70px;  right: 30px; text-align: center; font-size: 16px; color: #000000; 
  letter-spacing: .308px; z-index: 9;
    display: inline-block !important;}
.back-to-top span { border-radius: 50%; border: 1px solid #000;width: 42px;  height: 42px;  overflow: hidden;   display: inline-block;
 line-height: 42px;vertical-align: middle;  margin-left: 10px; letter-spacing: .308px; background:#000; color:#fff;}
 

.inner-banner { padding-top: 140px;  } 
.inner-banner .hero-content { padding-block: 100px 50px; }
.inner-banner:before{background-color: rgba(0, 0, 0, 0.7);}
.about-img img{ border-radius: 25px;   width: calc(100% - 115px);}
.box-heading { font-size: 32px; font-weight: 700; display: inline-flex; position: absolute; inset-inline-end: 0px; 
  inset-block-start: 50%; padding: 40px; border-radius: 25px; text-transform: uppercase; letter-spacing: 1px; 
  max-width: 314px; line-height: 1.4; transform: translateY(-50%); } 
.about-img { position: relative; }
.sidebar_widget { padding-inline: 40px; text-align: center; margin-block-end: 40px; } 
.iconbox { background-color: var(--btn-bg); border-radius: 100%; color: var(--whiteclr); height: 106px; width: 106px; 
  font-size: 32px; display: flex; margin-bottom: 25px; align-items: center; 
  justify-content: center; margin-inline: auto; }


.desti-info { position: absolute; z-index: 1; background: var(--whiteclr); inset-inline: 15px; inset-block-end: 15px;  
    padding: 20px; border-radius: 20px; transition: all .5s; } 
.br-20 { border-radius: 20px; } 
.destination-item { transition: all .5s; margin-block-end: 40px; height: 425px; position: relative; max-width: 95%; 
  margin-inline: auto; } 
.desti-info h6 { font-weight: 500; margin-block-end: 10px; font-size: 14px; } 
.destination-item:hover .desti-info { transform: translateY(-10px); } 
.desti-info h3 { margin-block-end: 10px; } 
.desti-info h3 a{color:var(--text-dark);}
.desti-info h3 a:hover{color:var(--btn-bg);}
.desti-info p { margin-block-end: 0px; font-size: 15px; }  

.overview {color: var(--primary-textclr);padding: 20px;transform: translateY(-50%);box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.05);}  
.counter-number { font-family:  var(--secondary-font); font-size: 50px; font-weight: 800; line-height: 1.2; margin-bottom: 20px; color: var(--text-dark); }  
.overview  p { color: var(--btn-bg); }
.overview .col-lg-3 { padding: 20px 0px; border-right: 1px solid rgba(98, 102, 114, 0.23); } 
.overview .col-lg-3:last-child { border-right: 0; } 
.cta2 { margin-top: 100px;  padding-bottom: 80px;}
.counter-number  sup {  top: 0px;}
.cont-info {  height: 100%;}
.border-1{border: 1px solid rgba(58, 120, 201, 0.16) ;}
.cnt-widget{padding: 30px; height: 100%;}
.cnt-widget .iconbox {height: 80px; width:80px; }
.cnt-widget h4 { margin-block-end: 10px;}
.cntform{padding: 30px;}
.cntform { max-width: 800px;    margin-inline: auto;}
.cnt-widget a{color: var(--primary-textclr);}
.cnt-widget a:hover{color: var(--btn-bg-hover);}



@keyframes fadeInTop {
  from {
    opacity: 0;
    transform: translate3d(0, 20%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}


/* container */
 

.container-left {
    padding-left: calc(50% - 570px);
}
 
@media (min-width: 767px){ 
.container { max-width: 100%;}
}


@media (min-width: 768px){
.container {max-width: 720px;}
}

@media (min-width: 992px){
.container {max-width: 960px;}

}
@media (min-width: 1200px){
.container {max-width: 1170px;  }
.container-fluid {padding-left: 15px;  padding-right: 15px;}

}

 
@media (min-width: 1400px){
 

}