@font-face {
    font-family: 'Madera';
    src: url('../fonts/Madera-Hairline.woff2') format('woff2'),
        url('../fonts/Madera-Hairline.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Madera';
    src: url('../fonts/Madera-Bold.woff2') format('woff2'),
        url('../fonts/Madera-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Madera';
    src: url('../fonts/Madera-MediumItalic.woff2') format('woff2'),
        url('../fonts/Madera-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Madera';
    src: url('../fonts/Madera-Regular.woff2') format('woff2'),
        url('../fonts/Madera-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Madera';
    src: url('../fonts/Madera-Bold.woff2') format('woff2'),
        url('../fonts/Madera-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

:root {
    --primary: #032F86;
    --dark: #02266D;
    --white: #ffff;
    --text: #525F79;
    --black:#000;
    --light:#DAF0FB;
    --font1: "Poppins", serif;
    --font2:'Madera';

}
body {
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 160%;
    overflow-x: hidden;
    font-family: var(--font1);
    color: var(--text);
    padding-top: 100px;
    padding-left: 100px;
}
a {
    color: var(--primary);
    text-decoration: none !important;
    transition: all 0.4s;
}
a:hover {
    color:var(--dark);
    text-decoration: none;
}
ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
h1,h2,h3,h4,h5,h6{
    line-height: 130%;
    font-weight: 700;
    color: var(--dark);
    font-family: var(--font2);
}
p{
    color: var(--text);
}
p:last-child {
    margin-bottom: 0;
}
::selection {
    color: var(--white);
    background: var(--primary);
}
img {
    max-width: 100%;
    width: auto;
    height: auto;
}
html .container {
    width: 1335px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 25px 0 100px;
}
html .container-sm {
    width: 1270px;
    padding-left: 25px;
    padding-right: 25px;
}
section {
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative;
}
html .btn {
    display: inline-flex;
    gap: 15px;
    align-items: center;
    justify-content: center;
    padding: 0 32px;
    line-height: 48px;
    color: var(--white);
    border: 0;
    font-size: 16px;
    font-weight: 600;
    border: 1px solid #FFFFFF;
    background: transparent;
    transition: all 0.4s;
    cursor: pointer;
    border-radius: 0;
    box-shadow: none !important;
    text-transform: uppercase;
}
html .btn .icon {
    height: 20px;
    width: 20px;
    border: 1.5px solid var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
}
html .btn:hover,
html .btn:active,
html .btn:focus {
    background: var(--white);
    color: var(--primary);
}
html .btn:hover .icon{
    border-color: var(--primary);
}
html .btn-primary {
    background: var(--primary);
    border: none;
    font-weight: 500;
}
html .btn-primary:hover{
    color: var(--primary);
    background: var(--white);
}
.contact_link{
    position: fixed;
    right: 0;
    bottom: 60px;
    z-index: 99;
    margin: 15px;
}
.contact_link .c_label {
    display: none;
    position: absolute;
    right: 100%;
    top: 0;
    background: var(--primary);
    color: #fff;
    white-space: nowrap;
    font-weight: 600;
    padding: 0 15px;
    line-height: 33px;
    border-radius: 5px;
    font-size: 12px;
    margin: 4px 10px 0 0;
}
.contact_link a {
    display: block;
    width: 40px;
    height: 40px;
    text-align: center;
    background: #fff;
    border-radius: 100%;
    box-shadow: 0 2px 4px 1px #0000003b;
    padding: 7px;
}
.contact_link:hover .c_label {
    display: block;
}
.contact_link img {
    max-width: 22px;
    transition: all 0.5s;
}
.contact_link:hover img{
    transform: scale(1.05);
}
.whatsapp_link {
    position: fixed;
    right: 0;
    bottom: 10px;
    z-index: 99;
    margin: 15px;
}
.whatsapp_link .w_label {
    display: none;
    position: absolute;
    right: 100%;
    top: 0;
    background: var(--primary);
    color: #fff;
    white-space: nowrap;
    font-weight: 600;
    padding: 0 15px;
    line-height: 33px;
    border-radius: 5px;
    font-size: 12px;
    margin: 4px 10px 0 0;
}
.whatsapp_link a {
    display: block;
    width: 40px;
}
.whatsapp_link:hover .w_label {
    display: block;
}
.main .header {
    display: none;
}
.menuicon {
    font-size: 16px;
    font-weight: 500;
    line-height: 130%;
    color: var(--dark);
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 14px;
    padding: 28px 30px;
    background: #FFFFFF;
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.05);
    position: fixed;
    right: 0;
    top: 0;
    transition: all 0.4s;
    cursor: pointer;
    z-index: 9;
}
.menuicon:hover {
    background: var(--dark);
    color: var(--white);
}
.sidebar {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100px;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    background: #02266D;
    color: var(--white);
    padding: 13px 0 30px;
    z-index: 99;
}
.logo {
    margin-bottom: auto;
}
.logo a {
    display: block;
    margin-right: -94px;
}
.logo a img {
    display: block;
    width: 100%;
}
.sidebar .mail {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding-bottom: 26px;
    margin: 24px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.sidebar .mail a {
    font-size: 17px;
    font-weight: 500;
    line-height: 130%;
    color: var(--white);
    writing-mode: vertical-lr;
    transform: scale(-1);
}
.sidebar .mail a:hover {
    opacity: 0.7;
}
.sidebar .mail .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    background: var(--white);
    border-radius: 30px;
}
.social-media ul {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 0 24px;
}
.social-media a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    background: var(--white);
    color: var(--primary);
    border-radius: 30px;
}
.social-media a:hover {
    background: var(--black);
    color: var(--white);
}




/* header */
.header-menu ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}
.header-menu ul > li > a {
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 700;
    color: var(--primary);
    font-family: var(--font2);
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.header-menu ul > li:hover > a,
.header-menu ul > li.active > a {
    opacity: 0.7;
}
header ul li.menu-parent > a:after {
    content: "";
    display: inline-block;
    width: 8px;
    min-width: 8px;
    height: 8px;
    border: 1.5px solid var(--primary);
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg);
}
.header-menu .sub-menu ul li.active a {
    color: var(--primary);
}
.header-menu .sub-menu ul li a {
    color: var(--dark);
    font-size: 14px;
    font-weight: 500;
    line-height: 25px;
}
.sub-menu {
    position: absolute;
    top: 100%;
    background: #fff;
    left: 0;
    min-width: 200px;
    padding: 8px;
    border-radius: 11px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
    opacity: 0;
    transform: translatey(50px);
    visibility: hidden;
    transition: all 0.4s;
    width: 100%;
    padding: 25px;
}
li:hover > .sub-menu {
    opacity: 1;
    transform: translatey(20px);
    visibility: visible;
}
.sub-menu ul li {
    margin-bottom: 5px;
}
.sub-menu ul li:last-child {
    margin-bottom: 0;
}
.header-menu .sub-menu  h3 {
    font-size: 26px;
    line-height: 150%;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #02266d33;
}
.header-menu .sub-menu ul li {
    width: 25%;
}
li.menu-parent > a:before {
    width: 100%;
    height: 26px;
    content: '';
    position: absolute;
    top: 92%;
}
.sub-menu ul {
    list-style: none;
    margin: 0 0 15px 0;
    padding: 0;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    flex-wrap: wrap;
    gap: 0;
}
.header-menu {
    display: flex;
    gap: 40px;
    align-items: center;
    margin-right: 12px;
}
.header-logo {
    margin-right: 50px;
}
header .contact .contact-icon {
    width: 40px;
    min-width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #FFFFFF;
    color: var(--white);
}
header.main-header .contact .row.gx-3 {
    --bs-gutter-x: 12px;
}
header .contact span {
    font-size: 13px;
    color: var(--white);
    font-weight: 400;
    text-transform: uppercase;
    display: block;
    line-height: 130%;
    margin-bottom: 1px;
}
header .contact h3 {
    font-size: 20px;
    font-weight: 600;
    line-height: 130%;
    font-family: var(--font1);
    color: var(--white);
    margin: 0;
    transition: all 0.4s;
}
header .contact h3:hover {
    opacity: 0.9;
}
header .contact h3 a {
    color: inherit;
    line-height: inherit;
    display: block;
}
header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 98;
    transition: all 0.4s;
    padding: 30px 100px;
    background-color: #F3FBFE;
}
header.main-header .container-fluid {
    position: relative;
}
.sticky header {
    box-shadow: 0 6px 15px 0 rgb(0 0 0 / 4%);
}
.header-logo a {
    display: block;
    max-width: 150px;
}
html header .btn {
    line-height: 38px;
    font-size: 14px;
    padding: 0 20px;
    gap: 10px;
    color: var(--white);
    background-color: #02266D;
    font-family: var(--font2);
}
html header .btn:hover{
    background: transparent;
    border: 1px solid var(--primary);
    color: var(--primary);
}
.hero_bannner .item {
    padding: 80px 100px 60px 80px;
    min-height: 630px;
    background-image: url('../images/banner-img.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.hero_bannner .item :is(h6,h1,.box) {
    transform: translateY(30px);
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
}
.hero_bannner .item h6 {
    font-size: 24px;
    color: var(--white);
    font-family: "MonteCarlo", cursive;
    font-weight: 400;
    margin-bottom: 6px;
    line-height: 120%;
    transition-delay: 0.5s !important;
	font-family: var(--font2);
}
.hero_bannner .item h1 {
    font-size: 50px;
    text-transform: uppercase;
    color: var(--white);
    margin-bottom: 0;
    transition-delay: 0.8s !important;
}
.hero_bannner .item .box {
    padding: 30px;
    border: 1px solid #ffffff1f;
    background: rgba(3, 47, 134, 0.5);
    backdrop-filter: blur(7px);
    margin-top: 52px;
    max-width: 388px;
    margin-left: auto;
    min-height: 273px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    transition-delay: 1.1s !important;
}
.hero_bannner .active .item :is(h6,h1,.box) {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}
.hero_bannner .item .box p {
    color: var(--white);
    margin-bottom: auto;
}
html .hero-banner-carousel .owl-nav {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
}
html .hero-banner-carousel .owl-nav [class*="owl-"] {
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(3, 47, 134, 0.1);
    backdrop-filter: blur(7px);
    font-size: 0;
}
html .hero-banner-carousel .owl-nav [class*="owl-"]::before {
    content: "";
    font-size: 0;
    height: 30px;
    width: 30px;
    background-image: url('data:image/svg+xml,<svg width="10" height="20" viewBox="0 0 10 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.625 1C1.625 1 8.375 7.6285 8.375 10C8.375 12.3717 1.625 19 1.625 19" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
html .hero-banner-carousel .owl-nav .owl-prev {
    transform: scale(-1);
}

.contactus-content .social-media a{
    background-color: var(--primary);
    border-radius: 0px;
    transition: all 0.5s;
}
.contactus-content .social-media a svg{
    color: var(--white);
}
.contactus-content .social-media a:hover{
    background-color: var(--black);
}

.contactinfo li {
    font-size: 20px;
    line-height: 150%;
    color: var(--white);
    position: relative;
    padding-left: 40px;
    margin-bottom: 22px;
    min-height: 40px;
    display: flex;
    align-items: center;
    max-width: 100%;
}
.contactinfo li a{
    color: var(--white);
}
.contactinfo li .icon {
    position: absolute;
    left: 0;
    top: 0;
}
.contactinfo li:last-child {
    margin-bottom: 0;
}
footer h2.text-logo {
    font-size: 170px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 100%;
    margin-bottom: 0;
    color: var(--white);
    text-align: center;
}
footer .container {
    width: 1270px;
}
.footer_middle ul {
    display: flex;
    align-items: center;
    gap: 30px;
}
.footer_middle ul a {
    text-transform: uppercase;
    font-size: 15px;
    color: var(--white);
    line-height: normal;
}
.footer_middle ul a:hover {
    opacity: 0.7;
}
.footer_middle {
    font-size: 15px;
    padding: 12px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.14);
    margin-top: 60px;
    margin-bottom: 10px;
}
.footer_middle p {
    color: var(--white);
    font-size: 15px;
    line-height: normal;
}
footer{
    background-image: url(../images/footer-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}



.title h2{
    font-size: 50px;
    font-weight: 700;
    line-height: 130%;
    color: var(--primary);
    font-family: var(--font2);
    text-transform: uppercase;
    margin-bottom: 0px;
}
.title h3{
    font-family: var(--font3);
    color: var(--primary);
    font-size: 30px;
    font-weight: 400;
    color: var(--primary);
    line-height: 130%;
    margin-bottom: 0px;
}
.service-box {
    padding: 30px;
    background: var(--white);
    box-shadow: 0 4px 44px 0 rgba(0, 0, 0, 0.04);
    text-align: center;
    height: 100%;
    position: relative;
    z-index: 1;
    overflow: hidden;
    cursor: pointer;
}
.service-box:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(0 24 72 / 65%);
    transition: all 0.5s;
    opacity: 0;
    visibility: hidden;
}
.service-box:after {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #FFF;
    margin: 0;
    transition: all 0.5s;
    opacity: 0;
    visibility: hidden;
}
.service-box:hover:after {
    margin: 15px;
}
.service-box:hover:before,
.service-box:hover:after {
    opacity: 1;
    visibility: visible;
}
.service-box .text {
    margin-top: 30px;
    position: relative;
    z-index: 2;
}
.service-section {
    padding-bottom: 90px;
    padding-bottom: 100px;
}
.service-section .title {
    margin-bottom:60px;
}
.service-section {
    background-image: url("../images/service-bg-img.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
.service-box .img img {
    height: 260px;
    object-fit: cover;
    width: 100%;
    transition: all 0.7s;
}
.service-box:hover img {
    transform-origin: center 30px;
    transform: scale(2.1);
}
.service-box .text h3 {
    font-size: 26px;
    color: var(--primary);
    text-transform: uppercase;
    margin-bottom: 14px;
    transition: all 0.5s;

}
.service-box .text p {
    font-size: 15px;
    line-height: 150%;
    color: var(--text);
    transition: all 0.5s;
}
.service-box:hover .text h3,
.service-box:hover .text p {
    color: #FFF;
}
.booking-section .image-wrp{
    margin-left: -90px;
}
.booking-section .title{
    margin-bottom: 70px;
}
.booking-section {
    
    background-image: url("../images/booking-bg.png");
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
    padding-bottom: 100px;
}
.advisor-box-wpr {
    padding-left: 54px;
    padding-bottom: 52px;
}
.advisor-box {
    padding: 34px 30px 34px 0;
    min-height: 185px;
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    gap: 30px;
}
.advisor-box:before {
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    left: 40px;
    top: 0;
    bottom: 0;
    right: 0;
    border: 1px solid var(--primary);
}
.booking-section .row .row [class*="col-"]:nth-last-child(-n + 2) .advisor-box {
    margin-bottom: 0;
}
.advisor-box .icon-box {
    background: var(--primary);
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.advisor-box .icon-box img {
    margin: 0;
}
.advisor-box h3 {
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--primary);
    line-height: 140%;
}
.advisor-box p{
    font-size: 15px;
}

.footer_top .travel-text h2 {
    text-transform: uppercase;
    font-size: 60px;
    font-weight: 700;
    line-height: 130%;
    margin-bottom: 30px;
}
.footer_top .travel-text {
    width: 720px;
    max-width: 100%;
    margin: 0 auto;
    
}
.footer_top .social-media-info{
    display: none;
}
.footer_top .social-media-info li a{
    border-radius: 0px;
    background-color: var(--primary);
    transition: all 0.5s;
}
.social-media-info li a svg{
    color: var(--white);
}
.footer_top .social-media-info li a:hover{
    background-color: var(--black);
    opacity: 1;
}
.footer_top .travel-text p{
    color: var(--primary);
    margin-bottom: 37px;
    padding: 0 50px;
}
html .footer_top .btn {
    line-height: 38px;
    padding: 0 20px;
    gap: 10px;
    font-size: 14px;
    position: relative;
    z-index: 1;
}
.footer_top {
    padding-top: 270px;
    margin-top: -177px;
}
footer .content-wrp p {
    color: var(--white);
    padding: 17px 30px;
    background: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(3px);
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    text-align: center;

}
.footer-bottom p {
    font-size: 15px;
    color: var(--white);
    line-height: 130%;
    padding: 10px 0px 16px;
}
.costa-love svg, .costa-love .fa {
    color: #EA5921;
    margin: 0 3px;
    font-size: 10px;
    animation: pound 0.35s infinite alternate;
    -webkit-animation: pound 0.35s infinite alternate;
}
.lime-love svg, .lime-love .fa {
    width: 15px;
}
.lime-love > a {
    color: inherit;
}
@-webkit-keyframes pound {
  to {
    transform: scale(1.1);
  }
}
@keyframes pound {
  to {
    transform: scale(1.1);
  }
}




.item .text-wrap {
    background: var(--primary);
    padding: 20px;
    border: 1px solid var(--dark);
    border-top: 0px;
    width: 100%; 
    display: none;
}
.item .text-wrap:before {
    content: '';
    display: block;
    position: absolute;
    right: 36px;
    bottom: 0;
    width: 81px;
    height: 44px;
    background-image: url('../images/testimonial-box-bg.png');
    background-repeat: no-repeat;
    opacity: 0;
}
.item .text-wrap p{
    color: var(--white);
}
.item .text-wrap h3{
    color: var(--white);
    text-transform: uppercase;
}
.item .text-wrap h5{
    color: var(--white);
}

.testimonial-section .title {
    margin-bottom: 70px;
}
.testimonial-section .title h2 {
    font-size: 130px;
    color: var(--light);
    line-height: 120%;
    margin-bottom: 0;
    margin-top: -47px;
}
.testimonial-box {
    position: relative;
    overflow: hidden;
}
.testimonial-box .image {
    position: relative;
    height: 250px;
    overflow: hidden;
}
.testimonial-box .image:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    border: 1px solid #EBF4F8;
    margin: 10px;
}
.testimonial-box .image img {
    display: block;
    height: 100%;
    object-fit: cover;
}
.testimonial-box .searchicon {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    background: rgb(0 0 0 / 70%);
    transition: all 0.4s;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s;
}
.testimonial-box:hover .searchicon {
    opacity: 1;
    visibility: visible;
}
.testimonial-box .searchicon svg {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--white);
    color: var(--black);
    padding: 13px;
    border-radius: 100px;
}
.testimonial-box .reviewer-info {
    border: 1px solid rgba(218, 240, 251, 1);
    border-top: 0;
    padding: 20px;
    text-align: center;
}
.testimonial-box h3 {
    font-size: 20px;
    text-transform: uppercase;
    line-height: 130%;
}
.testimonial-box h5 {
    font-size: 14px;
    line-height: 150%;
    color: #353535;
    font-family: var(--font1);
    font-weight: 400;
    margin-bottom: 0;
}
.testimonial-box .text {
    background: var(--primary);
    padding: 36px 30px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all 0.5s;
    text-align: left;
    transform: translateY(100%);
    visibility: hidden;
    opacity: 0;
}
.testimonial-box:hover .text {
    transform: translateY(0%);
    visibility: visible;
    opacity: 1;
}
.testimonial-box .text:before {
    content: '';
    display: block;
    position: absolute;
    right: 36px;
    bottom: 0;
    width: 81px;
    height: 44px;
    background-image: url('../images/testimonial-box-bg.png');
    background-repeat: no-repeat;
}
.testimonial-box .text p {
    color: var(--white);
    font-size: 18px;
    line-height: 150%;
    font-weight: 400;
    margin-bottom: 27px;
    height: 190px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
}
.testimonial-box .text :is(h3,h5) {
    color: var(--white);
}

html .testimonial-carousel .owl-nav button span{
    font-size: 0;
}
html .testimonial-carousel .owl-nav button.owl-next{
    transform: rotate(180deg);
    left: auto;
    right: -70px;
}
html .testimonial-carousel .owl-nav button {
    height: 48px;
    width: 48px;
    border: 1px solid var(--light) !important;
    border-radius:0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    top: 0;
    left: -70px;
    transition: all 0.4s;
    margin: auto;
}
html .testimonial-carousel .owl-nav button:hover{
    background: var(--light);
}
html .testimonial-carousel .owl-nav button:before {
    content: "";
    background-image: url('data:image/svg+xml,<svg width="18" height="12" viewBox="0 0 18 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17 5.2C17.4418 5.2 17.8 5.55817 17.8 6C17.8 6.44183 17.4418 6.8 17 6.8V5.2ZM0.434315 6.56569C0.121895 6.25327 0.121895 5.74673 0.434315 5.43431L5.52548 0.343146C5.8379 0.0307264 6.34443 0.0307264 6.65685 0.343146C6.96927 0.655565 6.96927 1.1621 6.65685 1.47452L2.13137 6L6.65685 10.5255C6.96927 10.8379 6.96927 11.3444 6.65685 11.6569C6.34443 11.9693 5.8379 11.9693 5.52548 11.6569L0.434315 6.56569ZM17 6.8H1V5.2H17V6.8Z" fill="%23032F86"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    height: 12px;
    width: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}
footer a:hover {
    opacity: 0.7;
}
.banner-sec{
    padding: 70px 100px 70px;
    background-position: center;
    background-size: cover;
}
.detpage h3 a{
	color: var(--white);
}
.banner-sec h3{
    color: #fff;
    font-size: 24px;
    line-height: 28.8px;
    font-weight: 400;
    /*font-family: "MonteCarlo", cursive;*/
	font-family: var(--font2);
}
.banner-sec h2{
    font-family: var(--madera);
    font-size: 50px;
    color: #fff;
    text-transform: uppercase;
    margin: 15px 0px 0px;
}
.banner-sec:before{
    content: "";
    position: absolute;
    width: 493px;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: url(../images/banner_sec_before_image.png);
    background-size: cover;
}
.explore-offbeat-sec{
    background: linear-gradient(180deg, #F1FAFE 69.6%, #F1FAFE 100%);
}
.explore-offbeat-sec .explore-offbeat-box{
    box-shadow: 0px 6px 18px 0px #00000014;
    overflow: hidden;
}
.explore-offbeat-box img{
    width: 100%;
    transform: scale(1);
    transition: all 0.8s;
}
.explore-offbeat-box:hover img{
    transform: scale(1.1);
}
.explore-offbeat-box .text{
    padding: 30px 30px 30px;
    background-color: #fff;
    position: relative;
    transition: all 0.8s;
}
.explore-offbeat-box:hover .text{
    background-color: var(--dark);
    
}
.explore-offbeat-box .text .box{
    position: absolute;
    padding: 3px 10px;
    border: 2px solid white;
    background-color: var(--dark);
   top: -13px;
}
.explore-offbeat-box:hover .text .box{
    background-color: #fff;
}
.explore-offbeat-box .box p{
    font-size: 13px;
    font-weight: 500;
    line-height: 19.5px;
    color: #fff;
    text-align: center;
}
.explore-offbeat-box:hover .box p{
    color: var(--dark);
}
.explore-offbeat-box .text h3{
    font-size: 20px;
    margin: 0;
    text-transform: uppercase;
}
.explore-offbeat-box:hover .text h3{
    color: #fff;
}
.explore-offbeat-box .location-text-wrap{
    margin: 12px 0px;
    display: flex;
}
.location-text-wrap svg {
    height: 22px;
    width: 30px;
    color: var(--dark);
}
.explore-offbeat-box:hover .location-text-wrap svg{
    color: #FFFFFFCC;
}
.explore-offbeat-box{
    color: #FFFFFFCC;
}
.location-text-wrap p{
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    color: #02266DCC;
    margin-left: 5px;
}
.explore-offbeat-box:hover .location-text-wrap p{
    color: #FFFFFFCC;
}
.text .btn{
    padding: 10px 10px;
    display: flex;
    justify-content: center;
    border: 1px solid #02266D;
    margin-top: 20px;
    font-size: 14px;
    line-height: 21px;
    color: var(--dark);
    background-color: #fff;
}
.text .btn svg{
    transform: scalex(1);
    transition: all 0.8s;
}
.explore-offbeat-box:hover .text .btn svg{
    transform: scalex(1.5);
}
.explore-offbeat-box:hover .text .btn{
    gap: 20px;
}


/* detail_page */
.tour-detail-banner-sec {
    padding: 90px 100px 90px 50px;
    background-position: center center !important;
    background-repeat: no-repeat;
    background-size: cover;
}
.tour-detail-banner-sec::Before {
    content: "";
    background: linear-gradient(0deg, rgba(1, 24, 68, 0.44), rgba(1, 24, 68, 0.44));
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 0;
}
.tour-detail-banner-sec h3{
    color: var(--white);
    font-size: 24px;
    line-height: 120%;
    font-weight: 400;
    font-family: "MonteCarlo", cursive;
    margin-bottom: 6px;
    position: relative;
}
.tour-detail-banner-sec h2{
    font-family: var(--madera);
    font-size: 50px;
    color: var(--white);
    text-transform: uppercase;
    margin: 0;
    position: relative;
}
.tour-detail-sec {
    background: linear-gradient(180deg, #F1FAFE 69.6%, #FFFFFF00 100%);
}
.tour-detail-sec ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.tour-detail-sec .tour-booking-form{
    padding: 26px;
    background-color: var(--white);
    box-shadow: 0px 6px 18px 0px #00000014;  
    margin-top: -50px;
}
.option{
    text-transform: uppercase;
    color: rgba(3, 47, 134, 0.6);
    font-size: 15px;
    font-weight: 500;
    line-height: 120%;
    margin: 18px 0px;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
}
.option:before,
.option:after {
    content: "";
    display: block;
    flex: 1;
    height: 1px;
    background: rgba(3, 47, 134, 0.1);
}
.tour-booking-form h3{
    font-size: 25px;
    color: var(--primary);
    text-align: center;
    font-family: var(--madera);
    margin-bottom: 0;
     
}
.form-feild {
    margin-bottom: 8px;
}
.form-submit {
    margin-top: 18px;
}
.form-feild label{
    font-size: 15px;
    font-weight: 500;
    line-height: 140%;
    font-family: var(--font1);
    color: var(--primary);
    margin-bottom: 4px;
    display: block;
}
html .form-control {
    padding: 0 15px;
    border-radius: 0px;
    font-size: 15px;
    border: 1px solid rgba(3, 47, 134, 0.3);
    display: block;
    height: 40px;
    font-size: 15px;
    line-height: 140%;
}
html .form-control:focus {
    box-shadow: none;
}
html .form-control::placeholder {
    color: #35353542;
}
html .form-submit .btn {
    font-size: 15px;
    line-height: 46px;
    gap: 10px;
}
html .form-submit .btn:hover {
    background: var(--black);
    color: var(--white);
}
.tour-booking-form .whatsappbtn {
    background: linear-gradient(180deg, #5BF176 0%, #03B622 100%);
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    margin-top: 18px;
    font-size: 15px;
    font-weight: 600;
    line-height: 46px;
    border: 0;
}
.tour-booking-form .whatsappbtn:hover {
    background: linear-gradient(180deg, #03B622 0%, #5BF176 100%);
    color: var(--white);
}
.contact_us_form{
    background-color: var(--primary);
    padding: 26px;
    box-shadow: 0px 6px 18px 0px #00000014;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
   
}
.contact_us_form h3{
    font-size: 22px;
    line-height: normal;
    font-family: var(--font2);
    color: var(--white);
    text-transform: uppercase;
    margin-bottom: 20px;
}
ul.contact-info li {
    font-weight: 500;
    font-size: 18px;
    line-height: 130%;
    color: var(--white);
    padding-left: 50px;
    position: relative;
    min-height: 38px;
    margin-bottom: 20px;
}
ul.contact-info li:last-child {
    margin-bottom: 0;
}
ul.contact-info li .icon {
    position: absolute;
    left: 0;
    top: 0;
}
ul.contact-info li h6 {
    color: inherit;
    font-family: inherit;
    font-weight: inherit;
    font-size: 15px;
    margin-bottom: 4px;
    display: flex;
    align-items: center;
    gap: 12px;
}
ul.contact-info li h6:before {
    content: '';
    display: block;
    width: 8px;
    height: 1.5px;
    background: var(--white);
}
ul.contact-info li .cnumber {
    padding-left: 20px;
    font-weight: 700;
}
ul.contact-info li a {
    color: inherit;
}
ul.contact-info li a:hover {
    opacity: 0.7;
}
.package_overview_wrap h3{
    font-size: 30px;
    font-weight: 700;
    line-height: 39px;
    font-family: var(--madera);
    color: var(--primary);
    text-transform: uppercase;
    margin-bottom: 20px;
}
.package_overview_wrap li{
    position: relative;
    font-size: 17px;
    font-weight: 400;
    line-height: 23.4px;
    color: #353535;
    margin: 10px 0px;
    padding-left: 50px;
}
.package_overview_wrap li:before{
    position: absolute;
    content: "";
    left: 0;
}  
.detail-li-wrap ul li{
    padding-left: 25px;
}
.detail-li-wrap li:before{
    height: 8px;
    width: 8px;
    top: 6px;
    background-image: url('data:image/svg+xml,<svg width="8" height="9" viewBox="0 0 8 9" fill="none" xmlns="http://www.w3.org/2000/svg"><rect y="0.583496" width="8" height="8" rx="4" fill="%23032F86"/></svg>');
}


.sticky-box {
    position: sticky;
    top: 120px;
}

.anchor-wpr {
    background: #F1FAFE;
    margin-bottom: 50px;
    position: sticky;
    z-index: 9;
    top: 100px;
}
.anchor-wpr ul {
    display: flex;
    gap: 30px;
    align-items: center;
    border-bottom: 1px solid rgba(3, 47, 134, 0.2);
}
.anchor-wpr ul li {
    line-height: 100%;
    margin-bottom: -1px;
}
.anchor-wpr ul li a {
    display: block;
    font-size: 14px;
    line-height: 62px;
    text-transform: uppercase;
    color: var(--primary);
    font-weight: 500;
}
.anchor-wpr ul li a:hover {
    color: var(--black);
}
.anchor-wpr ul li a.active {
    font-weight: 600;
}
.anchor-wpr ul li a:after {
    content: '';
    display: block;
    width: 0%;
    height: 2px;
    background: var(--primary);
    margin: auto;
    transition: all 0.4s;
}
.anchor-wpr ul li a.active:after,
.anchor-wpr ul li a:hover:after {
    width: 100%;
}


.items-wpr .item {
    position: relative;
    border-bottom: 1px solid rgba(53, 53, 53, 0.1);
    padding-bottom: 50px;
    margin-bottom: 50px;
}
.menuanchor {
    position: absolute;
    top: -60px;
}
.items-wpr .item:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}
.items-wpr h3 {
    font-size: 30px;
    text-transform: uppercase;
    color: var(--primary);
    margin-bottom: 30px;
}
.items-wpr table td {
    /*text-transform: uppercase;*/
    min-width: 330px;
    font-weight: 500;
}
.items-wpr .table>:not(caption)>*>* {
    background: transparent;
    box-shadow: none;
    border: 1px solid rgba(3, 47, 134, 0.1);
    color: var(--primary);
    vertical-align: middle;
    font-size: 16px;
    padding: 15px 20px;
    line-height: 130%;
}
.items-wpr .table>:not(caption)>*>td {
    background: #E9F7FE;
}
.items-wpr .table>:not(caption)>*>th {
    font-weight: 600;
}
.items-wpr ul li {
    font-size: 18px;
    line-height: 140%;
    color: #353535;
    margin-bottom: 14px;
    padding-left: 24px;
    position: relative;
}
.items-wpr ul li:last-child {
    margin-bottom: 0;
}
.items-wpr ul li:before {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    background-color: var(--primary);
    border-radius: 50px;
    position: absolute;
    left: 0;
    top: 9px;
}
.items-wpr .flightlist ul li {
    padding-left: 50px;
}
.items-wpr .flightlist ul li:before {
    top: 0;
    height: 24px;
    width: 34px;
    background-image: url('data:image/svg+xml,<svg width="34" height="24" viewBox="0 0 34 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.544 14.3128L20.7485 12.6451L17.7499 17.4304C16.7452 19.032 15.13 20.1553 13.281 20.5435L11.8879 20.8351C11.5879 20.895 11.3495 20.586 11.4878 20.3105L14.544 14.3128Z" fill="%23032F86"/><path d="M2.4324 7.40263C2.67401 7.33768 2.92616 7.38907 3.12308 7.54339L6.98143 10.5632C4.23042 11.3545 2.25738 11.9367 2.21389 11.9484L2.09792 11.9796L2.08956 11.987L0.63835 8.84341C0.43151 8.4016 0.67962 7.87896 1.14834 7.75296L2.4337 7.40746L2.4324 7.40263Z" fill="%23032F86"/><path d="M27.3221 6.93504C29.399 7.22131 30.4 8.09215 30.4 8.09215C30.4486 8.09979 30.4986 8.11226 30.5473 8.1199L27.6673 8.89404C26.9039 9.09926 26.1143 8.6483 25.9077 7.87999C25.8298 7.59006 26.0029 7.28963 26.2929 7.2117L27.3221 6.93504Z" fill="%23032F86"/><path d="M2.44843 12.9165C2.46163 12.9077 2.47483 12.899 2.48803 12.8903C2.48803 12.8903 21.2153 7.38488 24.3551 6.96058C24.6348 6.92167 24.9074 6.89502 25.1669 6.8771C24.9207 7.23342 24.8317 7.69258 24.9512 8.13714C25.298 9.42733 26.6271 10.1892 27.9125 9.84372L31.9328 8.76304C33.0406 9.70361 32.8857 11.2478 31.3643 11.6982C31.3643 11.6982 26.6874 13.6134 20.4414 14.9918L22.9183 11.0411L13.8676 13.4739L12.4633 16.2296C9.41145 16.48 6.29877 16.4462 3.37174 15.9273C3.37174 15.9273 3.0815 15.8499 2.71473 15.6998C1.51927 15.2232 1.34934 13.5694 2.44843 12.9165ZM23.2194 11.2555C23.2857 11.5019 23.5383 11.6516 23.7944 11.5828L24.6787 11.3451C24.9252 11.2788 25.0797 11.0248 25.0122 10.7736L24.4835 8.80688C24.416 8.55561 24.1585 8.40721 23.9072 8.47475L23.0229 8.71245C22.7716 8.77999 22.6219 9.03266 22.6908 9.28877L23.2194 11.2555ZM20.2264 10.7802C20.2576 10.8962 20.3789 10.962 20.49 10.9321L21.2922 10.7165C21.4082 10.6853 21.474 10.564 21.4441 10.4529L21.1921 9.51544C21.1597 9.39464 21.0396 9.33363 20.9285 9.36351L20.1264 9.57912C20.0104 9.6103 19.9433 9.72679 19.9744 9.84276L20.2264 10.7802ZM17.8731 11.4128C17.9043 11.5287 18.0256 11.5946 18.1368 11.5647L18.9389 11.3491C19.0549 11.3179 19.1207 11.1966 19.0909 11.0854L18.8389 10.148C18.8064 10.0272 18.6864 9.96619 18.5752 9.99607L17.7731 10.2117C17.6571 10.2429 17.59 10.3593 17.6212 10.4753L17.8731 11.4128ZM15.515 12.0466C15.5462 12.1626 15.6627 12.2297 15.7787 12.1985L16.5808 11.9829C16.6968 11.9518 16.7626 11.8304 16.7328 11.7193L16.4808 10.7819C16.4483 10.6611 16.3283 10.6001 16.2171 10.6299L15.415 10.8455C15.2942 10.878 15.2319 10.9932 15.2631 11.1092L15.515 12.0466ZM13.1569 12.6805C13.1881 12.7964 13.3094 12.8623 13.4254 12.8311L14.2276 12.6155C14.3435 12.5843 14.4094 12.463 14.3795 12.3519L14.1275 11.4144C14.095 11.2936 13.975 11.2326 13.8639 11.2625L13.0617 11.4781C12.9409 11.5106 12.8738 11.6271 12.905 11.743L13.1569 12.6805ZM10.8037 13.313C10.8349 13.429 10.9562 13.4948 11.0673 13.465L11.8695 13.2493C11.9903 13.2169 12.0561 13.0956 12.0262 12.9844L11.7742 12.047C11.7418 11.9262 11.6217 11.8652 11.5058 11.8963L10.7036 12.112C10.5877 12.1431 10.5205 12.2596 10.5517 12.3756L10.8037 13.313ZM8.44558 13.9469C8.47675 14.0629 8.59808 14.1287 8.70922 14.0988L9.51136 13.8832C9.63216 13.8507 9.69316 13.7307 9.66329 13.6196L9.4113 12.6821C9.37883 12.5613 9.26364 12.499 9.14767 12.5302L8.34553 12.7458C8.22956 12.777 8.16242 12.8935 8.1936 13.0095L8.44558 13.9469Z" fill="%23032F86"/></svg>');
    background-color: transparent;
}
.gallerycarousel .item {
    width: 100%;
    height: 290px;
    overflow: hidden;
}
.gallerycarousel .item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
    transition: all 0.4s;
}
.gallerycarousel .item img:hover {
    transform: scale(1.1);
}
html .gallerycarousel .owl-nav [class*="owl-"] {
    width: 44px;
    height: 44px;
    font-size: 0;
    margin: 0;
    border: 0;
    background: #DAF0FB;
    transition: all 0.4s;
    position: absolute;
    left: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
}
html .gallerycarousel .owl-nav [class*="owl-"]:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-image: url('data:image/svg+xml,<svg width="18" height="12" viewBox="0 0 18 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17 5.2C17.4418 5.2 17.8 5.55817 17.8 6C17.8 6.44183 17.4418 6.8 17 6.8V5.2ZM0.434315 6.56569C0.121895 6.25327 0.121895 5.74673 0.434315 5.43431L5.52548 0.343146C5.8379 0.0307264 6.34443 0.0307264 6.65685 0.343146C6.96927 0.655565 6.96927 1.1621 6.65685 1.47452L2.13137 6L6.65685 10.5255C6.96927 10.8379 6.96927 11.3444 6.65685 11.6569C6.34443 11.9693 5.8379 11.9693 5.52548 11.6569L0.434315 6.56569ZM17 6.8H1V5.2H17V6.8Z" fill="%23032F86"/></svg>');
    background-position: center;
    background-repeat: no-repeat;
    transition: all 0.4s;
}
html .gallerycarousel .owl-nav .owl-next {
    transform: scaleX(-1);
    left: auto;
    right: 10px;
}
html .gallerycarousel .owl-nav [class*="owl-"]:hover {
    background: var(--primary);
}
html .gallerycarousel .owl-nav [class*="owl-"]:hover:before {
    filter: brightness(0) invert(1);
}

html .itineraryacc {
    margin-left: 20px;
    padding-left: 40px;
    position: relative;
}
html .itineraryacc:before {
    content: '';
    display: block;
    position: absolute;
    left: 3px;
    top: 40px;
    bottom: 40px;
    border-left: 2px dashed rgba(3, 47, 134, 0.22);
}
html .itineraryacc .accordion-item {
    position: relative;
    border-radius: 0;
    background: transparent;
    border: 0;
    margin-bottom: 10px;
}
html .itineraryacc .accordion-item:last-child {
    margin-bottom: 0;
}
html .itineraryacc .accordion-item:before {
    content: '';
    display: block;
    position: absolute;
    left: -41px;
    top: 34.5px;
    width: 10px;
    height: 10px;
    border: 1px solid var(--primary);
    background: #F1FAFE;
    border-radius: 50px;
    transition: all 0.4s;
}

html .itineraryacc .accordion-item:has(button[aria-expanded="true"]):before {
    background: var(--primary);
}
html .itineraryacc .accordion-button {
    display: block;
    border-radius: 0 !important;
    box-shadow: none;
    background: rgba(3, 47, 134, 0.06);
    padding: 16px 18px;
}
html .itineraryacc .accordion-button:after {
    display: none;
}
html .itineraryacc .accordion-button .row {
    --bs-gutter-x: 20px;
}
.day-badge {
    font-size: 16px;
    font-weight: 600;
    color: var(--primary);
    border: 1px solid rgba(3, 47, 134, 0.2);
    border-radius: 50px;
    padding: 7px 24px 11px;
    display: inline-block;
    line-height: 130%;
}
html .itineraryacc .accordion-button .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    min-width: 26px;
    height: 26px;
    border: 1px solid rgba(53, 53, 53, 0.2);
    transition: all 0.4s;
    transform: rotate(180deg);
}
html .itineraryacc .accordion-button[aria-expanded="true"] .icon {
    transform: rotate(0deg);
    border-color: transparent;
    background-color: rgba(3, 47, 134, 0.06);
}
html .itineraryacc .accordion-button .title {
    font-family: var(--font2);
    font-weight: 700;
    font-size: 16px;
    color: var(--primary);
    margin-bottom: 8px;
    display: block;
    line-height: 130%;
}
html .itineraryacc .accordion-button .date {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 400;
    line-height: 130%;
    color: rgba(3, 47, 134, 0.9);
}
html .itineraryacc .accordion-body {
    padding: 18px 0 14px;
}
html .itineraryacc .accordion-body p {
    font-size: 15px;
    line-height: 150%;
    color: #353535;
    text-align: justify;
}


.about-us-sec-content {
    width: 100%;
    margin-top: 30px;
}
.about-us-sec-content h3{
    font-size: 24px;
    font-weight: 700;
    color: var(--primary);
    line-height: 140%;
    margin-bottom: 15px;
    margin-top: 20px;
}
.about-us-sec-content h4{
    font-size: 20px;
    font-weight: 700;
    color: var(--primary);
    line-height: 140%;
    margin-bottom: 15px;
    margin-top: 20px;
}
.about-us-sec-content p{
    font-size: 16px;
    line-height: 160%;
    color: #353535;
    margin-bottom: 15px;
}
.about-us-sec-content ul{
    margin-bottom: 15px;
}
.about-us-sec-content li{
    font-size: 16px;
    line-height: 140%;
    color: #353535;
    padding-left: 24px;
    position: relative;
}
.about-us-sec-content li:before {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    background-color: var(--primary);
    border-radius: 50px;
    position: absolute;
    left: 0;
    top: 7px;
}
.about-us-sec-content li + li{
    margin-top: 10px;
}

.contact-us-sec .title {
    margin-bottom: 50px;
}
.contact-info .advisor-box {
    padding: 20px 30px 20px 0;
    min-height: auto;
}
.contact-info .advisor-box p {
    margin-bottom: 5px;
}
.contact-info .advisor-box p:last-child {
    margin-bottom: 0px;
}
.contact-info .advisor-box p a{
    color: var(--text);
}
.contact-info .advisor-box p a:hover{
    color: var(--primary);
}
.contact-info .advisor-box .icon-box svg {
    width: 30px;
    height: 30px;
}
.contactus-content{
    position: relative;
    padding-right: 50px;
}
.contactus-content::after {
    position: absolute;
    top: 0;
    right: -13px;
    content: "";
    width: 1px;
    height: 100%;
    background: linear-gradient(180deg, rgba(2, 4, 7, 0) 0%, rgb(3 47 134 / 43%) 52%, rgba(2, 4, 7, 0) 100%);
}
.contactus-form-main{
    padding-left: 50px;
}
.contactus-form-card .form-feild {
    margin-bottom: 0px;
}
.contactus-form-card .form-submit {
    margin-top: 40px;
}
.contactus-form-card .form-feild .form-control{
    color: var(--text);
}
.contactus-form-card .form-feild .form-control::-webkit-input-placeholder{
  color: var(--text);
}
.contactus-form-card .form-feild .form-control::-moz-placeholder {
  color: var(--text);
}
.contactus-form-card .form-feild .form-control:-ms-input-placeholder {
  color: var(--text);
}
.contactus-form-card .form-feild .form-control:-moz-placeholder {
  color: var(--text);
}
.contactus-form-card .form-feild select.form-control{
    background: url("../images/arrow-down.png") no-repeat;
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 10px;
}
.range-slider {
    width: 100%;
    position: relative;
}
.range-slider .rangeValues {
    display: block;
    font-size: 15px;
    margin-bottom: 10px;
    color: var(--dark);
}
.tentative-budget label {
    display: flex;
    gap: 8px;
}
.contactus-form-card .form-feild .form-control.dateselect {
    background: url(../images/calendar.svg) no-repeat;
    background-position: right 15px center;
    cursor: pointer;
}
/*Calendar Date Start*/
.datepicker {
  border-radius: 15px;
  padding: 0;
}
.datepicker-days table thead,
.datepicker-days table tbody,
.datepicker-days table tfoot {
  padding: 10px;
  display: list-item;
}
.datepicker-days table thead,
.datepicker-months table thead,
.datepicker-years table thead,
.datepicker-decades table thead,
.datepicker-centuries table thead {
  background: var(--primary);
  color: #ffffff;
  border-radius: 0;
}
.datepicker-days table thead tr:nth-child(2n+0) td,
.datepicker-days table thead tr:nth-child(2n+0) th {
  border-radius: 3px;
}
.datepicker-days table thead tr:nth-child(3n+0) {
  text-transform: uppercase;
  font-weight: 300 !important;
  font-size: 12px;
  color: #fff;
}
.table-condensed>tbody>tr>td,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>td,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>thead>tr>th {
  padding: 7px 10px;
}
.table-condensed>tbody>tr>td {
  font-size: 14px;
}
.datepicker-months table thead td,
.datepicker-months table thead th,
.datepicker-years table thead td,
.datepicker-years table thead th,
.datepicker-decades table thead td,
.datepicker-decades table thead th,
.datepicker-centuries table thead td,
.datepicker-centuries table thead th {
  border-radius: 0;
}
.datepicker-days table tfoot {
  padding: 0px;
}
.datepicker td,
.datepicker th {
  border-radius: 50%;
  padding: 0 12px;
}
.datepicker-days table thead,
.datepicker-months table thead,
.datepicker-years table thead,
.datepicker-decades table thead,
.datepicker-centuries table thead {
  background: var(--primary);
  color: #ffffff;
  border-radius: 15px 15px 0 0;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  background-image: none;
}
.datepicker .prev,
.datepicker .next {
  color: rgba(255, 255, 255, 0.5);
  transition: 0.3s;
  width: 37px;
  height: 37px;
}
.datepicker .prev:hover,
.datepicker .next:hover {
  background: transparent;
  color: var(--dark);
  font-size: 21px;
}
.datepicker .datepicker-switch {
  font-size: 20px;
  font-weight: 400;
  transition: 0.3s;
}
.datepicker .datepicker-switch:hover {
  color: var(--dark);
  background: transparent;
}
.datepicker table tr td span {
  border-radius: 2px;
  margin: 3%;
  width: 27%;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  background-color: var(--primary);
  background-image: none;
}
.dropdown-menu {
  border: 1px solid rgba(0, 0, 0, .1);
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.datepicker-dropdown.datepicker-orient-top:before {
  border-top: 7px solid rgba(0, 0, 0, .1);
}
.datepicker-dropdown.datepicker-orient-left:after {
  left: 27px;
}
.datepicker-dropdown.datepicker-orient-left:before {
  left: 26px;
}
.datepicker table tr td span {
  height: 40px;
  line-height: 40px;
}
input[type=range] {
    -webkit-appearance: none;
    border: 1px solid white;
    width: 100%;
    position: absolute;
    left: 0;
}
input[type=range]::-webkit-slider-runnable-track {
     width: 100%;
     height: 5px;
     background: var(--light);
     border: none;
     border-radius: 3px;
}
input[type=range]::-webkit-slider-thumb {
     -webkit-appearance: none;
     border: none;
     height: 16px;
     width: 16px;
     border-radius: 50%;
     background: #21c1ff;
     margin-top: -4px;
     cursor: pointer;
     position: relative;
     z-index: 1;
}
input[type=range]:focus {
     outline: none;
}
input[type=range]:focus::-webkit-slider-runnable-track {
     background: var(--light);
}
input[type=range]::-moz-range-track {
     width: 100%;
     height: 5px;
     background: var(--light);
     border: none;
     border-radius: 3px;
}
input[type=range]::-moz-range-thumb {
     border: none;
     height: 16px;
     width: 16px;
     border-radius: 50%;
     background: var(--primary);
}
input[type=range]:-moz-focusring {
     outline: 1px solid white;
     outline-offset: -1px;
}
input[type=range]::-ms-track {
     width: 100%;
     height: 5px;
     background: transparent;
     border-color: transparent;
     border-width: 6px 0;
     color: transparent;
     z-index: -4;
}
 input[type=range]::-ms-fill-lower {
     background: var(--primary);
     border-radius: 10px;
}
 input[type=range]::-ms-fill-upper {
     background: var(--primary);
     border-radius: 10px;
}
 input[type=range]::-ms-thumb {
     border: none;
     height: 16px;
     width: 16px;
     border-radius: 50%;
     background: var(--primary);
}
 input[type=range]:focus::-ms-fill-lower {
     background: var(--primary);
}
 input[type=range]:focus::-ms-fill-upper {
     background: var(--primary);
}



.tour-detail-sec .items-wpr table {
	width: 100%;
	margin-Bottom:30px;
	table-layout: fixed;
}

.tour-detail-sec .items-wpr table thead tr {
	background: var(--secondary);
	color: var(--white);
	font-size: 16px;
	font-weight: 700;
	font-family: var(--titlefont);
}

.tour-detail-sec .items-wpr table thead tr th {
	padding: 5px 10px;
	border-right: 1px solid #FFFFFF26;
}

.tour-detail-sec .items-wpr table tbody tr>* {
	padding: 5px 10px;
	border: 1px solid #5B5B5B26;
}

.tour-detail-sec .items-wpr table tbody tr th {
	font-size: 14px;
	font-weight: 600;
	color: #5B5B5B;
}

.tour-detail-sec .items-wpr table tbody tr td {
	font-size: 14px;
	color: #353535;
}
.tour-detail-sec .items-wpr table tbody tr td {
	min-width: auto;
}

/* Infrastructure Page css */
.grid-sizer, 
.grid-item {
    float: left;
    width: 25%;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -ms-transition: all 0s;
    transition: all 0s;
}
.gallery .grid-item {
    padding: 3px;
}
.gallery-box {
    position: relative;
    margin: 0;
    border-radius: 10px;
    overflow: hidden;
}
.gallery-box .img{
	overflow:hidden;
	position:relative;
}
.gallery-box .img:before{
	content:"";
	display:block;
	background:#000;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	opacity:0;
	transition:all 0.5s;
	z-index:1;
}
.gallery-box:hover .img:before{
	opacity:0.7;
}
.gallery-box .img:after{
	content:"";
	display:block;
	background:url("../images/zoom-in.png") no-repeat center center;
	filter:brightness(0) invert(1);
	transform:scale(1.5);
	background-size:40px auto;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	opacity:0;
	transition:all 0.5s;
	z-index:1;
}
.gallery-box:hover .img:after{
	opacity:1;
	transform:scale(1);
}
.gallery-box .img img{
	display:block;
	transition:all 0.5s;
}
.gallery-box:hover img{
	-webkit-transform:scale(1.3) rotate(10deg);
	transform:scale(1.3) rotate(10deg);
}
/* Infrastructure Page css */