@import url('https://fonts.googleapis.com/css2?family=Shadows+Into+Light+Two&display=swap');
:root {
    --blue-bg-light: #f5f6ff;
    --blue-bg-dark: #260091;
    --blue-bg: #5792e0;
    --purple-color: #da00ff;
    --white-color: #fff;
    --secondary-color: #6c007e;
    --primary-color: #5792e0;
    --footer-bg: #EEF1F9;
    --black-color: #000;
    --dark-bg: #000;
    --white-bg: #fff;
    --purple-bg: #418eff;
    --purple-color: #418eff;
    --purple-light: #f5f6ff;
    --gray-bg: #ececec
}

body {font-family: var(--bs-body-font-family);color: var(--black-color);background: var(--white-bg);}
a {color: #000;text-decoration: none;}
a:hover{text-decoration: none;color: #042e6f;}
a {text-decoration: none; transition: all .2s ease-in; color: #000}
button:focus{outline: none;}
img {max-width: 100%; border: 0;}
p {font-size: 16px; /* font-weight: 500; */line-height: 30px;}
.bg-primary{background-color: var(--primary-color);}
.bg-secondary{background-color: var(--secondary-color);}
.btn-primary {color: var(--white-color); background-color:var(--primary-color);border-color: var(--purple-color);}
.btn-secondary {color: var(--white-color); background-color: var(--secondary-color);border-color: #6c007e;font-size: 14px;}
.btn-primary:hover, .btn-secondary:hover {color: var(--white-color); background-color: #000;border-color: #000;}
.btn-outline-primary {color: var(--purple-color);border-color: var(--purple-color); font-size: 13px;}
.btn-outline-primary:hover {color: var(--white-color); background: var(--purple-bg);border-color: var(--purple-color);}
.purple-color{color: var(--purple-color);}
.purple-bg{background: var(--blue-bg)}
.blue-bg{background: var(--blue-bg)}
.blue-bg-dark{background: var(--blue-bg-dark)}

/********************navbar-wrapper-css******************/

.header-bar {background: var(--white-bg);}
.bta-cta{background: var(--blue-bg);border:0;color: var(--white-color);height:45px;font:normal normal 600 15px/19px var(--bs-body-font-family);border-radius:0;padding:0 40px 0 80px;display:flex;align-items:center;justify-content:flex-start}
.bta-cta:hover{background:#3F51B5;color:#fff}
.social{display:flex;justify-content:flex-end;align-items:center;padding-right:calc(100% - 95%)}
.social .btn-secondary{color: var(--white-color);font-size:13px;border-radius:4px}
.social a{color: var(--white-color);text-decoration:none}
.social a img {filter: invert(1);}
.fa-instagram:before,.fa-linkedin:before{top:-1px;left:1px;position:relative}
.call{margin-left:14px;font:normal normal 600 15px/19px var(--bs-body-font-family)}
.email{font:normal normal 600 15px/19px var(--bs-body-font-family)}
.social-links{padding-left:30px}
.social-links a{font-size:14px;display:inline-block;background:var(--white-bg);color: var(--black-color);margin-right:4px;border-radius:50%;text-align:center;width:25px;height:25px;padding:3px;transition:.6s ease-in-out;box-shadow:0 0 4px #5d84a3}
.social-links a:hover{background-color: var(--dark-bg);color: var(--white-color);border-radius:5px;box-shadow:0 0 4px #000}
.cta{position:relative;background-color:var(--blue-bg);}
.navbar ul li a:hover{color:#042e6f}
.navigtaion-wrapper .navbar{padding:18px 0}
.navbar ul li{padding:0 14px}
.navbar-light .navbar-nav .nav-link{color: var(--black-color);}
.navbar-light .navbar-nav .active a {color: rgb(86 49 200);}

.navbar ul li:last-child{margin-right:0; padding-right: 0;}
.navbar ul li a{position:relative;font-weight:600;color: var(--black-color);;transition:all .7s;text-transform:capitalize;padding:0 14px;font-size:18px}
.navbar-toggler.x{border:none;display: none;}
.navbar-toggler.x:focus{outline:0!important}
.navbar-toggler.x[aria-expanded=true] .icon-bar:first-of-type{transform:rotate(45deg);transform-origin:10% 10%}
.navbar-toggler.x[aria-expanded=true] .icon-bar:nth-of-type(2){opacity:0}
.navbar-toggler.x[aria-expanded=true] .icon-bar:nth-of-type(3){transform:rotate(-45deg);transform-origin:10% 90%}
.navbar-toggler.x .icon-bar{width:22px;display:block;height:2px;background-color: var(--dark-bg);transition:all .2s}
.navbar-toggler.x .icon-bar+.icon-bar{margin-top:4px}
.navbar-toggler.x .icon-bar:first-of-type{transform:rotate(0)}
.navbar-toggler.x .icon-bar:nth-of-type(2){opacity:1}
.navbar-toggler.x .icon-bar:nth-of-type(3){transform:rotate(0)}
.navbar-toggler:focus{box-shadow:none!important;border:none!important}
.navbar ul .nav-link:focus,.navbar ul .nav-link:hover{color:#673de6}
.navbar-expand-lg .navbar-collapse{justify-content:center;margin:0 24px}
.navbar ul.dropdown-menu li a.dropdown-item{padding:8px 10px;color: var(--black-color);font-size:14px;text-transform:capitalize}
.navbar .dropdown-menu:li{text-align:left}
.navbar ul.dropdown-menu .dropdown-item:focus,.navbar ul.dropdown-menu .dropdown-item:hover{background-color:#673de6;color:#fff!important}
.navbar ul.dropdown-menu li{margin-right:0;border-right:none;border-bottom:1px solid #404040;padding:0}
.navbar ul.dropdown-menu{border:0;background:#fff;border-radius:0;padding:0;left:0}
.navbar ul.dropdown-menu .current-menu-item{background:#464646}
.header-main .dropdown-item:focus,.header-main .dropdown-item:hover{background-color:#464646}
.main-navigation .dropdown:hover>.sub-menu{display:block}
.main-navigation .dropdown-submenu:hover>.sub-menu{display:block}
.navbar ul.dropdown-menu li:last-child{border-bottom:0}
.nav-link.dropdown-toggle.show::after{transform:rotate(180deg)}
.nav-link.dropdown-toggle::after{transition:transform .33s ease-in-out 0s}
.navbar .dropdown-menu{display:none;opacity:0;transition:opacity .5s ease}
.navbar .dropdown-menu.show{display:block;opacity:1}
.nav-link.homeicon.active .bi{color:#5792e0}
.btn-comn{display:inline-flex;position:relative;font-size:14px;border:0;margin:0;padding:0}
.btn-left-sec{font-weight:600;padding:12px 20px;line-height:1.25;border:1px solid #278fe2;border-radius:64px;color:var(--white-color);-webkit-tap-highlight-color:transparent;background:linear-gradient(to bottom,#278fe2,#3b84e4);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 1px 2px rgba(0,0,0,.2);transition:all .2s ease-in-out}
.btn-comn:hover .btn-rund-sec{transform:translate(.55rem,0) rotate(45deg);animation-name:slideIn;animation-duration:.1s}
.btn-rund-sec svg{height:16px}
.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.135,.9,.15,1);transition-duration:.9s}
.btn-rund-sec.transition-transform{transform:translate(-.75rem,0) rotate(0);transition:transform 520ms ease-in-out}
.btn-rund-sec{border:1px solid #2781d6;padding:12px;background:linear-gradient(to bottom,#278fe2,#3b84e4);border-radius:100%;width:42px;height:42px;display:flex;align-items:center;justify-content:center}
.searchForm .form-inline .form-control{width:70%;font-size:15px;height:38px}
.homeicon{font-size:20px;padding-top:4px;padding-bottom:0}

.bannerNrml h1{text-transform:uppercase;position:relative;padding-bottom:8px;letter-spacing:1px;font-weight:700}
.bannerNrml h1:after{content:'';position:absolute;bottom:0;left:0;right:0;margin:0 auto;width:50px;height:4px;background-color: var(--purple-light);}
.silde-text{letter-spacing:1px;font-size:1.8rem;font-family:'Shadows Into Light Two',cursive;font-weight:600;color:var(--white-color);margin-top:0;margin-bottom:.5rem}
.display-1{font-weight:700;font-size:3.5rem;margin-bottom:1.5rem;background-size:100% auto;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#56a5ff 0,#fff 100%) text}
.slide-tex_2{color: var(--white-color); font-weight:600;font-size:2.5rem;text-align:right;margin-top:0;margin-bottom:.5rem}
.silde-tex_3{font:normal normal 300 21px/28px var(--bs-body-font-family);color: var(--white-color);margin-top:40px}
.slide-content hr{border-top:0;background:linear-gradient(269deg, #FFF 0, #2539aa 100%) 0 0 no-repeat padding-box;width:206px;height:7px;border-radius:17px;position:absolute;right:0;margin-bottom:0;opacity:inherit}

.custom-search-form .form-control{outline:0;background:#fff;border:1px solid #0843b2;border-radius:5px;height:55px;width:100%;padding:12px 60px 12px 12px}
.searchbtn{position:absolute;top:0;right:0;background-image:url(../images/icons/search.png);background-position:center;background-size:30px;width:55px;height:55px;border:0;outline:0;bottom:0;margin:auto;background-repeat:no-repeat;background-color: var(--dark-bg);border-radius:0 6px 6px 0}
.logo img{width:180px}

/* search-list */

.search-list{position:absolute;top:60px;left:0;width:100%;background:#fff;border-radius:8px;box-shadow:0 8px 20px #0000001f;display:none;z-index:10;overflow:hidden}
.search-list li{list-style:none;padding:12px 15px;display:flex;align-items:center;gap:10px;cursor:pointer;border-bottom:1px solid #f1f1f1;transition:.2s;color:var(--black-color)}
.search-list li:last-child{border-bottom:none}
.search-list li:hover{background:#f5f8ff}
.search-list i{color:var(--black-color);font-size:16px}
.location-input.with-icon{
  padding-left:38px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230843b2' viewBox='0 0 384 512'%3E%3Cpath d='M168 0C75.1 0 0 75.1 0 168c0 87.4 135.2 243.6 153.3 264.6c7.5 8.8 21.8 8.8 29.3 0C200.8 411.6 336 255.4 336 168C336 75.1 260.9 0 168 0zM168 256c-48.6 0-88-39.4-88-88s39.4-88 88-88s88 39.4 88 88s-39.4 88-88 88z'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:14px center;
  background-size:16px;
  filter: grayscale(1);
}


/* Contact Us Page */

.query-left .animate-title{justify-content:start}
.req-imgbox{animation:particlemove2 4.5s infinite linear}
.req-imgbox img{width:550px}
@keyframes particlemove2{
0%{transform:translate(0,0);-webkit-transform:translate(0,0)}
25%{transform:translate(10px,10px);-webkit-transform:translate(10px,10px)}
50%{transform:translate(5px,5px);-webkit-transform:translate(5px,5px)}
75%{transform:translate(10px,-5px);-webkit-transform:translate(10px,-5px)}
100%{transform:translate(0,0);-webkit-transform:translate(0,0)}
}
.queryForm{width:100%;position:relative;padding:60px 0;background:#f8f6f9}
.popupForm{padding:22px;background: #f0f8fc;box-shadow:0 0 10px #00000017;color: var(--black-color);}
.popupForm label{ font-size:15px; margin-bottom:5px;}

textarea.form-control {resize: none;/*min-height: 100px;*/}
.popupForm .btn{ margin-top:10px; min-width:250px;}
.popupForm .form-control[type=number]{ padding-right:0px;}
.form-control{ box-shadow:none!important;}
.popupForm h4{position:relative; padding-bottom:10px; font-weight:500; margin-bottom:20px}
.popupForm h4:after{ content:''; position:absolute; bottom:0; left:0; right:0; margin:0 auto; width:100px; height:3px; background: var(--dark-bg);}
.text-danger {color: red !important;}

/*******************Bannerslider***********************/

#Bannerslider-section #Bannerslider .owl-dots{justify-content:center;position:absolute;display:flex;right:-75px;flex-flow:column;top:0;bottom:0}
#Bannerslider .owl-item img{border-radius:40px 0 40px 0;margin:auto;width:100%;box-shadow:0 0 35px rgb(0 0 0 / 40%);height:500px;object-fit:cover}
#Bannerslider .owl-item video{border-radius:40px 0 40px 0;}

#Bannerslider .owl-item{padding:0}
#Bannerslider .p-05{padding-left:84px}
.sport-txt{padding-left:28px}
#Bannerslider-section #Bannerslider .owl-dots .owl-dot.active{margin-right:20px}
#Bannerslider-section #Bannerslider .owl-dots .owl-dot{margin:0 0 7px 0}
#Bannerslider-section .heading-bg::before{z-index:1}


.owl-item.active .slide-tex_2{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
.owl-item.active .slide-tex_2{-webkit-animation-duration:1s;animation-duration:1.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

.owl-item.active .display-1{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
.owl-item.active .display-1{-webkit-animation-duration:1s;animation-duration:1.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

.owl-item.active .silde-text{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
.owl-item.active .silde-text{-webkit-animation-duration:1s;animation-duration:1.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

.bbox{background:#fff;box-shadow:0 0 16px #00000017;border-radius:10px;padding:14px;position:absolute;bottom:6rem;width:40%;z-index:1;left:5rem}
#Bannerslider .owl-nav .bi{font-size:1.7rem;color:#000;line-height:48px}
#Bannerslider .owl-nav .owl-next:hover,#Bannerslider .owl-nav .owl-prev:hover{background:#ffffff9e}
#Bannerslider .owl-nav .owl-next:hover span i,#Bannerslider .owl-nav .owl-prev:hover span i{color:#000}
#Bannerslider .owl-nav .owl-prev{position:absolute;top:50%;left:10px;transform:translateY(-50%);width:48px;height:48px;text-align:center;background:#fff;transition:all .3s ease-out;border-radius:4px}
#Bannerslider .owl-nav .owl-next{position:absolute;top:50%;right:10px;transform:translateY(-50%);width:48px;height:48px;text-align:center;background:#fff;border-radius:4px}

.bannerNrml::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,rgba(0,0,0,.6) 0,rgba(0,0,0,.4) 30%,rgba(0,0,0,.2) 50%,rgba(0,0,0,0) 70%);z-index:1}
.bannerNrml{height:500px;color:var(--white-color);background-repeat:no-repeat;background-size:cover;background-position:center;display:flex}
.slide-content{margin:9.5rem 0 0}

/*==========================login-page-css===========================*/

.login-left, .login-left img {height: 100%; object-fit: cover;}
.login-page{width:100%;height:100vh;display:flex;}
.login-form-right{padding:0 8rem}
.login-form-right h2{font-weight:200}
.login_form_box .btn-primary{height:50px;}
.login_form_box{padding:calc(100% - 97%); background: var(--blue-bg); box-shadow:0 0 10px #00000017;border-radius:10px;margin:calc(100% - 95%)}
.label-cl{font-family:var(--bs-body-font-family),serif;font-weight:400;color: var(--white-color);margin-bottom:5px}
.form-group .form-control{height:55px;border-radius:6px;}
.form-check-input:focus{border-color:#86b7fe;outline:0;box-shadow:none}
.form-right{background-image:url(../images/screen01.jpg);background-repeat:no-repeat;height:100vh;background-position:center;background-size:cover;position:relative;width:100%;display:flex;align-items:center;justify-content:center}
.form-right-txt{margin-left:80px}
.form-control:focus{border-color:#ced4da;box-shadow:none}
.heading-title{font-family:var(--bs-body-font-family),serif;font-size:30px;line-height:normal;font-weight:600}
.login-page .logo img {width: 230px;}

/*-------------animate text Style---------------------------------------*/

section{padding:50px 0}
.animate-title{display:flex;justify-content:center;font-weight:600;font-size:2.5rem;color: var(--black-color);;text-align:center;margin-bottom:1rem;align-items:center}
.animate-title span{font-family:'Shadows Into Light Two',cursive;background-color: var(--blue-bg);color: var(--white-color);font-weight:400;padding:0 .6rem;line-height:45px}
.animate-contain{height:60px;overflow:hidden;text-align:center}
.animated-text{display:inline-block;transition:.3s all;margin-top:0;animation:slide 3s infinite alternate ease-in-out;color:#fff}
.animated-text span{display:block;padding:8px 5px}
@keyframes slide{
0%{margin-top:0}
20%{margin-top:0}
40%{margin-top:-65px}
60%{margin-top:-65px}
80%{margin-top:-125px}
100%{margin-top:-125px}
}

/* top-search-features Section */

.counter-body span{font-size:34px;font-weight:700}
.counter-media{color:var(--white-color);background:#458dec;box-shadow:0 0 8px #0000000D;padding:14px;text-align:center;height:100%;min-height:110px}
.counter-media::after{width:0;height:0;border-style:solid;border-width:0 0 28px 40px;border-color:transparent transparent #015ea9 transparent;content:"";position:absolute;bottom:0;right:0}
.counter-body{font-weight:500;text-align:left;margin-left:20px;font-size:18px}
.counter-icon i img{width:34px}
.counter-icon{background:#015ea9;height:60px;display:flex;align-items:center;justify-content:center;color:var(--white-color);border-radius:50px;flex:0 0 60px}
.counter-body span + span {font-size: 28px; font-weight: 600;}

/*-------------btn Style---------------------------------------*/

.top-counter-features{background:#fdfdfd;padding:25px 0;box-shadow:0 3px 33px #00000029}
.top-counter-features .button{color: var(--white-color); display:inline-block;position:relative;margin:0;padding:.77em 1.2rem;border:3px solid #015ea9;overflow:hidden;text-decoration:none;outline:0;color:#015ea9;background:0 0;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgb(0 0 0 / 0%);transition-duration:.3s;font-weight:600;font-size:18px}
.top-counter-features .button:active:before,.top-counter-features .button:focus:before,.top-counter-features .button:hover:before{height:100%;background-color:#015ea9;color: var(--white-color);transform:scaleX(1);-webkit-transform:scaleX(0);transform:scaleX(0);transform-origin:0 50%;transition-property:transform;transition-duration:.3s;transition-timing-function:ease-out;top:0;padding:.77em 3rem;left:0;width:100%;text-align:center}
.top-counter-features .button span{-webkit-transition:.6s;-moz-transition:.6s;-o-transition:.6s;transition:.6s;-webkit-transition-delay:0.2s;-moz-transition-delay:0.2s;-o-transition-delay:0.2s;transition-delay:0.2s;position:relative;margin-top:-2px;display:block}
.top-counter-features .button:after,.top-counter-features .button:before{content:'';position:absolute;top:.67em;left:0;width:100%;text-align:center;opacity:0;-webkit-transition:.4s,opacity .6s;-moz-transition:.4s,opacity .6s;-o-transition:.4s,opacity .6s;transition:.4s,opacity .6s}
.top-counter-features .button:before{content:attr(data-hover);-38web38kit-transform:translate(-150%,0);-moz-transform:translate(-150%,0);-ms-transform:translate(-150%,0);-o-transform:translate(-150%,0);transform:translate(-150%,0)}
.top-counter-features .button:after{content:attr(data-active);-webkit-transform:translate(150%,0);-moz-transform:translate(150%,0);-ms-transform:translate(150%,0);-o-transform:translate(150%,0);transform:translate(150%,0)}
.top-counter-features .button:active span,.top-counter-features .button:hover span{opacity:0;-webkit-transform:scale(.3);-moz-transform:scale(.3);-ms-transform:scale(.3);-o-transform:scale(.3);transform:scale(.3)}
.top-counter-features .button:active:after,.top-counter-features .button:hover:before{opacity:1;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);-webkit-transition-delay:.4s;-moz-transition-delay:.4s;-o-transition-delay:.4s;transition-delay:.4s}
.top-counter-features .button:active:before{-webkit-transform:translate(-150%,0);-moz-transform:translate(-150%,0);-ms-transform:translate(-150%,0);-o-transform:translate(-150%,0);transform:translate(-150%,0);-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}


/*==========================widget-section-css ===========================*/

.widgetTitle{background-color:var(--blue-bg);font-size:20px;padding:10px 18px;font-weight:600;color:var(--white-color)}
.filter-list{background-color: var(--purple-light);}
.filterBox .filter-wrapper {display: block;height: auto;padding: 15px;box-shadow: inset 0 0 0 1px #dee2e6;background-color: #fff;width: 100%;}
.filter-list li label, .ui-checkbox {font-weight: 500; display: block;cursor: pointer;font-size: 16px;color: #000;line-height: 24px;width: 100%;position: relative;padding-left: 30px;margin-bottom: 18px;}
.filter-list li label input[type="checkbox"], .ui-checkbox input[type="checkbox"] {position: absolute;opacity: 0;left: 0;}
.filter-list li label span::before, .ui-checkbox label::before {width: 16px;height: 16px;content: "";border: 1px solid #9e9e9e;position: absolute;left: 0;top: 4px;}
.filter-list li label input[type="checkbox"]:checked + span::before, .ui-checkbox input[type="checkbox"]:checked + label::before {
background-color: transparent;border-color: transparent;}
.filter-list li label span::after, .ui-checkbox label::after {filter: brightness(0.5); content: "";position: absolute;left: 0;top:4px;width: 16px;height: 16px;
background-size: cover;background-image: url(../images/icons/checked.svg);transform: scale(0);transition: all .2s ease-in-out;}
.filter-list li label input[type="checkbox"]:checked + span::after, .ui-checkbox input[type="checkbox"]:checked + label::after {transform: scale(1);transition: all .2s ease-in-out;}

/* Tour Card Base */
.best-tour,.about-section .container-fluid,.bannerNrml .container-fluid,.top-counter-features .container-fluid,.container-fluid.header-bar,.tour-wrapper .container-fluid{padding-left: calc(100% - 95%); padding-right: calc(100% - 95%);}
.tour-card{height:260px;border-radius:18px;cursor:pointer;transition:transform .35s ease}
.tour-bg{position:absolute;inset:0;background-size:cover;background-position:center;z-index:1;transition:transform .45s ease}
.tour-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.3),rgba(0,0,0,.65));z-index:2}
.tour-content{position:absolute;inset:0;padding:25px;z-index:3;display:flex;flex-direction:column}
.tour-title{color:var(--white-color); font-size:22px;font-weight:600;line-height:1.3}
.location-pill{width: fit-content; display:block;align-items:center;background:rgba(255,255,255,.2);backdrop-filter:blur(6px);padding:6px 15px;border-radius:25px;color:#fff;font-size:14px;border: 1px solid;}
.tour-price{color:var(--white-color); font-size:26px; font-weight:600}
.tour-card:hover .tour-bg{transform:scale(1.08)}
#relatedlSlider .owl-nav,#besttour .owl-nav,#tourslider .owl-nav,#tourslider02 .owl-nav{display:flex}
#relatedlSlider .owl-nav .owl-prev,#besttour .owl-nav .owl-prev,#tourslider .owl-nav .owl-prev,#tourslider02 .owl-nav .owl-prev{position:absolute;top:50%;transform:translateY(-50%);left:-2%}
#relatedlSlider .owl-nav .owl-next,#besttour .owl-nav .owl-next,#tourslider .owl-nav .owl-next,#tourslider02 .owl-nav .owl-next{position:absolute;top:50%;right:-2%;transform:translateY(-50%);width:40px;height:40px}
#relatedlSlider .owl-nav .owl-next,#relatedlSlider .owl-nav .owl-prev,#besttour .owl-nav .owl-next,#besttour .owl-nav .owl-prev,#tourslider .owl-nav .owl-next,#tourslider .owl-nav .owl-prev,#tourslider02 .owl-nav .owl-next,#tourslider02 .owl-nav .owl-prev{font-size: 26px; width:40px;height:40px;border: 1px solid #666;background: #000;border-radius:50px;transition:all .7s;color:#fff}
#relatedlSlider .owl-nav .owl-next:hover,#relatedlSlider .owl-nav .owl-prev:hover,#besttour .owl-nav .owl-next:hover,#besttour .owl-nav .owl-prev:hover,#tourslider .owl-nav .owl-next:hover,#tourslider .owl-nav .owl-prev:hover,#tourslider02 .owl-nav .owl-next:hover,#tourslider02 .owl-nav .owl-prev:hover{color:#fff;border:1px solid #d154e7;background:#d154e7}
.best-tour .tour-title{font-size:20px}
.listing-page-wrapper .bi-star-fill,.best-tour .tour-content .bi-star-fill{font-size:13px;color:var(--bs-yellow);margin:0 1px}
.listing-page-wrapper .badge,.best-tour .badge{position:absolute;right:0;top:10px;border-radius:12px 0 0 12px}
.txt14{font-size:14px}
.txt-sm{font-size:13px}
.txt-md{font-size:20px;font-weight:600}
.listing-page-wrapper .tour-card,#besttour .tour-card{height:400px}

.floating-pic{float:left;width:420px;margin-right:32px;margin-bottom:10px}
.packg_detail{background:var(--purple-light);padding:30px;box-shadow:0 0 10px 0 #302e2e36}
.profile-card{border:1px solid #eee;border-radius:12px;padding:20px}
.avatar{border-radius:10px;object-fit:cover}
.rating{color:#f4b400;font-weight:600}
.btn-gradient{background:linear-gradient(to bottom,#278fe2,#3b84e4);color:#fff;border:none}
.btn-gradient:hover{background:linear-gradient(135deg, #5792e0, #03A9F4);color:#fff}
.badge-verify{background:#e9f9ee;color:#1e7e34}
.badge-not-verify {background: #ede6ec;color: #e01156;}
.service-list i{color:#28a745}
.tour-card-box{border:1px solid #eee;border-radius:12px;overflow:hidden;transition:.3s}
.tour-card-box:hover{transform:translateY(-4px);box-shadow:0 10px 25px rgba(0,0,0,.08)}

.login-detail .tour-img{height:200px;object-fit:cover}
.section-box{background:#fff;border:1px solid #eee;border-radius:12px;padding:20px;margin-bottom:20px}
.login-gallery .gallery-item img{height:220px}
.verify-box{border:1px solid #eee;border-radius:12px;padding:15px}
.verify-item{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-weight:500}
.verify-item i{color:#198754;font-size:18px}
.review-quote{font-style:italic;color:#555}
.calendar{border:1px solid #eee;border-radius:12px;overflow:hidden}
.calendar td,.calendar th{text-align:center;padding:6px;font-size:14px}
.available{background:#c6f6d5}
.partial{background:#fde68a}
.booked{background:#fecaca}
.ask-box textarea{resize:none;height:90px}

/*******************about-us-page**********************/

.abt-box{transition:all .2s ease-in;box-shadow:0 1px 18px rgba(0,0,0,.1);padding:20px 20px;color:#444;border-radius:8px;margin-bottom:27px;position:relative;background:#fff;border:1px solid #e2e2e2}
.abt-icon{margin:0 12px}
.abt-box p{margin:0}
.abt-box:hover{background-color:var(--purple-bg)}
.abt-box:hover .abt-icon img{filter:invert(1)}
.abt-box:hover .abt-text h3{color:#fff}
.abt-box:hover .abt-text p{color:#fff}
#header{box-shadow:0 0 10px rgba(0,0,0,.2)}
.clients-photo-panel{width:100%;background:url(../images/screen02.jpg) no-repeat;background-size:cover;background-position:center center;padding:66px 0;position:relative;color:#fff}
.clients-photo-panel:after{content:"";background:rgb(0 0 0 / 30%);position:absolute;left:0;right:0;top:0;bottom:0;z-index:1}
.stylish{font-family:'Shadows Into Light Two',cursive;color:var(--white-color);font-weight:400;padding:0 .6rem;line-height:70px}
.gallery-item{position:relative;overflow:hidden}
.gallery-item img{transition:transform .5s ease;width:100%;height:325px;object-fit:cover}
.gallery-overlay{position:absolute;inset:0;background:rgba(0,0,0,.6);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transition:.4s ease;text-align:center;padding:20px}
.gallery-overlay h5{margin-bottom:20px;font-size:22px}
.zoom-icon img{width:50px;height:50px}
.gallery-item:hover img{transform:scale(1.1)}
.gallery-item:hover .gallery-overlay{opacity:1}



/*******************blog-box**********************/

.latest-article-wrapper .blog-info{margin:16px auto 0;padding:16px}
.latest-article-wrapper .blog-bx{background:#f5f5f5}

.latest-article-wrapper .blog-info h6{border-bottom:1px solid #ccc;padding:0 0 18px}
.most-right-side .date,.tranding-left-side .date{border:none;padding:0;color:var(--white-color)}
.tranding-right-side .blog-bx img{min-height:185px}
.tranding-bottom-blog{border:1px solid #e2e2e2;background:#f8f9fa;padding:20px}
.tranding-bottom-blog.editor-single-row .blog-bx{border-bottom:none;margin:0;padding:0}
.most-popular-wrapper{background-color:var(--purple-light)}
.overlay{background:transparent linear-gradient(180deg,#00000000 0,#000 100%) 0 0 no-repeat padding-box;position:absolute;left:0;width:100%;bottom:0}
.editor-single-row .blog-bx{display:flex;align-items:center;margin:0 0 19px;border-bottom:1px solid #ccc;padding:0 0 20px}
.editor-single-row .blog-bx .post-image{background:#fff;padding:5px;border:1px solid #ccc;width:35%;margin-right:18px}
.editor-single-row .blog-info{width:60%;margin:0}
.editor-pic{width:45%}
.editor-single-row .blog-bx img{min-height:152px;max-height:150px}
.editor-pick-wrapper .cat-name{position:absolute;z-index:9;bottom:14px;left:14px;color:#000}
.latest-stories .h-100 .blog-bx img{min-height:125px}
.blog-bx:hover .pro-pic::before{border-top:1px solid #fff;border-bottom:1px solid #fff;border-left:1px solid #fff;border-right:1px solid #fff;position:absolute;content:"";top:10px;right:10px;bottom:10px;left:10px;z-index:1}
.tranding-article .blog-bx.big-thumb{position:relative}
.txt24{font-weight:400;margin:10px 0;font-size:24px}
.blog-bx img{min-height:210px;transition:.5s ease-in-out;object-fit:cover;width:100%}
.blog-bx:hover img{transform:scale(1.1)}
.txt18 a{font-weight:600;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#000}
.duration p,.blog-bx p{text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.blog-info{margin:16px auto 0}
.big-thumb .big-thumb-info{position:absolute;padding:20px}
.cat-name{font-size:14px;color:var(--white-color);text-transform:capitalize;background: var(--dark-bg);padding:6px 20px;display:inline-block;border-radius:5px}
.section-title strong b{color:rgb(86 49 200);font-weight:700}
.section-title small{position:relative;font-size:14px;line-height:1.5;display:inline-block;padding-top:5px;text-transform:uppercase}
.section-title small::after{content:'';position:absolute;left:0;top:-3px;width:100%;height:3px;background-color:var(--purple-bg)}

/*==========================testimonial-section-css ===========================*/

.testimonial-wrapper{background-image:url(../images/bg-client.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;padding:50px 0 80px;}
#testimonialSlider .active.center .testimonial-text p{color:#fff}
#testimonialSlider .active.center .testimonial-client small{color:#fff}
#testimonialSlider .active.center .testimonial-banner-text::after{border-top:1px solid #fff;border-bottom:1px solid #fff;border-left:1px solid #fff;border-right:1px solid #fff}
.testimonial-banner-text::after{border-top:1px solid #707070;border-bottom:1px solid #707070;border-left:1px solid #707070;border-right:1px solid #707070;border-radius:0 50px;position:absolute;content:"";top:14px;right:14px;bottom:14px;left:14px}
.testimonial-banner-text{background-color: var(--purple-light); border-radius:0 50px;padding:26px;margin:0;position:relative;transform:scale(.9);transition:all .5s}
#testimonialSlider .active.center .testimonial-banner-text{transform:scale(1.3);margin-top:0!important;position:relative;z-index:999;-webkit-transform:scale(1);transform:scale(1);background: var(--blue-bg);}
#testimonialSlider .testimonial-client img{max-width:125px;margin:20px auto;border-radius:50%}
#testimonialSlider .owl-nav{display:none}

#testimonialSlider .owl-dots .owl-dot.active{border-color:#673de6}
#testimonialSlider .owl-dots .owl-dot.active span{background-color:#673de6}
#testimonialSlider .owl-dots .owl-dot{border:1px solid #d0d0d0;width:18px;height:18px;margin:2px;border-radius:100%;display:flex;align-items:center;justify-content:center}
#testimonialSlider .owl-dots .owl-dot span{background-color:#d0d0d0;width:12px;height:12px;border-radius:100%;display:block}
#testimonialSlider .owl-dots {display:flex;width:100%;margin: 40px auto 0;justify-content:center;}

.testimonial-items{text-align:center}
.testimonial-client h6{color: var(--black-color);margin:8px 0}
.testimonial-text{z-index:9;position:relative;margin:14px 0 0}
#testimonialSlider .active.center .testimonial-client h6{color:#fff}
.testimonial-text p span{position:relative}
.testimonial-text p{padding:0 17px;font-size:14px;font-weight:300}


/* All Tour Packages Page */

.listing-detail-banner{background-color:var(--blue-bg-light);padding:30px 0}
.listing-banner-text .breadcrumb li,.listing-banner-text .breadcrumb li a,.listing-banner-text .breadcrumb-item+.breadcrumb-item::before{color:var(--black-color)}
.packg_item{transition:all .7s ease-in-out;align-items:flex-start;position:relative;background-color:#fff;border:1px solid #dee2e6;margin:12px 0;padding:14px;display: grid;grid-template-columns: 2fr 5fr;gap: 20px;}
.packg_thumb{max-width:260px;position:relative}
.packg_thumb a:hover{opacity:.9}
.packg_item:hover{box-shadow:0 0 10px 0 #302e2e36;border-color:#ccc}
.packg_thumb a{position:relative;padding:39%;background:#3333;display:block;width:100%}
.packg_thumb img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit: cover;}
.duration ul li{list-style-type:none;font-weight:500;font-size: 14px;display: flex;align-items: center;}
dl,ol,ul{padding:0}
.duration ul li:first-child{margin-right:11px}
.duration ul li .bi{font-size:20px}
.common-btn:hover{color: var(--white-color); background-color: var(--purple-bg);}
.common-btn{padding:10px 26px;color: var(--white-color);font-size:15px;background: var(--dark-bg);border-radius:28px;transition:all .7s ease-in-out;position:relative;text-transform:capitalize; font-weight: 500;}
.common-btn .bi{font-size:15px}
.pagination-area .nav-links a:hover{background: var(--purple-bg);color:#fff}
.pagination-area .nav-links span.current{background: var(--purple-bg);font-size:16px;text-align:center;color:#fff;border:1px solid #017101;border-radius:5px;font-weight:500;width:43px;height:43px;display:inline-flex;justify-content:center;align-items:center}
.pagination-area .nav-links a{color:#000;font-size:16px;transition:1.3s;text-align:center;border-radius:5px;background:#fff;border:1px solid #b4b4b4;font-weight:500;width:43px;height:43px;display:inline-flex;justify-content:center;align-items:center}
.pagination-area .nav-links a.next{padding:0 10px;width:auto}

/*===================================popup-css====================*/

#enterModal .wpcf7-not-valid-tip{font-size:12px;text-align:left;margin-top:10px}
#enterModal .product-button .wpcf7-spinner{position:absolute;right:0}
#enterModal .form-group>span{width:100%}
#enterModal .modal-body{padding:0}
#enterModal .popupForm h4:after{right:auto}
#enterModal .form-group .form-control,#enterModal .form-group .form-select{height:45px;border-radius:4px;font-size:14px}
.window-slider img{object-fit:cover;height:100%}
.window-txt .form-check{display:flex}
.window-txt .form-check label{margin:4px 0 0 8px;font-size:13px}
.contact-txt .form-check label{margin:6px 0 0 8px}
.form-check-input:focus{box-shadow:none}
.window-txt .form-check .form-check-input[type=checkbox]{border-radius:0;height:18px;width:18px;cursor:pointer;top:4px;position:relative}
.form-control:focus,.form-select:focus{border-color:#ced4da;box-shadow:none}
.comment-form .form-control{background:#fff;border-radius:0;height:50px;font-size:14px;font-weight:500;appearance:revert}
.form-control:focus{border-color:#ced4da}
.btn-close{position:absolute;right:-12px;top:-12px;z-index:9;border:none;background-color:#fff;opacity:inherit;width:30px;height:30px;border-radius:50px}


/* =====================
   TRIP NAV
===================== */

.trip-nav-wrapper{position:sticky;top:0;z-index:9999}
.trip-nav{background:#f8f9fa;border-radius:50px;padding:14px 24px;box-shadow:0 8px 30px rgba(0,0,0,.1)}
.trip-nav .nav-link{color:#000;font-weight:500;cursor:pointer}
.trip-nav .nav-link.active{color:var(--purple-color);font-weight:600}
.trip-section{scroll-margin-top:50px}
#itineraryAcc .accordion-item,#things .accordion-item{margin-bottom:12px;border:1px solid #dee2e6;border-radius:4px}
#itineraryAcc .accordion-button:focus,#things .accordion-button:focus{box-shadow:none}
#itineraryAcc .accordion-button{background:0 0;padding:8px}
#things .accordion-button{background:0 0}
#things .accordion-body p,#itineraryAcc .accordion-body p,#itineraryAcc .accordion-body ul li{font-size:14px;line-height:1.625rem}

/* =====================
   VIEW MORE
===================== */


.more-content{display:none}
.trip-section ul{padding:0 0 0 15px}
#inclusions ul li{margin:0 0 10px 0}
.listing-detail-page .container{display:grid;grid-template-columns:40% 60%;gap:10px}


/* LEFT SIDE */

.left-box{display:flex;flex-direction:column;gap:20px}
.left-box img{width:100%;border-radius:12px;height:290px;object-fit:cover}
.review-box{background:#fff;border-radius:18px;padding:20px;overflow:hidden;height:140px;box-shadow:0 10px 30px rgba(0,0,0,.08)}
.review-track{animation:scrollUp 12s linear infinite}
.review{margin-bottom:20px;font-size:14px;line-height:1.6}
.review strong{display:block;margin-top:6px}
@keyframes scrollUp{
0%{transform:translateY(0)}
100%{transform:translateY(-50%)}
}


/* RIGHT SIDE GALLERY */

.fb-gallery{display:grid;grid-template-columns:65% 33%;grid-template-rows:repeat(2,220px);gap:10px}
.fb-gallery a{position:relative;overflow:hidden;border-radius:12px}
.fb-gallery img{width:100%;height:100%;object-fit:cover;transition:.4s ease}
.fb-gallery a:hover img{transform:scale(1.06)}
.fb-gallery .big{grid-row:span 2}
.more-count{position:absolute;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:flex-end;justify-content:flex-end;padding:20px}
.more-count span{background:var(--purple-bg);color:#fff;padding:10px 16px;border-radius:30px;font-size:14px}
.pricing-tab{cursor:pointer;font-weight:500}
.pricing-tab.active{color:#9c27b0;text-decoration:underline}
.blog-sidebar,.trip-sidebar-sticky{position:sticky;top:calc(var(--header-height,10px) + 15px);z-index:9}

/* BLOG PAGE */

.post-pagination{display:flex;justify-content:space-between;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:12px 0}
.post-pagination .bi{background:#ebe7e7;width:34px;height:34px;border-radius:50%;text-align:center;line-height:34px}
.previous .bi{margin-right:12px}
.next .bi{margin-left:12px}
.post-pagination a{color:rgb(86 49 200)}
.recent-posts ul li a{color:var(--black-color)}
.recent-posts ul li{border-bottom:1px solid #e1e1e1;padding-bottom:10px;list-style-type:none;margin:12px 0;font-weight:500}
.recent-posts ul li span{display:block;margin:8px 0 0;font-weight:500;color:var(--purple-color);font-size:.85em}
.recent-posts ul li,.recent-posts ul li a{font-size:14px}



/* Footer Section */

.footer-logo img{width:200px}
.back-to-top{position:fixed;bottom:8px;right:8px;display:none}
.back-to-top{z-index:9}
.back-to-top img{width:35px}
.footer{background: linear-gradient(180deg, #fff 74%, #e6e8ff 100%);color:var(--dark-color)}
.footer a{color:var(--dark-color);text-decoration:none;display:inline-block}
.footer a:hover{color:#673de6}
.footerTop{border-top: 1px solid #eaebf7; padding:40px 0}
.footerTop h5{padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.4);font-size:18px;letter-spacing:.5px;margin-bottom:30px;position:relative}
.footerTop h5:after{content:'';position:absolute;bottom:3px;left:0;width:65px;height:2px;background:var(--blue-bg)}
.footerTop li{margin-bottom:10px;list-style:none}
.copyright{padding:12px 0;background:var(--white-bg);font-size:15px}
.copyright p{margin:0}
.copyright li{margin-left:10px;font-size:16px}
.adrs p{display:flex}
.adrs p .bi{margin-right:14px}
.footerTop ul li a:hover::after{width:100%}
.footerTop ul li a::after{width:0;height:1px;background:var(--blue-bg);transition:.3s;display:block;content:""}
.footerTop ul{padding-left:12px}


/*==========================Responsive-css===========================*/

@media (max-width:1250px) {
.counter-media{padding:6px}
.counter-body{font-size:16px}
.filter-list li label,.ui-checkbox{font-size:14px;line-height:24px;padding-left:24px;margin-bottom:10px}
.widgetTitle{font-size:17px;padding:10px 12px}
.tour-card{height:280px}
.display-1{font-size:2.5rem}
.silde-tex_3{font-size:18px}
.txt-sm,.txt14{font-size:12px}
.txt-md{font-size:14px}
.best-tour .tour-content .bi-star-fill{font-size:10px}
}

@media (max-width:1199px) {
.navigtaion-wrapper .navbar{background-color:#fff!important;padding:0;width:100%;position:absolute;top:60px;z-index:9}
.navbar ul li{padding:0}
.navbar-toggler.x{display:block;position:absolute;right:0}
.navbar ul li a{padding:6px 14px}
.top-right{padding-right:2rem}
.about-section .container-fluid,.bannerNrml .container-fluid,.best-tour,.container-fluid.header-bar,.top-counter-features .container-fluid,.tour-wrapper .container-fluid{padding-left:14px;padding-right:14px}
.top-right ul{position:absolute;right:30px;top:10px}
.top-right ul li a.nav-link{font-size:0}
.top-right ul li a.nav-link .fa{font-size:15px}
.container-fluid.header-bar{padding-left:15px;padding-right:15px}
.navigtaion-wrapper{position:relative}
#Bannerslider-section #Bannerslider .owl-dots{position:relative;right:0;flex-flow:inherit}
.display-1,.slide-tex_2{font-size:2.2rem}
#Bannerslider .owl-item{padding:0}
#Bannerslider-section #Bannerslider .owl-dots .owl-dot button{font-size:20px;padding:4px 10px;font-weight:500}
.silde-tex_3{font:normal normal 300 18px/28px var(--bs-body-font-family);margin-top:10px}
.search-body{font-size:13px}
.animate-title{font-size:1.6rem}
section{padding:30px 0}
.bannerNrml {height: 400px;}
.bbox {bottom: 2rem; width: 45%;}
.slide-content {margin: 5.5rem 0 0 4rem;}
}

@media (max-width: 991px) {
.slide-tex_2{text-align:left}
.bbox {width: 50%;}
.bannerNrml {height: 325px;}
.slide-content{margin-top:30px;}
.top-search-features .text-end{text-align:center!important}
.bg-sectiona{margin-top:0}
.media.feature-media{margin:0 0 18px}
.social-links{padding-left:12px}
.bta-cta{padding:0 14px}
.social a.call .fa{font-size:20px;color:#fff}
.social a.call{font-size:0}
.navbar-light .navbar-nav .nav-link{padding-left:14px}
.result_list_item .agent_logo{max-width:165px}
.item-description .btn{font-size:13px}
.widget_info ul li a{font-size:13px}
.right-column{margin-top:3rem}
.listing-detail-page .container{grid-template-columns:1fr}
.trip-sidebar-sticky{position:static}
.common-btn .bi,.slide-content hr{display:none}
.common-btn{padding:10px;font-size:14px}
.floating-pic {width: 310px;}
}

@media (max-width:767px) {
.packg_detail {padding: 15px;}
.bannerNrml {height: 275px;}	
.bbox { width: 90%; left: 0;padding: 0; right: 0; margin: auto;}
.slide-content {margin: 20px 0 0 0;text-align: center;}
.floating-pic {float: none; width: 100%; margin-right: 0; margin-bottom: 10px;}	
.bta-cta .bi{font-size:17px}
.editor-pic,.editor-single-row .blog-info{width:100%}
.blog-bx img,.editor-single-row .blog-bx img{min-height:300px;max-height:300px;height:300px}
.copyright ul.m-0{padding:0;text-align:center}
.copyright,.trip_detail span.fw-medium{font-size:14px;text-align:center}
.editor-single-row .blog-bx{flex-direction:column}
.tour-price{font-size:22px}
.btn-left-sec{padding:12px 15px}
.tour-card{height:340px}
.logo img{width:140px}
.slide-tex_2{line-height:normal;font-size:1.5rem;text-align: center;}
header .bta-cta{font-size:0}
.display-1{font-size:1.7rem;    margin-bottom: 0.6rem;}
.blog-bx p,.duration p{font-size:14px;line-height:24px}
.packg_item{display:block}
.packg_thumb{max-width:100%;margin-bottom:20px}
.listing-banner-text h3{font-size:20px}
.trip-nav .nav-link{font-size:13px}
.trip-section td,.trip-section th{font-size:12px;text-align:center}
.accordion-body p,.trip-section p{font-size:14px}
.blog-info.ms-3{margin:20px 0 0 0!important}
.trip-nav.rounded-pill.d-flex{flex-direction:column;padding:14px;border-radius:10px!important}
.trip-nav.d-flex a.nav-link{margin:0 0 8px}
.fb-gallery{grid-template-rows:auto}
.abt-box.d-flex{flex-direction:column;text-align:center}
#Bannerslider .owl-nav .owl-prev { width: 34px; height: 34px;}
#Bannerslider .owl-nav .owl-next { width: 34px; height: 34px;}
#Bannerslider .owl-nav .bi {line-height: normal;}
.filter-column,#tourslider02 .owl-dots{display:none}
.right-column {margin-top: 0;}
.btn-close {right: 0; top: 0;}
.window-content .ps-0 {padding-left: 14px !important;}
.testimonial-wrapper {padding: 50px 0;}
#Bannerslider .owl-item img {height: 300px;}
.top-counter-features .button{width: 100%;}
.navigtaion-wrapper .navbar {top: 39px;}
}

@media (max-width:575px) {
.animate-title { }
.animate-contain {height: 50px; width: auto; margin-top: 8px;}
.bannerNrml h1 { font-size: 1.5rem;}
.tour-card {height: 290px;}
.more-count span {padding: 4px; border-radius: 6px; font-size: 11px;}    
}

/*Binod*/
.list-no-border-at-last:not(:last-child) {border-bottom: 1px solid #ddd !important;padding-bottom: 10px !important;margin-bottom: 10px !important;}
.list-no-comma-at-last:not(:last-child)::after {content: ", ";}
.no-scroll-text {display: -webkit-box;-webkit-line-clamp: 2; /* number of lines */-webkit-box-orient: vertical;overflow: hidden;}
.cursor-pointer {cursor: pointer;}
.info-hover {position: relative;display: inline-block;cursor: pointer;}
    .info-hover .info-message {
        display: none;
        position: absolute;
        top: 0;
        left: 30px;
        z-index: 1000;
        background: #212529;
        color: #fff;
        padding: 8px 12px;
        border-radius: 5px;
        min-width:150px;
        max-width: 250px; /* prevent overflow */
        white-space: normal; /* allow wrapping */
        word-wrap: break-word; /* break long words */
        font-size: 13px;
    }
    .info-hover:hover .info-message {
        display: block;
        z-index: 999999!important;
    }