:root {
  /* colors */
--clr-lime: #C4D600;
--clr-border-lime: #B0C000;
--clr-white: #FFFFFF;
--clr-pink: #D0006F;
--clr-pink-background: #830051;
--clr-navy: #001424;
--clr-black: #000A12;
--clr-light-grey: #656969;
--clr-dark-grey: #3C4242;
--clr-navy-blue: #003864;
--background-blue: #001F37;
--text-hover-black: #171919;
--background-hover-yellow: #F0AB00;
 /* font-weight */
--fw-heavy: 900;
--fw-extrabold: 800;
--fw-bold: 700;
--fw-semibold: 600;
--fw-normal: 400;
--fw-light: 300;
--fw-extralight: 200;
--fw-thin: 100;
--fw-italic: italic;
--card-border: #DFDFDF;
}
.roboto-thin {
font-family: "Roboto", sans-serif;
font-weight: 100;
font-style: normal;
}

.roboto-extralight {
font-family: "Roboto", sans-serif;
font-weight: 200;
font-style: normal;
}

.roboto-light {
font-family: "Roboto", sans-serif;
font-weight: 300;
font-style: normal;
}

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

.roboto-medium {
font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: normal;
}

.roboto-semibold {
font-family: "Roboto", sans-serif;
font-weight: 600;
font-style: normal;
}
h1, h2, h3, h4, h5, h6{

font-family: Arapey;
font-weight: 400;
}
.roboto-bold {
font-family: "Roboto", sans-serif;
font-weight: 700;
font-style: normal;
}

.roboto-extrabold {
font-family: "Roboto", sans-serif;
font-weight: 800;
font-style: normal;
}

.roboto-black {
font-family: "Roboto", sans-serif;
font-weight: 900;
font-style: normal;
}

.roboto-thin-italic {
font-family: "Roboto", sans-serif;
font-weight: 100;
font-style: italic;
}

.roboto-extralight-italic {
font-family: "Roboto", sans-serif;
font-weight: 200;
font-style: italic;
}

.roboto-light-italic {
font-family: "Roboto", sans-serif;
font-weight: 300;
font-style: italic;
}

.roboto-regular-italic {
font-family: "Roboto", sans-serif;
font-weight: 400;
font-style: italic;
}

.roboto-medium-italic {
font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
}

.roboto-semibold-italic {
font-family: "Roboto", sans-serif;
font-weight: 600;
font-style: italic;
}

.roboto-bold-italic {
font-family: "Roboto", sans-serif;
font-weight: 700;
font-style: italic;
}

.roboto-extrabold-italic {
font-family: "Roboto", sans-serif;
font-weight: 800;
font-style: italic;
}

.roboto-black-italic {
font-family: "Roboto", sans-serif;
font-weight: 900;
font-style: italic;
}
body{
font-family: "Roboto", sans-serif;
font-weight: 400;
/* overflow:hidden; */
}

/* Global Style Starts */
a {
  cursor: pointer;
}

.pink-btn, .pink-btn a {
  cursor: pointer;
}


html {
  scroll-behavior: smooth;
}

body, html {
  padding: 0;
  margin: 0;
 
}

body {
  -webkit-text-size-adjust: none;
}

.body-width ,#body-width {
  max-width: 1280px;
  margin: 0 auto;
}

body {
  font-size: 16px;
  font-style: normal;
  color: var(--clr-black);
}

h1 {
  font-size: 49px;
  font-weight: var(--fw-bold);
  line-height: 58.8px;
  color: #000;
 
  margin: 0;
}

h2 {
  font-size: 32px;
  font-weight: var(--fw-bold);
  line-height: 46.8px;

  color: #000;
  margin: 0;

}
h1, h2, h3, h4, h5, h6{
        font-family: 'Roboto';
}
h3 {
  font-size: 31px;
  font-weight: var(--fw-bold);
  line-height: 37.2px;

  color: #000;
  margin: 0;
}

h4 {

  font-size: 25px;
  font-weight: var(--fw-bold);
  line-height: 30px;
  color: var(--clr-white);
  margin: 0;
}

h5 {
  font-size: 24px;
  font-weight: var(--fw-bold);
  line-height: 28px;

  color: var(--clr-white);
  margin: 0;
}

h6 {
  font-size: 20px;
  font-weight: var(--fw-bold);
  line-height: 24px;

  color: var(--clr-white);
  margin: 0;
}

p {
  font-size: 16px;
  font-weight: var(--fw-normal);
  
  font-family: "Roboto", sans-serif;
  line-height: 30px;
  color: #455151;
  margin: 0;
}
.brand-img{
        display: flex;
    align-items: center;
    justify-content: center;
}
.roboto-thin {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.roboto-extralight {
  font-family: "Roboto", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.roboto-light {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: normal;
}

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

.roboto-medium {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.roboto-semibold {
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.roboto-bold {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.roboto-extrabold {
  font-family: "Roboto", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.roboto-black {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.roboto-thin-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.roboto-extralight-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.roboto-light-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.roboto-regular-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.roboto-medium-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.roboto-semibold-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.roboto-bold-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.roboto-extrabold-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.roboto-black-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: italic;
}
a.hnm-pack{
    color:inherit;
    text-decoration:none;
}
 /* Global style ends */
/* header*/
/*--------------------------------------------------------------
# Global Header
--------------------------------------------------------------*/
.secondary-navbar{
padding-top:1rem;
padding-bottom:1rem;
}
.header {
  color: var(--default-color);
  transition: all 0.5s;
  z-index: 997;
  background-color: var(--background-color);
}

.header .topbar {
  background-color: var(--accent-color);
  height: 40px;
  padding: 0;
  font-size: 14px;
  transition: all 0.5s;
}

.header .topbar .contact-info i {
  font-style: normal;
  color: var(--contrast-color);
}

.header .topbar .contact-info i a,
.header .topbar .contact-info i span {
  padding-left: 5px;
  color: var(--contrast-color);
  font-family: "Roboto", sans-serif;
  font-weight: 400;
}

@media (max-width: 575px) {

  .header .topbar .contact-info i a,
  .header .topbar .contact-info i span {
    font-size: 13px;
  }
}

.header .topbar .contact-info i a {
  line-height: 0;
  transition: 0.3s;
}

.header .topbar .contact-info i a:hover {
  color: var(--contrast-color);
  text-decoration: underline;
}

.header .topbar .social-links a {
  color: color-mix(in srgb, var(--contrast-color), transparent 40%);
  line-height: 0;
  transition: 0.3s;
  margin-left: 20px;
}

.header .topbar .social-links a:hover {
  color: var(--contrast-color);
}

.header .branding {
  min-height: 60px;
  padding: 10px 0;
}

.header .logo {
  line-height: 1;
}

.header .logo img {
  max-height: 36px;
  margin-right: 8px;
}

.header .logo h1 {
  font-size: 30px;
  margin: 0;
  font-weight: 700;
  color: var(--heading-color);
}

.header .cta-btn,
.header .cta-btn:focus {
  color: var(--contrast-color);
  background: var(--accent-color);
  font-size: 14px;
  padding: 8px 25px;
  margin: 0 0 0 30px;
  border-radius: 50px;
  transition: 0.3s;
}

.header .cta-btn:hover,
.header .cta-btn:focus:hover {
  color: var(--contrast-color);
  background: color-mix(in srgb, var(--accent-color), transparent 15%);
}
.pb-80{
    padding-bottom:80px;
}

@media (max-width: 1200px) {
  .header .logo {
    order: 1;
  }

  .header .cta-btn {
    order: 2;
    margin: 0 15px 0 0;
    padding: 6px 15px;
  }

  .header .navmenu {
    order: 3;
  }
}

.scrolled .header {
  box-shadow: 0px 0 18px rgba(0, 0, 0, 0.1);
}

.scrolled .header .topbar {
  height: 0;
  /* visibility: hidden; */
  display: none;
  overflow: hidden;
}
header.sticky-top .topbar{
  /* display: none; */
}
.header .topbar{
  background: #1D231F;
  padding: 12px 0;
  color: #fff;
}
/*header*/
/* home page*/
.about-area{
position: relative;
display: block;
padding-top: 60px;
padding-bottom: 110px;
}
.swiper-slide img{
    position: relative;
}
.swiper-slide::after{
    position: absolute;
    content: '';
    background: #050505;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0.4;
    display: none;
}
.caption-info-1{
            color: #fff;
}
.caption-info-3{
    color:#fff;
}
.single-working-process{
        position: relative;
    display: block;
    padding-top: 40px;
    background: transparent;
    transition: all 500ms ease;
    margin-bottom: 60px;
}
.single-working-process .top-box{
        position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 90px;
    height: 90px;
    display: block;
    border: 3px solid #f4af36;
    padding: 27px 0;
    background: #ffffff;
    border-radius: 50%;
    text-align: center;
    margin: 0 auto;
    z-index: 3;
}
.single-working-process .top-box::before{
        position: absolute;
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    content: "";
    background: #f4af36;
    border-radius: 50%;
    transition: all 0.5s ease-in-out 0s;
    transform-style: preserve-3d;
    transform: perspective(1200px) rotateY(-90deg) translateZ(0px);
    opacity: 0;
    z-index: -1;
}
.single-working-process .top-box span{
        color: #27282c;
    font-size: 24px;
    line-height: 30px;
    font-weight: 500;
    text-transform: uppercase;
    transition: all 700ms ease 100ms;
}
.single-working-process .inner{
        position: relative;
    display: block;
    padding: 82px 30px 50px;
    background: #ffffff;
    border-top: 3px solid #f4af36;
    -webkit-box-shadow: 0px 6px 10px 3px #e8e8e8;
    box-shadow: 0px 6px 10px 3px #e8e8e8;
    transition: all 300ms ease;
}
.single-working-process .inner h3{
        color: #27282c;
    font-weight: 600;
    margin: 0 0 18px;
    font-size: 19px;
    font-weight: bold;
}
.width-100{
    width:100%;
}
.c-style{
   
    text-align: center;
   
    border-radius: 5px;
    background-color: rgba(255, 255, 255, .15);
   
    padding: 30px;
    border: 2px dotted;
}
.c-boxes i{
        font-size: 2.5em;
        line-height:normal;
        color:#ff0000;
}
.c-boxes h5{
        font-size: 1.5em;
        line-height:normal;
}
.c-boxes a{
        font-size: 1.2em;
        line-height:normal;
        color:inherit;
}
.c-boxes p{
        font-size: 1em;
        line-height:normal;
}
.single-working-process .inner p{
        margin: 0;
}
.single-working-process .inner .icon-holder{
        position: relative;
    display: block;
    padding-top: 22px;
}
.single-working-process .inner .icon-holder span:before{
        color: #bababa;
    font-size: 80px;
    line-height: 80px;
    transition: all 700ms ease 500ms;
}
.single-working-process .inner .icon-holder span i{
    font-size:2.5em;
}
.icon-holder a{
      color: #f4af36;
}
/* home page*/
.about-image-box {
position: relative;
display: block;
max-width: 470px;
width: 100%;
background: #b3c3d7;
padding-top: 60px;
padding-left: 60px;
}
.about-area .sec-title p{
color: #f4af34;
font-size: 14px;
line-height: 20px;
font-weight: 600;
text-transform: uppercase;
margin: 0 0 7px;
font-family: 'Poppins', sans-serif;
}
.about-area .sec-title .title{
position: relative;
display: block;
color: #27282c;
font-size: 36px;
line-height: 44px;
font-weight: 700;
text-transform: uppercase;
font-family: 'Poppins', sans-serif;
}
.about-area .sec-title .title span{
font-weight: 400;
}
.about-area  .inner-content p{
color: #828282;
}
.about-image-box:before{
position: absolute;
top: 0;
right: 0;
width: 60px;
height: 100%;
background: rgb(234 236 242);
content: "";
z-index: 1;
}
.ct-us{
        background: #f3cd6d;
    border: none;
}
.about-image-box .inner-box{
position: relative;
display: block;
z-index: 2;
}
.about-image-box .inner-box img{
width: 100%;
}
.about-image-box .inner-box .overlay{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.about-image-box .inner-box .overlay .box{
display: table;
width: 100%;
height: 100%;
}
.about-image-box .inner-box .overlay .box .icon{
display: table-cell;
vertical-align: middle;
text-align: center;
}
.about-image-box .inner-box .overlay .box .icon img{
width: auto;
}


.about-image-box .text-box {
position: relative;
display: block;
padding-top: 33px;
padding-bottom: 52px;
padding-right: 20px;
margin-right: 60px;
z-index: 1;
}
.pt-120{
padding-top:120px;
}
.about-image-box .text-box:before {
position: absolute;
right: 40px;
bottom: 30px;
font-family: 'icomoon';
content: "\e939";
color: #ebebeb;
font-size: 70px;
line-height: 70px;
transform: perspective(1200px) rotateX(180deg) translateZ(0px);
z-index: -1;
display:none;
}
.about-image-box .text-box p {
color: #828282;
font-size: 20px;
line-height: 30px;
margin: 0 0 17px;
}
.about-image-box .text-box h3{
color: #3a3a3a;
font-size: 18px;
font-weight: 600;
}
.about-image-box .text-box h3 span{
color: #f4af36;
font-size: 15px;
font-weight: 400;
font-family: 'Rubik', sans-serif;
}


.about-text{
position: relative;
display: block;
padding-left: 100px;
}
.about-text .sec-title {
padding-bottom: 26px;
}
.about-text .inner-content{
position: relative;
display: block;    
}
.about-text .inner-content .text {
display: block;
padding-bottom: 26px;
}

.about-carousel-box{
position: relative;
display: block;
background: #f4af36;
padding: 41px 41px 37px;
z-index: 1;
}
.about-carousel-box:before {
position: absolute;
left: 40px;
bottom: -30px;
font-family: "Flaticon";
content: "\f103";
color: #f4af36;
font-size: 40px;
line-height: 40px;
transform: perspective(1200px) rotateY(180deg) translateZ(0px);
}
.about-carousel-box .single-box{
position: relative;
display: block;
}
.about-carousel-box .single-box .icon-holder{
width: 90px;
}
.about-carousel-box .single-box .icon-holder span:before{
color: #ffffff;
font-size: 90px;
line-height: 90px;
margin-left: 1px;
}

.about-carousel-box .single-box .icon-holder,
.about-carousel-box .single-box .text-holder{
display: table-cell;
vertical-align: middle;
}
.about-carousel-box .single-box .text-holder{
padding-left: 30px;
}
.about-carousel-box .single-box .text-holder h3{
color: #ffffff;
font-size: 20px;
font-weight: 600;
margin: 0 0 21px;
text-decoration: underline;
}
.about-carousel-box .single-box .text-holder p{
color: #ffffff;
margin: 0;
}

.about-carousel-box.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
padding-bottom: 0px;
}
.about-carousel-box .owl-dots {
position: absolute;
margin-top: 105px !important;
height: 25px;
line-height: 25px;
left: -10px;
}
.about-carousel-box .owl-dots .owl-dot{
background-image: none;
width: 20px;
height: 5px;
margin: 0px 10px;
background: #e1e1e1;
border: 2px solid #e1e1e1;
padding: 0px;
border-radius: 0%;
transition: all 500ms ease;
display: inline-block;
}
.about-carousel-box .owl-dots .owl-dot span{
display: none;	
}
.about-carousel-box .owl-dots .owl-dot.active{
background: #f4af36;
border-color: #f4af36;
}
/* slider*/
.swiper-slide img {
/* transition: transform 5s ease;
transform: scale(1); */
}
.swiper-slide-active img {
/* transform: scale(1.1);  */
}
.swiper-slide img{
height: 700px; /* or any height you want */
width: 100%;
object-fit: cover; /* keeps image nicely cropped if too big */
}
.swiper-slide img {
  transform: none !important;
}
/* form*/
.enquiry-form{
position: relative;
max-width: 1100px;
margin: 0 auto;
/* text-align: center; */
display: flex;
align-items: center;
justify-content: center;
margin-top: -60px;
background-color: #fff;
z-index: 99;
padding: 3rem;
padding-left:1rem;
padding-right:1rem;
border-radius: 66px;
box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
}
/* trneding section*/
.trending-packages-card-items{
margin-top: 24px;
}
.trending-packages-card-items .destinations-img{
position: relative;
overflow: hidden;
border-radius: 28px;
}
.trending-packages-card-items .destinations-img::before{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
content: "";
border-radius: 28px;
background: rgba(77, 64, 202, 0.71);
opacity: 0;
visibility: hidden;
transition: all 0.4s ease-in-out;
}
.trending-packages-card-items .destinations-img img{
border-radius: 28px;
width: 100%;
height: 100%;
transition: all 0.4s ease-in-out;
}
.trending-packages-card-items .destinations-img .icon{
position: absolute;
right: 20px;
top: 20px;
opacity: 0;
visibility: hidden;
transition: all 0.4s ease-in-out;
}
.trending-packages-card-items .destinations-img .icon a{
width: 59px;
height: 59px;
line-height: 59px;
border-radius: 50%;
background-color: var(--theme-color-2);
color: var(--white);
text-align: center;
display: inline-block;
}
h5.modal-title{
color:#000;
}
.desc{
color:#000;
}
.trending-packages-card-items .destinations-img .icon a i{
transform: rotate(-40deg);
font-weight: 900;
}
.trending-packages-card-items .destinations-img .destinations-content{
position: absolute;
bottom: 15px;
left: 15px;
right: 15px;
padding:0;
}
.trending-packages-card-items .destinations-img .destinations-content .title a{
font-size: 18px;
font-size: 18px;
font-weight: 500;
padding: 12px 30px;
background-color: #fff;
display: inline-block;
border-radius: 72px;
line-height: 1;
font-weight: 500;
color: var(--header);
text-decoration: none;
}
.section-title-area{
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 30px;
}
.section-title{
position: relative;
z-index: 99;
margin-bottom: 30px;
margin-top: -7px;
}
.section-title-area .section-title{
margin-bottom: 0;
}
.section-title span{
    font-size: 16px;
    color: #f4af34;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 15px;
    display: inline-block;
}
.theme-btn{
display: inline-block;
vertical-align: middle;
background-color:  #3d8483;
color: var(--white);
font-size: 17px;
font-weight: 800;
padding: 9px 15px 9px 30px;
transition: all 0.4s ease-in-out;
text-transform: capitalize;
position: relative;
overflow: hidden;
text-align: center;
border-radius: 72px;

line-height: 1;
text-decoration: none;;
}
.theme-btn.theme-btn-2{
  background-color: #f5b034;
}
.theme-btn span{
position: relative;
color: #fff;
z-index: 999;
margin-right: 25px;
}
.theme-btn i{
position: relative;
color: #151415;
z-index: 999;
width: 48px;
height: 48px;
line-height: 48px;
background-color: #fff;
border-radius: 50%;

}
.py-120{
padding-top:120px;
padding-bottom:120px;
}
.sect-bg{
background-color: rgb(234 236 242);
}
.px-120{
padding-left:120px;
padding-right:120px;
}
#header a{
    text-decoration: none;
}
.testimonial h2{
        font-family: 'Roboto';
}
.our-resorts p{
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 30px;
        backdrop-filter: blur(5px);
        padding: 10px;
        line-height: 20px;
        text-align: center;
        font-weight: 500;
            font-family: 'Urbanist';
}
.swiper-button-next, .swiper-button-prev{
      background: rgba(0,0,0,0.2);
}
.swiper-button-next:after, .swiper-button-prev:after{
     
    font-size: 23px;
    color: #fff;
}
.why-choose-section .about-btn{
display: flex;
align-items: center;
gap: 20px;

}
        .title h4
{
            font-family: roboto;
        text-align: center;
        font-size:20px;
        line-height:24px;
}
.theme-btn span{
position: relative;
color: #fff;
z-index: 999;
margin-right: 25px;
}

/* contact us form*/
#cn-form input, #cn-form select, #cn-form submit{
border-radius:20px;
}
#cn-form input::placeholder, #cn-form select option[value="Select Destination"]{
opacity:0.8;
}
#cn-form button[type="submit"]{

width: 100%;
padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #fff;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #8f682d;
background-clip: padding-box;
border: var(--bs-border-width) solid var(--bs-border-color);
border-radius: var(--bs-border-radius);
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
border-radius: 20px;

font-weight: bold;
}

/* future travel*/
.future-travel .destination-feature-box{
margin-top: 24px;
border-radius: 12px;
background: #FFF;
box-shadow: 10px 9px 106.6px 55px rgba(5, 6, 60, 0.04);
padding: 25px;
display: flex;
gap: 15px;
align-items: center;
}
.pricing-block-four .inner-box{
position: relative;
border-top: 0;
overflow: hidden;
background-color: transparent;
border-radius: 12px;
background: #FFF;
box-shadow: 10px 9px 106.6px 55px rgba(5, 6, 60, 0.04);
}
.tariff .pricing-block-four .inner-box .image-box{
position: relative;
z-index: 2;
}
.tariff .pricing-block-four .inner-box .image-box:before{
/* content: "";
position: absolute;
left: 17px;
bottom: -18px;
height: 100%;
width: calc(100% - 34px);
background-color: #f5a21e;
clip-path: polygon(0 27.5%, 100% 0, 100% 74%, 0 99%);
-webkit-transform: rotate(1deg);
transform: rotate(1deg); */
}
.tariff .pricing-block-four .inner-box .content{
position: relative;
padding: 120px 30px 23px;
/* margin-top: -100px; */
border: 1px solid #EDEDED;
border-top: none;
background-color: #ffffff;
    background: linear-gradient(to right, #277677, #ade5e2);
    position: relative;
    padding-top: 4em;
    padding-bottom: 3em;
    text-align: center;
    color: #fff;
 
}
.tariff .pricing-block-four .inner-box .car-detail{
padding-top: 10px;
padding-left: 27px;
    padding-left: 0;
    text-align: center;
    padding-top: 0;
    position: relative;
}
.tariff .pricing-block-four .inner-box .car-name{
position: relative;
color: #000000;
font-size: 19px;
margin-bottom: 2px;
text-transform: uppercase;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
font-weight: 900;
    margin-top: -4em;
    padding: 1em;
    padding-top: 1.8em;
    background: #ffff;
    border-radius: 10px;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    z-index: 1;
    /* top: -10px; */
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    /* box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; */
}
.tariff .pricing-block-four .inner-box  p{
      border-bottom: 1px solid silver;
      color:#fff;
}
.tariff .pricing-block-four .inner-box a.theme-btn{
      max-width: 11em;
    text-align: center;
    display: block;
    margin-right: auto;
    margin-left: auto;
    background-color: #a6e9e7;
    padding-left: 0;
    padding-right: 0;
}
.tariff .pricing-block-four .inner-box a.theme-btn span{
      margin-right: 0;
    color: #4b4c4d;
    position: initial;
}
.tariff .pricing-block-four .inner-box .city{
position: relative;
font-family: var(--title-font);
color: #000000;
font-size: 17px;
letter-spacing: 0.12em;
margin-bottom: 26px;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.tariff .pricing-block-four .inner-box .feature-list{
position: relative;
margin-bottom: 16px;
padding:0
}
.tariff .pricing-block-four .inner-box .feature-list li{
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 8px 30px 8px 30px;
margin-bottom: 2px;
color: #444444;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.tariff .pricing-block-four .inner-box .feature-list li.colored{
background-color: #f3f3f3;
}
/* contact us */
.contact-us-section .right-col .contact-items{
display: flex;
align-items: center;
gap: 20px;
margin-bottom:30px;
}
.contact-us-section .right-col .icon{
width: 68px;
height: 68px;
line-height: 68px;
text-align: center;
border-radius: 4px;
background-color: #efeefa;
}
.contact-us-section .right-col span{
    font-size: 15px;
    color: #e9af42;
    font-weight: 900;
}
.contact-us-section .right-col h3{
font-size: 22px;
font-weight: 600;
line-height: 150%;
color:#000;
}
.contact-us-section .right-col a{
text-decoration: none;
outline: none !important;
cursor: pointer;
color:#000;
transition: all 0.4s ease-in-out;
}
.cn-form{
background-color: #efeefa;
}
.cn-form input{
border-radius:10px;

}
.cn-form .form-control{
padding:1rem .75rem;
}
/* breadcrumb*/
.contactus-page.breadcrumb-wrapper{
    /* background-image: url(../img/breadcrumb/contact-us-bg.jpg); */
    background: #f3cd6d;
}
.breadcrumb-wrapper{
position: relative;
overflow: hidden;
z-index: 9;
}
ul{
padding: 0;
margin: 0;
list-style: none;
}
.section-padding{
padding: 120px 0;
}
.bg-cover{
background-repeat: no-repeat;
background-size: cover;
position: relative;
background-position: center;
}
.breadcrumb-wrapper .page-heading{
position: relative;
z-index: 99;
}
.breadcrumb-wrapper .page-heading .breadcrumb-items{
display: flex;
align-items: center;
gap: 20px;
position: relative;
z-index: 9;
margin-bottom: 20px;
justify-content: center;
}
.breadcrumb-wrapper .page-heading .breadcrumb-items li{
font-size: 24px;
color:#795928;
font-weight: 700;
text-transform: capitalize;

}
.breadcrumb-wrapper .page-heading .breadcrumb-items li a{
color: #936623;
transition: all 0.4s ease-in-out;
text-decoration: none;
}
.breadcrumb-wrapper .page-heading h1{
color:#fff;
font-family:"roboto";
}

.corporate-groups.owl-carousel .owl-item img{
display: block;
width: 100%;
-webkit-transform-style: preserve-3d;
max-width:130px;
}

/* footer*/
.footer-area{
background-color: rgb(234 236 242);
}
.footer-area h4{
color: #000;
margin-bottom: 30px;  
font-family:"roboto";
font-size:20px;
}
.footer-area a{
text-decoration:none;
}
.footer-area p, .footer-area ul li a{
  color: rgb(94, 89, 96);
}
.footer-social a{
padding-right: 25px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.footer-area .address li span{
color: #000;
margin: 0 10px 0 0;
width: 16px;
font-size: 16px;
}
.footer-area a i{
font-size: 18px;
color: #000;
}
.single-footer-widget ul li{
margin-bottom: 10px;
color: rgb(94, 89, 96);

}
.mt-80{
margin-top: 80px;
}
/* our-services-list*/
.our-services-list {
list-style-position: outside;
padding-left: 20px;
}
.our-services-list li{
margin-bottom: 10px;
list-style-type: square;
/* padding-left: 20px; */
}

/* about us page*/
.square-list {
  list-style-type: square;
  padding-left: 20px; /* ensure bullets are visible */
}
.square-list li{
    color: #455151;
}
.position-relative {
position: relative !important;
}
.about-info{
max-width: 69%;
margin: 30px auto 0 auto;
}
.about-info-1{
  max-width:100%;
}
.w-100 {
width: 100% !important;
}
.proj-img2{
padding: 4.0625rem 0;
}
.proj-bg{
background-size: cover;
background-position: center;
top: 0;
bottom: 0;
right: 0;
left: 0;
z-index: -1;
}
.proj-box2:not(.rev) .proj-bg{
right: 15.625rem;
left: -23.4375rem;
}
.proj-img2 > a{
display: block;
position: relative;
overflow: hidden;
pointer-events:none;
}
.proj-img2 > a:before{
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: #fff;
z-index: 1;
opacity: 0;
display:none;
}
.proj-box2:hover .proj-img2 > a::before{
opacity: .2;
display:none;
}
.proj-box2:hover .proj-img2 img{
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
transform:none;
}
.proj-info2{
padding-left: 2.8125rem;
margin-top: 6.5625rem;
}
.proj-info2:before{
content: "";
height: 1px;
width: 3.75rem;
background-color: var(--color1);
position: absolute;
left: -3.125rem;
top: 1rem;
z-index: 1;
}
.proj-info2 > h3{
font-family: "Roboto", sans-serif;
font-size: 1.125rem;
text-transform: uppercase;
font-weight: 500;
position: relative;
/* padding-left: 2.5rem; */
line-height: 1.875rem;

}
.proj-info2 > h3 i{
font-size: 1.75rem;
line-height: 1;
position: absolute;
left: 0;
top: 0;
}
.proj-info2 > h3 + p{
margin-top: 1rem;
}
.proj-info2 > a{
font-size: 1rem;
text-transform: uppercase;
font-weight: 500;
font-family: Arapey;
}
.position-absolute{
position: absolute!important;
}
.proj-info2 > p + a{
margin-top: 2.1875rem;
}
.proj-info2 > a + .proj-info-list-wrap{
margin-top: 4.6875rem;
}
.proj-img2 > a{
display: block;
position: relative;
overflow: hidden;
}
.proj-img2 img{
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
transform:none;
}
.proj-box2 img {
overflow-clip-margin: content-box;
overflow: clip;
  vertical-align: middle; 
}

.pb-120{
padding-bottom:120px;
}
.proj-info2 > h3{
font-family: "Roboto", sans-serif;
  font-size: 2rem;
  text-transform: uppercase;
  font-weight: 500;
  position: relative;
  /* padding-left: 2.5rem; */
  line-height: 2.2rem;
}
.proj-info2 > h3 a, .proj-info2  a{
color: inherit !important;
text-decoration: none!important;
font-family: Arapey;
font-weight: bold;
text-transform: capitalize;
font-family:"roboto";
}
.sec-title-inner > span{
font-size: 14px;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 2.5px;
}
.sec-title-inner > h2{
font-size: 2.8125rem;
line-height: 3.625rem;
}
.sec-title-inner > span + h2{
margin-top: 5px;
}
.proj-box2.rev .proj-bg{
    left: 15.625rem;
    right: -6.4375rem;
}
.opc-6, .opc6:before{
opacity: .6;
}
/* featured bg*/
.featured-area_bg{
        background: url(../img/home/featured_bg.jpg) no-repeat;
    min-height: 420px;
    background-size: cover;
    position: relative;
    background-position: 100% 100%;
}
.featured-area_bg::before{
    position: absolute;
    content: '';
    background: #0d6d05;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.2;
}
.featured-area {
position: relative;
display: block;
margin-top: -160px;
z-index: 10;
background: transparent;
}
.single-featured-box{
position: relative;
display: block;
padding-top: 50px;
max-width: 370px;
width: 100%;
margin: 0 auto;
overflow: hidden;
}
.single-featured-box .inner{
position: relative;
display: block;
background: #8BC34A;
transition: all 300ms ease 100ms;
}
.single-featured-box .inner .img-holder {
position: relative;
display: block;
width: 255px;
height: 270px;
float: right;
}
.single-featured-box .inner .static-content {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: flex;
  padding-top: 0;
  align-items: flex-end;
  padding-left: 0;
  opacity: 1;
  visibility: visible;
  z-index: 1;
  transform: translateY(0px);
  transition: all 500ms ease 100ms;
}
.single-featured-box:hover .inner .static-content{
opacity: 0;
visibility: hidden;
transform: translateY(50%);
transition: all 900ms ease 100ms;  
}

.single-featured-box .icon{
position: relative;
display: block;
padding-bottom: 20px;
}
.single-featured-box .icon span:before{
color: #ffffff;
font-size: 60px;
line-height: 60px;
}
.single-featured-box .title{
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 30px;
  backdrop-filter: blur(5px);
  /* margin-top: -48px; */
  width: 100%;
  display: block;
  padding-top: 5px;
  padding-bottom: 5px;
  /* padding: 12px; */
  background: rgba(255, 255, 255, 0.2);
  border-radius: 0px;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.3);
  border-image: initial;
  padding-left: 20px;
}
.single-featured-box .title h3{
  color: #ffffff;
  font-weight: 600;
  font-size: 28px;
}

.single-featured-box .inner .overlay-content {
position: absolute;
top: -50px;
left: 0;
bottom: 0;
right: 0;
display: block;
padding-top: 50px;
padding-left: 30px;
padding-right: 30px;
z-index: 3;
background: #27282c;
transition: all 300ms ease 100ms;
opacity: 0;
visibility: hidden;
transform: translateY(100%);
transition: all 500ms ease 100ms;
}
.single-featured-box:hover .inner .overlay-content{
opacity: 1;  
visibility: visible; 
transform: translateY(0%);
transition: all 900ms ease 100ms;  
}
.single-featured-box .inner .overlay-content .icon span:before{
color: #f4af36;
}
.single-featured-box .inner .overlay-content .text{
position: relative;
display: block;
padding-top: 18px;
padding-bottom: 0px;
}
.single-featured-box .inner .overlay-content .text p{
color: #ffffff;
margin: 0 0 26px;
}
.single-featured-box .inner .overlay-content .text a{
color: #ffffff;    
}

.single-featured-box .overlay-content .overlay-image{
position: absolute;
bottom: 0;
right: 0;
width: 255px;
height: 00px;
opacity: 0;
transform: scale(0.5);
transition: all 500ms ease 100ms;
}
.single-featured-box:hover .overlay-content .overlay-image{
opacity: 1;
height: 270px;
transform: scale(1.0); 
transition: all 900ms ease 500ms;  
}


.about-style3-content{
position: relative;
display: block;
padding-top: 110px;
padding-bottom: 110px;
}
.about-style3-content .sec-title{
padding-bottom: 40px;
margin: 0;
}
.about-style3-content .sec-title p {
margin: 15px 0 27px;
}

.about-style3-content .button a{
padding: 0 40px;
margin: 0 13px;
}
.about-style3-content .button a.black{
background: #27282c;
}
.about-style3-bg {
position: absolute;
left: 0;
top: -60px;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
z-index: -1;
opacity: 1;
}
@-webkit-keyframes banner-animate {
0% {
-webkit-transform: translateX(-300px);
transform: translateX(-300px);
}

50% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}

100% {
-webkit-transform: translateX(-300px);
transform: translateX(-300px);
}
}
@keyframes banner-animate {
0% {
-webkit-transform: translateX(-300px);
transform: translateX(-300px);
}

50% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}

100% {
-webkit-transform: translateX(-300px);
transform: translateX(-300px);
}
}
.banner-animate {
animation-name: banner-animate; 
animation-duration: 70s; 
animation-iteration-count: infinite;
animation-timing-function: linear;
-webkit-animation-name: banner-animate; 
-webkit-animation-duration: 70s; 
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;

-moz-animation-name: banner-animate; 
-moz-animation-duration: 70s; 
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;

-ms-animation-name: banner-animate; 
-ms-animation-duration: 70s; 
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;

-o-animation-name: banner-animate; 
-o-animation-duration: 70s; 
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear;
}

/* testimonial*/
***/
.testimonial-style3-area{
    position: relative;
    display: block;
    background: #f6f6f6;
    padding: 110px 0 60px;
}
.single-testimonial-style3{
    position: relative;
    display: block;
    padding-left: 20px;
    z-index: 1;
}
.single-testimonial-style3:before{
    position: absolute;
    top: 20px;
    left: 0;
    bottom: -20px;
    right: 20px;
    border: 1px solid #dadada;
    content: "";
    z-index: -1;
}
.single-testimonial-style3 .inner-content{
    position: relative;
    display: block;
    background: #ffffff;
    padding: 50px 40px 48px; 
    z-index: 1;
}
.single-testimonial-style3 .inner-content:before {
   font:normal normal normal 14px/1 FontAwesome;
    position: absolute;
    bottom: 38px;
    right: 40px;
        content: "\f10e";
    color: #f6f6f6;
    font-size: 120px;
    line-height: 90px;
    z-index: -1;
}

.single-testimonial-style3 .client-info{
    position: relative;
    display: block;
}
.single-testimonial-style3 .client-info .image{
    width: 50px;
}
.single-testimonial-style3 .client-info .image img{
    border-radius: 50%;
}
.single-testimonial-style3 .client-info .image,
.single-testimonial-style3 .client-info .title{
    display: table-cell;
    vertical-align: middle;
}
.single-testimonial-style3 .client-info .title{
    padding-left: 20px;
}
.single-testimonial-style3 .client-info .title h3{
    color: #27282c;
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 2px;
        font-family: 'Roboto';
}
.single-testimonial-style3 .client-info .title span{
    color: #f5a21e;
}
.single-testimonial-style3 .text-box{
    position: relative;
    display: block;
    padding-top: 20px;
    padding-bottom: 21px;
}
.single-testimonial-style3 .text-box p{
    line-height: 28px;
    margin: 0;
}

.testimonial-carousel-2.owl-carousel .owl-stage-outer {
    padding: 0px 0px 63px;
}
.testimonial-carousel-2 .owl-dots {
    position: relative;
    display: block !important;
    margin-top: 0px !important;
    line-height: 14px;
}
.testimonial-carousel-2 .owl-dots .owl-dot{
	background-image: none;
	width: 20px;
	height: 5px;
	margin: 0px 10px;
    background: #e1e1e1;
    border: 2px solid #e1e1e1;
	padding: 0px;
	border-radius: 0%;
	transition: all 500ms ease;
	display: inline-block;
}
.testimonial-carousel-2 .owl-dots .owl-dot span{
	display:none;	
}
.testimonial-carousel-2 .owl-dots .owl-dot.active{
	background: #f5a21e;
    border-color: #f5a21e;
}
.testimonial-style3-area .owl-nav{
    display: block;
}
.testimonial-carousel-2.owl-carousel .owl-nav button.owl-next, 
.testimonial-carousel-2.owl-carousel .owl-nav button.owl-prev{
    font-size:20px;
}
.nav-link{
  color:#000;
  font-weight:bold;
}

.brand-style3{
    padding-top: 30px; 
}
.single-brand-item.style3{
    max-width: 170px;
    width: 100%;
    float: left;
    margin-right: 30px;
}
.single-brand-item.style3 a {
    display: block;
    background: transparent;
    text-align: center;
    transition: all 700ms ease 200ms;
}

.single-brand-item.style3:last-child{
    margin-right: 0;
}
.single-brand-item.style3 a:hover{
    box-shadow: none; 
}
.review-box{
        position: relative;
    display: block;
    overflow: hidden;
    line-height: 16px;
}
.testimonial{
  background: rgb(234 236 242);
      background: rgb(234 236 242);
}
.review-box ul{
        display: block;
    overflow: hidden;
}
.review-box ul li{
        display: inline-block;
    float: left;
    margin-right: 4px;
}
.review-box ul li i{
        font-size: 16px;
    color: #f5a21e;
}

#header .navbar-brand img{
  max-width:80px;
}
/* pricing details*/
.pricing-block-four .inner-box{
      border-top-right-radius: 45px;
    border-bottom-left-radius: 45px;
}
.our-resorts img{
    width:100%;
    
}
.social-icons a{
      position: fixed;
    z-index: 999;
    /* width: 60px;
    height: 60px; */
    bottom: 20px;
}
.social-icons a img{
      max-width: 60px;
}
.section h2{
            font-family: 'Poppins';
}
.trendy-travel-locations .modal-body a{
    max-width:103px;
    
}
.caption-info-1{
    font-weight:bold;
}
@media screen and (max-width:991px){
    .topbar{
        height: 70px!important;
    }
    .contact-info{
            flex-direction: column;
    }
    .header .topbar .contact-info i{
                margin-top: 7px;
    margin-left: 0!important;
    }
    .swiper-button-next, .swiper-button-prev{
        color:#fff;
            background: rgba(0,0,0,0.4);
    }
    .swiper-button-next:after, .swiper-button-prev:after{
        font-size:1.5em;
    }
    #hero .theme-btn.theme-btn-2.mt-5{
        margin-top:1em!important;
    }
    .caption, .content-wraps{
            position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
    /* max-width: 800px; */
    font-family: "Urbanist", sans-serif;
    width: 100%;
    z-index:1;
    }
    .caption-info-2, p.title{
            color: #fff;
    font-size: 1.3em;
    font-weight: bold;
    line-height: 1.5em;
    letter-spacing: -0.2px;
    font-family: "Urbanist", sans-serif;
    margin-top: 0.7em;
    }
    .caption-info-3, p.sub-title{
         
    font-size: 0.5em;
    font-weight: 400;
    letter-spacing: -0.2px;
    line-height: 2em;
    margin-top: 1em;
    font-family: "Urbanist", sans-serif;
    }
    p.sub-title{
      color:#fff;
      font-size:0.9em;
      letter-spacing:0.1px;
    }
    .swiper-slide img{
        height:350px;
    }

    .brand-img{
            justify-content: center;
    display: flex;
    }
  .section-padding{
        padding: 60px 0;
  }
  .breadcrumb-wrapper .page-heading h1{
        text-align: center;
    font-size: 35px;
  }
    .enquiry-form input, .enquiry-form select{
        margin-bottom:20px;
    }
    .py-120{
          padding-top: 60px;
    padding-bottom: 60px;
    }
    .single-footer-widget{
      margin-top:20px;
    }
    .footer-text{
          margin-top: 20px;
    text-align: center;
    }
    .footer-area h4{
      margin-bottom: 15px;
    font-family: "roboto";
    }
    .title h4{
        
    font-size: 20px;
    line-height: 24px;
    }
    .trendy-travel-locations .section-title{
           width: 100%;
    }
    .section-title-area{
            display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 30px;
}
    .about-text{
        padding-left: 0;
        padding-top:30px;
    }
    section h2{
               font-size: 25px;
    line-height: 29px;
    text-align: center;
      font-family: "roboto";
    }
    .section-title-area a{
            max-width: 224px;
                padding: 4px 15px 4px 21px;
    }
    .proj-box2.rev .proj-bg{
      left: 0;
          right:0;
    }
    .proj-box2:not(.rev) .proj-bg{
          left: 0;
          right:0;
          
    }
    .proj-box2:hover .proj-img2 img{
      transform:none;
    }
    .theme-btn span{
          margin-right: 15px;
    }
    .proj-info1, .proj-info2{
             padding-left: 30px;
         
    }
    .proj-img2{
      padding:2rem 0;
    }
    .theme-btn i{
            width: 30px;
        height: 30px;
        line-height: 30px;
    }
    .about-text .sec-title{
        padding-bottom:16px;
    }
    .about-area .sec-title .title{
        font-size: 25px;
    line-height: 31px;
    }
    .section-title-area a{
            margin-top: 20px;
    }
    .title h4{
            font-family: "roboto";
        text-align: center;
    }
    .tariff .pricing-block-four .inner-box .car-name{
        font-weight: bold;
            font-size: 16px;
    line-height: 19px;
        padding-top: 1.1em;
                font-family: 'Poppins';
    }


    .our-resorts p{
            box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 30px;
    backdrop-filter: blur(5px);
    padding: 10px;
    line-height: 20px;
    text-align:center;
    font-weight:500;
    }
     .trendy-travel-locations a{
            width: 100%;
            display:flex;
            align-items:center;
                max-width: 200px;
    margin-top: 20px;
     }
     .trendy-travel-locations a span{
            width: 70%;
                margin-right: 14px;
    font-size: 16px;
     }
     .section-title span{
            text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;
     }
     .sec-title-inner h1{
                font-size: 27px;
    line-height: 30px;
    font-family: "roboto";
     }
     .title a{
        width:100%;
        max-width:100%;
     }
     .trendy-travel-locations a span i{
            width: 30%;
     }
}
@media screen and (min-width:992px){
  /* home page*/
  
  .footer-text.text-left{
    text-align: center;
  }
  .box .out-1, .box .out-2, .box .out-3, .box .out-4{
        font-size: 19px;
    color: #d79621;
    font-weight: bold;
  }
    .caption, .content-wraps{
            position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
    /* max-width: 800px; */
    width: 100%;
    font-family: "Urbanist", sans-serif;
    z-index:1;
    }
    .caption-info-2, p.title{
            color: #fff;
    font-size: 2.3em;
    font-weight: bold;
    line-height: 1.5em;
    letter-spacing: -0.2px;
   font-family: "Urbanist", sans-serif;
    margin-top: 0.7em;
    }
    .caption-info-3, p.sub-title{
           
    font-size: 1.3em;
    font-weight: 400;
    letter-spacing: 4px;
    line-height: 2em;
    margin-top: 1em;
    font-family: "Urbanist", sans-serif;
    }
    p.sub-title{
    color: #fff;
    letter-spacing: 4px;
    }
  .navbar-expand-lg .navbar-nav .nav-link{
    padding-left: 15px;
        padding-right: 15px;
  }
  .breadcrumb-wrapper{
    padding:40px 0;
    text-align:center;
  }
 .breadcrumb-items{
  text-align:center;
 }
}