:root {
    --tv-white: #fff;




    --font-w-medium: 500;
    --font-w-semi: 600;
    --font-w-bold: 700;

}

.roboto-regular {
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

.inter-regular {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

html {
    font-size: 16px;
}

body {
    background-color: #F8F9FA;
    font-size: 1.125rem;
    padding: 0;
    margin: 0;
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

* {
    margin: 0;
    padding: 0;
}

.fnt-medium {
    font-weight: var(--font-w-medium);
}

.fnt-semiBold {
    font-weight: var(--font-w-semi);
}

.fnt-bold {
    font-weight: var(--font-w-bold);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Roboto", sans-serif;
}

ul,
li {
    list-style: none;
    padding: 0;
}

a {
    text-decoration: none;
}

/* home page */
.homeBanner {
    background: url(../images/home_banner.jpg) no-repeat;
    background-size: cover;
    color: var(--tv-white);
}

.h-contact li {
    padding: 0 24px;
    font-weight: var(--font-w-medium);
}


.h-social a {
    color: var(--tv-white);
    font-weight: var(--font-w-semi);
}

.h-social button {
    padding: 0.375rem 1.1rem;
}

.socialBg {
    background-color: var(--tv-white);
    width: 36px;
    height: 36px;
    border-radius: 100%;
    margin-right: 24px;
}

.navWrap {
    background-color: rgba(255,255,255,0.8);
    border-radius: 24px;
    padding: 6px 40px;
}

.navWrap ul li {
    margin: 0 24px;
    position: relative;
    line-height: 84px;
}

.navWrap ul li a {
    color: #212121;
    font-weight: var(--font-w-medium);
    position: relative;

}


.headingGap {
    padding: 60px 0 36px 0;
}

.sectionGap {
    padding-bottom: 60px;
}

.text-white {
    color: #fff;
}

.workBg {
    background: rgba(240, 153, 96, 0.5);
    background-size: cover;
    min-height: 400px;
}

.workWrap {
    gap: 60px;
}

.workWrap li {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #0078741A;
    border-radius: 143px;
    opacity: 1;
    width: 200px;
    height: 200px;
    flex-direction: column;
}

.workWrap li img {
    margin-bottom: 10px;
    width: 56px;
}

.workWrap li p {
    width: 200px;
    text-align: center;
    font-size: 16px;
    line-height: 21px;
}

.workWrap li h3 {
    font-size: 18px;
    /* line-height: 32px; */
    position: relative;
    margin-bottom: 24px;
    width: 144px;
    text-align: center;
}


.consultation {
    background: url(../images/consultation.png) no-repeat;
    background-size: cover;
    min-height: 414px;
    color: var(--tv-white);
}

.consultation p {
    font-size: 2.25rem;
}

.consultation h3 {
    font-size: 3rem;
}

.consultation button {
    font-size: 24px;
}

.pricingWrap {
    background: #FFFFFF;
    border: 1px solid #00787480;
    border-radius: 12px;
    opacity: 1;
    padding: 36px;
    color: #212121;
    height: 100%;
    position: relative;
}

.packageName {
    font-size: 1.5rem;
    margin-top: 16px;
}

.amount {
    color: #212121;
}

.amount s,
.amount span {
    font-size: 3rem;
}

.fnt-16 {
    font-size: 16px;
}

.priceUser li {
    margin-right: -20px;
    color: #007874;
}

.priceUser li img {
    width: 40px;
}

.priceUser li:last-child {
    background: #E3FFF9;
    border-radius: 20px;
    padding: 8px 21px;
}

.pricingWrap button {
    background: #007874;
    border-radius: 12px;
    text-align: center;
    width: 100%;
    line-height: 56px;
    color: #E3FFF9;
    border: none;
    margin-top: 20px;
    margin-bottom: 36px;
}

.pricingWrap ul li {
    font-size: 1rem;
    font-family: "Roboto", sans-serif;
    color: #212121;
    margin-top: 30px;
    background: url(../images/icons/rightFaceMailer.png) no-repeat 0 1px;
    background-size: 21px;
    padding-left: 31px;
}

.pricingWrap ul li:first-child {
    font-weight: 700;
    color: #007874;
    margin-top: 0;
    background: none;
    padding-left: 0;
}

.pricingWrap ul li:nth-child(2) {
    margin-top: 16px;
}

.PopularTag {
    background-color: #212121;
    color: var(--tv-white);
    position: absolute;
    top: 50px;
    right: 36px;
    border-radius: 8px;
    padding: 4px 24px
}

/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #212121;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.slider {
    background-color: #212121;
}

input:focus+.slider {
    box-shadow: 0 0 1px #212121;
}

input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.lightColor {
    color: #707070;
}

.testimonial {
    background: rgba(29, 73, 167, 0.7);

    min-height: 720px;
    color: var(--tv-white);
    font-size: 1.5rem;
    padding: 24px 0;
}

.testimonial h2 {
    width: 80%;
}

.testimonial a {
    position: relative;
    font-weight: bold;
    color: var(--tv-white);
    padding-right: 20px;
}

.testimonial a:after {
    border: solid #fff;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    content: '';
    position: absolute;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    top: 10px;
    right: 0;
}

.ratingWrap {
    display: flex;
    justify-content: center;
    gap: 5px;
}

.ratingWrap li {
    background: url(../images/icons/filled-star.png) no-repeat;
    background-size: 24px;
    height: 24px;
    width: 24px;
}

.fnt-18 {
    font-size: 1.125rem;
}

.fnt-24 {
    font-size: 1.5rem;
}

.fnt-48 {
    font-size: 3rem;
}

.scrollContentWrap {
    width: 100%;
    overflow: hidden;
}

.scrollContent {
    width: 104%;
    height: 672px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0px 24px 24px 0;
}

.flex-direction-column {
    flex-direction: column;
}

.height-100 {
    height: 100%;
}

.masonry {
    column-count: 2;
    column-gap: 24px;
}

.masonry-item {
    break-inside: avoid;
    margin-bottom: 1rem;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    position: relative;
}

.masonry-item img {
    width: 60px;
    display: block;
    position: absolute;
    right: 24px;
    top: 24px;
}

.card-body {
    padding: 1.5rem;
}

.card-body p {
    font-size: 1rem;
    color: #212121;
}

.card-title {
    color: #212121;
    font-size: 1rem;
}

/* trh */
.firstFold {
    height: 80vh;
    overflow: hidden;
}

.home-slider h2 {
    font-size: 3rem;
    width: 72%;
}

.home-slider p {
    font-size: 1.5rem;
    width: 40vw;
}


.carousel-control-next-icon,
.carousel-control-prev-icon {
    position: relative;
}

.carousel-control-next-icon:after {
    position: absolute;
    content: '';
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    border: solid black;
    border-width: 0 6px 6px 0;
    display: inline-block;
    padding: 6px;
    left: calc(50% - 11px);
    top: calc(50% - 9px);
}

.carousel-control-prev-icon::after {
    position: absolute;
    content: '';
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    border: solid black;
    border-width: 0 6px 6px 0;
    display: inline-block;
    padding: 6px;
    left: calc(50% - 8px);
    top: calc(50% - 9px);
}

.offer-card {
    background: var(--tv-white);
    border: 1px solid #CCCCCC;
    border-radius: 8px;
    min-height: 200px;
    padding: 0;
    overflow: hidden;
    height: 100%;
}

.offer-card img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.imageWrap {
    max-height: 274px;
    height: 274px;
    overflow: hidden;
}

.offer-card h2 {
    font-size: 1.5rem;
    font-weight: var(--font-w-medium);
    margin-bottom: 10px;
}

.offer-card p {
    line-height: 30px;
    color: #212121;
}


.rel {
    position: relative;
}

h2 {
    font-size: 3rem;
}

.carousel-item {
    height: 80vh;
}

.carousel-content-home {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 144px;
    height: 80vh;
    display: flex;
    align-items: center;
}

.carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.rel {
    position: relative;
}

.carousel {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

header {
    z-index: 1;
    position: relative;
}

.text-muted {
    color: #007874 !important;
    font-size: 1.125rem
}

.homeAccordion .accordion-item {
    border: 1px solid #007874 !important;
    border-radius: 12px !important;
    overflow: hidden;
    background: #FFFFFF;
    padding: 0 36px;
}

.homeAccordion .accordion-button {

    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 20px 0;
}

.homeAccordion .accordion-body p:last-child {
    margin-bottom: 0px;
}

.homeAccordion .accordion-button:focus {
    outline: none !important;
    box-shadow: none !important;
}

.homeAccordion .accordion-body {
    background-color: transparent !important;
    border-bottom: none !important;
    padding: 16px 0;
}

.accordion-button::after {
    background-image: none !important;
    border: solid #212121;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    content: '';
    position: absolute;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    top: 18px;
    right: 30px;
    height: 11px;
    width: 11px;
}
.accordion{
    border: 1px solid #CCCCCC;
    border-radius: 12px;
    overflow: hidden;
}

.accordion-header{
    border-bottom: 1px solid #CCCCCC;
}
.accordion-header button{
    font-weight: bold;
    color: #000;
    padding-right: 60px;
    text-align: left;
}
.accordion-header.no-border{
    border-bottom: none;
}
.accordion-button:not(.collapsed){
    background: #CCCCCC;
    color: #000;
}
.accordion-button:not(.collapsed)::after {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    top: 24px;
    right: 30px;
}

.homeAccordion .accordion-button:not(.collapsed) {
    background-color: transparent;

    color: #007874 !important;
    border-bottom: 1px solid #ccc;
}

.blogWrapper {
    background-color: #E3FFF9;

}

.hideScroll {
    height: 100%;
    overflow: hidden;
}

.blogContentWrap {
    height: 110%;
    overflow-x: auto;
}

.blogContent {
    display: flex;

}

.blogContent li {
    position: relative;
    border-radius: 24px;
    overflow: hidden;
    float: left;
    width: 360px;
    min-width: 336px;
}

.blogContent li img {
    width: 100%;
}

.contentShade {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #212121;
    background: linear-gradient(0deg, rgba(33, 33, 33, 1) 0%, rgba(33, 33, 33, 0.1) 90%, rgba(33, 33, 33, 0) 100%);
    height: 186px;
    padding: 24px;
    width: 100%;
    color: #fff;
}

.blogTag {
    background: #FFC2EC;
    border-radius: 14px;
    padding: 5px 16px;
    font: normal normal bold 14px/17px Inter;
    color: #212121;
    text-transform: uppercase;
    margin-bottom: 10px;
    display: inline-block;

}

/* 1st, 4th, 7th... */
.blogContent li:nth-child(3n+1) .blogTag {
    background-color: #FFC2EC;
}

/* 2nd, 5th, 8th... */
.blogContent li:nth-child(3n+2) .blogTag {
    background-color: #007874;
    color: #fff;
    /* Teal is dark — white text looks better */
}

/* 3rd, 6th, 9th... */
.blogContent li:nth-child(3n) .blogTag {
    background-color: #C6D4FC;
}

footer {
    border-top: solid 1px rgba(0, 0, 0, .12);
    /* color: #fff; */
}

footer a {
    color: #fff;
    text-decoration: underline;
    background-color: #212121;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
}

footer a img {
    width: 24px;
    height: 24px;

}

footer .socialBg {
    background: transparent;
}

footer .btn-secondary,
footer .btn-primary {
    padding-top: 0;
    padding-bottom: 0;
    line-height: 40px;
}

footer .btn-secondary {
    background-color: #fff;
}

.sideSticky {
    position: fixed;
    right: 0;
    top: calc(60vh - 86px);
    z-index: 10;
    background-color: #fff;
    border-radius: 8px 0 0px 8px;
    padding: 10px;
}

.sideSticky a {
    color: #fff;
    text-decoration: underline;
    background-color: #212121;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
}

.sideSticky ul li:last-child{
    display: none;
}

.sideSticky a img {
    width: 24px;
    height: 24px;
}

.copyright {
    border-top: solid 1px rgba(0, 0, 0, .12);


    text-align: center;
    margin: 30px 0 0 0;
    padding-bottom: 20px;
}

.copyright p {
    padding-top: 20px;
    font-size: 14px;
    color: rgba(36, 39, 44, .5);
}

.knowMore {
    color: #0a58ca;
    text-align: center;
}

.tourList li {
    position: relative;
    padding-left: 34px;
    padding-top: 16px;
    margin-left: 16px;
    font-size: 14px;
}
.accordion-button:focus{
    box-shadow: none;
}
.tourList li.tourHeading {
    font-size: 1rem;
    font-weight: bold;
    font-style: italic;
    padding-left: 0;
    margin-left: 0;
}

.tourList li.tourHeading::after {
    opacity: 0;
}

.itinerariesWrap {
    background: rgba(29, 73, 167, 0.2);
}

.tourList li:after {
    display: inline-block;
    width: 24px;
    height: 24px;
    filter: brightness(0) saturate(100%) invert(64%) sepia(74%) saturate(452%) hue-rotate(329deg) brightness(99%) contrast(89%);
    background: url('data:image/svg+xml;utf8,<svg aria-hidden="true" role="img" focusable="false" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.71278 3.64026C10.2941 3.14489 10.5847 2.8972 10.8886 2.75195C11.5915 2.41602 12.4085 2.41602 13.1114 2.75195C13.4153 2.8972 13.7059 3.14489 14.2872 3.64026C14.8856 4.15023 15.4938 4.40761 16.2939 4.47146C17.0552 4.53222 17.4359 4.56259 17.7535 4.67477C18.488 4.93421 19.0658 5.51198 19.3252 6.24652C19.4374 6.5641 19.4678 6.94476 19.5285 7.70608C19.5924 8.50621 19.8498 9.11436 20.3597 9.71278C20.8551 10.2941 21.1028 10.5847 21.248 10.8886C21.584 11.5915 21.584 12.4085 21.248 13.1114C21.1028 13.4153 20.8551 13.7059 20.3597 14.2872C19.8391 14.8981 19.5911 15.5102 19.5285 16.2939C19.4678 17.0552 19.4374 17.4359 19.3252 17.7535C19.0658 18.488 18.488 19.0658 17.7535 19.3252C17.4359 19.4374 17.0552 19.4678 16.2939 19.5285C15.4938 19.5924 14.8856 19.8498 14.2872 20.3597C13.7059 20.8551 13.4153 21.1028 13.1114 21.248C12.4085 21.584 11.5915 21.584 10.8886 21.248C10.5847 21.1028 10.2941 20.8551 9.71278 20.3597C9.10185 19.8391 8.48984 19.5911 7.70608 19.5285C6.94476 19.4678 6.5641 19.4374 6.24652 19.3252C5.51198 19.0658 4.93421 18.488 4.67477 17.7535C4.56259 17.4359 4.53222 17.0552 4.47146 16.2939C4.40761 15.4938 4.15023 14.8856 3.64026 14.2872C3.14489 13.7059 2.8972 13.4153 2.75195 13.1114C2.41602 12.4085 2.41602 11.5915 2.75195 10.8886C2.8972 10.5847 3.14489 10.2941 3.64026 9.71278C4.16089 9.10185 4.40892 8.48984 4.47146 7.70608C4.53222 6.94476 4.56259 6.5641 4.67477 6.24652C4.93421 5.51198 5.51198 4.93421 6.24652 4.67477C6.5641 4.56259 6.94476 4.53222 7.70608 4.47146C8.50621 4.40761 9.11436 4.15023 9.71278 3.64026Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.66602 12.6334L10.1718 14.3543C10.5952 14.8382 11.3587 14.8025 11.7351 14.2813L15.3327 9.30005" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center center;
    background-size: contain;
    position: absolute;
    content: '';
    left: 0;
    top: 16px;
}

#backToTop {
    display: none;
    /* hidden by default */
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 99;
    font-size: 16px;
    border: none;
    outline: none;
    background-color: #333;
    color: white;
    cursor: pointer;
    padding: 12px 16px;
    border-radius: 8px;
    transition: 0.3s;
}

#backToTop:hover {
    background-color: #555;
}

.inner-slider .carousel-content-home {
    width: 100vw;
    justify-content: center;
}

.inner-slider .carousel-content-home h2 {
    background: rgba(2, 0, 36, 0);
    padding: 20px 100px;
    background: linear-gradient(90deg, rgba(2, 0, 36, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(0, 212, 255, 0) 100%);
}

.innerPage .offer-card {
    height: 100%;
    position: relative;
}

.offer-card p {
    height: 60px;
    overflow: hidden;
}

.withPrice .offer-card p{
    height: 90px;
}
.contactButton {
    border-top: solid 1px rgba(0, 0, 0, .12);
    margin-top: 40px;
    padding-top: 40px;
    text-align: center;
}
form {
  width: 100%;
  /* margin: 20px auto; */
  padding: 25px;
  background-color: #fff;
  border-radius: 8px;
  /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); */
  /* font-family: Arial, sans-serif; */

}
form > div{
      display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px 170px;
}
form label {
  font-weight: bold;
  margin-bottom: 6px;
  display: block;
  color: #333;
}

form input[type="text"],
form input[type="tel"],
form input[type="date"],
form select,
form textarea {
  width: 100%;
  padding: 10px 12px;
  margin-top: 4px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 14px;
  transition: border-color 0.3s ease;
}

form input[type="text"]:focus,
form input[type="tel"]:focus,
form input[type="date"]:focus,
form select:focus,
form textarea:focus {
  border-color: #007BFF;
  outline: none;
}

form textarea {
  resize: vertical;
  height: 100px;
}

/* Make the textarea span both columns */
form textarea {
  grid-column: 1 / 3;
  margin-bottom: 16px;
}


span[style] {
  color: red;
  margin-left: 2px;
}

@media (max-width: 1200px) {
    .masonry {
        column-count: 3;
    }
}

@media (max-width: 768px) {
    .sideSticky ul li:last-child{
    display: block;
}
.inner-slider .carousel-content-home h2{
    background: none;
    padding: 0;
    text-align: center;
}
.offer-card p{
    height: auto;
}
    .masonry {
        column-count: 2;
    }
    .workWrap {
        flex-direction: column;
    }
    form > div{
      display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px 170px;
}
.offer-card{
    margin-bottom: 20px;
}
h2{
    font-size: 2.2rem;
}
.h-contact.d-flex{
    display: none !important;
}
.navWrap{
    margin: 0 10px;
    width: calc(100% - 20px);
    position: relative;
    z-index: 3;
}
.innerPage{
    gap: 20px;
}
.navWrap .row .justify-content-left{
    justify-content: center !important;
}
.carousel-content-home{
    padding: 0 20px;
    text-align: center;
    /* position: relative; */
    z-index: 1;
    color: #fff;
}
.carousel-content-home .d-flex{
    justify-content: center;
}
.carousel-control-next, .carousel-control-prev{
    display: none;
}
.carousel-item{
    position: relative;
}
.carousel-item::after{
    background: rgba(0,0,0,0.4);
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}
.home-slider h2{
    width: 100%;
}
.home-slider p{
    width: 100%;
}
.carousel-content-home > div{
    width: 100%;
}
}

@media (max-width: 576px) {
    .masonry {
        column-count: 1;
    }
}