:root {
  --primary-color: #005594;      /* Blue */
  --secondary-color: #e76000;    /* Orange */
  --button-color: #e74c3c;       /* Red */
  --text-color: #333333;         /* Dark Gray */
  --background-color:#f5f5f5;   /* Light Gray */
  --white-color: #ffffff;        /* White */
  --black-color: #000000;        /* Black */
   --border-color: #e1e3e1;
    --footerbg:#003254;
    --footerborder:#ffffff52;
    --sectionbg:#fbfbfb;
    --offwhite:#ccc;
    --topcontentbg:#003254;
	--headingcolor:#212529;
}


body {
	font-family: "Roboto", sans-serif;
	font-size: 16px;
}
/* -----------------------common css--------------------- */

.readmorebtn {
	text-decoration: none;
	font-size: 18px;
	font-weight: 500;
    color: var(--text-color);
	cursor: pointer;
	border: 1px solid #000;
	border-radius: 5px;
	padding: 6px 10px;
}
.sectionpaddingtop {
	padding-top: 80px;
}
.sectionpaddingbottom {
	padding-bottom: 80px;
}
.sectionpaddingy {
	padding: 80px 0;
}
.commonheading {
	font-size: 25px;
	font-weight: 600;
	color: var(--black-color);
}
.heading4 {
	font-size: 24px;
	font-weight: 600;
	color: var(--text-color);
    margin-bottom: 0;
}
.border-radius10 {
	border-radius: 10px;
}
.imageboxdesign {
	border-radius: 10px;
	border: 1px solid var(--border-color);
	padding: 10px;
	cursor: pointer;
}
.imageboxdesign img {
	border-radius: 10px;
	border: 1px solid var(--border-color);
}
.imageboxdesign img:hover {
	transform: scale(1.01);
	transition: .4s ease;
	box-shadow: 0 0 7px 1px rgb(180 194 169 / 84%);
}
.navbar-expand-lg .navbar-nav {
	flex-direction: row;
	align-items: center;
}
.ctmdrpdp .dropdown-toggle:focus {
background: var(--white-color) !important;
}
.ctmdrpdp.open a {
	background: var(--white-color) !important;
}
.ctmdrpdp .dropdown-menu {
	margin-top: 15px !important;
	border-radius: 10px !important;
}
.ctmdrpdp .dropdown-menu:before {
	position: absolute;
	display: inline-block;
	content: "";
	top: -7px;
	right: 20px;
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
	border-bottom: 7px solid var(--offwhite);
}
.ctmdrpdp .dropdown-menu li {
	border-bottom: 1px solid gray;
}
.ctmdrpdp .dropdown-menu li:last-child {
	border-bottom: none;
}
.ctmdrpdp .dropdown-menu > li > a {
	padding: 10px 10px;
	border-radius: 10px;
}
.ctmdrpdp .dropdown-menu:after {
	position: absolute;
	display: inline-block;
	content: "";
	top: -6px;
	right: 20px;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #fff;
	border-left: 6px solid transparent;
}
/*-------------------header section-------------------------*/
.transparent-index {
	background-color: #21409a00;
	border: 0;
	padding: 15px 0;
	position: absolute;
	z-index: 1;
	width: 100%;
	margin: 0 auto;
}
.logo {
	text-align: left;
	padding: 0 15px;
}
.logo .logo-content-normal {
	display: inline-block;
	padding: 10px 0;
	max-width: 100%;
	height: 60px;
}

.logo img {
	height: 100%;
}
.logo img {
	height: 35px;
	margin: 5px 0;
}
.transparent-index .navbar-update .navbar-nav .mr-li {
	margin: 0 20px 0 0;
}
.transparent-index .navbar-default {
	background-color: #ffffff00;
	border-color: none;
}
.transparent-index .navbar {
	position: relative;
	min-height: 60px;
	margin-bottom: 0px;
	border: 1px solid transparent;
}
.transparent-index .navbar-nav > li > a {
	padding: 6px 20px;
	line-height: 20px;
	color: #000;
	text-decoration: none;
	font-size: 15px;
	font-weight: 400;
}
.transparent-index .navbar-nav > li.active > a {
    	color: var(--secondary-color);
}
.transparent-index .navbar-default .navbar-nav > li > a {
	color: #fff;
	font-size: 16px;
	font-weight: 400;
}
.transparent-index .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	color: #ffffff;
	background-color: none;
}
.transparent-index .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: #21409a !important;
	background-color: #fff;
	border-radius: 25px;
	padding: 6px 30px;
}
.transparent-index #navbar .nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: block;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
	margin: 20px 0px;
	overflow: visible;
}
.sticky-active {
	position: sticky;
	top: 0;
	z-index: 999;
	background: #ffffff;
	padding: 0px 0;
	box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);
	-webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
	animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
	-webkit-box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.1);
	transition: .5s !important;
}
/* -----------------------dark header with sticky--------------------------------- */

/*--------------------------------------- Dropdown menu styling--------------- */
.b2b-drp-menu {
	display: none;
	position: absolute;
	top: 100%;
	right: 10px;
	background-color: #fff;
	box-shadow: 0 0 10px rgb(0 0 0 / 10%);
	border-radius: 10px;
	z-index: 1000;
	padding: 0;
	list-style: none;
	width: max-content;
	margin: 10px 0 10px;
}
.b2b-drp-menu::before {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #fff;
	top: -8px;
	right: 10px;
}
.b2b-drp-menu li {
	padding: 0 0px;
}
.b2b-drp-menu > li > a {
	display: flex;
	gap: 10px;
	padding: 6px 15px;
	font-size: 15px;
	font-weight: 500;
	color: var(--text-color);text-decoration: none;
	border-bottom: 1px solid #ccc;
}
.b2b-drp-menu li:last-child a {
	border-bottom: none;
}
.b2b-drp-menu > li > a:hover {
	color: #21409a;
}
.ctm-dropdown {
	position: relative;
}
.ctm-dropdown a i {
	transition: transform 0.3s;
	font-size: 15px;
	margin-left: 4px;
	line-height: 26px;
}
.ctm-dropdown.active .dropdown-toggle-icon i {
	transform: rotate(180deg);
}
.headerdropdown {
	height: 50px;
}
.megamenubar.b2b-drp-menu {
    min-width: 310px;
	display: flex;
	top: 49px !important;
	min-height: 120px;
	display: none;
	width: 100%;
	top: 100%;
	right: 0;
}

.megamenubar .megamenubar-bar ul {
	padding: 5px 10px;
	list-style: none;
}
.megamenubar .megamenubar-bar ul li a {
	display: flex;
	gap: 5px;
	padding: 5px 5px;
	font-size: 15px;
	font-weight: 400;
	color: var(--text-color);text-decoration: none;
}
/*--------------------------------------- Dropdown menu styling end--------------- */

/*----------------------------countryflag design start----------------------------*/
.countryflag {
	height: 20px;
	width: 27px;
	border-radius: 5px;
	border: solid 1px #edf2fa;
	margin-bottom: 0px;
	margin-right: 5px;
	    margin-left: 5px;
}
.selected-flag {
	height: 26px;
	width: 26px;
	border-radius: 50%;
}
.country-btn {
	padding-top: 0 !important;
}
.country-btn span {
	background: #ffffff !important;
	border-radius: 25px;
	color: #0274c5 !important;
	padding: 6px 10px !important;
	min-width: 125px;
	/* display: inline-block; */
	position: relative;
	font-size: 15px;
	display: flex;
	justify-content: space-around;
	align-items: center;
	font-size: 14px;
	font-weight: 400;
	border: 1px solid #0274c5;
}
/*----------------------------countryflag design start end----------------------------*/
/* ----------------------------banner slider----------------------------- */
.homebannerslider {
    width: 100%;
    border-radius: 15px;
    overflow: hidden
    }
    .bannerslide {
     position: relative;
      text-align: center;
      overflow: hidden;
        border-radius: 15px;
    }

 .bannerslide::after {
      content: "";
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background: rgb(0 0 0 / 43%);
     z-index: 1;
    
    }
    .bannerslide img {
      width: 100%;
      height: auto;
      display: block;
        min-height: 555px;
            object-fit: cover;
    
    }

  .bannerslide .bannertext{
       position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      padding: 10px 20px;
      border-radius: 8px;
        z-index: 2;
}
    .bannerslide .bannertext h2 {
    font-size: 32px;
        font-weight: 600;
     color: #fff;
    }
    .bannerslide .bannertext p {
    font-size: 18px;
     color: #fff;
        margin: 0;
    }

    /* Custom arrow buttons */
    .custom-prev, .custom-next {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background: rgb(231 96 0 / 86%);
      border: none;
      cursor: pointer;
      height: 40px;
      width: 40px;
      place-content: center;
      line-height: 0;
      font-size: 30px;
      border-radius: 50%;
      z-index: 2;
      color: #fff;
    }
    .custom-prev { left: 30px; }
    .custom-next { right: 30px; }

.custom-prev i, .custom-next i{
    font-size: 16px;
}
    .custom-dots {
  text-align: center;
    margin-top: 15px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    }
    .custom-dots li {
      display: inline-block;
      margin: 0 5px;
    }
    .custom-dots li button {
      width: 18px;
      height: 18px;
      border-radius: 50%;
      background: #ffffff38;
      border: 1px solid #fff;
      cursor: pointer;
      font-size: 0; 
    }
    .custom-dots li.slick-active button {
      background: var(--secondary-color);
      border: 1px solid var(--secondary-color);
    }
/* ------------------------------------------end--------------------------------- */


/*----------------------------------side blog design start-------------------*/
 .latestblogitem{
                width: 100%;
    margin-left: 0px;
    border: solid 1px #c9c9c9;
    padding: 15px;
    border-radius: 15px;
    box-shadow: -1px 2px 5px 1px #acabab7a;
    background: #ffffff;
        }
    .blogitem {
      position: relative;
      width: 100%;
      overflow: hidden;
      border-radius: 8px;
      margin-top: 15px;
      height: 150px;
    }
    .blogitem img {
      width: 100%;
      height: auto;
      display: block;
    }
  
    .blogitem a::after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 60%; 
    background: linear-gradient(to top, rgb(12 19 25), rgba(0, 0, 0, 0));
    z-index: 1;
    }
 
    .blogitem .blogcontent {
      position: absolute;
      bottom: 10px;
      left: 0;
       right: 0;
      margin: 0;
      z-index: 2; 
        text-align: center
    }
        .blogitem .blogcontent h3{
              color: #fff;
              font-size: 1.2em;
            margin: 0;
        }
                .blogitem .blogcontent p{
              color: #fff;
              font-size: 14px;
                    margin: 0;
        }
    .blogitem a {
      display: block;
      text-decoration: none;
      color: inherit;
        cursor: pointer;
    }
        .read-moreblog{
            text-align: center;
        }
  .read-moreblogline::after{
    content: '';
    position: absolute;
    width: 74%;
    height: 1px;
    background: #0273c3;
    left: 0;
    top: 24px;
        }
/*
        .read-moreblog a {
      background: #0273c3;
    padding: 10px;
    border-radius: 25px;
     width: 90%;
      max-width: 240px;
      margin: 0 auto;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 18px;
     text-decoration: none;
        }
*/



.imgovercolor {
	position: relative;
}

.imgovercolor-wrapper {
	position: relative;
	border-radius: 10px;
	cursor: pointer;
        margin-bottom: 25px;
}
.imgovercolor-img {
	width: 100%;
	display: block;
	border-radius: 5px;
}

.imgovercolor-wrapper::after {
	content: "";
	position: absolute;
	inset: 0;
	background: rgb(0 0 0 / 18%);
	transition: background 0.3s ease;
	z-index: 1;
	border-radius: 10px;
}
.imgovercolor-wrapper:hover {
	transform: translateY(-10px);
	transition: .5s ease;
}
.imgovercolor-wrapper:hover::after {
	background: rgb(3 4 5 / 24%);
}

/*
.imgovercolor-content {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 12px;
	background: linear-gradient(360deg, rgb(0 0 0) 0%, rgba(0, 212, 255, 0) 75%);
	text-align: center;
	font-family: Arial, sans-serif;
	z-index: 2;
	height: 60%;
	place-content: end;
	border-radius: 10px;
	padding: 5px;
}
*/
.imgovercolor-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    font-family: Arial, sans-serif;
    z-index: 2;
    place-content: end;
    padding: 0;
      background:var(--secondary-color);
    border-radius: 0px 0px 5px 5px;
}
.imgovercolor-contenttop{
        position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    font-family: Arial, sans-serif;
    z-index: 2;
    place-content: end;
    padding: 0;
      background:var(--topcontentbg);
    border-radius: 5px 5px 0px 0px;
}
.imgovercolor-contenttop .imgovercolor-titletop {
	font-size: 16px;
	font-weight: 500;
	    padding: 12px 0;
	color: #fff;
}
.imgovercolor-content .imgovercolor-titlebtm {
	font-size: 16px;
	font-weight: 500;
	 padding: 12px 0;
	color: #fff;
}
.imgovercolor-wrapper:hover .imgovercolor-content{
      background:  var(--primary-color);
}
.imgovercolor-content .imgovercolor-title {
	font-size: 16px;
	font-weight: 500;
	 padding: 6px 0;
	color: #fff;
}

.imgovercolor-btn:hover {
	background: var(--secondary-color);
}



/* -----------------------faq design-------------- */

.accordion-button {
	background-color: var(--white-color);
	color: #333;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease;
}
.accordion-button:not(.collapsed) {
	background-color: var(--secondary-color);
	color: #fff !important;
}
.accordion-button:not(.collapsed)::after {
	filter: invert(1);
	mix-blend-mode: plus-lighter;
}
.accordion-button:focus {
	box-shadow: none;
}
.accordion-body {
	background-color: #f8f9fa;
	animation: slideDown 0.3s ease-out;
}
.accordion-body p{
    margin: 5px 0;}
@keyframes slideDown {
	from {
		opacity: 0;
		transform: translateY(-10px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
.faq-icon {
	margin-right: 10px;
	color: #edbe00;
}
.accordion-item {
	margin-bottom: 10px;
	border-radius: 8px;
	overflow: hidden;
	border: 1px solid #e1e3e1 !important;
}
/* ----------------------------------------------------------------------- */


/* -----------------------footer section--------------------------- */
.footer {
	background: var(--footerbg);
	color: var(--offwhite);
	font-size: 15px;
}
.footer .title {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 15px;
	color: #fff;
	position: relative;
    text-align: center;
}
/*
.footer .title::after {
	content: "";
	display: block;
	width: 40px;
	height: 2px;
	background: var(--secondary-color);
	margin-top: 8px;
}
*/
.footer-brright{
    border-right: 1px solid var(--footerborder);
        
}
.footer .footer-menu {
	list-style: none;
	padding: 0;
	margin: 0;
    text-align: center;
}
.footer .footer-menu li {
	margin-bottom: 8px;
}
.footer .footer-menu li a {
	color: var(--offwhite);
	text-decoration: none;
	transition: color 0.3s ease;
}
.footer .footer-menu li a:hover {
	color: var(--secondary-color);
}
.footer .description p {
	line-height: 1.6;
	color: var(--offwhite);
}
.footer .divider {
	border-top: 1px solid var(--footerborder);
}
.footer-logo img {
	max-width: 100%;
	height: auto;
	margin-bottom: 10px;
}
.copycontent{
    color: var(--offwhite);
}
/* -----------------------faq design-------------- */

/*
.accordion-button {
	background-color: #ffffff;
	color: var(--text-color);box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease;
}
.accordion-button:not(.collapsed) {
	background-color: var(--secondary-color);
	color: #fff !important;
}
.accordion-button:not(.collapsed)::after {
	filter: invert(1);
	mix-blend-mode: plus-lighter;
}
.accordion-button:focus {
	box-shadow: 0 0 0 0.2rem rgba(35, 34, 138, 0.25);
}
.accordion-body {
	background-color: #f8f9fa;
	animation: slideDown 0.3s ease-out;
}
@keyframes slideDown {
	from {
		opacity: 0;
		transform: translateY(-10px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
.faq-icon {
	margin-right: 10px;
	color: #edbe00;
}
.accordion-item {
	margin-bottom: 10px;
	border-radius: 8px;
	overflow: hidden;
	border: 1px solid #e1e3e1 !important;
}
*/
/* ----------------------------------------------------------------------- */

/*
.slick-prev-tabbtn {
	left: -20px !important;
}
.slick-next-tabbtn {
	right: -20px !important;
}
.slick-next-tabbtn::before, .slick-prev-tabbtn::before {
	color: #0274c4 !important;
	opacity: 1 !important;
	font-size: 26px;
}
.tourtypeslider button {
	text-align: center;
}
.tourtypeslider button span {
	color: #000;
	border: 1px solid gray;
	padding: 8px 15px;
	display: inline-block;
	border-radius: 6px;
	width: 90%;
}
.tourtypeslider button.active span {
	background: #0274c4 !important;
	border: 1px solid #0274c4;
	color: #fff;
	width: 90%;
}
.tourtypeinnerslide {
	margin-top: 30px;
}
.typetour-sliderbox {
	position: relative;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	margin-right: 10px;
	margin-left: 10px;
}
.typetour-slidercontent {
	display: block;
	position: relative;
	text-decoration: none;
	color: inherit;
	height: 300px;
}
.typetour-slidercontent img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.4s ease;
}
.typetour-slidercontent::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
	transition: background 0.3s ease;
}
.typetourcontent {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 10px 15px;
	color: #fff;
	z-index: 2;
}
.typetourcontent p {
	margin: 0;
	font-size: 18px;
	font-weight: 500;
}
.typetourcontent .pricewithbutton {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.typetourcontent .pricewithbutton span {
	display: block;
	margin-top: 2px;
	font-size: 14px;
}
.typetourcontent .pricewithbutton button {
	margin-top: 8px;
	padding: 4px 14px;
	background: #4f4f4f45;
	border: none;
	border-radius: 4px;
	color: #fff;
	font-weight: 500;
	font-size: 15px;
	cursor: pointer;
	transition: background 0.3s ease;
	border: 1px solid #ffffff;
}
.typetourcontent .pricewithbutton button:hover {
	background: #0274c4;
}
.typetour-slidercontent:hover img {
	transform: scale(1.05);
}
.more-text {
	display: none;
}
*/


/* ---------------------------responsive media query start------------------------------------ */
@media (min-width: 992px) and (max-width: 1024px){
	.tourtypeslider button span {
    color: #000;
    border: 1px solid gray;
    padding: 8px 6px;
    display: inline-block;
    border-radius: 6px;
    width: 96%;
}
.tourtypeslider button.active span {
    background: #0274c4 !important;
    border: 1px solid #0274c4;
    color: #fff;
    width: 96%;
}
.slick-prev-ctm {
    left: 0px !important;
	 background: #0275c8d9 !important;
    color: #fff;
	        z-index: 9;
}

.slick-next-ctm {
    right: 0px !important;
    background: #0275c8d9 !important;
    color: #fff;
	        z-index: 9;
}
.slick-prev-ctm::before, .slick-next-ctm::before {
    color: #ffffff !important;
    opacity: 1 !important;
    font-size: 26px;
}

    .faq-container{
        padding-right: 15px;
        padding-left: 15px;
    }
    
    
}
@media (min-width: 768px) and (max-width: 991px){

    .read-moreblogline::after{
    content: '';
    position: absolute;
    width: 58%;
    height: 1px;
    background: #0273c3;
    left: 0;
    top: 22px;
        }
    
	.navbar-toggler:focus{
	box-shadow: none;
}
	.navbar-expand-lg .navbar-nav{
		flex-direction: column;
		    align-items: self-start;
			        gap: 10px;
	}
	.headerdropdown{
		    height: auto;
    border-top: 1px dashed #f6e8e8;
    padding-top: 15px;
	}
	.transparent-index .navbar-nav > li > a{
		    padding: 6px 0px;
	}
	.megamenubar-bar {
    display: flex;
    gap: 10px;
    width: max-content;
    background: #fff;
    border-radius: 10px;
}
.megamenubar.b2b-drp-menu {
         min-height: 120px;
        display: none;
        width: 700px;
           top: 22px !important;
        left: 00%;
        right: 0;
        transform: translateX(00%);
}
.montbreakdownul {
    list-style: none;
    padding: 0;
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
    margin-top: 20px;
    justify-content: space-between;
}
	.tourtypeslider button span {
    color: #000;
    border: 1px solid gray;
    padding: 8px 6px;
    display: inline-block;
    border-radius: 6px;
    width: 96%;
}
.tourtypeslider button.active span {
    background: #0274c4 !important;
    border: 1px solid #0274c4;
    color: #fff;
    width: 96%;
}
  .faq-container{
        padding-right: 15px;
        padding-left: 15px;
    }
    
}

@media (min-width: 320px) and (max-width: 767px){
    .blogitem {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 8px;
    margin-top: 15px;
    height: 250px;
    max-height: 100%;
}
    
.read-moreblogline::after{
    content: '';
    position: absolute;
    width: 0;
    height: 1px;
    background: none;
    left: 0;
    top: 22px;
        }
    .read-moreblog{
        margin-top: 15px;
    }
    
	.navbar-expand-lg .navbar-nav{
		flex-direction: column;
		    align-items: self-start;
			        gap: 10px;
	}
	.headerdropdown{
		    height: auto;
    border-top: 1px dashed #f6e8e8;
    padding-top: 15px;
	}
	.transparent-index .navbar-nav > li > a{
		    padding: 6px 0px;
	}
	.megamenubar-bar {
    display: flex;
	flex-wrap: wrap;
    gap: 10px;
    width: max-content;
    background: #fff;
    border-radius: 10px;

}
.megamenubar.b2b-drp-menu {
         min-height: 120px;
        display: none;
         min-width: 320px;
        width: 100%;
        top: 15px !important;
        left: 00%;
        right: 0;
        transform: translateX(00%);
}

.slick-prev-tabbtn {
    left: -10px !important;
}
.slick-next-tabbtn {
    right: -10px !important;
}

.slick-prev-ctm {
    left: 0px !important;
	 background: #0275c8d9;
    color: #fff;
	        z-index: 9;
}

.slick-next-ctm {
    right: 0px !important;
    background: #0275c8d9;
    color: #fff;
	        z-index: 9;
}
.slick-prev-ctm::before, .slick-next-ctm::before {
    color: #ffffff !important;
    opacity: 1 !important;
    font-size: 26px;
}
.imgovercolor{
	margin-top: 25px;
}
.more-learn {
	margin-bottom: 15px;
}
.border-radius10{
	margin-bottom: 10px;
}
.montbreakdownul {
    list-style: none;
    padding: 0;
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
    margin-top: 20px;
    justify-content: space-around;
}
.monthbreakicon {
    height: 120px;
    width: 120px;
    padding: 8px;
    place-content: center;
    background: #e6f7ff;
    border-radius: 50%;
    display: inline-block;
}
.navbar-toggler:focus{
	box-shadow: none;
}
.contetnt{
	margin-top: 10px;
}
.sliderheader {
	flex-wrap: wrap;
}
    .centered-text h4 {
    font-size: 24px;
    font-weight: 600;
}
    .centered-text p {
    font-size: 16px;
    font-weight: 400;
}
      .faq-container{
        padding-right: 15px;
        padding-left: 15px;
    }
    .commonheading{
        font-size: 24px;
    }
    .heading4 {
    font-size: 20px;
    font-weight: 600;
    color: #000;
}
    .header-text-tab h4 {
    font-size: 24px;
    font-weight: 600;
}
}

/* ===============================================news css added=================================== */
  .content-tour {
    max-height: 140px;       /* special height */
    overflow: hidden;        /* hide extra content */
    transition: max-height 0.4s ease; /* smooth expand/collapse */
  }
  .content-tour.expanded {
       max-height: 100%;    
  }
.banner-ratingbox{
	display: flex;
    justify-content: center;
}
.banner-ratingbox .bannerclickbtn{
display: flex;
gap: 5px;
}
.bookbtndiv{
 display: flex;
  gap: 10px;
  justify-content: end;
}

.bookbtn a{
      border: 1px solid gray;
	border-radius: 5px;
	cursor: pointer;
     color: #000;
       padding: 10px 15px;
    	font-size: 18px;
    text-decoration: none;
}
 .category-page-product-card {
    background-color: #fff;
    padding: 20px;
    border: 1px solid #e2e2e2;
	margin-bottom: 15px;
}
.category-page-product-card:hover{
	    box-shadow: 0 0px 25px rgba(0, 0, 0, 0.1);
		transition: .2s ease-in-out;
		cursor: pointer;
}
.card-body-tour .card-title-tour{
	margin-bottom: 0;
}
.card-body-tour .card-title-tour a, .card-title-tour{
   color: #000;
	font-size: 18px;
	    font-weight: 600;
	cursor: pointer;
	text-decoration: none;
	
}
.card-tour-ul{
	padding: 0;
}
.card-tour-ul li{
	font-size: 16px;
	color: #000;
	    padding: 0 0 5px 0;
		
}
.card-tour-ul li i{
	font-size: 14px;
	color: #4e4e4e;
}
.category-page-product-card-footer{
	height: 100%;
	    display: flex;
    flex-direction: column;
    justify-content: space-between;
	    border-left: 1px dotted #dad8d8;
		    padding: 0 0 0px 15px;
}
.main-content .pricetour{
	font-size: 18px;
	color: #000;
	font-weight: 600;
	    
}
.main-content-ul{
	list-style: none;
	padding: 0;
}
.main-content-ul li{
		font-size: 16px;
	color: #000;
	    padding: 10px 0
}
.tour-btn-custom{
	    border: 1px solid #01acec;
    border-radius: 5px;
	background: #01acec;
    color: #ffffff;
    padding: 6px 15px;
    font-size: 18px;
    cursor: pointer;
}
.tour-btn-custom:hover{
		    border: 1px solid #0273c3;
    border-radius: 5px;
	background: #0273c3;
    color: #ffffff;
}
.rating-wrapper{
	display: flex;
	align-items: center;
	gap: 5px;
	padding: 5px 0;
}
.rating-wrapper .starticon span i{
color: rgb(255, 187, 0);

}
.category-page-product-card-header a{
	display: inline-block;
	height: 260px;
	
}
.category-page-product-card-header a img{
	height: 100%;
	width: 100%;
	object-fit: cover;
	border-radius: 5px;
}
.linktour {
	margin: 0;
	    padding: 2px 0px;
}
.linktour a{
	font-size: 16px;
	    color: #01acec;
	font-weight: 600;
	text-decoration: none;
}

.linktour a.more-details-tour{
	font-size: 15px;
	color: #727272;
}
.visitimg{
	height: 250px;
	object-fit: cover;
	width: 100%;
}
.listul li{
padding-bottom: 10px;
font-size: 16px;
}


/* ---------------------testimonial css ----------------------------------- */
.testimonial-reel {
  margin-bottom: 4rem !important;
}

.slick-dots li .custom-dot{
	background: var(--secondary-color);
	border-radius: 50% !important;
	width: 20px !important;
	height: 20px !important;
}
.slick-dots .slick-active .custom-dot{
	background: #01adea !important;
	border-radius: 50% !important;
	width: 20px !important;
	height: 20px !important;
}

.testimonial-reel .box {
  position: relative;
  margin-bottom: 20px;
 border: 1px solid #e1e3e1;
  border-radius: 10px;
  padding: 30px 15px;
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.fix-number{
	position: absolute;
    top: 0;
    right: 0;
    padding: 5px 15px;
    background: #0a70b4;
    border-radius: 2px 5px 0px 0px;
    color: #fff;
}
.testimonial-reel .box .image {

width: 100%;
border-radius: 10px;

overflow: hidden;

}

.testimonial-reel .box .image img {
height: 100%;
width: 100%;
    min-height: 313px;
    object-fit: cover;
}

.testimonial-reel .box .test-component {
  background-color: #fff;
  min-height: 200px;
  height: 100%;
  border-radius: 5px;
}

.testimonial-reel .box .test-title h4 {

  color: #0a70b4;
  margin-bottom: 15px;
  font-weight: 600;
}

.testimonial-reel .box .test-content {

}

.testimonial-reel .slick-slide {
  opacity: 0.3;
  transition: opacity 0.3s;
  padding-left: 1rem;
  padding-right: 1rem;
}

.testimonial-reel .slick-slide.slick-cloned {
  opacity: 0.3;
  transition: opacity 0.3s;
}

.testimonial-reel .slick-slide.slick-current.slick-active {
  opacity: 1;
  transition: opacity 0.3s;
}
.contentshowdiv{
    max-height: 250px;
    overflow: hidden;
    transition: max-height 0.4s ease;
}
.contentshowdiv.expanded {
       max-height: 100%;    
  }
  .contentshowdiv h4{
font-size: 18px;
font-weight: 600;
color: #000;
  }
    .contentshowdiv p{
		font-size: 15px;
		padding-left: 15px;
	}
	.newscard img{
		height: 200px;
	}
.newscard .card-body .content .card-text {
  display: -webkit-box;
  -webkit-line-clamp: 3;   
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.newscard .card-body .content.expanded .card-text{
    -webkit-line-clamp: none;
        text-overflow: inherit;
    overflow: auto
}
.newscard .card-body .read-more{
    text-decoration: none;
    color: #0272bf;
    padding: 3px 10px;
    display: inline-block;
    border: 1px solid #0274c4;
    border-radius: 5px;
    margin-top: 5px;
}
.newscard:hover .card-body .read-more{
      display: inline-block;
    border: 1px solid #0274c4;
      color: #fff;
    background:#0274c4; 
}
.newscard:hover{
    box-shadow: -2px 3px 6px 2px rgba(0, 0, 0, 0.15) !important;
    transition: .2s ease;
}

.contentreadmore {
  max-height: 100px;
  overflow: hidden;
  transition: max-height 0.4s ease;
}

.contentreadmore.active {
  max-height: 100%; 
}
.mainbox-design{
    margin-top:70px;
}
.mainbox-design .lineheading{
      font-size: 28px;
    font-weight: 600;
    color: #0274c6;
    position: relative;
    margin-bottom: 20px;
}
.mainbox-design .lineheading::before {
    content: "";
    position: absolute;
    top: -6px;
    left: 0;
    width: 79px;
    height: 4px;
    background-color: #0274c4;
    border-radius: 24px;

}
.withoutlineheading{
          font-size: 28px;
    font-weight: 600;
    color: #0274c6;
}
.sub-heading{
    font-size: 24px;
    font-weight: 600;
    margin: 0
}
.mainbox-design .paraheding{
    font-size: 16px;
    color: #000;
    font-weight: 600

}
.mainbox-design img{
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.contentreadmore{
    margin-top: 15px;
}
.contentreadmore p{
    font-size: 16px;
    line-height: 27px;
}
.read-more-product-card{
        display: inline-block;
    border: 1px solid #0274c4;
      color: #fff;
    background:#0274c4; 
    padding: 5px 15px;
    border-radius: 5px;
}
.read-more-product-card:hover{
    
      background:#0372be; 
       border: 1px solid #0372be;
       color: #fff;
}

.imageboxborder{
        border: 1px solid #edf2fa;
      border-radius: 5px;
    padding: 15px;
    margin-top: 15px;
    margin-top: 70px;
    
}
.imageboxborder img{
    width: 100%;
    height: 100%;
    border-radius: 10px;
}
.contentreadmore ul li p{
    margin-bottom: 0;
}
.innerbottomdiv {
      display: flex;
    justify-content: space-between;
    border-top: 1px solid #edf2fa;
    margin-top: 15px;
    padding: 15px;
    align-items: center;
}
.innerbottomdiv .locationdiv{
    display: flex;
    align-items: center;
        gap:5px;
}
.innerbottomdiv .locationdiv img{
    height: 30px;
    width: 30px;
}
.featured-product-wrapper{
    background: #edf2fa;
    padding: 50px 0;
/*    margin-top: 50px;*/
}
.price-button-wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
        padding: 8px 15px;
}
.price-wrapper p{
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 0px;
    line-height: normal;
}
.price-wrapper p.price{
   font-size: 22px;
    font-weight: 600; 
}
.book-now-wrapper a{
        border: 1px solid gray;
	border-radius: 5px;
	cursor: pointer;
     color: #000;
       padding: 6px 15px;
    	font-size: 18px;
    text-decoration: none;
}
.book-now-wrapper a:hover{
    background: #0274c4;
       border: 1px solid #0274c4;
    color: #fff;
}
.btn-wrapperdiv .btn-custom, .btn-wrapperdiv .btn-custom:focus, .btn-wrapperdiv .btn-custom:hover{
        display: inline-block;
    border: 1px solid #0274c4;
    color: #fff;
    background: #0274c4;
    padding: 5px 15px;
    border-radius: 5px;
}
.innerpagepaddingy{
    padding: 50px 0
}

.fsize-22{ font-size: 20px !important;}

.btn-wrapperdiv{
	display: flex;
    flex-wrap: wrap;
    gap: 5px;}
	
.slick-dots li.slick-active .custom-dot:before,  .slick-dots li.slick-active .custom-dot:hover:before, .slick-dots li .custom-dot:before, .slick-dots li .custom-dot:hover:before {
    opacity: 0;
 
}

.slick-prev-ctm:focus, .slick-prev-ctm:hover, .slick-next-ctm:focus, .slick-next-ctm:hover {
    background: #002e4acc;
}


.category-page-product-card-header img{
	height: 100%;
	width: 100%;
	object-fit: cover;
	border-radius: 5px;
}
.bggray{
    background:var(--sectionbg);
}
.content-innerpage{
    padding: 15px;
}
.date-time{
    margin: 10px 0;
}
.date-time p{
    margin: 5px 0;
}
.date-time p img{
    margin-bottom: 0;
    width: 20px;
    height: 20px;
}
.date-time p span{
    font-size: 16px;
    font-weight: 500;
}

.bgwithimge {
    background-image:linear-gradient(rgb(0 0 0 / 75%), rgb(0 0 0 / 64%)), url(../Images/newbanner.jpg);
    background-size: cover;
    background-position: center;
}
.bgwithimge2 {
    background-image: linear-gradient(rgb(3 3 3 / 65%), rgb(0 0 0 / 75%)), url(../Images/aboutbanner.jpg);
    background-size: cover;
    background-position: center;
}
.hedaerbg{
        background-image: linear-gradient(rgb(255 255 255 / 74%), rgb(255 255 255 / 16%)), url(../Images/Banner-bg.jpg);
    background-size: cover;
    background-position: center;
}




/*============================new css added===============*/

 p{
    color: var(--black-color);
}

.box-contentdiv{
/*        box-shadow: 1px 1px 13px 2px #c9c4c442;*/
    border-radius: 10px;
    padding: 15px;
    border: 1px solid #e3e3e3;
    margin: 15px 0;
}
.content-div{
    padding: 0px 0 15px;
}
.content-div p{
    margin: 0;
    color: var(--black-color);
}
.subheading{
    font-size: 20px;
    font-weight: 600;
    margin: 10px 0;
    color: var(--black-color);
    
}

.latestblogbtndiv{
    display: flex;
    justify-content: space-between;
    gap:8px;
    flex-wrap: wrap;
    align-items: center;
}
.view_allbtn{
border-radius: 6px;
    text-decoration: none;
    background: var(--secondary-color);
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    padding: 3px 12px;
}
.view_allbtn:hover{
border-radius: 6px;
    text-decoration: none;
    background: var(--primary-color);

}
.btn-section{
    display: flex;
    gap:15px;
    flex-wrap: wrap;
}
.tagetbtn{
    padding: 8px 15px;
    background: var(--secondary-color);
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    font-weight: 500
}
.tagetbtn:hover{
    padding: 8px 15px;
    background: var(--primary-color);
    border-radius: 5px;
     color: #fff;
    text-decoration: none;
}

.socialtagetbtn{
 padding: 10px 15px;
 background: var(--secondary-color);
 border-radius: 5px;
 text-decoration: none;
 color: #fff;
 font-size: 16px;
 font-weight: 500;
        display: inline-block;
/* border: 1px solid #e3822c;*/
}
.socialtagetbtn:hover{
    background: var(--primary-color);
}
.withbgimg-section {
  background: url('../Images/02-beach.jpg') no-repeat center center;
  background-size: cover;
min-height: 650px;
  display: flex;
  align-items: center;
        background-attachment: fixed;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
}

.withbgimg-section .overlay-boxdiv {background: rgb(247 247 247 / 83%);
    color: #121010;padding: 2rem;border-radius: 10px;/* box-shadow: 0 4px 12px 1px rgb(0 0 0 / 30%); */border: 1px solid #ffffff82;}
  .parallax {
      background-image: url('../Images/aus-image/home-banner-03.jpg'); /* replace with your image */
      min-height: 500px;
      background-attachment: fixed;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      display: flex;
      align-items: center;
    }

    /* Content column */

 .custom-testimonial-section {
      max-width: 1100px;
      margin: 70px auto;
      padding: 20px;
    }

    .custom-testimonial-card {
      background: #ffffff;
      padding: 40px 30px;
        margin: 10px;
      border-radius: 14px;
      box-shadow: 0 8px 24px rgba(0,0,0,0.08);
      text-align: center;
      transition: transform 0.3s ease;
            min-height: 350px;
    }

/*
    .custom-testimonial-image {
      width: 95px;
      height: 95px;
      border-radius: 50%;
      object-fit: cover;
      margin-bottom: 20px;
      border: 3px solid #007bff;
    }
*/

    .custom-testimonial-stars {
      color: #f18e0f;
      margin-bottom: 12px;
      font-size: 18px;
    }

.custom-testimonial-heading{
    font-size: 24px;
    font-weight: 600;
    color: var(--text-color);}
    .custom-testimonial-text {
      font-size: 16px;
      color: #555;
      line-height: 1.7;
      margin-bottom: 18px;
    }

    .custom-testimonial-name {
      font-weight: 600;
      font-size: 18px;
      color: var(--text-color);}

    /* Slick dots customization */
    .custom-testimonial-slider .slick-dots li button:before {
      color: #007bff;
      font-size: 12px;
    }
.mapbox{
    width: 300px;
}
.transparent-index .navbar-nav > .text-light > a {color:#fff;}

.bannerultxt{
    list-style:none; padding:0;
   
    text-align: left;
    gap:15px;
}
.bannerultxt li{
    color: #fff;
    font-weight: 400;
    font-size: 15px;
}

/*=======================map style===========================*/

 .ausmapsvg {
    width: 450px;
    height: auto;
  }

  .landaus {
    fill: #a8d5c2;
    stroke: #ffffff;
    stroke-width: 1;
  }

  .cityaus {
    fill: var(--secondary-color);
    stroke: #ffffff;
    stroke-width: 1;
    cursor: pointer;
  }
	
	.cityaus:hover {
    fill: var(--primary-color);
    stroke: #ffffff;
    stroke-width: 1;
    cursor: pointer;
  }

  .tooltipausmap {
    position: absolute;
    background: #222;
    color: #fff;
    padding: 6px 10px;
    border-radius: 4px;
    font-size: 13px;
    pointer-events: none;
    display: none;
  }
.innerbannerimg {
    position: relative;
    height: 350px;
    overflow: hidden;
}

.innerbannerimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Overlay */
.innerbannerimg::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Adjust color & opacity */
    z-index: 1;
}

/* Text stays above overlay */
.centered-text {
    position: absolute;
    color: #fff;
    font-weight: bold;
    text-align: center;
    z-index: 2; /* Higher than overlay */
    top: 50%;
    margin: 0 auto;
    width: 100%;
    transform: translateY(-50%);
}

.centered-text h4 {
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 30px;
}
.breatcumb-content-text ul li {
    list-style: none;
    display: inline-block;
}
.breatcumb-content-text ul li a {
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    text-decoration: none;
}
.breatcumb-content-text i {
    font-size: 15px;
    color: #fff;
    margin: 0 6px;
    display: inline-block;
}
.breatcumb-content-text span {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    display: inline-block;
    margin: 0 4px;
}

.contentul{
    list-style: none;
    padding: 0;
}
.contentul{
    font-size: 16px;
    line-height: 28px;
}
.contentul h4{
font-weight: 600;
    font-size: 18px;
}
.get-in-touch{
    background: #004573;
    padding: 25px 0;
}
.ctatpara h4{
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    position: relative;
    
}
.ctatpara h4::after {
     content: "";
    display: block;
    width: 62px;
    height: 2px;
    background: var(--white-color);
    margin-top: 8px;
    position: absolute;
    top: -15px;
}
.ctatpara p{
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    
}
.ctabtn .ctabntlink{
    padding: 10px 15px;
    background: var(--secondary-color);
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
}

.homecontent-ul{
    padding: 0;
    list-style: none;
    
}
.homecontent-ul > p{
    font-weight: 600;
    margin-bottom: 5px;
}
.homecontent-ul li {
    display: flex;
    align-items: baseline;
    gap:2px;
}

.homecontent-ul li i{
    margin-right: 5px;
}
.paracontent{
    margin:15px 0;
}
.paracontent h4{
    font-size: 18px;
    font-weight: 600;
}
.paracontent p{
    font-size: 16px;
    font-weight: 400;
    margin: 0;
}