* {
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Muli', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html {
    scroll-behavior: smooth;
}

#name {
    margin-top: 75%;
    font-size: 18px;
    opacity: 0.5;
}

.service-div {
    text-align: center;
}

.service-div:hover {
    background-color: #e0814e;
}

a:hover {
    text-decoration: none !important;
}

.nav-link:hover {
    color: #2D1F98 !important;
}

.overlay {
    background-image: linear-gradient(to left, #ffffff, #3323ad, #2D1F98);
}

.package-img {
    max-width: 400px;
}

.btn:hover {
    background: #ab4f1d;
    color: #ffffff !important;
}

.brand-logo {
    height: 70px;
}

.social-bar-component:hover {
    color: #e0814e !important;
}

.slogan-header {
    padding-top: 10%;
}

.pic-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

figure {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    /*animation*/

    animation: slideShow 24s linear infinite 0s;
    -o-animation: slideShow 24s linear infinite 0s;
    -moz-animation: slideShow 24s linear infinite 0s;
    -webkit-animation: slideShow 24s linear infinite 0s;
}

figurecaption {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
}

.btn-outline-purple {
    border-color: #2D1F98;
}

.btn-outline-purple:hover {
    background-color: #2D1F98 !important;
    color: #fff !important;
}

.services-block {
    overflow: hidden;
    background-image: url('../../assets/images/pokhara-image-3.jpg');
    background-size: cover;
}

.world-block {
    overflow: hidden;
    background-image: url('../../assets/images/world-map.png');
    background-size: cover;
}

.service-column {
    border-right: solid #fff 2px;
}

.div-border {
    border-right: solid #d9d9d9 1px;
}

.flip {
    -webkit-transition: -webkit-transform .8s ease-in-out;
    transition: transform .8s ease-in-out;
}

.flip:hover {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

.services-block img {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.pic-1 {
    opacity: 1;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.pic-2 {
    animation-delay: 6s;
    -o-animation-delay: 6s;
    -moz--animation-delay: 6s;
    -webkit-animation-delay: 6s;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.pic-3 {
    animation-delay: 12s;
    -o-animation-delay: 12s;
    -moz--animation-delay: 12s;
    -webkit-animation-delay: 12s;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.pic-4 {
    animation-delay: 18s;
    -o-animation-delay: 18s;
    -moz--animation-delay: 18s;
    -webkit-animation-delay: 18s;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/* keyframes*/

@keyframes slideShow {
    0% {
        opacity: 0;
        transform: scale(1);
        -ms-transform: scale(1);
    }

    5% {
        opacity: 1
    }

    25% {
        opacity: 1;
    }

    30% {
        opacity: 0;
        transform: scale(1.1);
        -ms-transform: scale(1.1);
    }

    100% {
        opacity: 0;
        transform: scale(1);
        -ms-transformm: scale(1);
    }
}

@-o-keyframes slideShow {
    0% {
        opacity: 0;
        -o-transform: scale(1);
    }

    5% {
        opacity: 1
    }

    25% {
        opacity: 1;
    }

    30% {
        opacity: 0;
        -o-transform: scale(1.1);
    }

    100% {
        opacity: 0;
        -o-transformm: scale(1);
    }
}

@-moz-keyframes slideShow {
    0% {
        opacity: 0;
        -moz-transform: scale(1);
    }

    5% {
        opacity: 1
    }

    25% {
        opacity: 1;
    }

    30% {
        opacity: 0;
        -moz-transform: scale(1.1);
    }

    100% {
        opacity: 0;
        -moz-transformm: scale(1);
    }
}

@-webkit-keyframes slideShow {
    0% {
        opacity: 0;
        -webkit-transform: scale(1);
    }

    5% {
        opacity: 1
    }

    25% {
        opacity: 1;
    }

    30% {
        opacity: 0;
        -webkit-transform: scale(1.1);
    }

    100% {
        opacity: 0;
        -webkit-transformm: scale(1);
    }
}

.rotate {
    -webkit-animation: spin 10s infinite linear;
    animation: spin 10s infinite linear;
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.owl-prev {
    font-size: 50px !important;
}

.owl-next {
    font-size: 50px !important;
}

.owl-prev:hover {
    background: none !important;
    color: #c05921 !important;
}

.owl-next:hover {
    background: none !important;
    color: #c05921 !important;
}

.navbar-brand {
    margin-left: 10%;
}

@media screen and (min-width: 669px) {
    .navbar {
        height: 80px;
    }

    .navbar-brand {
        margin-left: 0%;
    }

    .carousel-caption {
        background: #4a4a48;
        opacity: 0.7;
    }

    .social-bar-text {
        font-size: 14px;
    }

    #name {
        margin-top: 85%;
        opacity: 0.5;
    }


    .slogan-header {
        padding-top: 15%;
        line-height: 100px;
        font-weight: 700;
        letter-spacing: 20px;
        font-size: 80px;
    }

    .slogan-subheader {
        line-height: 20px;
        font-weight: 700;
    }

    .pic:before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: black;
        opacity: 0.4;
    }

    .package-header {
        padding-top: 100px;
    }

    .package-img {
        min-height: 300px;
    }

    #sliding-cards-popular-packages .owl-nav {
        text-align: left !important;
        margin-left: -80px !important;
        margin-top: -60px !important;
    }

    .pb-10 {
        padding-bottom: 10rem !important;
    }


    input[name="query"] {
        font-size: 16px !important;
        height: 48px !important;
    }

    .pic {
        width: 115% !important;
    }
}

@media screen and (max-width: 420px) {

    .pic {
        width: 180% !important;
    }

    .pic:before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: black;
        opacity: 0.4;
    }

    .package-header {
        text-align: center;
    }

    input[name="query"] {
        font-size: 12px !important;
        height: 48px !important;
    }

}

.w-50 {
    width: 50% !important;
}

.fill {
    object-fit: fill;
}

.contain {
    object-fit: contain;
}

.cover {
    object-fit: cover;
}

.scale-down {
    object-fit: scale-down;
}

.none {
    object-fit: none;
}

.nav-link {
    color: #161616 !important;
}

.nav-link.active {
    color: #2D1F98 !important;
}

.overlay-text {
    position: absolute;
    left: 0;
    right: 0;
    overflow: hidden;
    width: 100%;
    height: 50%;
}

.overlay-text-center {
    position: absolute;
    align-self: center;
    overflow: hidden;
    width: 100%;
    height: 50%;
}

.overlay-image {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: linear-gradient(to left, #3a28c2, #20166e);
    overflow: hidden;
    opacity: 0.9;
    width: 0;
    height: 100%;
    font-size: 12px;
    transition: .5s ease;
}

.overlay-image-vertical {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: linear-gradient(to left, #3a28c2, #20166e);
    overflow: hidden;
    opacity: 0.7;
    width: 100%;
    height: 0%;
    font-size: 12px;
    transition: .5s ease;
}

.overlaid-image {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: linear-gradient(to left, #3a28c2, #20166e);
    overflow: hidden;
    opacity: 0.7;
    width: 100%;
    height: 100%;
    font-size: 12px;
    transition: .5s ease;
    padding: 20%;
    color: #fff !important;
}

.img-box:hover .overlay-image {
    width: 100%;
}

.img-box:hover .overlay-image-vertical {
    height: 100%;
}

.text {
    white-space: wrap;
    color: #ffffff;
    font-size: 20px;
    font-weight: 900;
    position: absolute;
    overflow: hidden;
    top: 40%;
    left: 40%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.overlay-btn {
    position: absolute;
    font-size: 12px;
    top: 80%;
    left: 40%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.overlay-btn:hover {
    color: #d66325 !important;
}

.overlay-btn-adv {
    position: absolute;
    font-size: 16px;
    top: 80%;
    left: 5%;
    width: 80%;
}

.overlay-btn-adv:hover {
    color: #d66325 !important;
    background: none;
}

#myTab {
    border-top: 1px solid #d9d9d9;
}

#myTab .nav-link:hover {
    text-decoration: bold;
    font-size: 16px;
}

#myTab .nav-link:hover {
    color: #d66325 !important;
}

#myTab .active {
    color: #d66325 !important;
    background: #fff;
    border-top: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    border-radius: 0;
}

/* mixin for multiline */
.block-with-text {
    overflow: hidden;
    position: relative;
    line-height: 1.2em;
    max-height: 5em;
    text-align: justify;
    margin-right: -1em;
    padding-right: 1em;
}

.block-with-text:before {
    content: '...';
    position: absolute;
    right: 0;
    bottom: 0;
}

.block-with-text:after {
    content: '';
    position: absolute;
    right: 0;
    width: 1em;
    height: 1em;
    margin-top: 0.2em;
    background: white;
}

.tab-content {
    margin-top: -1px;
}

mark {
    background-color: lightsalmon;
}

/* wln Text Color Code */

.wln-text-purple-darker {
    color: #20166e !important
}

.wln-text-purple-dark {
    color: #271b83 !important
}

.wln-text-purple {
    color: #2D1F98 !important
}

.wln-text-purple-light {
    color: #3323ad !important
}

.wln-text-purple-lighter {
    color: #3a28c2 !important
}

.wln-text-black-darker {
    color: #161616 !important
}

.wln-text-black-dark {
    color: #232322 !important
}

.wln-text-black {
    color: #30302f !important
}

.wln-text-black-light {
    color: #3d3d3c !important
}

.wln-text-black-lighter {
    color: #4a4a48 !important
}

.wln-text-orange-darker {
    color: #ab4f1d !important
}

.wln-text-orange-dark {
    color: #c05921 !important
}

.wln-text-orange {
    color: #d66325 !important
}

.wln-text-orange-light {
    color: #dd7238 !important
}

.wln-text-orange-lighter {
    color: #e0814e !important
}

.wln-text-white-darker {
    color: #d9d9d9 !important
}

.wln-text-white-dark {
    color: #e5e5e5 !important
}

.wln-text-white {
    color: #f2f2f2 !important
}

.wln-text-white-light {
    color: #ffffff !important
}

.wln-text-white-lighter {
    color: #ffffff !important
}

/* wln Text Color Code */

/* wln Background Color Code */

.wln-purple-darker {
    background-color: #20166e !important
}

.wln-purple-dark {
    background-color: #271b83 !important
}

.wln-purple {
    background-color: #2D1F98 !important
}

.wln-purple-light {
    background-color: #3323ad !important
}

.wln-purple-lighter {
    background-color: #3a28c2 !important
}

.wln-black-darker {
    background-color: #161616 !important
}

.wln-black-dark {
    background-color: #232322 !important
}

.wln-black {
    background-color: #30302f !important
}

.wln-black-light {
    background-color: #3d3d3c !important
}

.wln-black-lighter {
    background-color: #4a4a48 !important
}

.wln-orange-darker {
    background-color: #ab4f1d !important
}

.wln-orange-dark {
    background-color: #c05921 !important
}

.wln-orange {
    background-color: #d66325 !important
}

.wln-orange-light {
    background-color: #dd7238 !important
}

.wln-orange-lighter {
    background-color: #e0814e !important
}

.wln-white-darker {
    background-color: #d9d9d9 !important
}

.wln-white-dark {
    background-color: #e5e5e5 !important
}

.wln-white {
    background-color: #f2f2f2 !important
}

.wln-white-light {
    background-color: #ffffff !important
}

.wln-white-lighter {
    background-color: #ffffff !important
}

/* wln Background Color Code */