:root{
    --theme-color-dark:#CE782B;
    --theme-color-light: #d8a600;
    --hover-color:#FFA33E;
    --text-dark: #484848;
    --p-color: #7a7a7a;
    --secondary-color: #d8d8d8;
}
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body{
    font-family: 'Roboto SemiCondensed';
}
h2 , h3 , h4 , h5 , h6{
    color: var(--text-dark);
    font-family: 'DM Sans 36pt';
}
h2{
    font-size: 42px;
}
p{
    color: var(--p-color);
    font-size: 16px;
    font-family: 'Roboto SemiCondensed';
}
a{
    text-decoration: none;
    font-size: 16px;
    font-family: 'Roboto SemiCondensed';
}
li{
    list-style: none;
}
.py{
    padding: 100px 0px;
}
/* header */
.logo img{
    width: 82px;
    height: 77px;
}
header .header-menu a:hover , header .header-menu ul li a i:hover{
    color: var(--hover-color) !important;
}

header .header-menu ul li a i{
    color: var(--theme-color-light);
}
/* banner */
.banner{
    background-image: url(../images/banner.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 750px;
}
.banner::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -9 !important;
    background-color: rgba(0, 0, 0, 0.26);
}
.banner::before{
    content: '';
    position: absolute;
    background-image: url(../images/banner-2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    left: 50%;
    z-index: -1 !important;
    transform: translateX(-50%);
}
.banner h1{
    font-family: 'Arizonia';
    color: #CE782B;
    font-size: 220px;
    position: absolute;
    top: 100px;
    left: 50%;
    z-index: -2;
    transform: translateX(-50%);
}
.banner h2{
    padding-top: 400px;
    text-transform: capitalize;
}
.banner a , .experience a , .poster a , .testimonial a , .poster-2 a{
    background-color: var(--theme-color-dark);
}
.banner a:hover , .experience a:hover , .poster a:hover , .testimonial a:hover , .poster-2 a:hover{
    background-color: var(--hover-color) !important;
}
/* experience */
h2 span{
    color: var(--theme-color-dark);
}
.experience .eimg-1{
    width: 486px;
    height: 325px;
}
.experience .eimg-2{
    width: 327px;
    height: 226px;
    border-width: 3px !important;
}
.experience .eimg-3{
    width: 272px;
    height: 272px;
    position: absolute;
    top: 150px;
    left: 0;
    z-index: 99;
    border-width: 3px !important;
}
/* service */
.service-title{
    background-color: #F8F8F8;
    padding-bottom: 100px;
}
.service .service-item i{
    color: var(--theme-color-dark);
}
.service .service-item h4{
    font-size: 25px;
}
.service .service-item a{
    color: var(--theme-color-dark);
}
.service .service-item a:hover , .service .service-item a:hover i , .destination .desti-item a:hover , .destination .desti-item a:hover i{
    color: var(--hover-color);
}
.service .row{
    top: -150px;
    margin-bottom: 150px;
}
/* poster-1 */
.poster{
    background-image: url(../images/poster.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 505px;
    margin-top: 300px;
    z-index: 0 !important;
}
.poster::before{
    z-index: -1 !important;
    background-color: rgba(0, 0, 0, 0.516);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.poster h2{
    z-index: 99 !important;
}
.poster p{
    color: var(--secondary-color);
}
.poster h3{
    font-size: 61px;
}
/* destination */
.destination .desti-item h5 , .destination .desti-item h6{
    color: #3a3a3a;
}
.destination .desti-item i , .destination .desti-item a{
    color: var(--theme-color-dark);
}
/* testimonial */
.testimonial{
    background-color: #F8F8F8;
}
.testimonial .testi-item img{
    width: 70px;
    height: 70px;
}
.testimonial .testi-item p:nth-child(1){
    padding-bottom: 70px !important;
}
.testimonial .testi-item .testi-user{
    bottom: -180px;
}
/* gallery */
.gallery-item{
    z-index: 0 !important;
}
.gallery img{
    min-height: 185px;
}
.gallery-item::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0 !important;
    opacity: 0;
    background-color: #ce772b41;
}
.gallery .gallery-info a{
    color: var(--theme-color-dark);
    opacity: 0;
    z-index: 99 !important;
}
.gallery .gallery-info a:hover{
    color: var(--hover-color) !important;
    transition-duration: 0.5s;
}
.gallery .gallery-item:hover a , .gallery .col-lg-3:hover .gallery-item::after{
    opacity: 1;
    transition-duration: 0.5s;
}
/* poster-2 */
.poster-2{
    background-color: #F8F8F8;
}
/* blog */
.blog a{
    color: var(--theme-color-dark);
}
.blog a:hover{
    color: var(--hover-color) !important;
}
.blog h6 a{
    color: #062233;
}
/* footer */
footer{
    background-color: #242424;
}
footer a{
    color: var(--secondary-color);
}
footer a:hover{
    color: var(--hover-color) !important;
}
footer .footer-item-5 ul li a{
    background-color: var(--theme-color-dark);
}