@import url('sections/variables.css'); @import url('sections/fonts.css'); @import url('sections/global-settings.css'); /* Preloader */

.handle-preloader {

    background-color: var(--primary-color);

}



.handle-preloader {

    align-items: center;

    -webkit-align-items: center;

    display: flex;

    display: -ms-flexbox;

    height: 100%;

    justify-content: center;

    -webkit-justify-content: center;

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    z-index: 9999999;

}



.preloader-close {

    position: fixed;

    z-index: 99999999;

    font-size: 18px;

    background: #fff;

    width: 30px;

    height: 30px;

    line-height: 26px;

    text-align: center;

    cursor: pointer;

    right: 15px;

    top: 15px;

    border-radius: 0%;

    display: none;

}



.handle-preloader .animation-preloader {

    position: absolute;

    z-index: 100;

}



.handle-preloader .animation-preloader .spinner {

    animation: spinner 1s infinite linear;

    border-radius: 50%;

    height: 150px;

    margin: 0 auto 45px auto;

    width: 150px;

}



.handle-preloader .animation-preloader .txt-loading {

    text-align: center;

    user-select: none;

}



.handle-preloader .animation-preloader .txt-loading .letters-loading:before {

    animation: letters-loading 4s infinite;

    content: attr(data-text-preloader);

    left: 0;

    opacity: 0;

    top: 0;

    position: absolute;

}



.handle-preloader .animation-preloader .txt-loading .letters-loading {

    font-weight: 500;

    letter-spacing: 15px;

    display: inline-block;

    position: relative;

    font-size: 70px;

    line-height: 70px;

    text-transform: uppercase;

    color: transparent;

    -webkit-text-stroke-width: 1px;

    -webkit-text-stroke-color: rgba(255, 255, 255, 0.30);

}



.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {

    animation-delay: 0.2s;

}



.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {

    animation-delay: 0.4s;

}



.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {

    animation-delay: 0.6s;

}



.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {

    animation-delay: 0.8s;

}



.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before {

    animation-delay: 1s;

}



.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before {

    animation-delay: 1.2s;

}



.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before {

    animation-delay: 1.4s;

}



.handle-preloader .loader-section {

    background-color: #fff;

    height: 100%;

    position: fixed;

    top: 0;

    width: calc(50% + 1px);

}



.preloader .loaded .animation-preloader {

    opacity: 0;

    transition: 0.3s ease-out;

}



.handle-preloader .animation-preloader .txt-loading .letters-loading {

}



.handle-preloader .animation-preloader .txt-loading .letters-loading:before {

    color: #fff;

}



.handle-preloader .animation-preloader .spinner {

    border: 3px solid #fff;

    border-top-color: rgba(255, 255, 255, 0.5);

}



@keyframes spinner {

    to {

        transform: rotateZ(360deg);

    }

}



@keyframes letters-loading {

    0%, 75%, 100% {

        opacity: 0;

        transform: rotateY(-90deg);

    }



    25%, 50% {

        opacity: 1;

        transform: rotateY(0deg);

    }

}



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

    .handle-preloader .animation-preloader .spinner {

        height: 8em;

        width: 8em;

    }



    .header-upper .logo img {

        max-width: 300px;

    }

}



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

    .handle-preloader .animation-preloader .spinner {

        height: 7em;

        width: 7em;

    }



    .handle-preloader .animation-preloader .txt-loading .letters-loading {

        font-size: 30px;

        letter-spacing: 10px;

    }

}



img {

    display: inline-block;

    max-width: 100%;

    height: auto;

}



/*** 



====================================================================



  Scroll To Top style



====================================================================



***/

.scroll-to-top {

    position: fixed;

    bottom: 20px;

    right: 20px;

    width: 44px;

    height: 52px;

    color: #fff;

    font-size: 16px;

    text-transform: uppercase;

    line-height: 52px;

    text-align: center;

    z-index: 100;

    cursor: pointer;

    border-radius: 15px 15px 0 0;

    background: var(--primary-color);

    display: none;

    -webkit-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    transition: all 300ms ease;

}



.scroll-to-top img {

    position: relative;

    top: -2px;

    vertical-align: middle;

    height: 10px;

}



.scroll-to-top:hover {

    color: #fff;

    background: var(--primary-color);

}



/*** 



====================================================================

  Default Form Style

====================================================================



***/

form {

    position: relative;

}



/* Default Form Style */

.default-form {

    position: relative;

}



form .form-group {

    position: relative;

    margin-bottom: 20px;

}



form .row {

    margin: 0 -15px;

}



form .row .form-group {

    position: relative;

    padding: 0 15px;

    margin-bottom: 30px;

}



form .field-inner {

    position: relative;

    display: block;

}



form .field-inner .alt-icon {

    position: absolute;

    right: 20px;

    top: 50%;

    margin-top: -15px;

    line-height: 30px;

    font-size: 16px;

    color: var(--primary-color);

    z-index: 1;

    pointer-events: none;

}



form .form-group .field-label {

    position: relative;

    display: block;

    color: var(--dark-gray-gray);

    font-size: 16px;

    font-weight: 400;

    font-family: 'Gilroy_Bold', sans-serif;

    line-height: 20px;

    margin-bottom: 10px;

}



form .form-group .e-label {

    position: relative;

}



form .form-group input[type="text"], form .form-group input[type="email"], form .form-group input[type="password"], form .form-group input[type="tel"], form .form-group input[type="url"], form .form-group input[type="file"], form .form-group input[type="number"], form .form-group textarea, form .form-group select {

    position: relative;

    display: block;

    height: 54px;

    width: 100%;

    font-size: 16px;

    color: var(--dark-gray-gray);

    line-height: 30px;

    font-weight: 400;

    padding: 11px 20px;

    background-color: #fff;

    border: 1px solid #e0e0e0;

    border-radius: 3px;

    -webkit-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    transition: all 300ms ease;

}



form .form-group textarea {

    height: 150px;

    padding-top: 20px;

    resize: none;

}



form .form-group select {

    -webkit-appearance: none;

    -ms-appearance: none;

    -moz-appearance: none;

    -o-appearance: none;

    appearance: none;

    background: #fff url(../assets/images/icons/icon-select.html) right center no-repeat;

    cursor: pointer;

}



form .form-group select option {

    line-height: 30px;

    padding-left: 20px;

    text-indent: 20px;

    cursor: pointer;

}



form .form-group input[type="submit"], form .form-group button {

    display: inline-block;

}



form .form-group input[type="text"]:focus, form .form-group input[type="email"]:focus, form .form-group input[type="password"]:focus, form .form-group input[type="tel"]:focus, form .form-group input[type="url"]:focus, form .form-group input[type="file"]:focus, form .form-group input[type="number"]:focus, form .form-group textarea:focus, form .form-group select:focus, .form-group .ui-selectmenu-button.ui-button:focus, .form-group .ui-selectmenu-button.ui-button:active {

    border-color: var(--primary-color);

}



form ::-webkit-input-placeholder {

    color: var(--light-gray-gray);

}



form ::-moz-input-placeholder {

    color: var(--light-gray-gray);

}



form ::-ms-input-placeholder {

    color: var(--light-gray-gray);

}



form label.error {

    color: var(--youtube-color);

    font-size: 14px;

    text-transform: capitalize;

    text-align: left;

    display: block;

    padding-top: 7px;

    line-height: 24px;

}



.check-block {

    position: relative;

    margin-bottom: 15px;

}



.check-block input {

    position: absolute;

    left: 0;

    top: 0;

    visibility: hidden;

    opacity: 0;

}



.check-block label {

    position: relative;

    display: block;

    line-height: 28px;

    padding-left: 34px;

    font-weight: 400;

    color: #505050;

    font-size: 16px;

    cursor: pointer;

    margin: 0;

}



.check-block label:before {

    content: '';

    position: absolute;

    left: 0;

    top: 1px;

    width: 24px;

    height: 24px;

    line-height: 22px;

    background: #fff;

    border: 1px solid var(--primary-color);

    border-radius: 50%;

    -moz-transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.check-block input:checked + label:before {

    content: '';

    background: var(--primary-color);

    color: #fff;

}



.check-block input:checked + label:after {

    content: '\f00c';

    font-family: "Font Awesome 6 Free";

    position: absolute;

    left: 0;

    top: 3px;

    width: 22px;

    height: 22px;

    line-height: 22px;

    text-align: center;

    font-size: 12px;

    color: #fff;

    line-height: 22px;

}



.radio-block {

    position: relative;

    margin-bottom: 15px;

}



.radio-block input {

    position: absolute;

    left: 0;

    top: 0;

    visibility: hidden;

    opacity: 0;

}



.radio-block label {

    position: relative;

    display: block;

    line-height: 28px;

    padding-left: 30px;

    font-weight: 400;

    color: #505050;

    font-size: 16px;

    cursor: pointer;

    margin: 0;

}



.radio-block label:before {

    content: '';

    position: absolute;

    left: 0;

    top: 4px;

    width: 20px;

    height: 20px;

    background: #fff;

    border: 1px solid var(--primary-color);

    border-radius: 50%;

    -moz-transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.radio-block label:after {

    content: '';

    position: absolute;

    left: 4px;

    top: 8px;

    width: 12px;

    height: 12px;

    background: var(--primary-color);

    border-radius: 50%;

    opacity: 0;

    z-index: 1;

}



.radio-block input:checked + label:after {

    opacity: 1;

}



/*Custom Select*/

.form-group .ui-selectmenu-button.ui-button {

    display: block;

    width: 100%;

    font-size: 16px;

    font-weight: 400;

    height: 54px;

    padding: 11px 20px;

    line-height: 30px;

    font-family: 'Open Sans', sans-serif;

    color: #585f5f;

    border-radius: 3px;

    background-color: #fff;

    border: 1px solid #e0e0e0;

}



.form-group .ui-button .ui-icon {

    background: none;

    position: relative;

    top: 6px;

    right: 0px;

    text-indent: 0px;

    color: #999999;

}



.form-group .ui-button .ui-icon:before {

    font-family: 'simple-line-icons';

    content: "\e604";

    position: absolute;

    right: 0px;

    top: 0px !important;

    width: 15px;

    height: 30px;

    display: block;

    color: #585f5f;

    line-height: 20px;

    font-size: 12px;

    font-weight: 700 !important;

    text-align: center;

    z-index: 5;

}



.ui-selectmenu-menu {

    min-width: 150px;

    max-height: 200px;

    overflow-y: auto;

}



.ui-widget.ui-widget-content {

    border: 1px solid #e0e0e0;

    border-top: none;

    font-family: 'Open Sans', sans-serif;

    border-radius: 0;

    padding: 0;

}



.ui-menu .ui-menu-item {

    font-size: 16px;

    border-bottom: 1px solid #e0e0e0;

}



.ui-menu .ui-menu-item:last-child {

    border: none;

}



.ui-menu .ui-menu-item-wrapper {

    position: relative;

    display: block;

    padding: 10px 18px !important;

    font-size: 16px;

    line-height: 28px;

    -webkit-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    transition: all 300ms ease;

}



.ui-menu .ui-menu-item-wrapper:hover, .ui-menu .ui-menu-item-wrapper.ui-state-active, .ui-state-active, .ui-widget-content .ui-state-active {

    background: var(--very-dark-gray-color);

    font-weight: 400;

    border: none;

    border-bottom: 1px solid #e0e0e0;

    margin: 0;

}



.site-form form .form-group {

    margin-bottom: 30px;

}



.site-form form .form-group .field-inner {

    position: relative;

}



.site-form form .form-group .field-inner .alt-icon {

    position: absolute;

    right: 15px;

    top: 50%;

    margin-top: -15px;

    height: 30px;

    color: var(--light-gray-gray);

    font-size: 16px;

    line-height: 30px;

    pointer-events: none;

}



.site-form form .form-group .field-label {

    position: relative;

    font-size: 16px;

    font-weight: 400;

    font-family: 'Gilroy_Bold', sans-serif;

    line-height: 20px;

    margin-bottom: 12px;

}



.site-form form .form-group .f-label i {

    color: var(--primary-color);

    font-style: normal;

}



.site-form form .form-group input[type="text"], .site-form form .form-group input[type="email"], .site-form form .form-group input[type="password"], .site-form form .form-group input[type="url"], .site-form form .form-group input[type="number"], .site-form form .form-group input[type="file"], .site-form form .form-group input[type="range"], .site-form form .form-group select, .site-form form .form-group textarea {

    height: 54px;

    line-height: 24px;

    padding: 11px 20px;

    border: 1px solid rgba(0, 0, 0, 0.15);

    color: var(--dark-gray-gray);

    font-weight: 400;

    background: #fff;

    border-radius: 4px;

}



.site-form form .form-group textarea {

    height: 170px;

}



.site-form form .form-group select option {

    text-indent: 20px;

}



.site-form form .form-group input[type="text"]:focus, .site-form form .form-group input[type="email"]:focus, .site-form form .form-group input[type="password"]:focus, .site-form form .form-group input[type="url"]:focus, .site-form form .form-group input[type="number"]:focus, .site-form form .form-group input[type="file"]:focus, .site-form form .form-group input[type="range"]:focus, .site-form form .form-group select:focus, .site-form form .form-group textarea:focus {

    border-color: var(--primary-color);

}



.site-form form .f-btn {

    position: relative;

    display: block;

    font-size: 16px;

    color: #fff;

    font-weight: 400;

    text-transform: capitalize;

    background: var(--primary-color);

    padding: 12px 20px;

    font-family: 'Gilroy_Bold', sans-serif;

    text-align: center;

    line-height: 30px;

    border-radius: 4px;

}



.site-form form .f-btn i {

    position: relative;

    font-size: 14px;

    padding-left: 5px;

}



.site-form form .f-btn:hover {

    background: var(--dark-gray-gray);

    color: #986969;

    box-shadow: 0 0 5px 0 var(--primary-color);

}



/*** 



====================================================================



  Main Header style



====================================================================



***/

.main-header {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    padding: 0px 0px;

    background: none;

    min-height: 100px;

    font-family: 'Open Sans', sans-serif;

    z-index: 999;

}



.main-header.alternate {

    position: relative;

    min-height: 126px;

}



.main-header .auto-container {

    max-width: 1920px;

    padding: 0 60px;

}



.header-top {

    position: relative;

    background: var(--anti-flash-white-color);

}



.header-top .top-left {

    position: relative;

    float: left;

    line-height: 24px;

    padding: 8px 0;

}



.header-top .top-left .info {

    position: relative;

}



.header-top .top-left .info li {

    position: relative;

    float: left;

    padding-left: 24px;

    margin-right: 30px;

    line-height: 24px;

    font-size: 14px;

}



.header-top .top-left .info li:last-child {

    margin-right: 0;

}



.header-top .top-left .info li .icon {

    position: absolute;

    left: 0;

    top: 0;

    width: 24px;

    color: var(--primary-color);

    line-height: 24px;

    font-size: 14px;

}



.header-top .top-left .info li a {

    position: relative;

    display: block;

    line-height: 24px;

    color: var(--medium-gray-color);

}



.header-top .top-left .info li a:hover {

    color: var(--primary-color);

    text-decoration: underline;

}



.header-top .top-right {

    position: relative;

    float: right;

    padding: 5px 0;

}



.header-top .top-right .lang-box {

    position: relative;

    float: left;

    z-index: 10;

    margin-left: 30px;

}



.main-header .lang-box .lang-btn {

    position: relative;

    display: block;

    padding: 3px 0;

    line-height: 24px;

    color: var(--medium-gray-color);

    cursor: pointer;

}



.main-header .lang-box .lang-btn .img {

    position: relative;

    top: 4px;

    float: left;

}



.main-header .lang-box .lang-btn .txt {

    position: relative;

    float: left;

    font-size: 14px;

    font-weight: 400;

    text-transform: uppercase;

}



.main-header .lang-box .lang-btn .icon {

    position: relative;

    float: left;

    top: 1.5px;

    font-size: 12px;

    margin-left: 7px;

    line-height: 24px;

    font-weight: 700;

}



.main-header .lang-box .lang-list {

    position: absolute;

    left: 0;

    top: 100%;

    width: 130px;

    background: #fff;

    border: 1px solid rgba(0, 0, 0, 0.10);

    box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.15);

    border-radius: 0 0 5px 5px;

    opacity: 0;

    visibility: hidden;

}



.main-header .lang-box:hover .lang-list {

    opacity: 1;

    visibility: visible;

}



.main-header .lang-box .lang-list li {

    position: relative;

    float: none;

    display: block;

    font-size: 12px;

    text-transform: uppercase;

    margin: 0 0;

    border-bottom: 1px solid rgba(0, 0, 0, 0.10);

}



.main-header .lang-box .lang-list li:last-child {

    border-bottom: none;

}



.main-header .lang-box .lang-list li a {

    position: relative;

    display: block;

    line-height: 20px;

    color: var(--dark-gray-gray);

    padding: 5px 10px;

}



.main-header .lang-box .lang-list li a:hover {

    color: #fff;

    background-color: var(--primary-color);

}



.header-top .top-right .login {

    position: relative;

    float: left;

    padding-left: 26px;

    line-height: 30px;

    font-size: 14px;

}



.header-top .top-right .login a {

    position: relative;

    display: block;

    line-height: 30px;

    color: var(--medium-gray-color);

}



.header-top .top-right .login a:hover {

    text-decoration: underline;

    color: var(--primary-color);

}



.header-top .social {

    position: relative;

    float: left;

    margin-left: 30px;

}



.header-top .social li {

    position: relative;

    float: left;

    margin-right: 22px;

}



.header-top .social li:last-child {

    margin-right: 0;

}



.header-top .social li a {

    position: relative;

    display: block;

    color: var(--dark-gray-gray);

    height: 30px;

    font-size: 18px;

    line-height: 30px;

}



.header-top .social li a .fab {

    line-height: 30px;

}



.header-top .social li a:hover {

    color: var(--primary-color);

}



.header-top .social li a.facebook {

    color: var(--facebook-color);

}



.header-top .social li a.twitter {

    color: var(--twitter-color);

}



.header-top .social li a.linkedin {

    color: var(--linkedin-color);

}



.header-top .social li a.youtube {

    color: var(--youtube-color);

}



.header-top .social li a:hover {

    color: var(--primary-color);

}



.main-header .header-upper {

    position: absolute;

    left: 0;

    top: 12px;

    width: 100%;

    background: none;

    padding: 0 0;

    border-bottom: 1px solid rgba(0,0,0,0.0);

    transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -webkit-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

}



.header-style-two .header-upper {

    top: 40px;

    background: #fff;

}



.header-style-two {

    position: relative;

    min-height: 144px;

}



.header-style-two .auto-container {

    max-width: 1360px;

    padding: 0 20px;

}



.fixed-header .header-upper {

    position: fixed;

    top: 0;

    background: #ffffffc7;

    border-bottom-color: rgba(0,0,0,0.15);

}



.visible-search .main-header .header-upper {

    background: #fff;

    border-bottom-color: rgba(0,0,0,0.15);

}



.main-header ul, .main-header ul li {

    list-style: none;

    margin: 0;

    padding: 0;

}



.main-header .main-box {

    position: relative;

    padding: 0px;

}



.header-style-two .header-upper .outer {

    position: relative;

    float: right;

}



.main-header .main-box .logo-box {

    position: relative;

    display: block;

    float: left;

    padding: 27px 0px;

    transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -webkit-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    z-index: 5;

}



.fixed-header .main-box .logo-box {

}



.main-header .main-box .logo-box .logo {

    position: relative;

    display: block;

}



.main-header .main-box .logo-box .logo img {

    position: relative;

    display: block;

    height: 50px;

    z-index: 1;

}



.main-header .header-upper .links-box {

    position: relative;

    float: right;

    padding-top: 24px;

}



.header-style-two .header-upper .links-box {

    float: left;

}



.main-header .header-upper .links-box .link {

    position: relative;

    float: left;

    margin-left: 25px;

}



.main-header .header-upper .login {

    position: relative;

    margin-left: 0;

    padding-top: 13px;

}



.main-header .header-upper .login a {

    color: var(--medium-gray-color);

    font-size: 16px;

    line-height: 30px;

}



.main-header .header-upper .social {

    position: relative;

    margin-left: 0;

    padding-top: 13px;

}



.main-header .header-upper .social li {

    position: relative;

    float: left;

    margin-right: 20px;

}



.main-header .header-upper .social li:last-child {

    margin-right: 0;

}



.main-header .header-upper .social li a {

    color: var(--dark-gray-gray);

    font-size: 18px;

    line-height: 30px;

}



.main-header .header-upper .social li a:hover {

    color: var(--primary-color);

}



.main-header .header-upper .social li a.facebook {

    color: var(--facebook-color);

}



.main-header .header-upper .social li a.twitter {

    color: #EE464F;

}



.main-header .header-upper .social li a.linkedin {

    color: var(--linkedin-color);

}



.main-header .header-upper .social li a.youtube {

    color: var(--youtube-color);

}



.main-header .header-upper .social li a:hover {

    color: #EE464F;

}



.main-header .header-upper .lang-box {

    position: relative;

    margin-left: 0;

    padding-top: 13px;

}



.main-header .header-upper .links-box .call-to {

    position: relative;

    margin-left: 60px;

    font-family: 'Gilroy_Bold', sans-serif;

}



.main-header .header-upper .call-to a {

    position: relative;

    display: block;

    font-size: 14px;

    line-height: 20px;

    color: var(--dark-gray-gray);

    padding-top: 8px;

    padding-left: 70px;

    min-height: 56px;

}



.main-header .header-upper .call-to .icon {

    position: absolute;

    left: 0;

    top: 0;

    width: 56px;

    height: 56px;

    font-size: 18px;

    background: var(--primary-color);

    color: #fff;

    line-height: 56px;

    text-align: center;

    border-radius: 50%;

    -webkit-animation: icon-bounce 0.8s ease-out infinite;

    animation: icon-bounce 0.8s ease-out infinite;

}



.main-header .header-upper .call-to a .nmbr {

    position: relative;

    display: block;

    font-size: 18px;

    line-height: 26px;

}



.main-header .header-upper .call-to a .nmbr:hover {

    color: var(--primary-color);

}



.main-header .nav-toggler {

    position: relative;

    float: left;

    left: 0;

    top: 0;

    padding: 16px 0px 0;

    margin-top: 15px;

    margin-left: 20px;

    display: none;

}



.main-header .nav-toggler button {

    position: relative;

    width: 30px;

    height: 44px;

    line-height: 24px;

    padding: 5px 0px;

    background: none;

    color: #e1e1e1;

    font-size: 16px;

    margin: 0px;

    border-radius: 0px;

    outline: none !important;

}



.main-header .nav-toggler button img {

    position: relative;

    display: inline-block;

    vertical-align: middle;

    height: 34px;

}



.main-header .nav-box {

    position: relative;

    float: left;

    margin-left: 80px;

}



.header-style-two .nav-box {

    margin-left: 0;

}



.main-header .nav-outer {

    position: relative;

}



.main-menu {

    position: relative;

    display: block;

    padding: 0px 0px;

}



.main-menu .navbar-collapse {

    padding: 0px;

    margin: 0px;

    border: none;

    box-shadow: none;

}



.main-menu .navigation {

    position: relative;

    z-index: 1;

}



.main-menu .navigation > li {

    position: relative;

    display: block;

    float: left;

    padding: 30px 0px;

    margin-right: 40px;

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

}



.main-menu .navigation > li:last-child {

    margin-right: 0;

}



.main-menu .navigation > li > a {

    position: relative;

    display: block;

    font-size: 16px;

    color: var(--dark-gray-gray);

    padding: 10px 0px;

    font-weight: 400;

    line-height: 24px;

    font-family: 'Gilroy_Bold', sans-serif;

    text-transform: capitalize;

    opacity: 1;

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

}



.main-menu .navigation > li > a:after {

    content: "";

    position: absolute;

    left: 0px;

    bottom: 0px;

    display: block;

    width: 0;

    border-bottom: 3px solid var(--primary-color);

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

    z-index: 1;

}



.main-menu .navigation > li:hover > a:after, .main-menu .navigation > li.current > a:after, .main-menu .navigation > li.current-menu-item > a:after {

    opacity: 1;

    visibility: visible;

    width: 12px;

}



.main-menu .navigation > li:hover > a, .main-menu .navigation > li.current > a, .main-menu .navigation > li.current-menu-item > a {

    color: var(--primary-color);

    text-decoration: none;

    opacity: 1;

}



.main-menu .navigation > li > ul {

    position: absolute;

    left: 0px;

    top: 100%;

    width: 240px;

    padding: 15px 10px;

    z-index: 100;

    opacity: 1;

    text-align: left;

    background: #fff;

    border: none;

    border-radius: 5px;

    -webkit-box-shadow: 2px 2px 10px 1px rgba(0,0,0,0.03),-2px 0px 10px 1px rgba(0,0,0,0.03);

    -ms-box-shadow: 2px 2px 10px 1px rgba(0,0,0,0.03),-2px 0px 10px 1px rgba(0,0,0,0.03);

    -o-box-shadow: 2px 2px 10px 1px rgba(0,0,0,0.03),-2px 0px 10px 1px rgba(0,0,0,0.03);

    -moz-box-shadow: 2px 2px 10px 1px rgba(0,0,0,0.03),-2px 0px 10px 1px rgba(0,0,0,0.03);

    box-shadow: 2px 2px 10px 1px rgba(0,0,0,0.03),-2px 0px 10px 1px rgba(0,0,0,0.03);

    -webkit-transform: translateY(20px);

    -ms-transform: translateY(20px);

    transform: translateY(20px);

    -moz-transition: all 100ms ease;

    -webkit-transition: all 100ms ease;

    -ms-transition: all 100ms ease;

    -o-transition: all 100ms ease;

    transition: all 100ms ease;

}



.main-menu .navigation > li > ul > li {

    position: relative;

    margin-bottom: 0px;

}



.main-menu .navigation > li > ul > li:last-child {

    border-bottom: none;

    margin-bottom: 0;

}



.main-menu .navigation > li > ul > li > a {

    position: relative;

    display: block;

    padding: 8px 16px;

    font-size: 16px;

    line-height: 26px;

    font-weight: 400;

    color: #2E2E2E;

    text-transform: capitalize;

    -moz-transition: all 300ms ease;

    -webkit-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

}



.main-menu .navigation > li > ul > li:hover > a, .main-menu .navigation > li > ul > li.current > a {

    color: var(--primary-color);

    background: rgba(0, 0, 0, 0.05);

}



.main-menu .navigation > li.dropdown:hover > ul {

    visibility: visible;

    opacity: 1;

    top: 100%;

    -webkit-transform: translate(0px);

    -ms-transform: translate(0px);

    transform: translate(0px);

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

}



/*** 



====================================================================

  Hidden Sidebar style

====================================================================



***/

body.visible-sidebar {

    overflow-y: hidden;

}



.menu-backdrop {

    position: fixed;

    right: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 9990;

    background: rgba(0,0,0,0.70);

    cursor: pointer;

    opacity: 0;

    visibility: hidden;

    transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -webkit-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

}



.visible-sidebar .menu-backdrop {

    opacity: 1;

    visibility: visible;

}



.hidden-bar {

    position: fixed;

    top: 0;

    left: 0;

    bottom: 0;

    width: 100%;

    max-width: 320px;

    background: #fff;

    padding-top: 60px;

    color: #101010;

    border-right: 4px solid var(--primary-color);

    z-index: 9999;

    visibility: hidden;

    -ms-transform: translateX(-400px);

    transform: translateX(-400px);

    transition: all 500ms ease-in;

    -webkit-transition: all 500ms ease-in-out;

    -ms-transition: all 500ms ease-in-out;

    -o-transition: all 500ms ease-in-out;

    -moz-transition: all 500ms ease-in-out;

}



.hidden-bar .hidden-bar-closer {

    display: none;

}



.hidden-bar.visible-sidebar {

    opacity: 1;

    visibility: visible;

    -ms-transform: translateX(0px);

    transform: translateX(0px);

}



.hidden-bar .nav-logo-box {

    position: relative;

    padding: 10px 25px 20px;

    margin-bottom: 20px;

}



.hidden-bar .nav-logo-box img {

    max-height: 60px;

}



.hidden-bar ol, .hidden-bar ol li, .hidden-bar ul, .hidden-bar ul li {

    list-style-type: none;

    margin: 0px;

}



.hidden-bar .hidden-bar-closer {

    position: absolute;

    right: -5px;

    top: 0px;

    padding: 14px 20px;

    line-height: 30px;

    cursor: pointer;

    display: block;

    transition: all 300ms ease;

    -webkit-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    z-index: 9999;

}



.hidden-bar .hidden-bar-closer svg {

    width: 20px;

    height: 20px;

    stroke-width: 1.25px;

}



.hidden-bar-wrapper {

    position: absolute;

    left: 0;

    top: 0px;

    bottom: 0;

    width: 100%;

    overflow-y: auto;

    padding: 20px 0px 35px;

    overflow-x: hidden;

}



.hidden-bar .side-menu {

    position: relative;

    display: block;

    border-top: 1px solid rgba(0,0,0,0.07);

    font-family: 'Open Sans', sans-serif;

}



.hidden-bar .side-menu ul li {

    position: relative;

    display: block;

    padding: 5px 0px;

    border-bottom: 1px solid rgba(0,0,0,0.20);

}



.hidden-bar .side-menu ul li a {

    position: relative;

    color: #8E8E8E;

    display: block;

    font-weight: 600;

    font-size: 14px;

    line-height: 24px;

    text-transform: capitalize;

    padding: 5px 30px;

    letter-spacing: 0.05em;

    transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

}



.hidden-bar .side-menu ul li a:hover, .hidden-bar .side-menu ul > li.current > a, .hidden-bar .side-menu ul > li > ul > li.current > a {

    color: var(--primary-color);

}



.hidden-bar .side-menu ul li ul li {

    border-bottom: none;

    border-top: 1px solid rgba(0,0,0,0.07);

    padding-left: 10px;

}



.hidden-bar .side-menu ul li ul li a {

    line-height: 24px;

    font-weight: 500;

    text-transform: capitalize;

    font-size: 15px;

}



.hidden-bar .side-menu ul li .btn-expander {

    position: absolute;

    top: 11px;

    right: 0;

    background: none;

    color: rgba(0,0,0,0.70);

    font-size: 14px;

    height: 24px;

    width: 20px;

    line-height: 24px;

    border-radius: 0px;

    outline: none;

    cursor: pointer;

    z-index: 1;

}



.hidden-bar .side-menu ul li {

    border-bottom: 1px solid rgba(0,0,0,0.07);

    padding: 0;

}



.hidden-bar .side-menu ul li a {

    display: block;

    vertical-align: top;

    padding: 12px 30px 12px 25px;

    font-size: 16px;

    font-weight: 500;

    color: #231F20;

    text-transform: capitalize;

}



.hidden-bar .side-menu ul li ul li a {

    font-size: 14px;

    font-weight: 500;

}



.hidden-bar .side-menu ul li .btn-expander {

    top: 9px;

    right: 15px;

    font-weight: 700;

    font-size: 13px;

    width: 30px;

    height: 30px;

    border: 1px solid rgba(0,0,0,0.50);

}



.hidden-bar .side-menu ul li .btn-expander i {

    font-weight: 800;

}



.hidden-bar .side-menu ul li ul {

    padding: 0px 0px;

}



.hidden-bar .side-menu ul li ul li ul {

    padding: 0px 0px;

    margin-left: 0px;

}



.hidden-bar .side-menu ul li ul li {

    margin-bottom: 0px;

}



.hidden-bar .side-menu ul li ul li:last-child {

    margin-bottom: 0;

}



.hidden-bar .links-box {

    position: relative;

    display: block;

    padding: 30px 25px;

}



.hidden-bar .links-box .link {

    position: relative;

    margin-top: 15px;

}



.hidden-bar .links-box .link .theme-btn {

    display: block;

}



/*** 



====================================================================

  Banner Section

====================================================================



***/

.banner-section {

    position: relative;

    padding: 0 0;

    background: #fff;

}



.banner-section .auto-container {

    max-width: none;

    padding: 0 0;

}



.banner-section .banner-container {

    position: relative;

}



.banner-section .banner-arrow {

    position: absolute;

    left: 20px;

    bottom: -160px;

    z-index: 5;

}



.banner-section .banner-slider {

    position: relative;

    width: 100%;

    overflow: hidden;

}



.banner-section .row {

    margin: 0 0;

}



.banner-section .left-col {

    position: relative;

    padding: 0 0;

}



.banner-section .left-col .inner {

    position: relative;

    display: block;

    min-height: 100%;

}



.banner-section .left-col .content {

    position: relative;

    display: block;

    float: right;

    width: 100%;

    max-width: 85%;

    padding: 240px 120px 200px 20px;

}



.banner-section .left-col .bg-image {

    position: absolute;

    left: -100px;

    bottom: -60px;

}



.banner-section .left-col h3 {

    position: relative;

    font-weight: 200;

    /* font-family: 'Reey_Regular', cursive; */

    color: var(--primary-color);

    line-height: 1.20em;

    margin: 0px 0px 10px;

}



.banner-section .left-col h1 {

    position: relative;

    font-weight: 400;

    line-height: 1.20em;

    margin: 0px 0px 35px;

}



.banner-section .left-col h1 .d-icon {

    position: absolute;

    right: -20px;

    top: -75px;

}



.banner-section .left-col .travilo-text {

    position: relative;

    display: block;

    font-size: 20px;

    margin-bottom: 30px;

}



.banner-section .left-col .lower-text {

    position: relative;

    line-height: 1.8em;

    display: block;

    margin-top: 22px;

}



.banner-section .left-col .lower-text span {

    font-size: 18px;

    color: var(--primary-color);

    font-weight: 700;

}



.banner-section .left-col .form-box {

    position: relative;

    display: block;

    background: #fff;

    padding: 20px 30px 20px 30px;

    margin-right: -90px;

    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);

    border-radius: 5px;

    z-index: 5;

}



.banner-section form .row {

    margin: 0 -6px;

}



.banner-section form .row .form-group {

    position: relative;

    padding: 0 6px;

    margin-bottom: 12px;

}



.banner-section .site-form form input {

    font-size: 14px;

    padding-left: 15px !important;

}



.banner-section .site-form form .form-group .alt-icon {

    right: 15px;

    font-size: 14px;

}



.banner-section .site-form form button {

    position: absolute;

    width: 100%;

    top: 30px;

}



.banner-section .right-col {

    position: relative;

    padding: 0 0;

}



.banner-section .right-col .inner {

    position: relative;

    display: block;

    min-height: 100%;

}



.banner-section .right-col .image-layer {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-repeat: no-repeat;

    background-position: center top;

    background-size: cover;

    border-radius: 0 0 0 7px;

}



.banner-section .right-col .image-layer:before {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.0);

    border-radius: 0 0 0 10px;

}



/*** 



====================================================================

  Title Box

====================================================================



***/

.title-box {

    position: relative;

    margin-bottom: 65px;

}



.title-box.centered {

    text-align: center;

    max-width: 700px;

    margin: 0 auto 65px;

}



.title-box .subtitle {

    position: relative;

    font-size: 24px;

    line-height: 30px;

    text-transform: none;

    /* font-family: 'Reey_Regular', cursive; */

    font-weight: 400;

    color: var(--primary-color);

    margin: 0 0 10px;

}



.title-box h2 {

    position: relative;

    font-weight: 400;

    text-transform: capitalize;

    margin: 0 0;

}



.title-box h2 span {

    position: relative;

    z-index: 1;

}



.title-box .travilo-text {

    position: relative;

    display: block;

    font-weight: 400;

    font-size: 16px;

    padding-top: 25px;

}



/*** 



====================================================================

  Intro Section

====================================================================



***/

.intro-section {

    position: relative;

    padding: 130px 0px 90px;

}



.intro-section.no-padd-top {

    padding-top: 0;

}



.intro-section .intro-block {

    position: relative;

    margin-bottom: 50px;

    z-index: 10;

}



.intro-section .intro-block .inner-box {

    position: relative;

    display: block;

    text-align: center;

}



.intro-section .intro-block .inner-box:hover .icon {

    -webkit-transform: scale(-1) rotate(180deg);

    -moz-transform: scale(-1) rotate(180deg);

    -ms-transform: scale(-1) rotate(180deg);

    -o-transform: scale(-1) rotate(180deg);

    transform: scale(-1) rotate(180deg);

}



.intro-section .intro-block .icon {

    position: relative;

    display: inline-block;

    line-height: 100px;

    margin-bottom: 35px;

    transition: all 600ms ease;

    -moz-transition: all 600ms ease;

    -webkit-transition: all 600ms ease;

    -ms-transition: all 600ms ease;

    -o-transition: all 600ms ease;

}



.intro-section .intro-block .icon img, .intro-section .intro-block .icon svg {

    max-height: 100px;

}



.intro-section .intro-block h4 {

    position: relative;

    margin-bottom: 30px;

}



/*** 



====================================================================

  About Us Section

====================================================================



***/

.about-section {

    position: relative;

    padding: 0 0px 170px;

}



.about-section.alternate {

    padding-top: 140px;

}



.about-section .bg-grad-left {

    position: absolute;

    left: -200px;

    top: -100px;

}



.about-section .bg-grad-right {

    position: absolute;

    right: 0;

    top: -400px;

}



.about-section .text-col {

    position: relative;

    margin-bottom: 50px;

    order: 12;

}



.about-section .text-col .inner {

    position: relative;

    display: block;

    padding-left: 110px;

    padding-top: 60px;

}



.about-section .text-col .d-elem-1 {

    position: absolute;

    right: 0;

    top: 50px;

}



.about-section .features {

    position: relative;

}



.about-section .features .row {

    margin: 0 -5px;

}



.about-section .features .f-block {

    position: relative;

    padding: 0 5px;

    margin-bottom: 30px;

}



.about-section .f-block .inner-box {

    position: relative;

    display: block;

    padding-left: 75px;

    padding-top: 6px;

    min-height: 60px;

}



.about-section .f-block .icon {

    position: absolute;

    left: 0;

    top: 0;

    width: 60px;

    line-height: 60px;

    transition: all 600ms ease;

    -moz-transition: all 600ms ease;

    -webkit-transition: all 600ms ease;

    -ms-transition: all 600ms ease;

    -o-transition: all 600ms ease;

}



.about-section .f-block .inner-box:hover .icon {

    transform: rotateY(180deg);

}



.about-section .f-block .icon img {

    position: relative;

    max-height: 60px;

}



.about-section .f-block h6 {

    position: relative;

    line-height: 24px;

    margin-bottom: 0;

}



.about-section .text-col .title-box {

    margin-bottom: 30px;

}



.about-section .text-col .lower-text {

    position: relative;

}



.about-section .text-col .lower-text ul li {

    position: relative;

    padding-left: 40px;

    line-height: 1.70em;

    font-weight: 400;

    margin-bottom: 10px;

}



.about-section .text-col .lower-text ul li:last-child {

    margin-bottom: 0;

}



.about-section .text-col .lower-text ul li:before {

    content: "\f178";

    font-family: 'Font Awesome 6 Free';

    font-weight: 400;

    font-size: 18px;

    position: absolute;

    left: 0;

    top: 0;

    line-height: 28px;

    text-align: center;

    color: var(--primary-color);

}



.about-section .text-col .link-box {

    position: relative;

    padding-top: 35px;

}



.about-section .image-col {

    position: relative;

    margin-bottom: 50px;

    order: 0;

}



.about-section .image-col .exp {

    position: absolute;

    left: 50px;

    top: 90px;

    width: 180px;

    height: 180px;

    padding: 32px 10px 10px;

    font-size: 18px;

    line-height: 24px;

    font-family: 'Gilroy_Bold', sans-serif;

    background: #27b8ec;

    color: #fff;

    text-align: center;

    border-radius: 50%;

    z-index: 1;

}



.about-section .image-col .count {

    position: relative;

    display: block;

    padding-top: 3px;

    font-size: 60px;

    line-height: 1em;

}



.about-section .image-col .inner {

    position: relative;

    display: block;

    min-height: 100%;

}



.about-section .image-col .image-box {

    position: relative;

    padding-right: 30px;

}



.about-section .image-col .image-box .image {

    position: relative;

    float: right;

    max-width: 450px;

    transform: rotate(15deg);

    border-radius: 10px;

}



.about-section .image-col .image-box .image:last-child {

    position: absolute;

    left: 0;

    top: 220px;

    max-width: 366px;

    transform: rotate(-15deg);

    border: 9px solid #fff;

}



.about-section .image-col .image-box img {

    position: relative;

    width: 100%;

    border-radius: 10px;

}



.about-section .image-col .d-elem-1 {

    position: absolute;

    left: -40px;

    top: 15px;

}



.about-section .image-col .d-elem-2 {

    position: absolute;

    right: 180px;

    bottom: -90px;

}



/*** 



====================================================================

  Packages Section

====================================================================



***/

.packages-section {

    position: relative;

    padding: 130px 0px;

    background: #fafaee;

}



.packages-section .title-box {

    margin-bottom: 55px;

}



.packages-section .bg-layer {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-repeat: repeat;

    background-position: left top;

}



.packages-section .carousel-box {

    position: relative;

    margin: 0 -12px;

}



.packages-section .carousel-box .slick-list {

    overflow: hidden;

}



.package-block {

    position: relative;

    margin-bottom: 30px;

}



.packages-section .row {

    margin: 0 -12px;

}



.packages-section .row .package-block {

    padding: 0 12px;

    margin-bottom: 24px;

}



.slick-slider .package-block {

    margin: 10px 12px;

}



.package-block .inner-box {

    position: relative;

    display: block;

    background: #fff;

    border: 1px solid rgba(0, 0, 0, 0.03);

    box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.07);

    min-height: 100%;

    border-radius: 10px;

}



.package-block .image-box {

    position: relative;

}



.package-block .image-box .image {

    position: relative;

    background: var(--primary-color);

    border-radius: 10px 10px 0 0;

    overflow: hidden;

}



.package-block .image-box .image img {

    position: relative;

    width: 100%;

    border-radius: 10px 10px 0 0;

    transition: all 0.5s ease;

}



.package-block .inner-box:hover .image img {

    opacity: 0.50;

    transform: scale(1.05);

}



.package-block .image-box .b-title {

    position: absolute;

    left: 18px;

    top: 15px;

    z-index: 5;

}



.package-block .image-box .b-title span {

    position: relative;

    display: inline-block;

    line-height: 22px;

    padding: 2px 10px;

    font-size: 12px;

    text-transform: uppercase;

    font-family: 'Gilroy_Bold', sans-serif;

    color: var(--dark-gray-gray);

    background: var(--secondary-color);

    border-radius: 3px;

}



.package-block .image-box .b-title.featured span {

    background: var(--secondary-color);

}



.package-block .image-box .b-title.top-rated span {

    background: var(--primary-color);

    color: #fff;

}



.package-block .inner-box:hover .p-icon {

    -webkit-animation: icon-bounce 0.8s ease-out infinite;

    animation: icon-bounce 0.8s ease-out infinite;

}



.package-block .image-box .fav-btn {

    position: absolute;

    right: 20px;

    top: 20px;

    z-index: 5;

}



.package-block .image-box .fav-btn a {

    position: relative;

    display: block;

    line-height: 24px;

    color: #fff;

    font-size: 21px;

    opacity: 0.50;

}



.package-block:hover .image-box .fav-btn a {

    opacity: 1;

}



.package-block .image-box .fav-btn a:hover {

    color: var(--primary-color);

}



.package-block .lower-box {

    position: relative;

    display: block;

    padding: 30px 30px 0;

}



.package-block.alt .lower-box {

    padding-top: 25px;

}



.package-block .lower-box .p-icon {

    position: absolute;

    top: -36px;

    right: 30px;

    width: 72px;

    height: 72px;

    z-index: 5;

}



.package-block .lower-box .p-icon .icon, .package-block-two .image-box .p-icon .icon {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    color: #fff;

    line-height: 72px;

    text-align: center;

    font-size: 32px;

    font-weight: 400;

}



.package-block .lower-box .p-icon img {

    max-height: 72px;

}



.package-block .lower-box .location {

    position: relative;

    font-weight: 400;

    color: var(--primary-color);

    font-family: 'Gilroy_Bold', sans-serif;

    margin-bottom: 10px;

}



.package-block.alt .lower-box .location {

    margin-bottom: 5px;

}



.package-block .lower-box h5 {

    position: relative;

    font-weight: 400;

    color: var(--dark-gray-gray);

    margin-bottom: 20px;

}



.package-block h5 a {

    color: var(--dark-gray-gray);

}



.package-block h5 a:hover {

    color: var(--primary-color);

}



.package-block .lower-box .info {

    position: relative;

    font-size: 14px;

    line-height: 20px;

}



.package-block .lower-box .info .duration {

    position: relative;

    float: left;

}



.package-block .lower-box .info .persons {

    position: relative;

    float: right;

}



.package-block .lower-box .info .duration i, .package-block .lower-box .info .persons i {

    position: relative;

    padding-right: 5px;

    color: var(--primary-color);

}



.package-block .bottom-box {

    position: relative;

    margin-top: 25px;

    padding: 15px 0;

    border-top: 1px solid rgba(0, 0, 0, 0.15);

}



.package-block .bottom-box .rating {

    position: relative;

    float: left;

}



.package-block .bottom-box .rating a {

    font-size: 12px;

    color: var(--light-gray-gray);

    display: inline-block;

    vertical-align: top;

    line-height: 20px;

}



.package-block .bottom-box .rating i {

    position: relative;

    color: var(--secondary-color);

    font-size: 14px;

    padding-right: 5px;

    line-height: 20px;

    z-index: 1;

}



.package-block .bottom-box .rating strong {

    position: relative;

    font-family: 'Gilroy_Bold', sans-serif;

    font-size: 14px;

    color: var(--dark-gray-gray);

}



.package-block .bottom-box .price {

    position: relative;

    font-size: 14px;

    color: var(--medium-gray-color);

    line-height: 20px;

    float: right;

}



.package-block .bottom-box .price .amount {

    font-size: 18px;

    color: var(--primary-color);

    font-family: 'Gilroy_Bold', sans-serif;

}



.packages-section .carousel-box .prev-btn {

    position: absolute;

    right: 66px;

    top: -100px;

    width: 44px;

    height: 44px;

    text-align: center;

    color: var(--primary-color);

    line-height: 42px;

    border: 1px solid rgba(0, 0, 0, 0.20);

    border-radius: 50%;

    transition: all 500ms linear;

    z-index: 5;

    cursor: pointer;

}



.packages-section .carousel-box .next-btn {

    position: absolute;

    right: 12px;

    top: -100px;

    width: 44px;

    height: 44px;

    text-align: center;

    color: var(--primary-color);

    line-height: 42px;

    border: 1px solid rgba(0, 0, 0, 0.20);

    border-radius: 50%;

    transition: all 500ms linear;

    z-index: 5;

    cursor: pointer;

}



.packages-section .carousel-box .prev-btn:hover, .packages-section .carousel-box .next-btn:hover {

    background: var(--primary-color);

    color: #fff;

}



/*** 



====================================================================

  Destinations Section

====================================================================



***/

.destination-section {

    position: relative;

    padding: 30px 0px 60px;

    background: #fff;

    overflow: hidden;

}



.destination-section .bg-grad-right {

    position: absolute;

    right: -50px;

    top: -50px;

}



.destination-section .bg-grad-left {

    position: absolute;

    left: -50px;

    bottom: -100px;

}



.destination-section .gallery-box {

    position: relative;

}



.dest-block-one {

    position: relative;

    margin-bottom: 30px;

}



.destination-section .row {

    margin: 0 -12px;

}



.destination-section .row .dest-block-one {

    padding: 0 12px;

    margin-bottom: 24px;

}



.dest-block-one .inner-box {

    position: relative;

    display: block;

    border-radius: 10px;

    overflow: hidden;

}



.dest-block-one .image-box {

    position: relative;

    display: block;

    border-radius: 10px;

    overflow: hidden;

}



.dest-block-one .image-box:before {

    position: absolute;

    top: 0;

    left: -85%;

    z-index: 2;

    display: block;

    content: '';

    width: 50%;

    height: 100%;

    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .8) 100%);

    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .8)));

    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .8) 100%);

    -webkit-transform: skewX(-25deg);

    -ms-transform: skewX(-25deg);

    transform: skewX(-25deg);

    z-index: 1;

}



.dest-block-one .inner-box:hover .image-box::before {

    -webkit-animation: shine 1s;

    animation: shine 1s;

}



.dest-block-one .image-box img {

    position: relative;

    display: block;

    width: 100%;

    border-radius: 10px;

}



.dest-block-one .hvr-box {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 5;

}



.dest-block-one .hvr-box:before {

    content: '';

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 75%;

    opacity: 0.50;

    background: rgba(0, 0, 0, 0.30);

    background: -webkit-linear-gradient(bottom,rgba(0,0,0,0.95),rgba(0,0,0,0.0));

    background: -ms-linear-gradient(bottom,rgba(0,0,0,0.95),rgba(0,0,0,0.0));

    background: -moz-linear-gradient(bottom,rgba(0,0,0,0.95),rgba(0,0,0,0.0));

    -moz-transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

    z-index: 1;

}



.dest-block-one:hover .hvr-box:before {

    opacity: 0.80;

}



.dest-block-one .hvr-box .hvr-inner {

    position: absolute;

    left: 30px;

    bottom: 30px;

    right: 30px;

    z-index: 1;

}



.dest-block-one .hvr-box h4 {

    position: relative;

    font-weight: 400;

    text-transform: capitalize;

    margin-bottom: 5px;

    line-height: 30px;

}



.dest-block-one .hvr-box h4 a {

    color: #fff;

}



.dest-block-one .hvr-box h4 a:hover {

    color: var(--primary-color);

}



.dest-block-one .hvr-box .tour-count {

    position: relative;

    line-height: 20px;

    font-weight: 400;

    color: #fff;

}



/*** 



====================================================================

  Tour Types Section

====================================================================



***/

.tour-types {

    position: relative;

    padding: 140px 0px;

    background: #f8fcfe;

}



.tour-types .d-elem-1 {

    position: absolute;

    left: -120px;

    top: -60px;

}



.tour-types .d-elem-2 {

    position: absolute;

    right: 0;

    bottom: 0;

}



.tour-types .title-box {

    margin-bottom: 50px;

}



.tour-types .bg-layer {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-repeat: repeat;

    background-position: left top;

}



.tour-types .carousel-box {

    position: relative;

    margin: 0 -10px;

}



.tour-types .carousel-box .slick-list {

    overflow: hidden;

}



.tour-type-block {

    position: relative;

    margin-bottom: 30px;

}



.slick-slider .tour-type-block {

    margin: 10px 10px;

}



.tour-type-block .inner-box {

    position: relative;

    display: block;

    background: #fff;

    min-height: 100%;

    padding: 70px 20px 80px;

    text-align: center;

    border: 1px solid rgba(0, 0, 0, 0.05);

    box-shadow: 0 0 15px 0px rgba(2, 24, 93, 0.07);

    transition: all 500ms linear;

    border-radius: 10px;

}



.tour-type-block .inner-box:hover {

    background: var(--primary-color);

    color: #fff;

}



.tour-type-block.bg-blue .inner-box:hover {

    background: var(--blue-color);

}



.tour-type-block.bg-green .inner-box:hover {

    background: var(--green-color);

}



.tour-type-block.bg-yellow .inner-box:hover {

    background: var(--yellow-color);

}



.tour-type-block.bg-red .inner-box:hover {

    background: var(--red-color);

}



.tour-type-block .inner-box:hover .icon-box {

    -webkit-transform: scale(-1) rotate(180deg);

    -moz-transform: scale(-1) rotate(180deg);

    -ms-transform: scale(-1) rotate(180deg);

    -o-transform: scale(-1) rotate(180deg);

    transform: scale(-1) rotate(180deg);

    -webkit-transition-delay: 200ms;

    -moz-transition-delay: 200ms;

    -ms-transition-delay: 200ms;

    -o-transition-delay: 200ms;

    transition-delay: 200ms;

}



.tour-type-block .icon-box {

    position: relative;

    line-height: 80px;

    margin-bottom: 45px;

    display: inline-block;

    transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

}



.tour-type-block .icon-box .icon {

    position: relative;

    font-size: 84px;

    line-height: 80px;

    color: var(--primary-color);

    transition: all 500ms linear;

}



.tour-type-block.bg-blue .icon-box .icon {

    color: var(--blue-color);

}



.tour-type-block.bg-green .icon-box .icon {

    color: var(--green-color);

}



.tour-type-block.bg-yellow .icon-box .icon {

    color: var(--yellow-color);

}



.tour-type-block.bg-red .icon-box .icon {

    color: var(--red-color);

}



.tour-type-block .icon-box img, .tour-type-block .icon-box svg {

    display: inline-block;

    max-height: 80px;

    transition: all 500ms linear;

}



.tour-type-block .inner-box:hover .icon-box img, .tour-type-block .inner-box:hover .icon-box svg {

    -webkit-filter: brightness(10);

    -ms-filter: brightness(10);

    -moz-filter: brightness(10);

    filter: brightness(10);

}



.tour-type-block .inner-box:hover .icon-box .icon {

    color: #fff !important;

}



.tour-type-block .lower-box h5 {

    position: relative;

    font-weight: 400;

    color: var(--dark-gray-gray);

    margin-bottom: 0;

}



.tour-type-block h5 a {

    color: var(--dark-gray-gray);

}



.tour-type-block .inner-box:hover h5, .tour-type-block .inner-box:hover h5 a {

    color: #fff;

}



.tour-type-block .inner-box .over-link {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 1;

}



.tour-types .slick-dots {

    position: relative;

    padding-top: 40px;

    text-align: center;

}



.tour-types .slick-dots li {

    position: relative;

    display: inline-block;

    font-size: 0;

    text-indent: 50px;

    overflow: hidden;

    width: 24px;

    height: 24px;

    border: 1px solid rgba(0, 0, 0, 0.0);

    margin: 0 5px;

    border-radius: 50%;

    cursor: pointer;

}



.tour-types .slick-dots li button {

    content: '';

    position: absolute;

    left: 6px;

    top: 6px;

    width: 10px;

    height: 10px;

    background: #c4cecc;

    border-radius: 50%;

}



.tour-types .slick-dots li.slick-active {

    border-color: var(--primary-color);

}



.tour-types .slick-dots li.slick-active button {

    background: var(--tertiary-color);

}



/*** 



====================================================================

  Why Us Section

====================================================================



***/

.why-us {

    position: relative;

    padding: 20px 0px 0px;

    background: #fff;

    overflow: hidden;

}



.why-us .bg-grad-left {

    position: absolute;

    left: -50px;

    bottom: -100px;

}



.why-us .bg-grad-right {

    position: absolute;

    right: 0;

    top: -100px;

}



.why-us .text-col {

    position: relative;

    margin-bottom: 15px;

    order: 12;

}



.why-us .text-col .d-elem-1 {

    position: absolute;

    right: -10px;

    top: 30px;

}



.why-us .features {

    position: relative;

}



.why-us .features .f-block-two {

    position: relative;

    margin-bottom: 35px;

}



.why-us .f-block-two .inner-box {

    position: relative;

    display: block;

}



.why-us .f-block-two .inner-box:hover .icon {

    -webkit-transform: scale(-1) rotate(180deg);

    -moz-transform: scale(-1) rotate(180deg);

    -ms-transform: scale(-1) rotate(180deg);

    -o-transform: scale(-1) rotate(180deg);

    transform: scale(-1) rotate(180deg);

}



.why-us .f-block-two .icon {

    position: relative;

    width: 60px;

    line-height: 60px;

    margin-bottom: 20px;

    transition: all 600ms ease;

    -moz-transition: all 600ms ease;

    -webkit-transition: all 600ms ease;

    -ms-transition: all 600ms ease;

    -o-transition: all 600ms ease;

}



.why-us .f-block-two .icon img {

    position: relative;

    max-height: 60px;

}



.why-us .f-block-two h4 {

    position: relative;

    margin-bottom: 12px;

}



.why-us .f-block-two .travilo-text {

    position: relative;

}



.why-us .text-col .title-box {

    margin-bottom: 30px;

}



.why-us .text-col .inner {

    position: relative;

    display: block;

    padding-left: 110px;

    padding-top: 70px;

}



.why-us .text-col .lower-text ul li:before {

    content: "\f178";

    font-family: 'Font Awesome 6 Free';

    font-weight: 400;

    font-size: 18px;

    position: absolute;

    left: 0;

    top: 0;

    line-height: 28px;

    text-align: center;

    color: var(--primary-color);

}



.why-us .text-col .link-box {

    position: relative;

    padding-top: 35px;

}



.why-us .image-col {

    position: relative;

    margin-bottom: 50px;

    order: 0;

}



.why-us .image-col .d-elem-2 {

    position: absolute;

    left: -75px;

    bottom: -15px;

}



.why-us .image-col .inner {

    position: relative;

    display: block;

    min-height: 100%;

}



.why-us .image-col .image-box {

    position: relative;

}



.why-us .image-col .image-box img {

    position: relative;

    width: 100%;

}



/*** 



====================================================================

  Facts Section

====================================================================



***/

.facts-section {

    position: relative;

    color: #fff;

    background: #496560;

}



.facts-section .video-box {

    position: relative;

    top: -190px;

    max-width: 1140px;

    padding: 0 20px;

    margin: 0 auto -190px;

}



.facts-section .video-box .image-box {

    position: relative;

    display: block;

    border: 10px solid #fff;

    border-radius: 10px;

    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.07);

}



.facts-section .video-box .image-box img {

    position: relative;

    display: block;

    width: 100%;

    border-radius: 10px;

}



.facts-section .video-box .vid-btn {

    position: absolute;

    display: block;

    left: 50%;

    top: 50%;

    width: 120px;

    height: 120px;

    padding: 30px 20px;

    font-size: 26px;

    color: #fff;

    text-align: center;

    margin: -60px 0 0 -60px;

    background: var(--primary-color);

    border-radius: 50%;

    z-index: 1;

}



.facts-section .video-box .vid-btn:hover {

    background: #fff;

    color: var(--primary-color);

}



.facts-section .video-box .vid-btn .icon {

    position: relative;

    vertical-align: middle;

    line-height: 60px;

}



.facts-section .fact-counter {

    position: relative;

    padding: 140px 0 90px;

}



.facts-section.alt-padding .fact-counter {

    padding: 90px 0 40px;

}



.facts-section .fact-counter .fact-block {

    position: relative;

    font-family: 'Gilroy_Bold', sans-serif;

    text-align: center;

    margin-bottom: 50px;

}



.facts-section .fact-counter .fact-block .inner {

    position: relative;

    display: inline-block;

    vertical-align: top;

    text-align: left;

}



.facts-section .fact-counter .fact-count {

    position: relative;

    float: left;

    line-height: 60px;

    font-size: 60px;

}



.facts-section .fact-counter .count-box {

    position: relative;

    line-height: 60px;

    font-size: 60px;

    padding-right: 30px;

}



.facts-section .fact-counter .count-box i {

    position: absolute;

    font-size: 30px;

    line-height: 30px;

    font-style: normal;

    top: 0;

    right: 10px;

}



.facts-section .fact-counter .fact-title {

    position: relative;

    float: left;

    padding-top: 5px;

    line-height: 25px;

    text-transform: capitalize;

}



/*** 



====================================================================

  Testimonials Section

====================================================================



***/

.testimonials-section {

    position: relative;

    padding: 30px 0px;

    background: #fff;

    overflow: hidden;

}



.testimonials-section.alt-bg {

    background: #fafaee;

}



.testimonials-section .d-elem-1 {

    position: absolute;

    left: -100px;

    top: -80px;

}



.testimonials-section .bg-grad-right {

    position: absolute;

    right: -300px;

    top: -300px;

    opacity: 0.30;

}



.testimonials-section .bg-grad-left {

    position: absolute;

    left: -300px;

    bottom: -300px;

    opacity: 0.30;

}



.testimonials-section .title-box {

    margin-bottom: 60px;

}



.testimonials-section .bg-layer {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-repeat: repeat;

    background-position: left top;

}



.testimonials-section .carousel-box {

    position: relative;

    margin: 0 -10px;

}



.testimonials-section .carousel-box .slick-list {

    overflow: hidden;

}



.testi-block-one {

    position: relative;

    margin-bottom: 30px;

}



.slick-slider .testi-block-one {

    margin: 10px 10px;

}



.testi-block-one .inner-box {

    position: relative;

    display: block;

    text-align: center;

    min-height: 332px;

    padding: 60px 40px 60px;

    background: #fff;

    border-radius: 10px;

    border: 1px solid rgba(0, 0, 0, 0.05);

    box-shadow: 0 0 15px 0px rgba(2, 24, 93, 0.07);

}



.testi-block-one .icon {

    position: relative;

    font-size: 48px;

    color: var(--primary-color);

    line-height: 48px;

    margin-bottom: 30px;

}



.testi-block-one .icon img {

    display: inline-block;

    max-width: 100%;

    max-height: 48px;

}



.testi-block-one .travilo-text {

    position: relative;

    font-size: 18px;

    color: var(--medium-gray-color);

    font-style: italic;

}



.testi-block-one .info {

    position: relative;

    display: inline-block;

    vertical-align: top;

    padding-top: 5px;

    /* padding-left: 115px; */

    margin-top: 25px;

    /* text-align: left; */

}



.testi-block-one .info .image {

    position: absolute;

    left: 0;

    top: 0px;

    width: 92px;

    height: 92px;

    border-radius: 50%;

    overflow: hidden;

}



.testi-block-one .info .image img {

    position: relative;

    display: block;

    width: 100%;

    border-radius: 50%;

}



.testi-block-one .info .name {

    color: var(--dark-gray-gray);

    font-size: 18px;

    font-weight: 400;

    font-family: 'Gilroy_Bold', sans-serif;

    margin-bottom: 0px;

}



.testi-block-one .info .designation {

    position: relative;

    float: left;

    font-size: 14px;

    font-weight: 400;

    color: var(--light-gray-gray);

}



.testi-block-one .info .rating {

    position: relative;

    font-size: 16px;

    line-height: 24px;

    font-weight: 400;

    color: var(--secondary-color);

    margin-bottom: 7px;

}



.testi-block-one .info .rating i {

    position: relative;

    display: inline-block;

    vertical-align: middle;

}



.testi-block-one .info .rating i:last-child {

    margin-right: 0;

}



.testimonials-section .slick-dots {

    position: relative;

    padding-top: 40px;

    text-align: center;

}



.testimonials-section .slick-dots li {

    position: relative;

    display: inline-block;

    font-size: 0;

    text-indent: 50px;

    overflow: hidden;

    width: 24px;

    height: 24px;

    border: 1px solid rgba(0, 0, 0, 0.0);

    margin: 0 5px;

    border-radius: 50%;

    cursor: pointer;

}



.testimonials-section .slick-dots li button {

    content: '';

    position: absolute;

    left: 6px;

    top: 6px;

    width: 10px;

    height: 10px;

    background: #c4cecc;

    border-radius: 50%;

}



.testimonials-section .slick-dots li.slick-active {

    border-color: var(--primary-color);

}



.testimonials-section .slick-dots li.slick-active button {

    background: var(--tertiary-color);

}



/*** 



====================================================================

  Partner Section

====================================================================



***/

.partners-section {

    position: relative;

    padding: 110px 0px;

    background: var(--dark-gray-color);

    color: #fff;

    overflow: hidden;

}



.partners-section .partner-block {

    position: relative;

    text-align: center;

    margin-bottom: 30px;

}



.partners-section .slick-list .partner-block {

    margin: 0 15px;

}



.partners-section .partner-block .image {

    position: relative;

    display: block;

    line-height: 100px;

}



.partners-section .partner-block img {

    display: inline-block;

    vertical-align: middle;

    max-height: 100px;

    opacity: 0.70;

    transition: all 500ms linear;

}



.partners-section .partner-block img:hover {

    opacity: 1;

}



/*** 



====================================================================

  News Section

====================================================================



***/

.news-section {

    position: relative;

    padding: 130px 0px 110px;

    background: #F9FCFF;

}



.news-section .news-box {

    position: relative;

}



.news-section .bg-grad-right {

    position: absolute;

    right: -300px;

    bottom: -300px;

}



.news-section .bg-grad-left {

    position: absolute;

    left: -350px;

    top: -350px;

}



.news-block-one {

    position: relative;

    margin-bottom: 30px;

}



.news-section .news-box .row {

    margin: 0 -12px;

}



.news-section .news-box .row .news-item {

    padding: 0 12px;

}



.news-section .news-box .news-block-one {

    margin-bottom: 24px;

}



.news-block-one .inner-box {

    position: relative;

    display: block;

    height: 542px;

    min-height: 100%;

    border-radius: 10px;

    overflow: hidden;

}



.news-block-one.sm-height .inner-box {

    height: 260px;

}



.news-block-one .image-layer {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-size: cover;

    background-position: center center;

    transition: all 600ms ease;

    -moz-transition: all 600ms ease;

    -webkit-transition: all 600ms ease;

    -ms-transition: all 600ms ease;

    -o-transition: all 600ms ease;

}



.news-block-one .inner-box:hover .image-layer {

    transform: scale(1.07,1.07);

}



.news-block-one .image-layer:before {

    content: '';

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 90%;

    background: rgba(0, 0, 0, 0.30);

    background: -webkit-linear-gradient(bottom,rgba(0,0,0,0.95),rgba(0,0,0,0.0));

    background: -ms-linear-gradient(bottom,rgba(0,0,0,0.95),rgba(0,0,0,0.0));

    background: -moz-linear-gradient(bottom,rgba(0,0,0,0.95),rgba(0,0,0,0.0));

    opacity: 0.50;

    transition: all 500ms linear;

}



.news-block-one:hover .image-layer:before {

    opacity: 0.80;

}



.news-block-one .image-layer:after {

    position: absolute;

    top: 0;

    left: -85%;

    z-index: 2;

    display: block;

    content: '';

    width: 50%;

    height: 100%;

    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .8) 100%);

    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .8)));

    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .8) 100%);

    -webkit-transform: skewX(-25deg);

    -ms-transform: skewX(-25deg);

    transform: skewX(-25deg);

    z-index: 1;

}



.news-block-one .inner-box:hover .image-layer::after {

    -webkit-animation: shine 1s;

    animation: shine 1s;

}



.news-block-one .over-box {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    padding: 0 20px 40px 40px;

}



.news-block-one.m-height .over-box, .news-block-one.sm-height .over-box {

    padding: 0 20px 25px 25px;

}



.news-block-one .info {

    position: relative;

    margin-bottom: 5px;

}



.news-block-one .info li {

    position: relative;

    display: inline-block;

    vertical-align: top;

    line-height: 24px;

    margin-right: 12px;

}



.news-block-one .info li a {

    position: relative;

    color: #fff;

}



.news-block-one .info li i {

    position: relative;

    padding-right: 5px;

}



.news-block-one h3, .news-block-one h4, .news-block-one h5 {

    position: relative;

    color: #fff;

    line-height: 1.30em;

    margin-bottom: 0;

}



.news-block-one h3 a, .news-block-one h4 a, .news-block-one h5 a {

    color: #fff;

}



.news-block-one h3 a:hover, .news-block-one h4 a:hover, .news-block-one h5 a:hover {

    color: var(--primary-color);

}



/*** 



====================================================================

  Insta Feed Section

====================================================================



***/

.insta-section {

    position: relative;

    padding: 0 0 90px;

}



.insta-section .insta-feed {

    position: relative;

    margin-bottom: 50px;

}



.insta-section .carousel-box {

    position: relative;

    margin: 0 0;

    overflow: hidden;

}



.insta-section .insta-block {

    position: relative;

    text-align: center;

    margin-bottom: 30px;

}



.insta-section .slick-list .insta-block {

    margin: 0 25px;

}



.insta-section .insta-block .image {

    position: relative;

    display: block;

    height: 290px;

    border-radius: 10px;

}



.insta-section .insta-block .image .img {

    position: relative;

    display: inline-block;

    vertical-align: baseline;

    border-radius: 10px;

}



.insta-section .insta-block .image img {

    position: relative;

    display: inline-block;

    height: 290px;

    vertical-align: baseline;

    border-radius: 10px;

    opacity: 1;

    transition: all 500ms linear;

}



.insta-section .insta-block.s-h .image img {

    height: 165px;

}



.insta-section .insta-block.s-h .image {

    padding-top: 125px;

}



.insta-section .alternate .insta-block.s-h .image {

    padding-top: 0;

    padding-bottom: 125px;

}



.insta-section .insta-block.m-h .image img {

    height: 255px;

}



.insta-section .insta-block.m-h .image {

    padding-top: 35px;

}



.insta-section .alternate .insta-block.m-h .image {

    padding-top: 0;

    padding-bottom: 35px;

}



.insta-section .insta-block.xs-h .image img {

    height: 120px;

}



.insta-section .insta-block.xs-h .image {

    padding-top: 170px;

}



.insta-section .alternate .insta-block.xs-h .image {

    padding-top: 0;

    padding-bottom: 170px;

}



.insta-section .insta-block .img:hover img {

    opacity: 0.70;

}



/*** 



====================================================================

  Newsletter Section

====================================================================



***/

.subscribe-section {

    position: relative;

    padding: 0 0px;

}



.subscribe-section .outer-box {

    position: relative;

}



.subscribe-section .bg-grad-right {

    position: absolute;

    right: -300px;

    top: -350px;

    opacity: 1;

}



.subscribe-section .bg-grad-left {

    position: absolute;

    left: -300px;

    top: -400px;

    opacity: 1;

}



.subscribe-section .content-box {

    position: relative;

    display: block;

    padding: 94px 90px 50px 90px;

    background: var(--tertiary-color);

    color: #fff;

    border-radius: 10px;

    overflow: hidden;

    z-index: 5;

}



.subscribe-section .content-box .bg-layer {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;

    opacity: 0.22;

}



.subscribe-section .form-col {

    position: relative;

    margin-bottom: 30px;

}



.subscribe-section .form-col .inner {

    position: relative;

    display: block;

    padding-top: 35px;

}



.subscribe-section .text-col {

    position: relative;

    margin-bottom: 0;

}



.subscribe-section .text-col .inner {

    position: relative;

    display: block;

}



.subscribe-section .title-box {

    position: relative;

    margin-bottom: 30px;

}



.subscribe-section .title-box .subtitle, .subscribe-section .title-box h2 {

    color: #fff;

}



.subscribe-section .title-box h2 {

    line-height: 1.15em;

    text-transform: none;

}



.subscribe-section form .form-group {

    margin-bottom: 0;

}



.subscribe-section form .form-group input {

    height: 72px;

    line-height: 30px;

    padding: 20px 60px 20px 30px;

    font-weight: 400;

    font-size: 16px;

    background: #fff;

    border-radius: 7px;

}



.subscribe-section form .form-group .field-inner {

    position: relative;

}



.subscribe-section form .theme-btn {

    position: absolute;

    right: 30px;

    top: 20px;

    line-height: 30px;

    padding: 0 0;

    border: none;

    background: none;

    color: var(--primary-color);

    font-size: 24px;

    font-weight: 700;

}



/*** 



====================================================================

  Main Footer

====================================================================



***/

.main-footer {

    position: relative;

}



.main-footer.style-two {

    color: var(--light-purple-color);

    background: #272d2e;

}



.main-footer ul, .main-footer ul li {

    list-style: none;

    margin: 0;

}



.main-footer .upper-section {

    position: relative;

    padding: 100px 0 40px;

}



.main-footer.style-two .upper-section {

    padding-top: 120px;

}



.main-footer h4 {

    text-transform: capitalize;

    margin-bottom: 40px;

    font-weight: 400;

    color: var(--dark-gray-gray);

}



.main-footer.style-two h4 {

    color: #fff;

}



.main-footer .footer-logo {

    position: relative;

    margin-top: -25px;

    margin-bottom: 42px;

}



.main-footer.style-two .footer-logo {

}



.main-footer .gallery {

    position: relative;

}



.main-footer .gallery .gallery-item {

    position: relative;

    padding-left: 105px;

    padding-top: 5px;

    min-height: 84px;

    margin-bottom: 24px;

}



.main-footer .gallery .gallery-itemt:last-child {

    margin-bottom: 0;

}



.main-footer .gallery .gallery-item .image {

    position: absolute;

    display: block;

    left: 0;

    top: 0;

    width: 84px;

    height: 84px;

    border-radius: 4px;

    overflow: hidden;

}



.main-footer .gallery .gallery-item .image img {

    position: relative;

    display: block;

    width: 100%;

    border-radius: 4px;

    -moz-transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.main-footer .gallery .gallery-item h6 {

    font-size: 16px;

    line-height: 22px;

    margin-bottom: 16px;

}



.main-footer .gallery .gallery-item h6 a {

    color: var(--dark-gray-gray);

}



.main-footer.style-two .gallery .gallery-item h6, .main-footer.style-two .gallery .gallery-item h6 a {

    color: #fff;

}



.main-footer .gallery .gallery-item .price {

    position: relative;

    font-size: 14px;

    line-height: 20px;

    color: var(--medium-gray-color);

}



.main-footer.style-two .gallery .price {

    color: var(--light-purple-color);

}



.main-footer .gallery .gallery-item .price .amount {

    color: var(--primary-color);

    font-family: 'Gilroy_Bold', sans-serif;

}



.main-footer .upper-section .footer-column {

    position: relative;

    margin-bottom: 40px;

}



.main-footer .info {

    position: relative;

}



.main-footer .info li {

    position: relative;

    display: block;

    font-weight: 400;

    line-height: 24px;

    margin-bottom: 18px;

}



.main-footer .info li:last-child {

    margin-bottom: 0;

}



.main-footer .info li .icon {

    position: absolute;

    left: 0;

    top: 0;

    line-height: 24px;

    width: 28px;

    color: var(--primary-color);

}



.main-footer .info li a {

    position: relative;

    display: inline-block;

    padding-left: 30px;

    color: var(--medium-gray-color);

    line-height: 24px;

}



.main-footer.style-two .info li a {

    color: var(--light-purple-color);

}



.main-footer .info li a:hover {

    color: var(--primary-color);

    text-decoration: underline;

}



.main-footer .social-links {

    position: relative;

    padding-top: 30px;

}



.main-footer .social-links li {

    position: relative;

    float: left;

    margin-right: 6px;

}



.main-footer .social-links li:last-child {

    margin-right: 0;

}



.main-footer .social-links li a {

    position: relative;

    display: block;

    width: 42px;

    height: 42px;

    color: #fff;

    background: var(--dark-gray-gray);

    text-align: center;

    font-size: 16px;

    line-height: 42px;

    border-radius: 50%;

}



.main-footer .social-links li a.facebook {

    background: var(--facebook-color);

}



.main-footer .social-links li a.twitter {

    background: #EE464F;

}



.main-footer .social-links li a.linkedin {

    background: var(--linkedin-color);

}



.main-footer .social-links li a.youtube {

    background: #34E0A1;

}



.main-footer .social-links li a:hover {

    color: #fff;

    background: var(--primary-color);

}



.main-footer .links {

    position: relative;

}



.main-footer .links li {

    position: relative;

    display: block;

    font-weight: 400;

    line-height: 24px;

    text-transform: capitalize;

    margin-bottom: 18px;

}



.main-footer .links li:last-child {

    margin-bottom: 0;

}



.main-footer .links li a {

    position: relative;

    color: var(--medium-gray-color);

    line-height: 24px;

}



.main-footer.style-two .links li a {

    color: var(--light-purple-color);

}



.main-footer .links li a:hover {

    color: var(--primary-color);

    text-decoration: underline;

}



.main-footer .f-bottom {

    position: relative;

}



.main-footer .f-bottom .inner {

    position: relative;

    padding: 30px 0 30px;

}



.main-footer .f-bottom .copyright {

    position: relative;

    float: left;

    color: var(--medium-gray-color);

    line-height: 24px;

}



.main-footer.style-two .f-bottom .copyright {

    color: var(--light-purple-color);

}



.main-footer .copyright a {

    position: relative;

    color: #fff;

}



.main-footer.style-two .copyright a {

    color: var(--light-purple-color);

}



.main-footer .copyright a:hover {

    text-decoration: underline;

}



.main-footer .bottom-links {

    position: relative;

    float: right;

}



.main-footer .bottom-links li {

    position: relative;

    display: inline-block;

    vertical-align: top;

    margin-right: 35px;

}



.main-footer .bottom-links li:last-child {

    margin-right: 0;

}



.main-footer .bottom-links li a {

    position: relative;

    display: block;

    line-height: 24px;

    font-size: 16px;

    color: var(--medium-gray-color);

    -moz-transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.main-footer.style-two .bottom-links li a {

    color: var(--light-purple-color);

}



.main-footer .bottom-links li a:hover {

    color: var(--primary-color);

    text-decoration: underline;

}



.footer-subscribe {

    position: relative;

    max-width: 690px;

    padding: 0 20px;

    margin: 0 auto 110px;

}



.footer-subscribe .title-box {

    position: relative;

    margin-bottom: 40px;

}



.footer-subscribe .title-box h2 {

    color: #fff;

    font-size: 36px;

}



.footer-subscribe .title-box h2 {

    line-height: 1.15em;

    text-transform: none;

}



.footer-subscribe form .form-group {

    margin-bottom: 0;

}



.footer-subscribe form .form-group input {

    height: 72px;

    line-height: 30px;

    padding: 20px 180px 20px 30px;

    font-weight: 400;

    font-size: 16px;

    background: #fff;

    border-radius: 7px;

}



.footer-subscribe form .form-group .field-inner {

    position: relative;

}



.footer-subscribe form .theme-btn {

    position: absolute;

    right: 0;

    top: 0;

    line-height: 40px;

    padding: 16px 20px;

    height: 72px;

    width: 180px;

    border: none;

    background: var(--primary-color);

    color: #fff;

    font-size: 18px;

    font-family: 'Gilroy_Bold', sans-serif;

    border-radius: 0 7px 7px 0;

}



.main-footer .app-info {

    position: relative;

}



.main-footer .app-info .travilo-text {

    position: relative;

    margin-bottom: 25px;

}



.main-footer .app-info .links {

    position: relative;

}



.main-footer .app-info .link {

    position: relative;

    display: inline-block;

    vertical-align: top;

    margin-right: 7px;

    margin-bottom: 10px;

}



/*** 



====================================================================

  Banner Slider Section

====================================================================



***/

.banner-two {

    position: relative;

    padding: 0 0;

}



.banner-two .banner-container {

    position: relative;

}



.banner-two .banner-slider {

    position: relative;

    width: 100%;

    overflow: hidden;

}



.banner-two .slide-item {

    position: relative;

    width: 100%;

    padding: 0px;

    overflow: hidden;

}



.banner-two .slide-item:before {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: rgba(0,0,0,0.0);

    z-index: 1;

}



.banner-two .slide-item .image-layer {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    -ms-transform: scale(1.0);

    transform: scale(1.0);

    -webkit-transition: all 0ms linear 0ms;

    -ms-transition: all 0ms linear 0ms;

    -o-transition: all 0ms linear 0ms;

    -moz-transition: all 0ms linear 0ms;

    transition: all 0ms linear 0ms;

}



.banner-two .slide-item.swiper-slide-active .image-layer {

    -ms-transform: scale(1.15);

    transform: scale(1.15);

    -webkit-transition: all 7000ms linear 0ms;

    -ms-transition: all 7000ms linear 0ms;

    -o-transition: all 7000ms linear 0ms;

    -moz-transition: all 7000ms linear 0ms;

    transition: all 7000ms linear 0ms;

}



.banner-two .slide-item .image-layer:before {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.30);

    z-index: 1;

}



.banner-two .slide-item .content-box {

    position: relative;

    display: table;

    vertical-align: middle;

    width: 100%;

    padding: 70px 0;

    height: 720px;

    min-height: calc(100vh - 144px);

    z-index: 10;

}



.banner-two .slide-item .content {

    position: relative;

    display: table-cell;

    width: 100%;

    vertical-align: middle;

    z-index: 5;

}



.banner-two .slide-item .inner {

    position: relative;

    display: block;

    max-width: 950px;

    width: 100%;

    margin: 0 auto;

    text-align: center;

    z-index: 5;

}



.banner-two .slide-item h1 {

    position: relative;

    font-size: 180px;

    font-weight: 400;

    color: #fff;

    text-transform: capitalize;

    line-height: 1.0em;

    margin: 0px 0px;

    opacity: 0;

    visibility: hidden;

    -webkit-transform: translateY(30px);

    -ms-transform: translateY(30px);

    transform: translateY(30px);

}



.banner-two .slide-item h1 span {

    position: relative;

    display: inline-block;

}



.banner-two .slide-item h1 .s-text {

    position: absolute;

    left: 8px;

    top: -8px;

    font-style: normal;

    color: rgba(0, 0, 0, 0.0);

    -webkit-text-stroke-width: 1px;

    -webkit-text-stroke-color: rgba(255,255,255,0.50);

}



.banner-two .swiper-slide-active h1 {

    opacity: 1;

    visibility: visible;

    -webkit-transform: translate(0);

    -ms-transform: translate(0);

    transform: translate(0);

    -webkit-transition: all 1000ms ease 1000ms;

    -ms-transition: all 1000ms ease 1000ms;

    -o-transition: all 1000ms ease 1000ms;

    -moz-transition: all 1000ms ease 1000ms;

    transition: all 1000ms ease 1000ms;

}



.banner-two .slide-item .travilo-text {

    position: relative;

    display: block;

    font-size: 24px;

    line-height: 1.5em;

    color: #fff;

    padding-top: 30px;

    max-width: 640px;

    margin: 0 auto;

    opacity: 0;

    visibility: hidden;

    -webkit-transform: translateY(30px);

    -ms-transform: translateY(30px);

    transform: translateY(30px);

}



.banner-two .swiper-slide-active .travilo-text {

    opacity: 1;

    visibility: visible;

    -webkit-transform: translate(0);

    -ms-transform: translate(0);

    transform: translate(0);

    -webkit-transition: all 1000ms ease 1500ms;

    -ms-transition: all 1000ms ease 1500ms;

    -o-transition: all 1000ms ease 1500ms;

    -moz-transition: all 1000ms ease 1500ms;

    transition: all 1000ms ease 1500ms;

}



.banner-two .slide-item .links-box {

    position: relative;

    display: block;

    padding-top: 40px;

    opacity: 0;

    visibility: hidden;

    -webkit-transform: translateY(30px);

    -ms-transform: translateY(30px);

    transform: translateY(30px);

}



.banner-two .swiper-slide-active .links-box {

    opacity: 1;

    visibility: visible;

    -webkit-transform: translate(0);

    -ms-transform: translate(0);

    transform: translate(0);

    -webkit-transition: all 1000ms ease 2000ms;

    -ms-transition: all 1000ms ease 2000ms;

    -o-transition: all 1000ms ease 2000ms;

    -moz-transition: all 1000ms ease 2000ms;

    transition: all 1000ms ease 2000ms;

}



.banner-two .slide-item .links-box .link {

    position: relative;

    display: inline-block;

    vertical-align: top;

    margin: 0 7px 15px;

}



.banner-two .slide-item .links-box .link .theme-btn {

    display: block;

    min-width: 180px;

}



.banner-two .swiper-button-next, .banner-two .swiper-button-prev {

    position: absolute;

    top: 50%;

    margin-top: -30px;

    display: inline-block;

    vertical-align: top;

    width: 60px;

    height: 60px;

    line-height: 56px;

    font-size: 22px;

    color: #fff;

    text-align: center;

    background: transparent;

    border: 2px solid rgba(255, 255, 255, 0.50);

    border-radius: 50%;

    -webkit-transition: all 400ms ease;

    -moz-transition: all 400ms ease;

    -ms-transition: all 400ms ease;

    -o-transition: all 400ms ease;

    transition: all 400ms ease;

}



.banner-two .swiper-button-next:after, .banner-two .swiper-button-prev:after {

    display: none;

}



.banner-two .swiper-button-next span, .banner-two .swiper-button-prev span {

    position: relative;

    z-index: 1;

}



.banner-two .swiper-button-next {

    right: 60px;

}



.banner-two .swiper-button-prev {

    left: 60px;

}



.banner-two .swiper-button-next:hover, .banner-two .swiper-button-prev:hover {

    background: var(--primary-color);

    border-color: var(--primary-color);

    color: #fff;

}



/*** 



====================================================================

  Search One

====================================================================



***/

.search-one {

    position: relative;

    z-index: 15;

}



.search-one .outer {

    position: relative;

}



.search-one .search-title {

    position: absolute;

    left: 0;

    top: -54px;

    font-family: 'Gilroy_Bold', sans-serif;

    color: var(--dark-gray-gray);

    font-size: 16px;

    line-height: 30px;

    padding: 12px 25px;

    background: var(--anti-flash-white-color);

    border-radius: 10px 10px 0 0;

    overflow: hidden;

}



.search-one .search-title span {

    position: relative;

    display: block;

}



.tabs-box {

    position: relative;

}



.tabs-box .tab-buttons {

    position: relative;

}



.tabs-box .tab-buttons .tab-btn {

    position: relative;

    display: inline-block;

    vertical-align: top;

    cursor: pointer;

}



.tabs-box .tabs-content {

    position: relative;

}



.tabs-box .tabs-content .tab {

    position: relative;

    display: none;

}



.tabs-box .tabs-content .active-tab {

    display: block;

}



.search-one .search-tabs {

    position: relative;

}



.search-one .search-tabs .tab-buttons {

    position: absolute;

    left: 0;

    top: -54px;

    font-family: 'Gilroy_Bold', sans-serif;

    color: var(--dark-gray-gray);

    border-radius: 10px 10px 0 0;

    overflow: hidden;

}



.search-one .search-tabs .tab-buttons .tab-btn {

    position: relative;

    float: left;

    line-height: 30px;

    padding: 12px 22px;

    background: var(--anti-flash-white-color);

    border-right: 1px solid rgba(0, 0, 0, 0.07);

}



.search-one .search-tabs .tab-buttons .active-btn {

    background: #fff;

}



.search-one .search-tabs .tab-buttons .tab-btn:last-child {

    border-radius: 0 10px 0 0;

}



.search-one .form-box {

    position: relative;

    display: block;

    background: #fff;

    padding: 25px 170px 15px 24px;

    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);

    border-radius: 5px;

    z-index: 5;

}



.search-one form .row {

    margin: 0 -6px;

}



.search-one form .row .form-group {

    position: relative;

    padding: 0 6px;

    margin-bottom: 12px;

}



.search-one .site-form form input {

    font-size: 14px;

    padding-left: 15px !important;

}



.search-one .site-form form .form-group .alt-icon {

    right: 12px;

    font-size: 14px;

}



.search-one .site-form form button {

    position: absolute;

    right: -146px;

    width: 134px;

    top: 30px;

}



/*** 



====================================================================

  Popular Section

====================================================================



***/

.popular-section {

    position: relative;

    padding: 140px 0px 130px;

}



.popular-section .title-box {

    margin-bottom: 50px;

}



.popular-section .d-elem-1 {

    position: absolute;

    left: 35%;

    top: -150px;

}



.popular-section .bg-grad-right {

    position: absolute;

    right: -300px;

    bottom: -350px;

}



.popular-section .bg-grad-left {

    position: absolute;

    left: -300px;

    top: -400px;

}



.popular-section .carousel-box {

    position: relative;

    margin: 0 -12px;

}



.popular-section .carousel-box .slick-list {

    overflow: visible;

}



.popular-block {

    position: relative;

    margin-bottom: 30px;

}



.popular-section .popular-block {

    opacity: 0;

    visibility: hidden;

    margin: 15px 12px;

    margin-bottom: 0;

    transition: all 500ms linear;

}



.popular-section .slick-active.popular-block {

    opacity: 1;

    visibility: visible;

}



.popular-section .popular-block.alternate {

    margin-top: 72px;

}



.popular-block .inner-box {

    position: relative;

    display: block;

    border: 6px solid #fff;

    min-height: 100%;

    border-radius: 8px;

    box-shadow: 0 0 20px 0px rgba(2, 24, 93, 0.20);

}



.popular-block .image-box {

    position: relative;

    overflow: hidden;

}



.popular-block .image-box .image {

    position: relative;

    background: var(--primary-color);

    border-radius: 8px;

    overflow: hidden;

}



.popular-block .image-box .image img {

    position: relative;

    width: 100%;

    border-radius: 8px;

    transition: all 0.5s ease;

}



.popular-block .inner-box:hover .image img {

    transform: scale(1.08,1.08);

}



.popular-block .hvr-box {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 5;

}



.popular-block .inner-box:hover .image-box::before {

    -webkit-animation: shine 1s;

    animation: shine 1s;

}



.popular-block .image-box:before {

    position: absolute;

    top: 0;

    left: -85%;

    z-index: 2;

    display: block;

    content: '';

    width: 50%;

    height: 100%;

    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .8) 100%);

    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .8)));

    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .8) 100%);

    -webkit-transform: skewX(-25deg);

    -ms-transform: skewX(-25deg);

    transform: skewX(-25deg);

    z-index: 1;

}



.popular-block .hvr-box:before {

    content: '';

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 78%;

    opacity: 0.55;

    background: rgba(0, 0, 0, 0.30);

    background: -webkit-linear-gradient(bottom,rgba(0,0,0,0.95),rgba(0,0,0,0.0));

    background: -ms-linear-gradient(bottom,rgba(0,0,0,0.95),rgba(0,0,0,0.0));

    background: -moz-linear-gradient(bottom,rgba(0,0,0,0.95),rgba(0,0,0,0.0));

    border-radius: 8px;

    -moz-transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

    z-index: 1;

}



.popular-block:hover .hvr-box:before {

    opacity: 0.80;

}



.popular-block .hvr-box .hvr-inner {

    position: absolute;

    left: 25px;

    bottom: 25px;

    right: 20px;

    z-index: 1;

}



.popular-block .hvr-box h3 {

    position: relative;

    font-weight: 400;

    text-transform: capitalize;

    margin-bottom: 5px;

}



.popular-block .hvr-box h3 a {

    color: #fff;

}



.popular-block .hvr-box h3 a:hover {

    text-decoration: underline;

}



.popular-block .hvr-box .info {

    position: relative;

    font-size: 12px;

    line-height: 20px;

    font-weight: 400;

    color: #fff;

}



.popular-block .hvr-box .info span {

    position: relative;

    display: inline-block;

    vertical-align: top;

    padding-right: 7px;

    margin-right: 4px;

}



.popular-block .hvr-box .info span:after {

    content: '';

    position: absolute;

    right: 0;

    top: 50%;

    margin-top: -5px;

    border-right: 1px solid #fff;

    height: 10px;

}



.popular-block .hvr-box .info span:last-child:after {

    display: none;

}



.popular-section .carousel-box .prev-btn {

    position: absolute;

    right: 66px;

    top: -100px;

    width: 44px;

    height: 44px;

    text-align: center;

    color: var(--primary-color);

    line-height: 42px;

    border: 1px solid rgba(0, 0, 0, 0.20);

    border-radius: 50%;

    transition: all 500ms linear;

    z-index: 5;

    cursor: pointer;

}



.popular-section .carousel-box .next-btn {

    position: absolute;

    right: 12px;

    top: -100px;

    width: 44px;

    height: 44px;

    text-align: center;

    color: var(--primary-color);

    line-height: 42px;

    border: 1px solid rgba(0, 0, 0, 0.20);

    border-radius: 50%;

    transition: all 500ms linear;

    z-index: 5;

    cursor: pointer;

}



.popular-section .carousel-box .prev-btn:hover, .popular-section .carousel-box .next-btn:hover {

    background: var(--primary-color);

    color: #fff;

}



/*** 



====================================================================

  Packages Section

====================================================================



***/

.packages-two {

    position: relative;

    padding: 140px 0 0;

    background: var(--anti-flash-white-color);

    z-index: 5;

}



.packages-two .pkg-tabs {

    padding-bottom: 115px;

}



.packages-two .row {

    margin: 0 -12px;

}



.packages-two .row .package-block {

    padding: 0 12px;

    margin-bottom: 24px;

}



.packages-two .bg-layer {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-repeat: no-repeat;

    background-position: center top;

    background-size: cover;

}



.packages-two .title-outer {

    position: relative;

    padding-bottom: 20px;

}



.packages-two .title-outer .title-box {

    float: left;

    margin-bottom: 45px;

}



.packages-two .title-outer .tab-btns {

    position: relative;

    float: right;

    padding-top: 60px;

    margin-bottom: 45px;

}



.packages-two .title-outer .tab-buttons {

    position: relative;

}



.packages-two .title-outer .tab-buttons .tab-btn {

    position: relative;

    margin-right: 25px;

    color: var(--dark-gray-gray);

    font-size: 18px;

    text-transform: capitalize;

    font-family: 'Gilroy_Bold', sans-serif;

}



.packages-two .title-outer .tab-buttons .tab-btn:last-child {

    margin-right: 0;

}



.packages-two .title-outer .tab-buttons .active-btn {

    color: var(--primary-color);

}



.packages-two .lower-data {

    position: relative;

    top: 150px;

    margin-top: -150px;

}



.packages-two .lower-data .d-elem-1 {

    position: absolute;

    left: -80px;

    top: -100px;

}



.packages-two .lower-data .content-box {

    position: relative;

}



.packages-two .lower-data .row {

    margin: 0 -12px;

}



.featured-block-one {

    position: relative;

    margin-bottom: 30px;

}



.packages-two .lower-data .row .data-col {

    padding: 0 12px;

}



.packages-two .featured-block-one {

    margin-bottom: 24px;

}



.featured-block-one .inner-box {

    position: relative;

    display: block;

    height: 490px;

    min-height: 100%;

    background: #fff;

    border-radius: 10px;

    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.10);

}



.featured-block-one .image-layer {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-size: cover;

    background-position: center center;

    border-radius: 10px;

}



.featured-block-one .image-layer:before {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 80%;

    background: rgba(0, 0, 0, 0.30);

    background: -webkit-linear-gradient(top,rgba(0,0,0,0.95),rgba(0,0,0,0.0));

    background: -ms-linear-gradient(top,rgba(0,0,0,0.95),rgba(0,0,0,0.0));

    background: -moz-linear-gradient(top,rgba(0,0,0,0.95),rgba(0,0,0,0.0));

    opacity: 0.50;

    transition: all 500ms linear;

    border-radius: 10px;

}



.featured-block-one:hover .image-layer:before {

    opacity: 0.80;

}



.featured-block-one .over-box {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    padding: 55px 20px 0 60px;

    color: #fff;

    border-radius: 10px;

}



.featured-block-one.alt .over-box {

    padding: 40px 20px 0 45px;

}



.featured-block-one .b-title {

    position: relative;

    margin-bottom: 7px;

}



.featured-block-one .b-title span {

    position: relative;

    display: inline-block;

    line-height: 22px;

    padding: 2px 10px;

    font-size: 12px;

    text-transform: uppercase;

    font-family: 'Gilroy_Bold', sans-serif;

    color: var(--dark-gray-gray);

    background: var(--secondary-color);

    border-radius: 3px;

}



.featured-block-one .b-title.featured span {

    background: var(--secondary-color);

}



.featured-block-one .b-title.top-rated span {

    background: var(--primary-color);

    color: #fff;

}



.featured-block-one h6 {

    position: relative;

    color: #fff;

    margin-bottom: 10px;

}



.featured-block-one h3 {

    position: relative;

    font-size: 36px;

    color: #fff;

    line-height: 1.20em;

    margin-bottom: 0;

}



.featured-block-one h3 a, .featured-block-one h6 a {

    color: #fff;

}



.featured-block-one h3 a:hover, .featured-block-one h6 a:hover {

    color: var(--primary-color);

}



.featured-block-one .duration {

    position: relative;

    font-weight: 700;

    padding-top: 10px;

}



.featured-block-one .price {

    position: relative;

    font-family: 'Gilroy_Bold', sans-serif;

    font-size: 36px;

    line-height: 1.0em;

    margin-top: 25px;

}



.featured-block-one .price sub {

    font-size: 14px;

}



.featured-block-one .link-box {

    position: relative;

    padding-top: 30px;

}



.featured-block-one .link-box .theme-btn {

    padding-left: 30px;

    padding-right: 30px;

}



/*** 



====================================================================

  About Us Section

====================================================================



***/

.about-two {

    position: relative;

    padding: 266px 0px 110px;

}



.about-two .bg-grad-right {

    position: absolute;

    right: 0;

    top: -150px;

}



.about-two .bg-grad-left {

    position: absolute;

    left: -300px;

    top: -300px;

}



.about-two .d-elem-1 {

    position: absolute;

    left: 46%;

    top: -45px;

}



.about-two .outer-box {

    position: relative;

}



.about-two .text-col {

    position: relative;

    margin-bottom: 50px;

    order: 12;

}



.about-two .text-col .inner {

    position: relative;

    display: block;

    padding-left: 110px;

    padding-top: 20px;

}



.about-two .features {

    position: relative;

}



.about-two .features .row {

    margin: 0 -5px;

}



.about-two .features .f-block {

    position: relative;

    padding: 0 5px;

    margin-bottom: 30px;

}



.about-two .f-block .inner-box {

    position: relative;

    display: block;

    padding-left: 75px;

    padding-top: 6px;

    min-height: 60px;

}



.about-two .f-block .icon {

    position: absolute;

    left: 0;

    top: 0;

    width: 60px;

    line-height: 60px;

}



.about-two .f-block .icon img {

    position: relative;

    max-height: 60px;

}



.about-two .f-block h6 {

    position: relative;

    line-height: 24px;

    margin-bottom: 0;

}



.about-two .text-col .title-box {

    margin-bottom: 30px;

}



.facts-two {

    position: relative;

}



.facts-two .fact-block {

    position: relative;

    font-family: 'Gilroy_Bold', sans-serif;

    color: var(--dark-gray-gray);

    margin-bottom: 40px;

}



.facts-two .fact-block .inner-box {

    position: relative;

    display: block;

}



.facts-two .fact-count {

    position: relative;

    float: left;

    line-height: 60px;

    font-size: 60px;

}



.facts-two .count-box {

    position: relative;

    line-height: 60px;

    font-size: 60px;

    padding-right: 20px;

}



.facts-two .fact-title {

    position: relative;

    float: left;

    padding-top: 2px;

    font-size: 20px;

    line-height: 28px;

    text-transform: capitalize;

}



.about-two .text-col .link-box {

    position: relative;

    padding-top: 12px;

}



.about-two .image-col {

    position: relative;

    margin-bottom: 50px;

    order: 0;

}



.about-two .image-col .d-elem-2 {

    position: absolute;

    right: 30px;

    bottom: -60px;

}



.about-two .image-col .inner {

    position: relative;

    display: block;

    padding-right: 100px;

    min-height: 100%;

}



.about-two .image-col .image-box {

    position: relative;

    border-radius: 10px;

}



.about-two .image-col .image-box img {

    position: relative;

    display: block;

    width: 100%;

    border-radius: 10px;

}



.about-two .image-col .image-box .vid-btn {

    position: absolute;

    display: block;

    right: -60px;

    top: 50%;

    width: 120px;

    height: 120px;

    padding: 30px 20px;

    font-size: 26px;

    color: #fff;

    text-align: center;

    margin: -60px 0 0 0;

    background: var(--primary-color);

    border-radius: 50%;

    z-index: 1;

}



.about-two .image-col .image-box .vid-btn:before {

    content: '';

    position: absolute;

    left: -16px;

    top: -16px;

    right: -16px;

    bottom: -16px;

    border: 16px solid rgba(255, 255, 255, 0.45);

    border-radius: 50%;

    transition: all 500ms linear;

}



.about-two .image-col .image-box .vid-btn:hover {

    background: #fff;

    color: var(--primary-color);

}



.about-two .image-col .image-box .vid-btn:hover:before {

    border-color: var(--primary-color);

}



.about-two .image-col .image-box .vid-btn .icon {

    position: relative;

    vertical-align: middle;

    line-height: 60px;

}



/*** 



====================================================================

  Why Us Section

====================================================================



***/

.why-us-two {

    position: relative;

    padding: 140px 0px 0;

    background: #fff;

}



.why-us-two .bg-grad-left {

    position: absolute;

    left: 25%;

    top: -150px;

}



.why-us-two .bg-grad-right {

    position: absolute;

    right: -250px;

    bottom: -280px;

}



.why-us-two .outer-box {

    position: relative;

}



.why-us-two .title-box h2 {

    text-transform: none;

}



.why-us-two .text-col {

    position: relative;

}



.why-us-two .text-col .inner {

    position: relative;

    display: block;

    padding-right: 110px;

}



.why-us-two .text-col .d-elem-1 {

    position: absolute;

    right: -10px;

    top: 30px;

}



.why-us-two .features {

    position: relative;

}



.why-us-two .features .f-block-three {

    position: relative;

    margin-bottom: 45px;

}



.why-us-two .f-block-three .inner-box {

    position: relative;

    display: block;

    padding-left: 102px;

    min-height: 72px;

}



.why-us-two .f-block-three .inner-box:hover .icon {

    transform: rotateY(180deg);

}



.why-us-two .f-block-three .icon {

    position: absolute;

    left: 0;

    top: 0;

    width: 72px;

    line-height: 72px;

    transition: all 600ms ease;

    -moz-transition: all 600ms ease;

    -webkit-transition: all 600ms ease;

    -ms-transition: all 600ms ease;

    -o-transition: all 600ms ease;

}



.why-us-two .f-block-three .icon img {

    position: relative;

    max-height: 72px;

}



.why-us-two .f-block-three h4 {

    position: relative;

    margin-bottom: 15px;

}



.why-us-two .f-block-three .travilo-text {

    position: relative;

}



.why-us-two .text-col .title-box {

    margin-bottom: 30px;

}



.why-us-two .text-col .link-box {

    position: relative;

    padding-top: 35px;

}



.why-us-two .text-col .d-elem-1 {

    position: absolute;

    right: 50px;

    top: 30px;

}



.why-us-two .image-col {

    position: relative;

    margin-bottom: 50px;

}



.why-us-two .image-col .d-elem-2 {

    position: absolute;

    left: 40px;

    bottom: -80px;

}



.why-us-two .image-col .inner {

    position: relative;

    display: block;

    padding-left: 110px;

    min-height: 100%;

}



.why-us-two .image-col .image-box {

    position: relative;

    border-radius: 10px;

}



.why-us-two .image-col .image-box img {

    position: relative;

    display: block;

    width: 100%;

    border-radius: 10px;

}



.why-us-two .image-col .rating {

    position: absolute;

    left: 30px;

    top: -70px;

    display: block;

    width: 170px;

    height: 170px;

    padding: 30px 10px 10px;

    background: #fff;

    text-align: center;

    border-radius: 50%;

    box-shadow: 0 0 40px 0 rgba(2, 24, 93, 0.08);

    z-index: 1;

}



.why-us-two .image-col .rating .icon {

    position: relative;

    font-size: 48px;

    line-height: 1.2em;

    color: var(--yellow-color);

}



.why-us-two .image-col .rating .count {

    position: relative;

    display: block;

    padding-top: 5px;

    font-size: 36px;

    color: var(--dark-gray-gray);

    font-family: 'Gilroy_Bold', sans-serif;

    line-height: 1.5em;

}



.why-us-two .image-col .fact-block {

    position: absolute;

    font-family: 'Gilroy_Bold', sans-serif;

    color: var(--dark-gray-gray);

    margin-bottom: 40px;

}



.why-us-two .image-col .fact-block.f-1 {

    width: 230px;

    top: 80px;

    right: -100px;

}



.why-us-two .image-col .fact-block.f-2 {

    width: 270px;

    bottom: 80px;

    left: 20px;

}



.why-us-two .image-col .fact-block .inner-box {

    position: relative;

    display: block;

    padding: 32px 25px 28px 30px;

    background: #fff;

    border-radius: 10px;

    box-shadow: 0 0 40px 0 rgba(2, 24, 93, 0.08);

}



.why-us-two .image-col .fact-block .fact-count {

    position: relative;

    float: left;

    line-height: 60px;

    font-size: 60px;

}



.why-us-two .image-col .fact-block .count-box {

    position: relative;

    line-height: 60px;

    font-size: 60px;

    padding-right: 20px;

}



.why-us-two .image-col .fact-block .fact-title {

    position: relative;

    float: left;

    padding-top: 2px;

    font-size: 18px;

    line-height: 28px;

    text-transform: capitalize;

}



.why-us-two .get-help {

    position: relative;

    top: 135px;

    margin-top: -45px;

    z-index: 5;

}



.why-us-two .get-help .content-box {

    position: relative;

    padding: 75px 70px 30px 70px;

    background: var(--tertiary-color);

    border-radius: 10px;

}



.why-us-two .get-help .text-col {

    position: relative;

    margin-bottom: 30px;

}



.why-us-two .get-help .title-box {

    margin-bottom: 0;

}



.why-us-two .get-help .title-box .subtitle, .why-us-two .get-help .title-box h2, .why-us-two .get-help .title-box .travilo-text {

    color: #fff;

}



.why-us-two .get-help .title-box h2 span {

    position: relative;

    display: inline-block;

}



.why-us-two .get-help .title-box h2 span i {

    position: absolute;

    right: -60px;

    top: -50px;

}



.why-us-two .get-help .title-box .travilo-text {

    position: relative;

    padding-top: 15px;

}



.why-us-two .get-help .link-col {

    position: relative;

    margin-bottom: 30px;

}



.why-us-two .get-help .link-col .inner {

    position: relative;

    padding-top: 50px;

}



/*** 



====================================================================

  Testimonials Section

====================================================================



***/

.testimonials-two {

    position: relative;

    padding: 280px 0px 80px;

    background: var(--anti-flash-white-color);

}



.testimonials-two .title-box {

    position: relative;

    margin-bottom: 60px;

}



.testimonials-two .image-col {

    position: relative;

    order: 0;

    margin-bottom: 50px;

}



.testimonials-two .image-col .inner {

    position: relative;

    display: block;

    padding-right: 100px;

    min-height: 100%;

}



.testimonials-two .image-col .image-box {

    position: relative;

}



.testimonials-two .image-col .image-box img {

    position: relative;

}



.testimonials-two .text-col {

    position: relative;

    order: 12;

}



.testimonials-two .text-col .inner {

    position: relative;

    display: block;

}



.testi-block-two {

    position: relative;

}



.slick-list .testi-block-two {

    opacity: 0;

    visibility: hidden;

    transition: all 500ms linear;

}



.slick-list .testi-block-two.slick-active {

    opacity: 1;

    visibility: visible;

}



.testi-block-two .inner-box {

    position: relative;

    display: block;

}



.testi-block-two .quote-icon {

    position: relative;

    font-size: 48px;

    line-height: 1.2em;

    color: var(--primary-color);

    margin-bottom: 30px;

}



.testi-block-two .rating {

    position: absolute;

    right: 0;

    top: 10px;

    font-size: 24px;

    color: var(--secondary-color);

}



.testi-block-two .travilo-text {

    position: relative;

    font-style: italic;

    color: var(--medium-gray-color);

    font-size: 24px;

    line-height: 1.5em;

}



.testi-block-two .info {

    position: relative;

    padding-top: 10px;

    padding-left: 90px;

    min-height: 70px;

    margin-top: 30px;

}



.testi-block-two .info .image {

    position: absolute;

    left: 0;

    top: 0px;

    width: 70px;

    height: 70px;

    border-radius: 50%;

    overflow: hidden;

}



.testi-block-two .info .image img {

    position: relative;

    display: block;

    width: 100%;

    border-radius: 50%;

}



.testi-block-two .info .name {

    color: var(--dark-gray-gray);

    font-size: 18px;

    line-height: 24px;

    font-weight: 400;

    font-family: 'Gilroy_Bold', sans-serif;

    margin-bottom: 0px;

}



.testi-block-one .info .designation {

    position: relative;

    float: left;

    font-size: 14px;

    font-weight: 400;

    color: var(--light-gray-gray);

}



.testimonials-two .slick-dots {

    position: relative;

    padding-top: 50px;

}



.testimonials-two .slick-dots li {

    position: relative;

    display: inline-block;

    font-size: 0;

    text-indent: 50px;

    overflow: hidden;

    width: 24px;

    height: 24px;

    border: 1px solid rgba(0, 0, 0, 0.0);

    margin: 0 5px;

    border-radius: 50%;

    cursor: pointer;

}



.testimonials-two .slick-dots li button {

    content: '';

    position: absolute;

    left: 6px;

    top: 6px;

    width: 10px;

    height: 10px;

    background: #c4cecc;

    border-radius: 50%;

}



.testimonials-two .slick-dots li.slick-active {

    border-color: var(--primary-color);

}



.testimonials-two .slick-dots li.slick-active button {

    background: var(--tertiary-color);

}



/*** 



====================================================================

  Partners Section

====================================================================



***/

.partners-two {

    position: relative;

    padding: 140px 0px;

    z-index: 5;

}



.partners-two.alternate {

    padding: 60px 0;

}



.partners-two .partner-block {

    position: relative;

    text-align: center;

    margin-bottom: 30px;

}



.partners-two .slick-list .partner-block {

    margin: 0 15px;

}



.partners-two .partner-block .image {

    position: relative;

    display: block;

    line-height: 100px;

}



.partners-two .partner-block img {

    display: inline-block;

    vertical-align: middle;

    max-height: 100px;

    opacity: 0.70;

    -webkit-filter: grayscale(100%);

    -moz-filter: grayscale(100%);

    -ms-filter: grayscale(100%);

    transition: all 500ms linear;

}



.partners-two .partner-block img:hover {

    opacity: 1;

    -webkit-filter: grayscale(0%);

    -moz-filter: grayscale(0%);

    -ms-filter: grayscale(0%);

}



/*** 



====================================================================

  News Section

====================================================================



***/

.news-two {

    position: relative;

    padding: 140px 0px 110px;

    background: #F9FCFF;

}



.news-two .news-box {

    position: relative;

}



.news-two .bg-grad-right {

    position: absolute;

    right: -300px;

    top: -300px;

}



.news-two .bg-grad-left {

    position: absolute;

    left: -350px;

    top: -350px;

}



.news-two .news-block-two {

    position: relative;

    margin-bottom: 30px;

}



.news-two .news-box .row {

    margin: 0 -12px;

}



.news-two .news-box .row .news-block-two {

    padding: 0 12px;

    margin-bottom: 24px;

}



.news-block-two .inner-box {

    position: relative;

    display: block;

    min-height: 100%;

}



.news-block-two .image-box {

    position: relative;

    display: block;

    background: var(--primary-color);

    border-radius: 10px;

    overflow: hidden;

}



.news-block-two .image-box img {

    position: relative;

    display: block;

    width: 100%;

    border-radius: 10px;

    transition: all 600ms linear;

}



.news-block-two:hover .image-box img {

    transform: scale(1.05);

    opacity: 0.50;

}



.news-block-two .lower-box {

    position: relative;

    padding: 25px 0 0;

}



.news-block-two .info {

    position: relative;

    margin-bottom: 5px;

}



.news-block-two .info li {

    position: relative;

    display: inline-block;

    vertical-align: top;

    line-height: 24px;

    margin-right: 12px;

}



.news-block-two .info li i {

    position: relative;

    color: var(--primary-color);

}



.news-block-two .info li a {

    position: relative;

    color: var(--medium-gray-color);

}



.news-block-two .info li i {

    position: relative;

    padding-right: 5px;

}



.news-block-two h3, .news-block-two h4, .news-block-two h5 {

    position: relative;

    color: var(--dark-gray-gray);

    line-height: 1.30em;

    margin-bottom: 0;

}



.news-block-two h3 a, .news-block-two h4 a, .news-block-two h5 a {

    color: var(--dark-gray-gray);

}



.news-block-two h3 a:hover, .news-block-two h4 a:hover, .news-block-two h5 a:hover {

    color: var(--primary-color);

}



.news-block-three {

    position: relative;

    margin-bottom: 30px;

}



.sidebar-container .news-block-three {

    margin-bottom: 45px;

}



.news-block-three .inner-box {

    position: relative;

    display: block;

    min-height: 100%;

    background: #fff;

    border-radius: 10px;

    box-shadow: 0px 0px 30px 0px rgba(2, 24, 93, 0.08);

}



.news-block-three .image-box {

    position: relative;

    display: block;

    background: var(--primary-color);

    border-radius: 10px 10px 0 0;

    overflow: hidden;

}



.news-block-three .image-box img {

    position: relative;

    display: block;

    width: 100%;

    border-radius: 10px 10px 0 0;

    transition: all 1000ms linear;

}



.news-block-three:hover .image-box img {

    transform: scale(1.05);

    opacity: 0.90;

}



.news-block-three .lower-box {

    position: relative;

    padding: 40px 40px 20px;

}



.news-block-three .info {

    position: relative;

    margin-bottom: 5px;

}



.news-block-three .info li {

    position: relative;

    display: inline-block;

    vertical-align: top;

    line-height: 24px;

    margin-right: 12px;

}



.news-block-three .info li i {

    position: relative;

    color: var(--primary-color);

}



.news-block-three .info li a {

    position: relative;

    color: var(--medium-gray-color);

}



.news-block-three .info li i {

    position: relative;

    padding-right: 5px;

}



.news-block-three h3 {

    position: relative;

    color: var(--dark-gray-gray);

    font-size: 36px;

    line-height: 1.30em;

    margin-bottom: 0;

}



.news-block-three h3 a {

    color: var(--dark-gray-gray);

}



.news-block-three h3 a:hover {

    color: var(--primary-color);

}



.news-block-three .travilo-text {

    position: relative;

    padding-top: 20px;

    line-height: 1.6em;

}



.news-block-three .more-links {

    position: relative;

    padding-top: 30px;

}



.news-block-three .more-links .more {

    position: relative;

    float: left;

    margin-bottom: 20px;

}



.news-block-three .more-links .social {

    position: relative;

    float: right;

    padding-top: 10px;

    line-height: 30px;

}



.news-block-three .social strong {

    font-size: 18px;

    color: var(--dark-gray-gray);

    font-family: 'Gilroy_Bold', sans-serif;

}



.news-block-three .social a {

    position: relative;

    display: inline-block;

    margin-left: 15px;

    color: var(--dark-gray-gray);

    height: 30px;

    font-size: 18px;

    line-height: 30px;

}



.news-block-three .social a .fab {

    line-height: 30px;

}



.news-block-three .social a:hover {

    color: var(--primary-color);

}



.news-block-three .social a.facebook {

    color: var(--facebook-color);

}



.news-block-three .social a.twitter {

    color: var(--twitter-color);

}



.news-block-three .social a.linkedin {

    color: var(--linkedin-color);

}



.news-block-three .social a.youtube {

    color: var(--youtube-color);

}



.news-block-three .social a:hover {

    color: var(--primary-color);

}



/*** 



====================================================================

  Insta Feed Section

====================================================================



***/

.insta-section-two {

    position: relative;

    padding: 0 0;

    z-index: 5;

}



.insta-section-two .insta-feed {

    position: relative;

}



.insta-section-two .carousel-box {

    position: relative;

    overflow: hidden;

}



.insta-section-two .insta-block {

    position: relative;

    text-align: center;

    margin-bottom: 30px;

}



.insta-section-two .slick-list .insta-block {

    margin: 0 0;

}



.insta-section-two .insta-block .image {

    position: relative;

    display: block;

}



.insta-section-two .insta-block .image img {

    position: relative;

    display: block;

    width: 100%;

    opacity: 1;

    transition: all 500ms linear;

}



.insta-section-two .insta-block .img:hover img {

    opacity: 0.70;

}



.insta-section-two .insta-title {

    position: absolute;

    left: 50%;

    top: 50%;

    width: 190px;

    height: 190px;

    padding: 55px 20px 20px;

    text-align: center;

    background: rgba(255, 255, 255, 0.85);

    margin: -95px 0 0 -95px;

    border-radius: 50%;

    z-index: 10;

    -webkit-animation: icon-bounce 0.8s ease-out infinite;

    animation: icon-bounce 0.8s ease-out infinite;

}



.insta-section-two .insta-title h5 {

    margin-bottom: 5px;

}



.insta-section-two .insta-title .insta-user {

    position: relative;

    color: var(--red-color);

    font-size: 16px;

    font-family: 'Gilroy_Bold', sans-serif;

}



.insta-section-two .insta-title .insta-user a {

    color: var(--red-color);

    font-size: 13px;

}



/*** 



====================================================================

  Inner Banner Section

====================================================================



***/

.inner-banner {

    position: relative;

    padding: 100px 0px 100px;

}



.inner-banner .image-layer {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-repeat: no-repeat;

    background-position: center bottom;

    background-size: cover;

    background-attachment: fixed;

}



.inner-banner .image-layer:before {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.35);

}



.inner-banner .content-box {

    position: relative;

    text-align: center;

}



.inner-banner .content-box h1 {

    position: relative;

    color: #fff;

    font-size: 80px;

    text-transform: capitalize;

    font-weight: 400;

    margin-bottom: 15px;

}



.inner-banner .bread-crumb {

    position: relative;

    line-height: 24px;

}



.inner-banner .bread-crumb ul li {

    position: relative;

    display: inline-block;

    vertical-align: top;

    line-height: 24px;

    padding: 0 0;

    text-transform: capitalize;

    margin-right: 30px;

    color: #fff;

}



.inner-banner .bread-crumb ul li:last-child {

    margin-right: 0;

}



.inner-banner .bread-crumb ul li:after {

    content: '\f0da';

    position: absolute;

    right: -32px;

    top: 1px;

    width: 30px;

    text-align: center;

    font-weight: 700;

    font-family: 'Font Awesome 6 Free';

}



.inner-banner .bread-crumb ul li:last-child:after {

    display: none;

}



.inner-banner .bread-crumb ul li a {

    position: relative;

    color: #fff;

}



.inner-banner .bread-crumb ul li a:hover {

    text-decoration: underline;

}



/*** 



====================================================================

  Intro Two

====================================================================



***/

.intro-two {

    position: relative;

    padding: 140px 0px 90px;

    background: var(--anti-flash-white-color);

}



.intro-two .intro-block-two {

    position: relative;

    margin-bottom: 45px;

    z-index: 10;

}



.intro-two .intro-block-two .inner-box {

    position: relative;

    display: block;

}



.intro-two .intro-block-two .icon {

    position: relative;

    display: block;

    line-height: 100px;

    margin-bottom: 35px;

}



.intro-two .intro-block-two .icon img, .intro-two .intro-block-two .icon svg {

    max-height: 100px;

}



.intro-two .intro-block-two h4 {

    position: relative;

    margin-bottom: 30px;

}



/*** 



====================================================================

  Our Speciality Section

====================================================================



***/

.our-speciality {

    position: relative;

    padding: 140px 0px 95px;

    background: #fff;

    overflow: hidden;

}



.our-speciality .outer-box {

    position: relative;

}



.our-speciality .bg-grad-left {

    position: absolute;

    left: -350px;

    top: -350px;

}



.our-speciality .title-col {

    position: relative;

    margin-bottom: 45px;

}



.our-speciality .title-col .inner {

    position: relative;

    display: block;

}



.our-speciality .title-col .d-elem-1 {

    position: absolute;

    right: 0px;

    top: -10px;

}



.our-speciality .title-col .title-box {

    margin-bottom: 0;

}



.our-speciality .content-col {

    position: relative;

}



.our-speciality .content-col .inner {

    position: relative;

    display: block;

    min-height: 100%;

    padding-left: 110px;

}



.our-speciality .features {

    position: relative;

}



.our-speciality .features .feature {

    position: relative;

    margin-bottom: 45px;

}



.our-speciality .feature .inner-box {

    position: relative;

    display: block;

}



.our-speciality .feature .icon {

    position: relative;

    width: 60px;

    line-height: 60px;

    margin-bottom: 30px;

}



.our-speciality .feature .icon img {

    position: relative;

    max-height: 60px;

}



.our-speciality .feature h4 {

    position: relative;

    margin-bottom: 20px;

}



.our-speciality .feature .travilo-text {

    position: relative;

}



/*** 



====================================================================

  Our Team Section

====================================================================



***/

.team-section {

    position: relative;

    padding: 140px 0px 90px;

    background: #fff;

    overflow: hidden;

}



.team-section .team-box {

    position: relative;

}



.team-section .bg-grad-left {

    position: absolute;

    left: -300px;

    top: -360px;

}



.team-section .bg-grad-right {

    position: absolute;

    right: -350px;

    bottom: -230px;

}



.team-section .d-elem-1 {

    position: absolute;

    left: -70px;

    top: -70px;

}



.team-section .team-block {

    position: relative;

    text-align: center;

    margin-bottom: 50px;

}



.team-section .team-block .inner-box {

    position: relative;

    display: block;

    max-width: 272px;

    margin: 0 auto;

}



.team-section .team-block.alt .inner-box {

    padding-top: 60px;

}



.team-section .team-block .image-box {

    position: relative;

    display: block;

    overflow: hidden;

    margin-bottom: 30px;

}



.team-section .team-block .image {

    position: relative;

    display: block;

    border-radius: 170px;

    overflow: hidden;

}



.team-section .team-block .image img {

    position: relative;

    display: block;

    border-radius: 170px;

    width: 100%;

}



.team-section .team-block h4 {

    margin-bottom: 5px;

}



.team-section .team-block h4, .team-section .team-block h4 a {

    color: var(--dark-gray-gray);

}



.team-block .social-links {

    position: absolute;

    left: 20px;

    top: 50%;

    margin-top: -75px;

    width: 40px;

    opacity: 0;

    transition: all 500ms linear;

    transform: translateX(-70px);

}



.team-block .image-box:hover .social-links {

    opacity: 1;

    transform: translateX(0px);

}



.team-block .social-links li {

    position: relative;

    display: block;

    margin: 0 0 7px;

}



.team-block .social-links li a {

    position: relative;

    display: block;

    width: 32px;

    height: 32px;

    color: #fff;

    background: var(--dark-gray-gray);

    text-align: center;

    font-size: 15px;

    line-height: 32px;

    border-radius: 50%;

}



.team-block .social-links li a.facebook {

    background: var(--facebook-color);

}



.team-block .social-links li a.twitter {

    background: var(--twitter-color);

}



.team-block .social-links li a.linkedin {

    background: var(--linkedin-color);

}



.team-block .social-links li a.youtube {

    background: var(--youtube-color);

}



.team-block .social-links li a:hover {

    color: #fff;

    background: var(--primary-color);

}



/*** 



====================================================================

  Packages Section

====================================================================



***/

.packages-three {

    position: relative;

    padding: 0 0 140px;

    background: #fff;

    z-index: 5;

}



.packages-three .search-one {

    position: relative;

    margin-bottom: 130px;

}



.packages-three .packages .row {

    margin: 0 -12px;

}



.packages-three .packages .package-block {

    padding: 0 12px;

    margin-bottom: 45px;

}



.filter-row {

    position: relative;

    padding-bottom: 10px;

}



.filter-row .s-info {

    position: relative;

    float: left;

    color: var(--medium-gray-color);

    line-height: 24px;

    padding: 3px 0;

    margin-bottom: 20px;

}



.filter-row .filters {

    position: relative;

    float: right;

}



.filter-row .filters .sort-by {

    position: relative;

    float: left;

    margin-bottom: 20px;

    margin-right: 30px;

}



.filter-row .filters .layout-links {

    position: relative;

    float: right;

    line-height: 30px;

    margin-bottom: 20px;

}



.filter-row .filters .layout-links a {

    position: relative;

    display: inline-block;

    vertical-align: top;

    color: #c7cece;

    transition: all 500ms linear;

}



.filter-row .filters .layout-links a:hover, .filter-row .filters .layout-links a.active {

    color: var(--medium-gray-color);

}



/*Drop Down List*/

.drop-list-one {

    position: relative;

    display: block;

    width: 100%;

}



.drop-list-one .dropdown-outer {

    position: relative;

}



.drop-list-one .btn-box {

    position: relative;

    display: block;

    width: 100%;

    line-height: 24px;

    color: var(--medium-gray-color);

    font-weight: 400;

    font-size: 16px;

    text-transform: capitalize;

    padding: 3px 0;

    background: none;

}



.drop-list-one .btn-box i {

    position: relative;

    font-size: 14px;

    top: 1px;

    padding-left: 2px;

}



.drop-list-one .btn-box:before {

    content: "\e604";

    font-family: 'simple-line-icons';

    position: absolute;

    right: 20px;

    top: 13px;

    height: 30px;

    display: block;

    color: var(--primary-color);

    line-height: 30px;

    font-size: 12px;

    font-weight: 700;

    z-index: 5;

    display: none;

}



.drop-list-one .btn-box::after {

    display: none;

}



.drop-list-one .dropdown-menu {

    left: auto !important;

    right: 0 !important;

    top: 100%;

    width: 100%;

    min-width: 180px;

    padding: 0px 0px;

    margin: 0px;

    margin-top: 5px;

    background: #fff;

    border-radius: 5px;

    border: 1px solid rgba(0,0,0,0.10);

    box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.10);

    border-top: none;

    transform: none;

}



.drop-list-one .dropdown-menu li {

    position: relative;

    display: block;

    border: none;

    padding: 0px 0px;

    border-top: 1px solid rgba(0,0,0,0.07);

}



.drop-list-one .dropdown-menu li:last-child {

}



.drop-list-one .dropdown-menu li a {

    position: relative;

    display: block;

    line-height: 24px;

    color: var(--dark-gray-gray);

    font-weight: 400;

    font-size: 14px;

    text-transform: capitalize;

    padding: 5px 15px;

    transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

}



.drop-list-one .dropdown-menu li:hover > a {

    color: #fff;

    background: var(--primary-color);

}



.styled-pagination {

    position: relative;

    padding-top: 15px;

}



.styled-pagination ul {

    position: relative;

}



.styled-pagination ul li {

    position: relative;

    display: inline-block;

    vertical-align: top;

    margin: 0 5px;

}



.styled-pagination ul li a {

    position: relative;

    display: block;

    width: 48px;

    height: 48px;

    line-height: 46px;

    color: var(--medium-gray-color);

    text-align: center;

    border: 1px solid rgba(0, 0, 0, 0.50);

    border-radius: 5px;

    transition: all 500ms linear;

}



.styled-pagination ul li:hover a, .styled-pagination ul li.active a {

    color: #fff;

    background: var(--primary-color);

    border-color: var(--primary-color);

}



/*** 



====================================================================

  Destinations Section

====================================================================



***/

.destinations-two {

    position: relative;

    padding: 140px 0;

    background: #fff;

    z-index: 5;

}



.destinations-two .row {

    margin: 0 -12px;

}



.destinations-two .popular-block {

    padding: 0 12px;

    margin-bottom: 45px;

}



/*** 



====================================================================

  Contact Section

====================================================================



***/

.contact-section {

    position: relative;

    padding: 140px 0px 90px;

    background: #fff;

}



.contact-section .info-col {

    position: relative;

    margin-bottom: 30px;

}



.contact-section .info-col .inner {

    position: relative;

    display: block;

}



.contact-section .info li {

    position: relative;

    min-height: 72px;

    padding-left: 80px;

    padding-top: 7px;

    margin-bottom: 20px;

}



.contact-section .info li .icon {

    position: absolute;

    left: 0;

    top: 0;

    width: 72px;

    height: 72px;

    line-height: 72px;

    text-align: center;

    font-size: 25px;

    background: var(--primary-color);

    color: #fff;

    border-radius: 50%;

}



.contact-section .info li h5 {

    margin-bottom: 10px;

}



.contact-section .info li a {

    color: var(--medium-gray-color);

}



.contact-section .info li a:hover {

    color: var(--primary-color);

}



.contact-section .form-col {

    position: relative;

    margin-bottom: 40px;

}



.contact-section .form-col .inner {

    position: relative;

    display: block;

    min-height: 100%;

}



.contact-section .form-col h3 {

    font-size: 36px;

    margin-bottom: 25px;

}



.contact-section .form-col .row {

    margin: 0 -5px;

}



.contact-section .form-col .row .form-group {

    padding: 0 5px;

    margin-bottom: 10px;

}



.contact-section .form-col form textarea {

    height: 180px;

}



.contact-section .form-col form .theme-btn {

    margin-top: 10px;

}



.contact-section .map-box {

    position: relative;

    display: block;

    width: 100%;

    height: 380px;

    margin-top: 80px;

    margin-bottom: 50px;

}



.contact-section .map-box iframe {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    outline: none;

    border: none;

}



.contact-section .map-box .map-icon {

    position: absolute;

    left: 50%;

    top: 50%;

    height: 80px;

    width: 80px;

    line-height: 80px;

    text-align: center;

    margin: -40px 0 0 -40px;

    z-index: 5;

}



/*** 



====================================================================

  Hotels Section

====================================================================



***/

.hotels-section {

    position: relative;

    padding: 0 0 140px;

    background: #fff;

    z-index: 5;

}



.hotels-section .search-one {

    position: relative;

    margin-bottom: 130px;

}



.hotels-section .packages .row {

    margin: 0 -12px;

}



.hotels-section .packages .package-block {

    padding: 0 12px;

    margin-bottom: 45px;

}



/*** 



====================================================================

  Sidebar Container Section

====================================================================



***/

.sidebar-container {

    position: relative;

    padding: 100px 0 95px;

}



.sidebar-container .sidebar-side {

    position: relative;

}



.sidebar-container .sidebar-inner {

    position: relative;

    padding-right: 15px;

}



.blog-page .sidebar-inner {

    padding-right: 0px;

    padding-left: 15px;

}



.sidebar-container .sb-widget {

    position: relative;

    margin-bottom: 45px;

}



.sidebar-container .sb-widget .s-title {

    position: relative;

    margin-bottom: 30px;

}



.sidebar-container .sb-widget .s-title .fa {

    position: absolute;

    left: 0;

    top: 0;

    line-height: 30px;

    color: var(--primary-color);

}



.sidebar-container .sb-widget .s-title h4 {

    position: relative;

    padding-left: 25px;

    margin-bottom: 0;

}



.sidebar-container .sb-widget .w-inner {

    position: relative;

    display: block;

    padding: 45px 45px 45px;

    background: #fff;

    box-shadow: 0px 0px 30px 0px rgba(2, 24, 93, 0.08);

}



.sidebar-container .s-widget .w-inner {

    padding-bottom: 35px;

}



.sidebar-container .s-widget form .form-group {

    margin-bottom: 10px;

}



.sidebar-container .s-widget form .theme-btn {

    display: block;

    width: 100%;

}



.range-slider {

    position: relative;

    padding-left: 12px;

}



.range-slider .ui-widget.ui-widget-content {

    height: 6px;

    border: none;

    margin-bottom: 10px;

    background: #dbe2e0;

    border-radius: 3px;

}



.range-slider .ui-slider .ui-slider-range {

    top: 0px;

    height: 6px;

    background: var(--primary-color);

    border-radius: 3px;

}



.range-slider .ui-state-default, .range-slider .ui-widget-content .ui-state-default {

    top: -3px;

    width: 12px;

    height: 12px;

    background: var(--primary-color);

    cursor: pointer;

    border-radius: 6px;

    border: 3px solid var(--primary-color);

}



.range-slider .pull-left {

    float: left;

    position: relative;

    left: -7px;

}



.range-slider .pull-right {

    float: right;

    position: relative;

    right: -12px;

}



.range-slider .input {

    position: relative;

    font-size: 16px;

    color: var(--medium-gray-color);

    line-height: 24px;

    font-weight: 400;

}



.range-slider .input input {

    display: inline;

    width: auto;

    font-size: 16px;

    height: 24px;

    color: var(--medium-gray-color);

    background: none;

    border: none;

    line-height: 24px;

    padding: 0 0;

    width: 40px;

    border-radius: 0;

}



.sidebar-container .cbf-widget {

    position: relative;

}



.sidebar-container .cbf-widget ul {

    position: relative;

}



.sidebar-container .cbf-widget ul li {

    position: relative;

    display: block;

    line-height: 24px;

    margin-bottom: 10px;

}



.sidebar-container .cbf-widget.rating-widget ul li {

    margin-bottom: 6px;

}



.sidebar-container .cbf-widget ul li:last-child, .sidebar-container .cbf-widget.rating-widget ul li:last-child {

    margin-bottom: 0;

}



.sidebar-container .cbf-widget .cb-block {

    position: relative;

}



.sidebar-container .cbf-widget .cb-block input {

    position: absolute;

    left: 0;

    top: 0;

    opacity: 0;

    visibility: hidden;

}



.sidebar-container .cbf-widget .cb-block label {

    position: relative;

    display: block;

    margin: 0 0;

    font-weight: 400;

    font-size: 16px;

    color: var(--medium-gray-color);

    padding-left: 24px;

    cursor: pointer;

}



.sidebar-container .cbf-widget .cb-block label:before {

    content: '' ;

    position: absolute;

    left: 0;

    top: 4px;

    width: 16px;

    height: 16px;

    border: 1px solid rgba(0, 0, 0, 0.15);

    border-radius: 3px;

}



.sidebar-container .cbf-widget .cb-block input:checked+label:before {

    background: var(--primary-color);

    border-color: var(--primary-color);

}



.sidebar-container .cbf-widget .cb-block label:after {

    content: "\f00c";

    font-family: 'Font Awesome 6 Free';

    position: absolute;

    left: 4px;

    top: 4px;

    line-height: 16px;

    width: 16px;

    height: 16px;

    font-size: 10px;

    color: #fff;

    opacity: 0;

    visibility: hidden;

}



.sidebar-container .cbf-widget .cb-block input:checked+label:after {

    opacity: 1;

    visibility: visible;

}



.sidebar-container .cbf-widget .cb-block label .rating {

    position: relative;

    display: inline-block;

    padding-right: 10px;

}



.sidebar-container .cbf-widget .cb-block label .rating i {

    color: var(--secondary-color);

}



.sidebar-container .cbf-widget .cb-block label .rating .empty {

    color: #dbe2e0;

}



.sidebar-container .content-side {

    position: relative;

}



.sidebar-container .content-inner {

    position: relative;

}



.sidebar-container .packages {

    position: relative;

}



.sidebar-container .styled-pagination {

    padding-top: 0;

    margin-bottom: 40px;

}



.package-block-two {

    position: relative;

    margin-bottom: 30px;

}



.sidebar-container .package-block-two {

    margin-bottom: 50px;

}



.package-block-two .inner-box {

    position: relative;

    display: block;

    background: #fff;

    border: 1px solid rgba(0, 0, 0, 0.03);

    box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.07);

    min-height: 325px;

    padding-left: 360px;

    border-radius: 10px;

}



.package-block-two .image-box {

    position: absolute;

    left: 0;

    top: 0;

    width: 360px;

    height: 100%;

    overflow: hidden;

}



.package-block-two .image-box .image {

    position: relative;

    background: var(--primary-color);

    border-radius: 10px 10px 0 0;

    overflow: hidden;

    display: none;

}



.package-block-two .image-box .image img {

    position: relative;

    width: 100%;

    border-radius: 10px 10px 0 0;

    transition: all 0.7s ease;

}



.package-block-two .inner-box:hover .image img {

    opacity: 0.90;

    transform: scale(1.05);

}



.package-block-two .inner-box:hover .image-layer {

    transform: scale(1.05,1.05);

}



.package-block-two .image-layer {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;

    border-radius: 10px 0 0 10px;

    transition: all 600ms ease;

    -moz-transition: all 600ms ease;

    -webkit-transition: all 600ms ease;

    -ms-transition: all 600ms ease;

    -o-transition: all 600ms ease;

}



.package-block-two .image-layer:before {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.0);

}



.package-block-two .image-box .b-title {

    position: absolute;

    left: 18px;

    top: 15px;

    z-index: 5;

}



.package-block-two .image-box .b-title span {

    position: relative;

    display: inline-block;

    line-height: 22px;

    padding: 2px 10px;

    font-size: 12px;

    text-transform: uppercase;

    font-family: 'Gilroy_Bold', sans-serif;

    color: var(--dark-gray-gray);

    background: var(--secondary-color);

    border-radius: 3px;

}



.package-block-two .image-box .b-title.featured span {

    background: var(--secondary-color);

}



.package-block-two .image-box .b-title.top-rated span {

    background: var(--primary-color);

    color: #fff;

}



.package-block-two .image-box .fav-btn {

    position: absolute;

    right: 20px;

    top: 20px;

    z-index: 5;

}



.package-block-two .image-box .fav-btn a {

    position: relative;

    display: block;

    line-height: 24px;

    color: #fff;

    font-size: 21px;

    opacity: 0.50;

}



.package-block-two:hover .image-box .fav-btn a {

    opacity: 1;

}



.package-block-two .image-box .fav-btn a:hover {

    color: var(--primary-color);

}



.package-block-two .image-box .p-icon {

    position: absolute;

    left: 16px;

    bottom: 16px;

    width: 72px;

    height: 72px;

    z-index: 5;

}



.package-block-two .image-box .p-icon img {

    max-height: 72px;

}



.package-block-two .content-box {

    position: relative;

    display: block;

    padding: 40px 40px 0;

}



.package-block-two .content-box .loc-rat {

    position: relative;

    margin-bottom: 5px;

}



.package-block-two .content-box .loc-rat .location {

    position: relative;

    float: left;

    font-weight: 400;

    line-height: 24px;

    color: var(--primary-color);

    font-family: 'Gilroy_Bold', sans-serif;

    margin-bottom: 10px;

}



.package-block-two .content-box .loc-rat .rating {

    position: relative;

    float: left;

    line-height: 24px;

    margin-left: 20px;

}



.package-block-two .content-box .loc-rat .rating a {

    font-size: 12px;

    color: var(--light-gray-gray);

    display: inline-block;

    vertical-align: top;

    line-height: 24px;

}



.package-block-two .content-box .loc-rat .rating i {

    position: relative;

    color: var(--secondary-color);

    font-size: 14px;

    padding-right: 5px;

    line-height: 24px;

    color: var(--secondary-color);

    z-index: 1;

}



.package-block-two .content-box .loc-rat .rating strong {

    position: relative;

    font-family: 'Gilroy_Bold', sans-serif;

    font-size: 14px;

    color: var(--dark-gray-gray);

}



.package-block-two .content-box h5 {

    position: relative;

    font-weight: 400;

    color: var(--dark-gray-gray);

    margin-bottom: 20px;

}



.package-block-two h5 a {

    color: var(--dark-gray-gray);

}



.package-block-two h5 a:hover {

    color: var(--primary-color);

}



.package-block-two .content-box .travilo-text {

    position: relative;

    line-height: 1.6em;

    padding-bottom: 20px;

}



.package-block-two .content-box .info {

    position: relative;

}



.package-block-two .bottom-box {

    position: relative;

    margin-top: 25px;

    padding: 15px 0;

    border-top: 1px solid rgba(0, 0, 0, 0.15);

}



.package-block-two .bottom-box .duration {

    position: relative;

    float: left;

    font-size: 14px;

    line-height: 20px;

}



.package-block-two .bottom-box .persons {

    position: relative;

    float: left;

    font-size: 14px;

    line-height: 20px;

}



.package-block-two .bottom-box .duration i, .package-block-two .bottom-box .persons i {

    position: relative;

    padding-right: 5px;

    color: var(--primary-color);

}



.package-block-two .bottom-box .price {

    position: relative;

    font-size: 14px;

    color: var(--medium-gray-color);

    line-height: 20px;

    float: right;

}



.package-block-two .bottom-box .price .amount {

    font-size: 18px;

    color: var(--primary-color);

    font-family: 'Gilroy_Bold', sans-serif;

}



.sidebar-container .activities {

    position: relative;

}



.sidebar-container .activities .row {

    margin: 0 -12px;

}



.sidebar-container .activities .row .package-block {

    padding: 0 12px;

    margin-bottom: 45px;

}



.sidebar-container .activities .package-block .lower-box {

    padding-top: 25px;

}



/*Search Box Widget*/

.sidebar-container .search-widget .form-group {

    position: relative;

    margin: 0px;

}



.sidebar-container .search-widget .form-group input[type="text"], .sidebar-container .search-widget .form-group input[type="search"] {

    position: relative;

    line-height: 32px;

    padding: 10px 50px 10px 20px;

    border: 1px solid rgba(0, 0, 0, 0.15);

    background-color: #fff;

    display: block;

    font-size: 14px;

    width: 100%;

    height: 54px;

    color: var(--dark-gray-gray);

    border-radius: 5px;

    transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

}



.sidebar-container .search-widget .form-group button {

    position: absolute;

    right: 10px;

    top: 0px;

    height: 54px;

    width: 40px;

    display: block;

    font-size: 18px;

    color: var(--dark-gray-gray);

    cursor: pointer;

    line-height: 54px;

    font-weight: normal;

    background: none;

}



.sidebar-container .search-widget .form-group input[type="text"]:focus, .sidebar-container .search-widget .form-group input[type="search"]:focus {

    border-color: var(--primary-color);

}



.sidebar-container .posts-widget .post {

    position: relative;

    min-height: 84px;

    padding-left: 104px;

    margin-bottom: 20px;

}



.sidebar-container .posts-widget .post:last-child {

    margin-bottom: 0;

}



.sidebar-container .posts-widget .post .post-thumb {

    position: absolute;

    left: 0px;

    top: 0px;

    width: 84px;

    border-radius: 5px;

    overflow: hidden;

}



.sidebar-container .posts-widget .post .post-thumb img {

    display: block;

    width: 100%;

    transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

}



.sidebar-container .posts-widget .post .travilo-text {

    position: relative;

    top: 0px;

    font-size: 18px;

    font-family: 'Gilroy_Bold', sans-serif;

    margin: 0px 0px;

    font-weight: 500;

    color: var(--dark-gray-gray);

    line-height: 24px;

}



.sidebar-container .posts-widget .post .travilo-text a {

    color: var(--dark-gray-gray);

    transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

}



.sidebar-container .posts-widget .post a:hover {

    color: var(--primary-color);

}



.sidebar-container .posts-widget .post .post-info {

    position: relative;

    font-size: 14px;

    color: var(--medium-gray-color);

    font-weight: 400;

    margin-top: 5px;

}



.sidebar-container .links-widget li {

    position: relative;

    line-height: 24px;

    margin-bottom: 10px;

}



.sidebar-container .links-widget li:last-child {

    margin-bottom: 0;

}



.sidebar-container .links-widget li a {

    position: relative;

    color: var(--medium-gray-color);

}



.sidebar-container .links-widget li a:hover {

    color: var(--primary-color);

}



.sidebar-container .tags-widget li {

    position: relative;

    display: inline-block;

    vertical-align: top;

    margin-right: 3px;

    margin-bottom: 6px;

}



.sidebar-container .tags-widget li a {

    position: relative;

    display: block;

    line-height: 22px;

    color: var(--medium-gray-color);

    font-size: 14px;

    padding: 8px 25px;

    border: 1px solid rgba(0, 0, 0, 0.15);

    border-radius: 20px;

}



.sidebar-container .tags-widget li a:hover {

    color: var(--primary-color);

    border-color: var(--primary-color);

}



.sidebar-container .gallery-widget {

    position: relative;

}



.sidebar-container .gallery-widget ul {

    position: relative;

    margin: 0 -3px;

}



.sidebar-container .gallery-widget ul li {

    position: relative;

    float: left;

    width: 25%;

    padding: 0 3px;

    margin-bottom: 6px;

}



.sidebar-container .gallery-widget ul li .image {

    position: relative;

    display: block;

    border-radius: 5px;

    overflow: hidden;

}



.sidebar-container .gallery-widget ul li .image img {

    position: relative;

    display: block;

    width: 100%;

    border-radius: 5px;

    transition: all 300ms linear;

}



.sidebar-container .gallery-widget ul li .image img:hover {

    opacity: 0.70;

    -webkit-filter: grayscale(100%);

}



.sidebar-container .social-widget .social-links {

    position: relative;

}



.sidebar-container .social-widget .social-links li {

    position: relative;

    float: left;

    margin-right: 6px;

    margin-bottom: 10px;

}



.sidebar-container .social-widget .social-links li:last-child {

    margin-right: 0;

}



.sidebar-container .social-widget .social-links li a {

    position: relative;

    display: block;

    width: 60px;

    height: 60px;

    color: #fff;

    background: var(--dark-gray-gray);

    text-align: center;

    font-size: 20px;

    line-height: 60px;

    border-radius: 50%;

}



.sidebar-container .social-widget .social-links li a.facebook {

    background: var(--facebook-color);

}



.sidebar-container .social-widget .social-links li a.twitter {

    background: var(--twitter-color);

}



.sidebar-container .social-widget .social-links li a.linkedin {

    background: var(--linkedin-color);

}



.sidebar-container .social-widget .social-links li a.youtube {

    background: var(--youtube-color);

}



.sidebar-container .social-widget .social-links li a:hover {

    color: #fff;

    background: var(--primary-color);

}



/*** 



====================================================================

  Destination Details

====================================================================



***/

.destination-single {

    position: relative;

    padding: 140px 0 90px;

}



.destination-single .upper-images {

    position: relative;

    padding-bottom: 36px;

}



.destination-single .upper-images .row {

    margin: 0 -12px;

}



.destination-single .upper-images .image-col {

    padding: 0 12px;

}



.destination-single .upper-images .image-block {

    position: relative;

    margin-bottom: 24px;

}



.destination-single .upper-images .image {

    position: relative;

    display: block;

    border-radius: 10px;

    background: var(--primary-color);

}



.destination-single .upper-images .image img {

    position: relative;

    display: block;

    width: 100%;

    border-radius: 10px;

    transition: all 600ms ease;

    -moz-transition: all 600ms ease;

    -webkit-transition: all 600ms ease;

    -ms-transition: all 600ms ease;

    -o-transition: all 600ms ease;

}



.destination-single .upper-images .image:hover img {

    opacity: 0.50;

}



.destination-single .upper-images .img-link {

    position: absolute;

    right: 30px;

    bottom: 30px;

}



.destination-single .upper-images .img-link .theme-btn {

    position: relative;

    display: inline-block;

    line-height: 24px;

    padding: 10px 25px;

    background: #fff;

    border-radius: 22px;

    color: var(--dark-gray-gray);

    font-family: 'Gilroy_Bold', sans-serif;

}



.destination-single .upper-images .img-link .theme-btn:hover {

    background: var(--primary-color);

    color: #fff;

}



.destination-single .content-col {

    position: relative;

    margin-bottom: 20px;

}



.destination-single .content-col .inner {

    position: relative;

    display: block;

    padding-right: 20px;

}



.destination-single .content-col .travilo-text {

    line-height: 1.6em;

}



.basic-info {

    position: relative;

    padding-top: 10px;

    margin-bottom: 30px;

}



.basic-info h5 {

    margin-bottom: 0;

}



.basic-info .i-block {

    position: relative;

    padding: 22px 0;

    border-bottom: 1px solid rgba(0, 0, 0, 0.15);

    line-height: 28px;

}



.basic-info .i-block .i-title {

    position: relative;

    float: left;

    color: var(--dark-gray-gray);

    font-family: 'Gilroy_Bold', sans-serif;

    width: 30%;

}



.basic-info .i-block .i-content {

    position: relative;

    float: left;

    width: 70%;

    padding-left: 20px;

}



.destination-single .info-col {

    position: relative;

    margin-bottom: 0px;

}



.destination-single .info-col h3 {

    margin-bottom: 25px;

}



.destination-single .info-col .inner {

    position: relative;

    display: block;

}



.destination-single .info-col .info-block {

    position: relative;

    display: block;

    margin-bottom: 50px;

}



.destination-single .info-col .info-block .inner-box {

    position: relative;

    display: block;

    padding: 40px 45px 45px;

    border: 1px solid rgba(0, 0, 0, 0.15);

    border-radius: 10px;

}



.destination-single .map-box {

    position: relative;

    display: block;

    width: 100%;

    height: 300px;

}



.destination-single .map-box iframe {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    outline: none;

    border: none;

    -webkit-filter: grayscale(100%);

    border-radius: 10px;

}



.destination-single .weather {

    position: relative;

}



.destination-single .weather li {

    position: relative;

    line-height: 24px;

    margin-bottom: 15px;

}



.destination-single .weather li:last-child {

    margin-bottom: 0;

}



.destination-single .weather li .ttl {

    position: relative;

    float: left;

    color: var(--dark-gray-gray);

    font-family: 'Gilroy_Bold', sans-serif;

    width: 35%;

}



.destination-single .weather li .dtl {

    position: relative;

    float: left;

    width: 65%;

    padding-left: 20px;

}



.default-post-section {

    position: relative;

    margin-bottom: 100px;

}



.default-post-section .u-title {

    position: relative;

    padding-bottom: 20px;

}



.default-post-section .u-title h2 {

    position: relative;

    float: left;

    margin-bottom: 40px;

}



.default-post-section .u-title .link-box {

    position: relative;

    float: right;

    padding-top: 15px;

    margin-bottom: 20px;

}



.default-post-section .u-title .link-box .theme-btn {

    position: relative;

    font-size: 16px;

    color: var(--dark-gray-gray);

    font-family: 'Gilroy_Bold', sans-serif;

    line-height: 24px;

    padding: 8px 22px;

    border: 2px solid var(--primary-color);

    border-radius: 5px;

}



.default-post-section .u-title .link-box .theme-btn:hover {

    background: var(--primary-color);

    border-color: var(--primary-color);

    color: #fff;

}



.default-post-section .row {

    margin: 0 -12px;

}



.default-post-section .row .package-block {

    padding: 0 12px;

    margin-bottom: 40px;

}



/*** 



====================================================================

  Blog Single Section

====================================================================



***/

.blog-single-banner {

    position: relative;

    padding: 0 0;

}



.blog-single-banner .image-layer {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-repeat: no-repeat;

    background-position: center bottom;

    background-size: cover;

}



.blog-single-banner .image-layer:before {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.35);

}



.blog-single-banner .content-box {

    position: relative;

    display: block;

    height: 720px;

    padding: 80px 0;

}



.blog-single-banner .content {

    position: absolute;

    left: 0;

    bottom: 80px;

    width: 100%;

    max-width: 780px;

}



.blog-single-banner .content-box h1 {

    position: relative;

    color: #fff;

    font-size: 60px;

    font-weight: 400;

    margin-bottom: 0;

}



.blog-single-banner .content-box .info {

    position: relative;

    color: #fff;

    padding-top: 30px;

}



.blog-single-banner .content-box .info li {

    position: relative;

    display: inline-block;

    vertical-align: top;

    line-height: 24px;

    margin-right: 12px;

}



.blog-single-banner .content-box .info li i {

    position: relative;

}



.blog-single-banner .content-box .info li a {

    position: relative;

    color: #fff;

}



.blog-single-banner .content-box .info li i {

    position: relative;

    padding-right: 5px;

}



/*** 



====================================================================

  Post Details

====================================================================



***/

.post-details {

    position: relative;

    padding-bottom: 25px;

    border-bottom: 1px solid rgba(0, 0, 0, 0.20);

}



.post-details .text-content p {

    margin-bottom: 20px;

}



.post-details .text-content blockquote {

    position: relative;

    color: var(--medium-gray-color);

    padding: 40px 0 20px 72px;

    background: none;

    margin-bottom: 25px;

}



.post-details .text-content blockquote:before {

    content: '\f10a';

    font-family: "flaticon";

    position: absolute;

    left: 0;

    top: 25px;

    width: 54px;

    height: 40px;

    font-size: 42px;

    line-height: 40px;

    color: var(--primary-color);

}



.post-details .text-content blockquote p {

    font-size: 20px;

    font-style: italic;

    line-height: 1.5em;

    margin-bottom: 15px;

}



.post-details .text-content blockquote .info {

    position: relative;

    color: var(--medium-gray-color);

    line-height: 24px;

    padding-left: 36px;

}



.post-details .text-content blockquote .info:before {

    content: '';

    position: absolute;

    left: 0;

    top: 50%;

    margin-top: -1px;

    width: 28px;

    border-bottom: 2px solid var(--dark-gray-gray);

}



.post-details .text-content blockquote .info strong {

    color: var(--dark-gray-gray);

    font-family: 'Gilroy_Bold', sans-serif;

}



.post-details .more-links {

    position: relative;

    padding-top: 20px;

}



.post-details .more-links .tags {

    position: relative;

    float: left;

    margin-bottom: 20px;

}



.post-details .more-links .tags a {

    position: relative;

    display: inline-block;

    vertical-align: top;

    margin-right: 4px;

    margin-bottom: 5px;

    line-height: 22px;

    color: var(--medium-gray-color);

    font-size: 14px;

    padding: 8px 25px;

    border: 1px solid rgba(0, 0, 0, 0.15);

    border-radius: 20px;

}



.post-details .more-links .tags a:hover {

    color: var(--primary-color);

    border-color: var(--primary-color);

}



.post-details .more-links .social {

    position: relative;

    float: right;

    padding-top: 5px;

    line-height: 30px;

}



.post-details .social strong {

    font-size: 18px;

    color: var(--dark-gray-gray);

    font-family: 'Gilroy_Bold', sans-serif;

}



.post-details .social a {

    position: relative;

    display: inline-block;

    margin-left: 15px;

    color: var(--dark-gray-gray);

    height: 30px;

    font-size: 18px;

    line-height: 30px;

}



.post-details .social a .fab {

    line-height: 30px;

}



.post-details .social a:hover {

    color: var(--primary-color);

}



.post-details .social a.facebook {

    color: var(--facebook-color);

}



.post-details .social a.twitter {

    color: var(--twitter-color);

}



.post-details .social a.linkedin {

    color: var(--linkedin-color);

}



.post-details .social a.youtube {

    color: var(--youtube-color);

}



.post-details .social a:hover {

    color: var(--primary-color);

}



.post-controls {

    position: relative;

    padding: 50px 0;

    margin-bottom: 20px;

}



.post-controls .control {

    position: relative;

    float: left;

    width: 48%;

    padding-top: 5px;

}



.post-controls .control .image {

    position: absolute;

    top: 0;

    width: 92px;

    height: 92px;

    border-radius: 5px;

    overflow: hidden;

}



.post-controls .control .image img {

    display: block;

    width: 100%;

    border-radius: 5px;

}



.post-controls .p-control {

    position: relative;

    min-height: 92px;

    padding-left: 112px;

    text-align: left;

}



.post-controls .p-control .image {

    left: 0;

}



.post-controls .n-control {

    position: relative;

    float: right;

    min-height: 92px;

    padding-right: 112px;

    text-align: right;

}



.post-controls .n-control .image {

    right: 0;

}



.post-controls .control .c-title {

    position: relative;

    font-size: 14px;

    color: var(--primary-color);

    line-height: 20px;

    font-family: 'Gilroy_Bold', sans-serif;

    margin-bottom: 10px;

}



.post-controls .control .c-title a {

    color: var(--primary-color);

}



.post-controls .control h6 {

    position: relative;

    font-size: 18px;

    color: var(--dark-gray-gray);

    line-height: 26px;

    margin-bottom: 0;

}



.post-controls .control h6 a {

    color: var(--dark-gray-gray);

}



.sidebar-container .author-box {

    position: relative;

    padding: 40px 40px 35px;

    background: #f8fafe;

    border-radius: 10px;

    margin-bottom: 60px;

}



.sidebar-container .author-box .inner {

    position: relative;

    padding-left: 155px;

    min-height: 120px;

}



.sidebar-container .author-box .image {

    position: absolute;

    left: 0;

    top: 0;

    width: 120px;

    height: 120px;

    border-radius: 7px;

}



.sidebar-container .author-box .image img {

    display: block;

    width: 100%;

    border-radius: 7px;

}



.sidebar-container .author-box h3 {

    position: relative;

    margin-bottom: 22px;

}



.sidebar-container .author-box .travilo-text {

    position: relative;

    line-height: 1.6em;

    margin-bottom: 25px;

}



.sidebar-container .author-box .more {

    position: relative;

}



.sidebar-container .author-box .more a {

    color: var(--dark-gray-gray);

    font-family: 'Gilroy_Bold', sans-serif;

    line-height: 24px;

}



.sidebar-container .author-box .more a .fa {

    position: relative;

    top: 1px;

    color: var(--primary-color);

}



.sidebar-container .author-box .more a:hover {

    color: var(--primary-color);

}



.sidebar-container .author-box .author-social {

    position: absolute;

    right: 0;

    top: 0;

}



.sidebar-container .author-box .author-social li {

    position: relative;

    float: left;

    margin-right: 8px;

}



.sidebar-container .author-box .author-social li:last-child {

    margin-right: 0;

}



.sidebar-container .author-box .author-social li a {

    position: relative;

    display: block;

    width: 42px;

    height: 42px;

    color: #fff;

    background: var(--dark-gray-gray);

    text-align: center;

    font-size: 18px;

    line-height: 42px;

    border-radius: 50%;

}



.sidebar-container .author-box .author-social li a.facebook {

    background: var(--facebook-color);

}



.sidebar-container .author-box .author-social li a.twitter {

    background: var(--twitter-color);

}



.sidebar-container .author-box .author-social li a.linkedin {

    background: var(--linkedin-color);

}



.sidebar-container .author-box .author-social li a.youtube {

    background: var(--youtube-color);

}



.sidebar-container .author-box .author-social li a.instagram {

    background: var(--instagram-color);

}



.sidebar-container .author-box .author-social li a:hover {

    color: #fff;

    background: var(--primary-color);

}



.sidebar-container .comments-area {

    position: relative;

}



.sidebar-container .comments-area h3 {

    font-size: 36px;

    margin-bottom: 25px;

}



.sidebar-container .add-comment {

    position: relative;

    margin-bottom: 30px;

}



.sidebar-container .add-comment h3 {

    font-size: 36px;

    margin-bottom: 25px;

}



.sidebar-container .add-comment form .row {

    margin: 0 -6px;

}



.sidebar-container .add-comment form .row .form-group {

    padding: 0 6px;

    margin-bottom: 12px;

}



.sidebar-container .add-comment form .theme-btn {

    margin-top: 14px;

}



.sidebar-container .comments {

    position: relative;

    padding-bottom: 40px;

}



.sidebar-container .comments .comment-box {

    position: relative;

    padding: 45px 45px;

    border: 1px solid rgba(0, 0, 0, 0.15);

    margin-bottom: 20px;

    border-radius: 10px;

}



.sidebar-container .comments .reply-comment {

    margin-left: 60px;

}



.sidebar-container .comments .comment-box .inner {

    position: relative;

    display: block;

}



.sidebar-container .comments .comment-box .travilo-text {

    position: relative;

    line-height: 1.8em;

    margin-bottom: 30px;

}



.sidebar-container .comments .comment-box .lower {

    position: relative;

    display: block;

}



.sidebar-container .comments .comment-box .author-info {

    position: relative;

    float: left;

    padding-left: 80px;

    min-height: 60px;

    padding-top: 7px;

}



.sidebar-container .comments .comment-box .author-info .image {

    position: absolute;

    left: 0;

    top: 0;

    width: 60px;

    height: 60px;

    border-radius: 50%;

    overflow: hidden;

}



.sidebar-container .comments .comment-box .reply-link {

    position: relative;

    float: right;

    padding-top: 9px;

}



.sidebar-container .comments .comment-box .reply-link .theme-btn {

    position: relative;

    font-size: 16px;

    color: var(--dark-gray-gray);

    font-family: 'Gilroy_Bold', sans-serif;

    line-height: 24px;

    padding: 8px 22px;

    border: 1px solid rgba(0, 0, 0, 0.15);

    border-radius: 5px;

}



.sidebar-container .comments .comment-box .reply-link .theme-btn:hover {

    background: var(--primary-color);

    border-color: var(--primary-color);

    color: #fff;

}



.sidebar-container .comments .comment-box .author-name {

    position: relative;

    display: block;

    color: var(--dark-gray-gray);

    font-size: 18px;

    line-height: 26px;

    font-family: 'Gilroy_Bold', sans-serif;

}



.sidebar-container .comments .comment-box .designation {

    position: relative;

    display: block;

    color: var(--light-gray-gray);

    font-size: 14px;

}



/*** 



====================================================================

  Default Single Banner

====================================================================



***/

.tour-single-banner {

    position: relative;

    padding: 0 0;

}



.tour-single-banner .image-layer {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-repeat: no-repeat;

    background-position: center bottom;

    background-size: cover;

}



.tour-single-banner .image-layer:before {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.15);

}



.tour-single-banner .content-box {

    position: relative;

    display: block;

    height: 720px;

    padding: 50px 0;

}



.tour-single-banner .content {

    position: absolute;

    left: 0;

    bottom: 45px;

    width: 100%;

}



.tour-single-banner .content-box .t-type {

    position: relative;

    float: left;

    color: #fff;

    font-size: 14px;

    min-height: 62px;

    padding-left: 77px;

    padding-top: 5px;

}



.tour-single-banner .content-box .t-type .icon {

    position: absolute;

    left: 0;

    top: 0;

    width: 62px;

}



.tour-single-banner .content-box .t-type strong {

    font-family: 'Gilroy_Bold', sans-serif;

    font-weight: 400;

    font-size: 18px;

}



.tour-single-banner .content-box .links {

    position: relative;

    float: right;

    width: 33.333%;

    padding-left: 35px;

}



.tour-single-banner .content-box .links ul {

    position: absolute;

    bottom: 0px;

}



.tour-single-banner .content-box .links li {

    position: relative;

    display: inline-block;

    vertical-align: top;

    margin-right: 8px;

}



.tour-single-banner .content-box .links li a {

    position: relative;

    display: block;

    background: #fff;

    color: var(--dark-gray-gray);

    font-size: 18px;

    font-family: 'Gilroy_Bold', sans-serif;

    line-height: 24px;

    padding: 8px 20px;

    border-radius: 20px;

}



.tour-single-banner .content-box .links li i {

    position: relative;

    padding-left: 5px;

    color: var(--primary-color);

}



.tour-single-banner .content-box .links li a:hover {

    background: var(--primary-color);

    color: #fff;

}



.tour-single-banner .content-box .links li a:hover i {

    color: #fff;

}



/*** 



====================================================================

  Default Single Container Section

====================================================================



***/

.dsp-container {

    position: relative;

    padding: 80px 0 100px;

    line-height: 1.6em;

}



.dsp-container .travilo-text, .dsp-container p {

    line-height: 1.65em;

}



.dsp-container .sidebar-side {

    position: relative;

}



.dsp-container .sidebar-inner {

    position: relative;

    padding-left: 15px;

}



.dsp-container .content-side {

    position: relative;

}



.dsp-container .content-inner {

    position: relative;

}



.dsp-container .dsp-widget {

    position: relative;

    margin-bottom: 50px;

}



.dsp-container .sp-header {

    position: relative;

    margin-bottom: 40px;

}



.dsp-container .sp-header .loc-rat {

    position: relative;

    margin-bottom: 5px;

}



.dsp-container .sp-header .loc-rat .location {

    position: relative;

    float: left;

    font-weight: 400;

    font-size: 24px;

    line-height: 30px;

    color: var(--primary-color);

    font-family: 'Gilroy_Bold', sans-serif;

    margin-bottom: 10px;

}



.dsp-container .sp-header .loc-rat .rating {

    position: relative;

    float: left;

    padding-top: 4px;

    line-height: 24px;

    margin-left: 25px;

}



.dsp-container .sp-header .loc-rat .rating a {

    font-size: 16px;

    color: var(--light-gray-gray);

    display: inline-block;

    vertical-align: top;

    line-height: 24px;

}



.dsp-container .sp-header .loc-rat .rating i {

    position: relative;

    color: var(--secondary-color);

    font-size: 18px;

    padding-right: 5px;

    line-height: 24px;

    color: var(--secondary-color);

    z-index: 1;

}



.dsp-container .sp-header .loc-rat .rating strong {

    position: relative;

    font-family: 'Gilroy_Bold', sans-serif;

    font-size: 18px;

    color: var(--dark-gray-gray);

}



.dsp-container .sp-header .loc-rat .add-fav {

    position: relative;

    float: right;

    padding-top: 4px;

    line-height: 24px;

}



.dsp-container .sp-header .loc-rat .add-fav a {

    color: var(--medium-gray-color);

    display: block;

    line-height: 24px;

}



.dsp-container .sp-header .loc-rat .add-fav a i {

    padding-right: 7px;

    color: var(--primary-color);

    line-height: 24px;

}



.dsp-container .sp-header .loc-rat .add-fav a:hover {

    color: var(--primary-color);

}



.dsp-container .sp-header h1 {

    position: relative;

    font-weight: 400;

    color: var(--dark-gray-gray);

    font-size: 60px;

    margin-bottom: 25px;

}



.dsp-container .content-side h3 {

    margin-bottom: 30px;

}



.dsp-container .sp-header .info {

    position: relative;

    font-size: 16px;

    line-height: 24px;

}



.dsp-container .sp-header .info .duration {

    position: relative;

    float: left;

}



.dsp-container .sp-header .info .persons {

    position: relative;

    float: left;

    margin-left: 20px;

}



.dsp-container .sp-header .info .duration i, .dsp-container .sp-header .info .persons i {

    position: relative;

    padding-right: 5px;

    color: var(--primary-color);

}



.dsp-container .content-side .upper-content {

    position: relative;

    margin-bottom: 70px;

}



.dsp-container .content-side .upper-content h3, .dsp-container .content-side .upper-content h4, .dsp-container .content-side .upper-content h5 {

    margin-bottom: 20px;

}



.dsp-container .basic-info h5 {

    margin-bottom: 0 !important;

}



.un-styled-list {

    position: relative;

    margin: 0 0 20px 18px;

}



.un-styled-list li {

    position: relative;

    list-style: disc;

    line-height: 1.60em;

    padding-left: 5px;

    margin-bottom: 6px;

}



.un-styled-list li::marker {

    color: var(--primary-color);

}



.un-styled-list li:last-child {

    margin-bottom: 0;

}



.styled-list-one {

    margin-bottom: 20px;

}



.styled-list-one li {

    position: relative;

    padding-left: 35px;

    line-height: 1.70em;

    font-weight: 400;

    margin-bottom: 10px;

}



.styled-list-one li:last-child {

    margin-bottom: 0;

}



.styled-list-one li:before {

    content: "\f178";

    font-family: 'Font Awesome 6 Free';

    font-weight: 400;

    font-size: 18px;

    position: absolute;

    left: 0;

    top: 0;

    line-height: 28px;

    text-align: center;

    color: var(--primary-color);

}



.styled-list-two {

    margin-bottom: 20px;

}



.styled-list-two li {

    position: relative;

    padding-left: 35px;

    line-height: 1.70em;

    font-weight: 400;

    margin-bottom: 10px;

}



.styled-list-two li:last-child {

    margin-bottom: 0;

}



.styled-list-two li:before {

    content: "\f00c";

    font-family: 'Font Awesome 6 Free';

    font-weight: 400;

    font-size: 20px;

    position: absolute;

    left: 0;

    top: 0;

    line-height: 28px;

    text-align: center;

    color: #28ac28;

}



.styled-list-three {

    margin-bottom: 20px;

}



.styled-list-three li {

    position: relative;

    padding-left: 35px;

    line-height: 1.70em;

    font-weight: 400;

    margin-bottom: 10px;

}



.styled-list-three li:last-child {

    margin-bottom: 0;

}



.styled-list-three li:before {

    content: "\f00d";

    font-family: 'Font Awesome 6 Free';

    font-weight: 400;

    font-size: 20px;

    position: absolute;

    left: 0;

    top: 0;

    line-height: 28px;

    text-align: center;

    color: #cccbcb;

}



.basic-info .styled-list-one, .basic-info .styled-list-two, .basic-info .styled-list-three {

    margin-bottom: 0;

}



.t-plans {

    position: relative;

    margin-bottom: 70px;

}



.accordion-box {

    position: relative;

}



.tp-accordion {

    position: relative;

}



.tp-accordion .block {

    position: relative;

    margin-bottom: 20px;

}



.tp-accordion .block.active-block {

}



.tp-accordion .block:last-child {

    margin-bottom: 0;

}



.tp-accordion .block .acc-btn {

    position: relative;

    font-size: 18px;

    line-height: 32px;

    font-weight: 400;

    color: var(--dark-gray-gray);

    font-family: 'Gilroy_Bold', sans-serif;

    cursor: pointer;

    padding: 17px 60px 17px 120px;

    background: var(--anti-flash-white-color);

    border-radius: 5px;

    -webkit-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

}



.tp-accordion .block .acc-btn .d-count {

    position: absolute;

    left: 12px;

    top: 12px;

    width: 86px;

    height: 42px;

    line-height: 30px;

    padding: 6px 5px;

    font-size: 16px;

    text-align: center;

    color: #fff;

    background: var(--tertiary-color);

    border-radius: 3px;

}



.tp-accordion .block .acc-btn .arrow {

    position: absolute;

    right: 12px;

    top: 12px;

    height: 42px;

    font-size: 18px;

    width: 42px;

    padding: 6px;

    line-height: 30px;

    text-align: center;

    color: #fff;

    background: var(--primary-color);

    border-radius: 3px;

    -webkit-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

}



.tp-accordion .block .acc-btn.active {

    background-color: var(--tertiary-color);

    color: #fff;

}



.tp-accordion .block .acc-btn.active .arrow {

    color: var(--primary-color);

    background: #fff;

    transform: rotate(180deg);

}



.tp-accordion .block .acc-btn.active .d-count {

    background: var(--primary-color);

}



.tp-accordion .block .acc-content {

    position: relative;

    display: none;

}



.tp-accordion .block .content {

    position: relative;

    padding: 40px 40px 35px 45px;

    border: 1px solid rgba(0, 0, 0, 0.15);

    border-radius: 5px;

}



.tp-accordion .block.active-block .acc-content {

    display: block;

    padding-top: 10px;

}



.tp-accordion .block .content .travilo-text {

    position: relative;

    line-height: 1.65em;

}



.tp-accordion .block .content ul {

    position: relative;

    margin: 0 0 0 18px;

}



.tp-accordion .block .content ul li {

    position: relative;

    list-style: disc;

    line-height: 1.60em;

    margin-bottom: 7px;

}



.tp-accordion .block .content ul li::marker {

    color: var(--primary-color);

}



.tp-accordion .block .content ul li:last-child {

    margin-bottom: 0;

}



.dsp-container .location {

    position: relative;

    margin-bottom: 70px;

}



.dsp-container .map-box {

    position: relative;

    display: block;

    width: 100%;

    height: 350px;

    background: #e0e0e0;

    border-radius: 10px;

}



.dsp-container .map-box iframe {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    outline: none;

    border: none;

    -webkit-filter: grayscale(100%);

    border-radius: 10px;

}



.dsp-container .map-box .map-icon {

    position: absolute;

    left: 50%;

    top: 50%;

    height: 60px;

    width: 60px;

    line-height: 60px;

    text-align: center;

    margin: -60px 0 0 -60px;

    z-index: 5;

}



.t-faqs {

    position: relative;

    margin-bottom: 65px;

}



.faqs-accordion {

    position: relative;

}



.faqs-accordion .block {

    position: relative;

    margin-bottom: 20px;

}



.faqs-accordion .block:last-child {

    margin-bottom: 0;

}



.faqs-accordion .block .acc-btn {

    position: relative;

    font-size: 18px;

    line-height: 24px;

    font-weight: 400;

    color: var(--dark-gray-gray);

    font-family: 'Gilroy_Bold', sans-serif;

    cursor: pointer;

    padding: 8px 0 8px 60px;

    -webkit-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

}



.faqs-accordion .block .acc-btn .arrow {

    position: absolute;

    left: 0;

    top: 0;

    height: 40px;

    width: 40px;

    font-size: 16px;

    padding: 5px;

    line-height: 30px;

    text-align: center;

    color: #fff;

    background: var(--tertiary-color);

    border-radius: 20px;

    -webkit-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

}



.faqs-accordion .block .acc-btn.active .arrow {

    color: #fff;

    background: var(--primary-color);

    transform: rotate(180deg);

}



.faqs-accordion .block .acc-btn.active .arrow:before {

    content: '\f068';

}



.faqs-accordion .block .acc-content {

    position: relative;

    display: none;

}



.faqs-accordion .block .content {

    position: relative;

    padding: 20px 0 0 0;

}



.faqs-accordion .block.active-block .acc-content {

    display: block;

}



.faqs-accordion .block .content .travilo-text {

    position: relative;

    line-height: 1.65em;

}



.faqs-accordion .block .content .travilo-text p {

    margin-bottom: 5px;

}



.faqs-accordion .block .content ul {

    position: relative;

    margin: 0 0 0 18px;

}



.faqs-accordion .block .content ul li {

    position: relative;

    list-style: disc;

    line-height: 1.60em;

    margin-bottom: 7px;

}



.faqs-accordion .block .content ul li::marker {

    color: var(--primary-color);

}



.faqs-accordion .block .content ul li:last-child {

    margin-bottom: 0;

}



.t-gallery {

    position: relative;

    margin-bottom: 60px;

}



.t-gallery .images {

    position: relative;

}



.t-gallery .images ul {

    position: relative;

    margin: 0 -6px;

}



.t-gallery .images ul li {

    position: relative;

    float: left;

    width: 25%;

    padding: 0 6px;

    margin-bottom: 12px;

}



.t-gallery .images ul li .image {

    position: relative;

    display: block;

    border-radius: 10px;

    overflow: hidden;

}



.t-gallery .images ul li .image img {

    position: relative;

    display: block;

    width: 100%;

    border-radius: 10px;

    transition: all 300ms linear;

}



.t-gallery .images ul li .image img:hover {

    opacity: 0.70;

    -webkit-filter: grayscale(100%);

}



.t-reviews {

    position: relative;

}



.t-reviews .rev-info {

    position: relative;

    margin-bottom: 55px;

}



.t-reviews .rev-info .inner {

    position: relative;

    display: block;

    background: #f8fafe;

    padding: 50px 45px 15px;

    border-radius: 10px;

}



.t-reviews .rev-info .rev-left {

    position: relative;

    text-align: center;

    border-right: 1px solid rgba(0, 0, 0, 0.20);

    margin-bottom: 30px;

}



.t-reviews .rev-info .rev-left .count {

    position: relative;

    font-size: 90px;

    line-height: 1.15em;

    color: var(--dark-gray-gray);

    font-family: 'Gilroy_Bold', sans-serif;

    margin-bottom: 5px;

}



.t-reviews .rev-info .rev-left .level {

    position: relative;

    font-size: 18px;

    line-height: 24px;

    color: var(--dark-gray-gray);

    font-family: 'Gilroy_Bold', sans-serif;

    margin-bottom: 10px;

}



.t-reviews .rev-info .rev-left .level i {

    color: var(--green-color);

    padding-right: 10px;

}



.t-reviews .rev-info .rev-left .b-on {

    position: relative;

    font-size: 14px;

    line-height: 20px;

    color: var(--light-gray-gray);

}



.t-reviews .rev-info .rev-right {

    position: relative;

    padding-left: 45px;

    margin-bottom: 30px;

}



.t-reviews .rev-info .cat {

    position: relative;

    padding-top: 9px;

    padding-left: 145px;

    padding-right: 60px;

    min-height: 24px;

    margin-bottom: 25px;

}



.t-reviews .rev-info .cat:last-child {

    margin-bottom: 0;

}



.t-reviews .rev-info .cat .c-title {

    position: absolute;

    left: 0;

    top: 0;

    font-size: 18px;

    line-height: 24px;

    color: var(--dark-gray-gray);

    font-family: 'Gilroy_Bold', sans-serif;

    width: 130px;

}



.t-reviews .rev-info .cat .c-per {

    position: absolute;

    right: 0;

    top: 0;

    font-size: 16px;

    line-height: 24px;

    color: var(--medium-gray-color);

}



.t-reviews .rev-info .cat .p-bar {

    position: relative;

    display: block;

    width: 100%;

    height: 6px;

    background: #d1d1d1;

    border-radius: 3px;

}



.t-reviews .rev-info .cat .p-bar .p-fill {

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    width: 0;

    background: var(--primary-color);

    transition: all 2000ms linear;

    border-radius: 3px;

}



.t-reviews .reviews {

    position: relative;

    margin-bottom: 60px;

}



.t-reviews .reviews .rev-box {

    position: relative;

    padding: 45px 45px;

    border: 1px solid rgba(0, 0, 0, 0.15);

    margin-bottom: 50px;

    border-radius: 10px;

}



.t-reviews .reviews .rev-box .inner {

    position: relative;

    display: block;

}



.t-reviews .reviews .rev-header {

    position: relative;

}



.t-reviews .reviews .rev-header h4 {

    position: relative;

    float: left;

    line-height: 30px;

    margin-bottom: 20px;

}



.t-reviews .reviews .rev-header .rating {

    position: relative;

    float: right;

    line-height: 30px;

    color: var(--secondary-color);

    margin-bottom: 20px;

}



.t-reviews .reviews .rev-box .travilo-text {

    position: relative;

    line-height: 1.6em;

    margin-bottom: 35px;

}



.t-reviews .reviews .rev-box .lower {

    position: relative;

    display: block;

}



.t-reviews .reviews .rev-box .author-info {

    position: relative;

    float: left;

    padding-left: 80px;

    min-height: 60px;

    padding-top: 7px;

}



.t-reviews .reviews .rev-box .author-info .image {

    position: absolute;

    left: 0;

    top: 0;

    width: 60px;

    height: 60px;

    border-radius: 50%;

    overflow: hidden;

}



.t-reviews .reviews .rev-box .ld-link {

    position: relative;

    float: right;

    padding-top: 18px;

}



.t-reviews .reviews .rev-box .ld-link .txt {

    color: var(--light-gray-gray);

    font-size: 14px;

}



.t-reviews .reviews .rev-box .ld-link .txt {

    position: relative;

    display: inline-block;

    vertical-align: top;

    padding-right: 20px;

}



.t-reviews .reviews .rev-box .ld-link .l-btn {

    position: relative;

    display: inline-block;

    vertical-align: top;

    color: var(--light-gray-gray);

}



.t-reviews .reviews .rev-box .ld-link .l-btn.active {

    color: #28ac28;

}



.t-reviews .reviews .rev-box .ld-link .d-btn {

    position: relative;

    display: inline-block;

    vertical-align: top;

    margin-left: 12px;

    color: var(--light-gray-gray);

}



.t-reviews .reviews .rev-box .ld-link .d-btn i {

    transform: rotate(180deg);

}



.t-reviews .reviews .rev-box .ld-link .d-btn.active {

    color: #e11a36;

}



.t-reviews .reviews .rev-box .ld-link .l-btn .l-count, .t-reviews .reviews .rev-box .ld-link .d-btn .d-count {

    position: absolute;

    left: 0;

    top: 100%;

    width: 100%;

    text-align: center;

    color: var(--light-gray-gray);

    font-size: 10px;

    opacity: 0;

    visibility: hidden;

}



.t-reviews .reviews .rev-box .ld-link .l-btn.active .l-count, .t-reviews .reviews .rev-box .ld-link .d-btn.active .d-count {

    opacity: 1;

    visibility: visible;

}



.t-reviews .reviews .rev-box .author-name {

    position: relative;

    display: block;

    color: var(--dark-gray-gray);

    font-size: 18px;

    line-height: 26px;

    font-family: 'Gilroy_Bold', sans-serif;

}



.t-reviews .reviews .rev-box .designation {

    position: relative;

    display: block;

    color: var(--light-gray-gray);

    font-size: 14px;

}



.t-reviews .see-all {

    position: relative;

}



.t-reviews .see-all .theme-btn {

    position: relative;

    font-size: 16px;

    color: var(--dark-gray-gray);

    font-family: 'Gilroy_Bold', sans-serif;

    line-height: 24px;

    padding: 9px 30px;

    border: 1px solid var(--primary-color);

    border-radius: 4px;

}



.t-reviews .see-all .theme-btn i {

    position: relative;

    color: var(--primary-color);

    padding-left: 7px;

}



.t-reviews .see-all .theme-btn:hover {

    color: var(--primary-color);

}



.t-reviews .add-review {

    position: relative;

    margin-bottom: 40px;

}



.t-reviews .add-review h3 {

    font-size: 36px;

    margin-bottom: 25px;

}



.t-reviews .add-review form .row {

    margin: 0 -6px;

}



.t-reviews .add-review form .row .form-group {

    padding: 0 6px;

    margin-bottom: 12px;

}



.t-reviews .add-review form .theme-btn {

    margin-top: 14px;

}



.t-reviews .add-review .s-rev-option {

    position: relative;

    line-height: 24px;

    padding-left: 160px;

    min-height: 24px;

    margin-bottom: 12px;

}



.t-reviews .add-review .s-rev-option .ser-ttl {

    position: absolute;

    left: 0;

    top: 0;

    font-size: 18px;

    line-height: 24px;

    color: var(--dark-gray-gray);

    font-family: 'Gilroy_Bold', sans-serif;

    width: 130px;

}



.t-reviews .add-review .s-rev-option a.rat {

    position: relative;

    display: inline-block;

    font-size: 16px;

    line-height: 24px;

    color: #e2e5e6;

}



.t-reviews .add-review .s-rev-option a.rat:hover {

    color: var(--secondary-color);

}



.t-book-widget {

    position: relative;

}



.t-book-widget.alt-margin {

    margin-top: -170px;

}



.t-book-widget .inner-box {

    position: relative;

    background: #fff;

    box-shadow: 0px 0px 30px 0px rgba(2, 24, 93, 0.10);

    border-radius: 10px;

}



.t-book-widget .t-book-header {

    position: relative;

    background: var(--primary-color);

    color: #fff;

    padding: 20px 30px 20px 45px;

    border-radius: 10px 10px 0 0;

}



.t-book-widget .t-book-header .st-txt {

    position: relative;

    display: inline-block;

    vertical-align: top;

    font-size: 14px;

    line-height: 20px;

    padding-top: 5px;

    padding-right: 10px;

}



.t-book-widget .t-book-header .amount {

    position: relative;

    display: inline-block;

    vertical-align: top;

    font-size: 48px;

    line-height: 50px;

    font-family: 'Gilroy_Bold', sans-serif;

}



.t-book-widget .t-book-header .qty {

    position: relative;

    display: inline-block;

    vertical-align: bottom;

    font-size: 18px;

    line-height: 30px;

    font-family: 'Gilroy_Bold', sans-serif;

}



.t-book-widget .lower-box {

    position: relative;

    padding: 40px 45px 50px;

}



.t-book-widget .fields {

    position: relative;

    padding-bottom: 20px;

}



.t-book-widget .fields .form-group {

    padding-left: 70px;

    margin-bottom: 10px;

}



.hot-single .t-book-widget .fields .form-group {

    padding-left: 100px;

}



.t-book-widget .fields .form-group .field-label {

    position: absolute;

    left: 0;

    top: 12px;

    line-height: 30px;

}



.t-book-widget h6 {

    font-size: 16px;

}



.t-book-widget .tickets {

    position: relative;

    padding-bottom: 20px;

}



.t-book-widget .tickets .ticket-block {

    position: relative;

    margin-bottom: 10px;

}



.t-book-widget .tickets .tick-ttl {

    position: relative;

    line-height: 30px;

    padding: 12px 0;

    float: left;

}



.t-book-widget .tickets .tick-sel {

    position: relative;

    float: right;

}



.quantity-box .item-quantity {

    position: relative;

    display: inline-block;

    max-width: 140px;

    width: 100%;

    float: left;

    padding: 0px 45px;

}



.quantity-box .item-quantity .input-group {

    position: relative;

    display: table;

    border-collapse: separate;

    max-width: 124px;

    width: 100%;

    height: 54px;

}



.quantity-box .item-quantity input.qty-spinner {

    line-height: 54px;

    height: 54px;

    width: 54px !important;

    padding: 12px 0px !important;

    box-shadow: none !important;

    border: 1px solid rgba(0, 0, 0, 0.15);

    text-align: center;

    font-size: 16px;

    font-weight: 400;

    color: #353535;

    border-radius: 5px !important;

}



.quantity-box .item-quantity input.qty-spinner:focus {

    background: none;

    border-color: var(--primary-color);

}



.quantity-box .bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-down {

    position: absolute;

    height: 54px;

    width: 35px;

    background: none;

    padding: 12px 0px !important;

    line-height: 30px;

    left: -40px;

    top: -54px;

    font-weight: 700;

    border: none;

    border-radius: 0;

    margin: 0;

}



.quantity-box .bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-up {

    position: absolute;

    height: 54px;

    width: 35px;

    background: none;

    padding: 12px 0px !important;

    line-height: 30px;

    right: -40px;

    top: -54px;

    font-weight: 700;

    border: none;

    border-radius: 0;

    margin: 0;

}



.quantity-box .bootstrap-touchspin .glyphicon-chevron-up:before {

    content: "\f067";

    font-size: 16px;

    font-style: normal;

    color: #0c2957;

    font-family: 'Font Awesome 6 Free';

    font-weight: 400;

}



.quantity-box .bootstrap-touchspin .glyphicon-chevron-down:before {

    content: "\f068";

    font-size: 16px;

    font-style: normal;

    color: #0c2957;

    font-weight: 400;

    font-family: 'Font Awesome 6 Free';

}



.quantity-box .bootstrap-touchspin .input-group-btn-vertical {

    position: absolute;

    width: 100%;

}



.quantity-box .bootstrap-touchspin .input-group-btn-vertical i {

    top: 6px;

    left: 14px;

    font-size: inherit !important;

}



.quantity-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {

    margin-top: 0px;

}



.t-book-widget .add-ser {

    position: relative;

    padding-bottom: 20px;

}



.t-book-widget .add-ser ul {

    position: relative;

}



.t-book-widget .add-ser ul li {

    position: relative;

    display: block;

    line-height: 24px;

    margin-bottom: 8px;

}



.t-book-widget .add-ser ul li:last-child {

    margin-bottom: 0;

}



.t-book-widget .add-ser .cb-block {

    position: relative;

}



.t-book-widget .add-ser .cb-block input {

    position: absolute;

    left: 0;

    top: 0;

    opacity: 0;

    visibility: hidden;

}



.t-book-widget .add-ser .cb-block label {

    position: relative;

    display: block;

    margin: 0 0;

    font-weight: 400;

    font-size: 16px;

    color: var(--medium-gray-color);

    padding-left: 26px;

    cursor: pointer;

}



.t-book-widget .add-ser .cb-block label .amount {

    position: relative;

    float: right;

}



.t-book-widget .add-ser .cb-block label:before {

    content: '' ;

    position: absolute;

    left: 0;

    top: 4px;

    width: 16px;

    height: 16px;

    border: 1px solid rgba(0, 0, 0, 0.15);

    border-radius: 3px;

}



.t-book-widget .add-ser .cb-block input:checked+label:before {

    background: var(--primary-color);

    border-color: var(--primary-color);

}



.t-book-widget .add-ser .cb-block label:after {

    content: "\f00c";

    font-family: 'Font Awesome 6 Free';

    position: absolute;

    left: 4px;

    top: 5px;

    line-height: 16px;

    width: 16px;

    height: 16px;

    font-size: 10px;

    color: #fff;

    opacity: 0;

    visibility: hidden;

}



.t-book-widget .add-ser .cb-block input:checked+label:after {

    opacity: 1;

    visibility: visible;

}



.t-book-widget .total {

    position: relative;

    padding: 15px 0 0;

    margin-top: 5px;

    border-top: 1px solid rgba(0, 0, 0, 0.15);

}



.t-book-widget .total .t-ttl {

    position: relative;

    float: left;

    font-size: 24px;

    font-family: 'Gilroy_Bold', sans-serif;

    line-height: 30px;

    color: var(--dark-gray-gray);

}



.t-book-widget .total .ttl-amt {

    position: relative;

    float: right;

    font-size: 24px;

    font-family: 'Gilroy_Bold', sans-serif;

    line-height: 30px;

    color: var(--primary-color);

}



.t-book-widget .proceed-link {

    position: relative;

    padding: 25px 0 0;

}



.t-book-widget .proceed-link .theme-btn {

    display: block;

    width: 100%;

}



.dsp-container .get-help-widget {

    position: relative;

}



.dsp-container .get-help-widget .inner {

    position: relative;

    display: block;

    background: var(--anti-flash-white-color);

    padding: 45px 45px 45px;

    border-radius: 10px;

}



.dsp-container .get-help-widget h6 {

    text-transform: capitalize;

    color: var(--primary-color);

    margin-bottom: 10px;

}



.dsp-container .get-help-widget h3 {

    font-size: 34px;

    text-transform: capitalize;

    color: var(--dark-gray-gray);

    margin-bottom: 25px;

}



.dsp-container .get-help-widget .travilo-text {

    line-height: 1.65em;

    margin-bottom: 50px;

}



.dsp-container .get-help-widget .call-to {

    position: relative;

    font-family: 'Gilroy_Bold', sans-serif;

}



.dsp-container .get-help-widget .call-to a {

    position: relative;

    display: block;

    font-size: 14px;

    line-height: 20px;

    color: var(--dark-gray-gray);

    padding-top: 8px;

    padding-left: 70px;

    min-height: 56px;

}



.dsp-container .get-help-widget .call-to .icon {

    position: absolute;

    left: 0;

    top: 0;

    width: 56px;

    height: 56px;

    font-size: 18px;

    background: var(--primary-color);

    color: #fff;

    line-height: 56px;

    text-align: center;

    border-radius: 50%;

}



.dsp-container .get-help-widget .call-to a .nmbr {

    position: relative;

    display: block;

    font-size: 18px;

    line-height: 26px;

}



.dsp-container .similar-widget {

    position: relative;

}



.dsp-container .similar-widget .inner {

    position: relative;

    display: block;

    padding: 45px 45px;

    border: 1px solid rgba(0,0,0,0.15);

    border-radius: 10px;

}



.dsp-container .similar-widget h3 {

    position: relative;

    margin-bottom: 30px;

}



.dsp-container .similar-widget .posts {

    position: relative;

}



.dsp-container .similar-widget .post {

    position: relative;

    padding-left: 105px;

    padding-top: 3px;

    min-height: 84px;

    margin-bottom: 24px;

}



.dsp-container .similar-widget .post:last-child {

    margin-bottom: 0;

}



.dsp-container .similar-widget .post .image {

    position: absolute;

    display: block;

    left: 0;

    top: 0;

    width: 84px;

    height: 84px;

    border-radius: 4px;

    overflow: hidden;

}



.dsp-container .similar-widget .post .image img {

    position: relative;

    display: block;

    width: 100%;

    border-radius: 4px;

    -moz-transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.dsp-container .similar-widget .post h6 {

    font-size: 16px;

    line-height: 22px;

    margin-bottom: 16px;

}



.dsp-container .similar-widget .post h6 a {

    color: var(--dark-gray-gray);

}



.dsp-container .similar-widget .post h6:hover, .dsp-container .similar-widget .post h6 a:hover {

    color: var(--primary-color);

}



.dsp-container .similar-widget .post .price {

    position: relative;

    font-size: 14px;

    line-height: 20px;

    color: var(--medium-gray-color);

}



.dsp-container .similar-widget .post .price .amount {

    color: var(--primary-color);

    font-family: 'Gilroy_Bold', sans-serif;

}



.dsp-container .dsp-stat-widget {

    position: relative;

}



.dsp-container .dsp-stat-widget .inner {

    position: relative;

    display: block;

    padding: 40px 45px;

    border: 1px solid rgba(0,0,0,0.15);

    border-radius: 10px;

}



.dsp-container .dsp-stat-widget h3 {

    position: relative;

    margin-bottom: 25px;

}



.dsp-container .dsp-stat-widget .stats {

    position: relative;

}



.dsp-container .dsp-stat-widget ul {

    position: relative;

}



.dsp-container .dsp-stat-widget ul li {

    position: relative;

    line-height: 24px;

    margin-bottom: 15px;

}



.dsp-container .dsp-stat-widget ul li:last-child {

    margin-bottom: 0;

}



.dsp-container .dsp-stat-widget ul li .ttl {

    position: relative;

    color: var(--dark-gray-gray);

    display: inline-block;

    width: 70%;

    font-family: 'Gilroy_Bold', sans-serif;

}



.dsp-container .dsp-stat-widget ul li .dtl {

    position: relative;

    display: inline-block;

    width: 28%;

}



.hot-single .t-book-widget .proceed-link {

    padding-top: 10px;

}



.dsp-container .why-us-widget {

    position: relative;

}



.dsp-container .why-us-widget .inner {

    position: relative;

    display: block;

    padding: 40px 45px 45px;

    border: 1px solid rgba(0,0,0,0.15);

    border-radius: 10px;

}



.dsp-container .why-us-widget h3 {

    position: relative;

    margin-bottom: 30px;

}



.dsp-container .why-us-widget .info {

    position: relative;

}



.dsp-container .why-us-widget ul {

    position: relative;

}



.dsp-container .why-us-widget ul li {

    position: relative;

    line-height: 24px;

    padding-left: 80px;

    min-height: 60px;

    padding-top: 6px;

    margin-bottom: 20px;

}



.dsp-container .why-us-widget ul li:last-child {

    margin-bottom: 0;

}



.dsp-container .why-us-widget ul li .icon {

    position: absolute;

    left: 0;

    top: 0;

    width: 60px;

    height: 60px;

    border: 1px solid rgba(0, 0, 0, 0.15);

    text-align: center;

    font-size: 30px;

    font-weight: 700;

    color: var(--dark-gray-gray);

    line-height: 58px;

    border-radius: 50%;

}



.dsp-container .why-us-widget ul li .icon img {

    max-height: 50px;

}



/*** 



====================================================================

  Packages Section

====================================================================



***/

.similar-section {

    position: relative;

    padding: 0 0 130px;

}



.similar-section .title-box {

    margin-bottom: 42px;

}



.similar-section .carousel-box {

    position: relative;

    margin: 0 -12px;

}



.similar-section .carousel-box .slick-list {

    overflow: hidden;

}



.similar-section .slick-slider .package-block {

    margin: 10px 12px;

}



.similar-section .carousel-box .prev-btn {

    position: absolute;

    right: 66px;

    top: -90px;

    width: 44px;

    height: 44px;

    text-align: center;

    color: var(--primary-color);

    line-height: 42px;

    border: 1px solid rgba(0, 0, 0, 0.20);

    border-radius: 50%;

    transition: all 500ms linear;

    z-index: 5;

    cursor: pointer;

}



.similar-section .carousel-box .next-btn {

    position: absolute;

    right: 12px;

    top: -90px;

    width: 44px;

    height: 44px;

    text-align: center;

    color: var(--primary-color);

    line-height: 42px;

    border: 1px solid rgba(0, 0, 0, 0.20);

    border-radius: 50%;

    transition: all 500ms linear;

    z-index: 5;

    cursor: pointer;

}



.similar-section .carousel-box .prev-btn:hover, .similar-section .carousel-box .next-btn:hover {

    background: var(--primary-color);

    color: #fff;

}



/*** 



====================================================================

  Activity Banner

====================================================================



***/

.activity-single-banner {

    position: relative;

    padding: 0 0;

}



.activity-single-banner .carousel-box {

    position: relative;

    margin: 0 -12px;

}



.activity-single-banner .slick-list {

    overflow: visible;

}



.activity-single-banner .carousel-box .slide {

    margin: 0 12px;

}



.activity-single-banner .carousel-box .image {

    position: relative;

    display: block;

    border-radius: 10px;

    overflow: hidden;

}



.activity-single-banner .carousel-box .image img {

    position: relative;

    display: block;

    width: 100%;

    border-radius: 10px;

}



.activity-single-banner .carousel-box .prev-btn {

    position: absolute;

    left: -94px;

    top: 50%;

    margin-top: -30px;

    width: 60px;

    height: 60px;

    text-align: center;

    color: var(--primary-color);

    background: #fff;

    font-size: 18px;

    line-height: 60px;

    border: none;

    border-radius: 50%;

    transition: all 500ms linear;

    opacity: 0.50;

    z-index: 5;

    cursor: pointer;

}



.activity-single-banner .carousel-box .next-btn {

    position: absolute;

    right: -94px;

    top: 50%;

    margin-top: -30px;

    width: 60px;

    height: 60px;

    text-align: center;

    color: var(--primary-color);

    background: #fff;

    font-size: 18px;

    line-height: 60px;

    border: none;

    border-radius: 50%;

    transition: all 500ms linear;

    opacity: 0.50;

    z-index: 5;

    cursor: pointer;

}



.activity-single-banner .carousel-box .prev-btn:hover, .activity-single-banner .carousel-box .next-btn:hover {

    opacity: 1;

}



/*** 



====================================================================

  Activity Banner

====================================================================



***/

.hotel-single-banner {

    position: relative;

    padding: 0 0;

}



.hotel-single-banner .outer-container {

    position: relative;

}



.hotel-single-banner .row {

    margin: 0 -12px;

}



.hotel-single-banner .image-col {

    padding: 0 12px;

    width: 60%;

}



.hotel-single-banner .sm-col {

    width: 20%;

}



.hotel-single-banner .image-block {

    position: relative;

    display: block;

    margin-bottom: 24px;

}



.hotel-single-banner .image-block .inner {

    position: relative;

    display: block;

    height: 720px;

    border-radius: 10px;

    overflow: hidden;

}



.hotel-single-banner .sm-block .inner {

    height: 348px;

}



.hotel-single-banner .image-block .image-layer {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;

    border-radius: 10px;

}



.hotel-single-banner .image-block .image {

    position: relative;

    border-radius: 10px;

    overflow: hidden;

    display: block;

    background: var(--primary-color);

}



.hotel-single-banner .image-block .image img {

    display: block;

    width: 100%;

    border-radius: 10px;

    transition: all 600ms ease;

    -moz-transition: all 600ms ease;

    -webkit-transition: all 600ms ease;

    -ms-transition: all 600ms ease;

    -o-transition: all 600ms ease;

}



.hotel-single-banner .image-block .image:hover img {

    opacity: 0.60;

}



.hotel-single-banner .image-block .over-link {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 2;

}



.hotel-single-banner .image-block .img-link {

    position: absolute;

    right: 25px;

    bottom: 25px;

    z-index: 5;

}



.hotel-single-banner .image-block .img-link .theme-btn {

    position: relative;

    display: inline-block;

    line-height: 24px;

    padding: 10px 25px;

    background: #fff;

    border-radius: 22px;

    color: var(--dark-gray-gray);

    font-family: 'Gilroy_Bold', sans-serif;

}



.hotel-single-banner .image-block .img-link .theme-btn:hover {

    background: var(--primary-color);

    color: #fff;

}



.dsp-container .facilities {

    position: relative;

    padding-bottom: 30px;

}



.dsp-container .fac-block {

    position: relative;

    margin-bottom: 30px;

}



.dsp-container .fac-block .inner {

    position: relative;

    padding-left: 95px;

    min-height: 70px;

    padding-top: 5px;

}



.dsp-container .fac-block .icon {

    position: absolute;

    left: 0;

    top: 0;

    width: 70px;

    height: 70px;

    line-height: 68px;

    font-size: 36px;

    color: var(--dark-gray-gray);

    font-weight: 700;

    text-align: center;

    border: 1px solid rgba(0, 0, 0, 0.15);

}



.dsp-container .fac-block .icon img {

    max-height: 70px;

}



.dsp-container .upper-content .fac-block h5 {

    margin-bottom: 12px;

}



.dsp-container .policies {

    position: relative;

    padding-bottom: 20px;

}



.dsp-container .policies .u-text {

    position: relative;

    margin-bottom: 35px;

}



.dsp-container .pol-block {

    position: relative;

    margin-bottom: 35px;

}



.dsp-container .pol-block .inner {

    position: relative;

    padding-left: 90px;

    min-height: 60px;

}



.dsp-container .pol-block .icon {

    position: absolute;

    left: 0;

    top: 0;

    width: 60px;

    height: 60px;

    line-height: 60px;

    font-size: 30px;

    color: var(--dark-gray-gray);

    font-weight: 700;

    text-align: center;

    background: var(--anti-flash-white-color);

    border-radius: 50%;

}



.dsp-container .pol-block .icon img {

    max-height: 60px;

}



.dsp-container .upper-content .pol-block h5 {

    margin-bottom: 12px;

}



.dsp-container .part-one .content-side .upper-content {

    margin-bottom: 0;

}



.rooms-avail-box {

    position: relative;

    margin-bottom: 60px;

}



.rooms-avail-box .art-outer {

    position: relative;

    width: 100%;

}



.rooms-avail-box .art-outer .ar-table {

    position: relative;

    min-width: 970px;

}



.rooms-avail-box .table {

    width: 100%;

    border: 1px solid rgba(0, 0, 0, 0.15);

    border-radius: 10px;

}



.rooms-avail-box .table thead {

    background: var(--tertiary-color);

    border-radius: 10px 10px 0 0;

}



.rooms-avail-box .table thead th {

    padding: 15px 30px;

    line-height: 30px;

    width: 25%;

    border-right: 1px solid rgba(0, 0, 0, 0.0);

    color: #fff;

}



.rooms-avail-box .table thead th.price {

    width: 20%;

}



.rooms-avail-box .table tbody tr td {

    padding: 30px 30px;

    width: 25%;

    color: var(--medium-gray-color);

    border-right: 1px solid #dee2e6;

}



.rooms-avail-box .table tbody tr td.price {

    width: 20%;

}



.rooms-avail-box .table tbody tr td:last-child {

    border-right: none;

}



.rooms-avail-box .table .styled-list-one li, .rooms-avail-box .table .styled-list-two li, .rooms-avail-box .table .un-styled-list li {

    font-size: 14px;

    margin-bottom: 7px;

}



.rooms-avail-box .table .styled-list-one li, .rooms-avail-box .table .styled-list-two li {

    padding-left: 24px;

}



.rooms-avail-box .table .styled-list-one li:before, .rooms-avail-box .table .styled-list-two li:before {

    font-size: 16px;

}



.rooms-avail-box .type-block {

    position: relative;

}



.rooms-avail-box .type-block .image {

    position: relative;

    display: block;

    border-radius: 5px;

    margin-bottom: 15px;

}



.rooms-avail-box .type-block .image img {

    position: relative;

    width: 100%;

    border-radius: 5px;

}



.rooms-avail-box .type-block h5 {

    margin-bottom: 10px;

}



.rooms-avail-box .type-block .travilo-text {

    font-size: 16px;

    margin-bottom: 20px;

}



.rooms-avail-box .type-block .room-specs {

    position: relative;

}



.rooms-avail-box .type-block .room-specs li {

    position: relative;

    line-height: 24px;

    margin-bottom: 10px;

}



.rooms-avail-box .type-block .room-specs li .icon {

    position: relative;

    display: inline-block;

    padding-right: 10px;

    font-size: 20px;

    color: var(--dark-gray-gray);

    line-height: 24px;

    width: 35px;

}



.rooms-avail-box .type-block .room-specs li img {

    max-height: 24px;

}



.rooms-avail-box .table .price .rate {

    position: relative;

    font-family: 'Gilroy_Bold', sans-serif;

    font-size: 18px;

    color: var(--dark-gray-gray);

    margin-bottom: 10px;

}



.rooms-avail-box .table .price .rate .amount {

    position: relative;

    font-size: 36px;

    color: var(--primary-color);

    line-height: 40px;

}



.rooms-avail-box .table .price .p-for {

    position: relative;

    font-size: 13px;

    color: var(--medium-gray-color);

    line-height: 20px;

    margin-bottom: 15px;

}



.rooms-avail-box .table .price .theme-btn {

    display: block;

}



.ui-state-default, .ui-widget-content .ui-state-default {

    text-align: center;

}



.insta-feed .img img {

    width: 300px;

    height: 300px;

    object-fit: cover;

}

@import url('sections/variables.css'); @import url('sections/fonts.css'); @import url('sections/global-settings.css'); /* Preloader */

.handle-preloader {

    background-color: var(--primary-color);

}

    display: flex;

    justify-content: space-around;

.handle-preloader {

    align-items: center;

    -webkit-align-items: center;

    display: flex;

    display: -ms-flexbox;

    height: 100%;

    justify-content: center;

    -webkit-justify-content: center;

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    z-index: 9999999;

}



.preloader-close {

    position: fixed;

    z-index: 99999999;

    font-size: 18px;

    background: #fff;

    width: 30px;

    height: 30px;

    line-height: 26px;

    text-align: center;

    cursor: pointer;

    right: 15px;

    top: 15px;

    border-radius: 0%;

    display: none;

}



.handle-preloader .animation-preloader {

    position: absolute;

    z-index: 100;

}



.handle-preloader .animation-preloader .spinner {

    animation: spinner 1s infinite linear;

    border-radius: 50%;

    height: 150px;

    margin: 0 auto 45px auto;

    width: 150px;

}



.handle-preloader .animation-preloader .txt-loading {

    text-align: center;

    user-select: none;

}



.handle-preloader .animation-preloader .txt-loading .letters-loading:before {

    animation: letters-loading 4s infinite;

    content: attr(data-text-preloader);

    left: 0;

    opacity: 0;

    top: 0;

    position: absolute;

}



.handle-preloader .animation-preloader .txt-loading .letters-loading {

    font-weight: 500;

    letter-spacing: 15px;

    display: inline-block;

    position: relative;

    font-size: 70px;

    line-height: 70px;

    text-transform: uppercase;

    color: transparent;

    -webkit-text-stroke-width: 1px;

    -webkit-text-stroke-color: rgba(255, 255, 255, 0.30);

}



.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {

    animation-delay: 0.2s;

}



.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {

    animation-delay: 0.4s;

}



.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {

    animation-delay: 0.6s;

}



.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {

    animation-delay: 0.8s;

}



.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before {

    animation-delay: 1s;

}



.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before {

    animation-delay: 1.2s;

}



.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before {

    animation-delay: 1.4s;

}



.handle-preloader .loader-section {

    background-color: #fff;

    height: 100%;

    position: fixed;

    top: 0;

    width: calc(50% + 1px);

}



.preloader .loaded .animation-preloader {

    opacity: 0;

    transition: 0.3s ease-out;

}



.handle-preloader .animation-preloader .txt-loading .letters-loading {

}



.handle-preloader .animation-preloader .txt-loading .letters-loading:before {

    color: #fff;

}



.handle-preloader .animation-preloader .spinner {

    border: 3px solid #fff;

    border-top-color: rgba(255, 255, 255, 0.5);

}







@keyframes spinner {

    to {

        transform: rotateZ(360deg);

    }

}



@keyframes letters-loading {

    0%, 75%, 100% {

        opacity: 0;

        transform: rotateY(-90deg);

    }



    25%, 50% {

        opacity: 1;

        transform: rotateY(0deg);

    }

}



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

    .handle-preloader .animation-preloader .spinner {

        height: 8em;

        width: 8em;

    }



    .header-upper .logo img {

        max-width: 280px;

    }

}



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

    .handle-preloader .animation-preloader .spinner {

        height: 7em;

        width: 7em;

    }



    .handle-preloader .animation-preloader .txt-loading .letters-loading {

        font-size: 30px;

        letter-spacing: 10px;

    }

}



img {

    display: inline-block;

    max-width: 100%;

    height: auto;

}



/*** 



====================================================================



  Scroll To Top style



====================================================================



***/

.scroll-to-top {

    position: fixed;

    bottom: 20px;

    right: 20px;

    width: 44px;

    height: 52px;

    color: #fff;

    font-size: 16px;

    text-transform: uppercase;

    line-height: 52px;

    text-align: center;

    z-index: 100;

    cursor: pointer;

    border-radius: 15px 15px 0 0;

    background: var(--primary-color);

    display: none;

    -webkit-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    transition: all 300ms ease;

}



.scroll-to-top img {

    position: relative;

    top: -2px;

    vertical-align: middle;

    height: 10px;

}



.scroll-to-top:hover {

    color: #fff;

    background: var(--primary-color);

}



/*** 



====================================================================

  Default Form Style

====================================================================



***/

form {

    position: relative;

}



/* Default Form Style */

.default-form {

    position: relative;

}



form .form-group {

    position: relative;

    margin-bottom: 20px;

}



form .row {

    margin: 0 -15px;

}



form .row .form-group {

    position: relative;

    padding: 0 15px;

    margin-bottom: 30px;

}



form .field-inner {

    position: relative;

    display: block;

}



form .field-inner .alt-icon {

    position: absolute;

    right: 20px;

    top: 50%;

    margin-top: -15px;

    line-height: 30px;

    font-size: 16px;

    color: var(--primary-color);

    z-index: 1;

    pointer-events: none;

}



form .form-group .field-label {

    position: relative;

    display: block;

    color: var(--dark-gray-gray);

    font-size: 16px;

    font-weight: 400;

    font-family: 'Gilroy_Bold', sans-serif;

    line-height: 20px;

    margin-bottom: 10px;

}



form .form-group .e-label {

    position: relative;

}



form .form-group input[type="text"], form .form-group input[type="email"], form .form-group input[type="password"], form .form-group input[type="tel"], form .form-group input[type="url"], form .form-group input[type="file"], form .form-group input[type="number"], form .form-group textarea, form .form-group select {

    position: relative;

    display: block;

    height: 54px;

    width: 100%;

    font-size: 16px;

    color: var(--dark-gray-gray);

    line-height: 30px;

    font-weight: 400;

    padding: 11px 20px;

    background-color: #fff;

    border: 1px solid #e0e0e0;

    border-radius: 3px;

    -webkit-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    transition: all 300ms ease;

}



form .form-group textarea {

    height: 150px;

    padding-top: 20px;

    resize: none;

}



form .form-group select {

    -webkit-appearance: none;

    -ms-appearance: none;

    -moz-appearance: none;

    -o-appearance: none;

    appearance: none;

    background: #fff url(../assets/images/icons/icon-select.html) right center no-repeat;

    cursor: pointer;

}



form .form-group select option {

    line-height: 30px;

    padding-left: 20px;

    text-indent: 20px;

    cursor: pointer;

}



form .form-group input[type="submit"], form .form-group button {

    display: inline-block;

}



form .form-group input[type="text"]:focus, form .form-group input[type="email"]:focus, form .form-group input[type="password"]:focus, form .form-group input[type="tel"]:focus, form .form-group input[type="url"]:focus, form .form-group input[type="file"]:focus, form .form-group input[type="number"]:focus, form .form-group textarea:focus, form .form-group select:focus, .form-group .ui-selectmenu-button.ui-button:focus, .form-group .ui-selectmenu-button.ui-button:active {

    border-color: var(--primary-color);

}



form ::-webkit-input-placeholder {

    color: var(--light-gray-gray);

}



form ::-moz-input-placeholder {

    color: var(--light-gray-gray);

}



form ::-ms-input-placeholder {

    color: var(--light-gray-gray);

}



form label.error {

    color: var(--youtube-color);

    font-size: 14px;

    text-transform: capitalize;

    text-align: left;

    display: block;

    padding-top: 7px;

    line-height: 24px;

}



.check-block {

    position: relative;

    margin-bottom: 15px;

}



.check-block input {

    position: absolute;

    left: 0;

    top: 0;

    visibility: hidden;

    opacity: 0;

}



.check-block label {

    position: relative;

    display: block;

    line-height: 28px;

    padding-left: 34px;

    font-weight: 400;

    color: #505050;

    font-size: 16px;

    cursor: pointer;

    margin: 0;

}



.check-block label:before {

    content: '';

    position: absolute;

    left: 0;

    top: 1px;

    width: 24px;

    height: 24px;

    line-height: 22px;

    background: #fff;

    border: 1px solid var(--primary-color);

    border-radius: 50%;

    -moz-transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.check-block input:checked + label:before {

    content: '';

    background: var(--primary-color);

    color: #fff;

}



.check-block input:checked + label:after {

    content: '\f00c';

    font-family: "Font Awesome 6 Free";

    position: absolute;

    left: 0;

    top: 3px;

    width: 22px;

    height: 22px;

    line-height: 22px;

    text-align: center;

    font-size: 12px;

    color: #fff;

    line-height: 22px;

}



.radio-block {

    position: relative;

    margin-bottom: 15px;

}



.radio-block input {

    position: absolute;

    left: 0;

    top: 0;

    visibility: hidden;

    opacity: 0;

}



.radio-block label {

    position: relative;

    display: block;

    line-height: 28px;

    padding-left: 30px;

    font-weight: 400;

    color: #505050;

    font-size: 16px;

    cursor: pointer;

    margin: 0;

}



.radio-block label:before {

    content: '';

    position: absolute;

    left: 0;

    top: 4px;

    width: 20px;

    height: 20px;

    background: #fff;

    border: 1px solid var(--primary-color);

    border-radius: 50%;

    -moz-transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.radio-block label:after {

    content: '';

    position: absolute;

    left: 4px;

    top: 8px;

    width: 12px;

    height: 12px;

    background: var(--primary-color);

    border-radius: 50%;

    opacity: 0;

    z-index: 1;

}



.radio-block input:checked + label:after {

    opacity: 1;

}



/*Custom Select*/

.form-group .ui-selectmenu-button.ui-button {

    display: block;

    width: 100%;

    font-size: 16px;

    font-weight: 400;

    height: 54px;

    padding: 11px 20px;

    line-height: 30px;

    font-family: 'Open Sans', sans-serif;

    color: #585f5f;

    border-radius: 3px;

    background-color: #fff;

    border: 1px solid #e0e0e0;

}



.form-group .ui-button .ui-icon {

    background: none;

    position: relative;

    top: 6px;

    right: 0px;

    text-indent: 0px;

    color: #999999;

}



.form-group .ui-button .ui-icon:before {

    font-family: 'simple-line-icons';

    content: "\e604";

    position: absolute;

    right: 0px;

    top: 0px !important;

    width: 15px;

    height: 30px;

    display: block;

    color: #585f5f;

    line-height: 20px;

    font-size: 12px;

    font-weight: 700 !important;

    text-align: center;

    z-index: 5;

}



.ui-selectmenu-menu {

    min-width: 150px;

    max-height: 200px;

    overflow-y: auto;

}



.ui-widget.ui-widget-content {

    border: 1px solid #e0e0e0;

    border-top: none;

    font-family: 'Open Sans', sans-serif;

    border-radius: 0;

    padding: 0;

}



.ui-menu .ui-menu-item {

    font-size: 16px;

    border-bottom: 1px solid #e0e0e0;

}



.ui-menu .ui-menu-item:last-child {

    border: none;

}



.ui-menu .ui-menu-item-wrapper {

    position: relative;

    display: block;

    padding: 10px 18px !important;

    font-size: 16px;

    line-height: 28px;

    -webkit-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    transition: all 300ms ease;

}



.ui-menu .ui-menu-item-wrapper:hover, .ui-menu .ui-menu-item-wrapper.ui-state-active, .ui-state-active, .ui-widget-content .ui-state-active {

    background: var(--very-dark-gray-color);

    font-weight: 400;

    border: none;

    border-bottom: 1px solid #e0e0e0;

    margin: 0;

}



.site-form form .form-group {

    margin-bottom: 30px;

}



.site-form form .form-group .field-inner {

    position: relative;

}



.site-form form .form-group .field-inner .alt-icon {

    position: absolute;

    right: 15px;

    top: 50%;

    margin-top: -15px;

    height: 30px;

    color: var(--light-gray-gray);

    font-size: 16px;

    line-height: 30px;

    pointer-events: none;

}



.site-form form .form-group .field-label {

    position: relative;

    font-size: 16px;

    font-weight: 400;

    font-family: 'Gilroy_Bold', sans-serif;

    line-height: 20px;

    margin-bottom: 12px;

}



.site-form form .form-group .f-label i {

    color: var(--primary-color);

    font-style: normal;

}



.site-form form .form-group input[type="text"], .site-form form .form-group input[type="email"], .site-form form .form-group input[type="password"], .site-form form .form-group input[type="url"], .site-form form .form-group input[type="number"], .site-form form .form-group input[type="file"], .site-form form .form-group input[type="range"], .site-form form .form-group select, .site-form form .form-group textarea, .checkin  {

    height: 54px;

    line-height: 24px;

    padding: 11px 20px;

    border: 1px solid rgba(0, 0, 0, 0.15);

    color: var(--dark-gray-gray);

    font-weight: 400;

    background: #fff;

    border-radius: 4px;

}



.site-form form .form-group textarea {

    height: 170px;

}



.site-form form .form-group select option {

    text-indent: 20px;

}



.site-form form .form-group input[type="text"]:focus, .site-form form .form-group input[type="email"]:focus, .site-form form .form-group input[type="password"]:focus, .site-form form .form-group input[type="url"]:focus, .site-form form .form-group input[type="number"]:focus, .site-form form .form-group input[type="file"]:focus, .site-form form .form-group input[type="range"]:focus, .site-form form .form-group select:focus, .site-form form .form-group textarea:focus {

    border-color: var(--primary-color);

}



.site-form form .f-btn {

    position: relative;

    display: block;

    font-size: 16px;

    color: #fff;

    font-weight: 400;

    text-transform: capitalize;

    background: var(--primary-color);

    padding: 12px 20px;

    font-family: 'Gilroy_Bold', sans-serif;

    text-align: center;

    line-height: 30px;

    border-radius: 4px;

}



.site-form form .f-btn i {

    position: relative;

    font-size: 14px;

    padding-left: 5px;

}



.site-form form .f-btn:hover {

    background: var(--dark-gray-gray);

    color: #fff;

    box-shadow: 0 0 5px 0 var(--primary-color);

}



/*** 



====================================================================



  Main Header style



====================================================================



***/

.main-header {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    padding: 0px 0px;

    background: none;

    min-height: 100px;

    font-family: 'Open Sans', sans-serif;

    z-index: 999;

}



.main-header.alternate {

    position: relative;

    min-height: 126px;

}



.main-header .auto-container {

    max-width: 1920px;

    padding: 0 60px;

}



.header-top {

    position: relative;

    background: var(--anti-flash-white-color);

}



.header-top .top-left {

    position: relative;

    float: left;

    line-height: 24px;

    padding: 8px 0;

}



.header-top .top-left .info {

    position: relative;

}



.header-top .top-left .info li {

    position: relative;

    float: left;

    padding-left: 24px;

    margin-right: 30px;

    line-height: 24px;

    font-size: 14px;

}



.header-top .top-left .info li:last-child {

    margin-right: 0;

}



.header-top .top-left .info li .icon {

    position: absolute;

    left: 0;

    top: 0;

    width: 24px;

    color: var(--primary-color);

    line-height: 24px;

    font-size: 14px;

}



.header-top .top-left .info li a {

    position: relative;

    display: block;

    line-height: 24px;

    color: var(--medium-gray-color);

}



.header-top .top-left .info li a:hover {

    color: var(--primary-color);

    text-decoration: underline;

}



.header-top .top-right {

    position: relative;

    float: right;

    padding: 5px 0;

}



.header-top .top-right .lang-box {

    position: relative;

    float: left;

    z-index: 10;

    margin-left: 30px;

}



.main-header .lang-box .lang-btn {

    position: relative;

    display: block;

    padding: 3px 0;

    line-height: 24px;

    color: var(--medium-gray-color);

    cursor: pointer;

}



.main-header .lang-box .lang-btn .img {

    position: relative;

    top: 4px;

    float: left;

}



.main-header .lang-box .lang-btn .txt {

    position: relative;

    float: left;

    font-size: 14px;

    font-weight: 400;

    text-transform: uppercase;

}



.main-header .lang-box .lang-btn .icon {

    position: relative;

    float: left;

    top: 1.5px;

    font-size: 12px;

    margin-left: 7px;

    line-height: 24px;

    font-weight: 700;

}



.main-header .lang-box .lang-list {

    position: absolute;

    left: 0;

    top: 100%;

    width: 130px;

    background: #fff;

    border: 1px solid rgba(0, 0, 0, 0.10);

    box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.15);

    border-radius: 0 0 5px 5px;

    opacity: 0;

    visibility: hidden;

}



.main-header .lang-box:hover .lang-list {

    opacity: 1;

    visibility: visible;

}



.main-header .lang-box .lang-list li {

    position: relative;

    float: none;

    display: block;

    font-size: 12px;

    text-transform: uppercase;

    margin: 0 0;

    border-bottom: 1px solid rgba(0, 0, 0, 0.10);

}



.main-header .lang-box .lang-list li:last-child {

    border-bottom: none;

}



.main-header .lang-box .lang-list li a {

    position: relative;

    display: block;

    line-height: 20px;

    color: var(--dark-gray-gray);

    padding: 5px 10px;

}



.main-header .lang-box .lang-list li a:hover {

    color: #fff;

    background-color: var(--primary-color);

}



.header-top .top-right .login {

    position: relative;

    float: left;

    padding-left: 26px;

    line-height: 30px;

    font-size: 14px;

}



.header-top .top-right .login a {

    position: relative;

    display: block;

    line-height: 30px;

    color: var(--medium-gray-color);

}



.header-top .top-right .login a:hover {

    text-decoration: underline;

    color: var(--primary-color);

}



.header-top .social {

    position: relative;

    float: left;

    margin-left: 30px;

}



.header-top .social li {

    position: relative;

    float: left;

    margin-right: 22px;

}



.header-top .social li:last-child {

    margin-right: 0;

}



.header-top .social li a {

    position: relative;

    display: block;

    color: var(--dark-gray-gray);

    height: 30px;

    font-size: 18px;

    line-height: 30px;

}



.header-top .social li a .fab {

    line-height: 30px;

}



.header-top .social li a:hover {

    color: var(--primary-color);

}



.header-top .social li a.facebook {

    color: var(--facebook-color);

}



.header-top .social li a.twitter {

    color: var(--twitter-color);

}



.header-top .social li a.linkedin {

    color: var(--linkedin-color);

}



.header-top .social li a.youtube {

    color: var(--youtube-color);

}



.header-top .social li a:hover {

    color: var(--primary-color);

}



.main-header .header-upper {

    position: absolute;

    left: 0;

    top: 12px;

    width: 100%;

    background: none;

    padding: 0 0;

    border-bottom: 1px solid rgba(0,0,0,0.0);

    transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -webkit-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

}



.header-style-two .header-upper {

    top: 40px;

    background: #fff;

}



.header-style-two {

    position: relative;

    min-height: 144px;

}



.header-style-two .auto-container {

    max-width: 1360px;

    padding: 0 20px;

}



.fixed-header .header-upper {

    position: fixed;

    top: 0;

    background: #ffffffc7;

    border-bottom-color: rgba(0,0,0,0.15);

}



.visible-search .main-header .header-upper {

    background: #fff;

    border-bottom-color: rgba(0,0,0,0.15);

}



.main-header ul, .main-header ul li {

    list-style: none;

    margin: 0;

    padding: 0;

}



.main-header .main-box {

    position: relative;

    padding: 0px;

}



.header-style-two .header-upper .outer {

    position: relative;

    float: right;

}



.main-header .main-box .logo-box {

    position: relative;

    display: block;

    float: left;

    padding: 27px 0px;

    transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -webkit-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    z-index: 5;

}



.fixed-header .main-box .logo-box {

}



.main-header .main-box .logo-box .logo {

    position: relative;

    display: block;

}



.main-header .main-box .logo-box .logo img {

    position: relative;

    display: block;

    height: 50px;

    z-index: 1;

}



.main-header .header-upper .links-box {

    position: relative;

    float: right;

    padding-top: 24px;

}



.header-style-two .header-upper .links-box {

    float: left;

}



.main-header .header-upper .links-box .link {

    position: relative;

    float: left;

    margin-left: 25px;

}



.main-header .header-upper .login {

    position: relative;

    margin-left: 0;

    padding-top: 13px;

}



.main-header .header-upper .login a {

    color: var(--medium-gray-color);

    font-size: 16px;

    line-height: 30px;

}



.main-header .header-upper .social {

    position: relative;

    margin-left: 0;

    padding-top: 13px;

}



.main-header .header-upper .social li {

    position: relative;

    float: left;

    margin-right: 20px;

}



.main-header .header-upper .social li:last-child {

    margin-right: 0;

}



.main-header .header-upper .social li a {

    color: var(--dark-gray-gray);

    font-size: 18px;

    line-height: 30px;

}



.main-header .header-upper .social li a:hover {

    color: var(--primary-color);

}



.main-header .header-upper .social li a.facebook {

    color: var(--facebook-color);

}



.main-header .header-upper .social li a.twitter {

    color: #EE464F;

}



.main-header .header-upper .social li a.linkedin {

    color: var(--linkedin-color);

}



.main-header .header-upper .social li a.youtube {

    color: var(--youtube-color);

}



.main-header .header-upper .social li a:hover {

    color: #EE464F;

}



.main-header .header-upper .lang-box {

    position: relative;

    margin-left: 0;

    padding-top: 13px;

}



.main-header .header-upper .links-box .call-to {

    position: relative;

    margin-left: 60px;

    font-family: 'Gilroy_Bold', sans-serif;

}



.main-header .header-upper .call-to a {

    position: relative;

    display: block;

    font-size: 14px;

    line-height: 20px;

    color: var(--dark-gray-gray);

    padding-top: 8px;

    padding-left: 70px;

    min-height: 56px;

}



.main-header .header-upper .call-to .icon {

    position: absolute;

    left: 0;

    top: 0;

    width: 56px;

    height: 56px;

    font-size: 18px;

    background: var(--primary-color);

    color: #fff;

    line-height: 56px;

    text-align: center;

    border-radius: 50%;

    -webkit-animation: icon-bounce 0.8s ease-out infinite;

    animation: icon-bounce 0.8s ease-out infinite;

}



.main-header .header-upper .call-to a .nmbr {

    position: relative;

    display: block;

    font-size: 18px;

    line-height: 26px;

}



.main-header .header-upper .call-to a .nmbr:hover {

    color: var(--primary-color);

}



.main-header .nav-toggler {

    position: relative;

    float: left;

    left: 0;

    top: 0;

    padding: 16px 0px 0;

    margin-top: 15px;

    margin-left: 20px;

    display: none;

}



.main-header .nav-toggler button {

    position: relative;

    width: 30px;

    height: 44px;

    line-height: 24px;

    padding: 5px 0px;

    background: none;

    color: #e1e1e1;

    font-size: 16px;

    margin: 0px;

    border-radius: 0px;

    outline: none !important;

}



.main-header .nav-toggler button img {

    position: relative;

    display: inline-block;

    vertical-align: middle;

    height: 34px;

}



.main-header .nav-box {

    position: relative;

    float: left;

    margin-left: 80px;

}



.header-style-two .nav-box {

    margin-left: 0;

}



.main-header .nav-outer {

    position: relative;

}



.main-menu {

    position: relative;

    display: block;

    padding: 0px 0px;

}



.main-menu .navbar-collapse {

    padding: 0px;

    margin: 0px;

    border: none;

    box-shadow: none;

}



.main-menu .navigation {

    position: relative;

    z-index: 1;

}



.main-menu .navigation > li {

    position: relative;

    display: block;

    float: left;

    padding: 30px 0px;

    margin-right: 40px;

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

}



.main-menu .navigation > li:last-child {

    margin-right: 0;

}



.main-menu .navigation > li > a {

    position: relative;

    display: block;

    font-size: 16px;

    color: var(--dark-gray-gray);

    padding: 10px 0px;

    font-weight: 400;

    line-height: 24px;

    font-family: 'Gilroy_Bold', sans-serif;

    text-transform: capitalize;

    opacity: 1;

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

}



.main-menu .navigation > li > a:after {

    content: "";

    position: absolute;

    left: 0px;

    bottom: 0px;

    display: block;

    width: 0;

    border-bottom: 3px solid var(--primary-color);

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

    z-index: 1;

}



.main-menu .navigation > li:hover > a:after, .main-menu .navigation > li.current > a:after, .main-menu .navigation > li.current-menu-item > a:after {

    opacity: 1;

    visibility: visible;

    width: 12px;

}



.main-menu .navigation > li:hover > a, .main-menu .navigation > li.current > a, .main-menu .navigation > li.current-menu-item > a {

    color: var(--primary-color);

    text-decoration: none;

    opacity: 1;

}



.main-menu .navigation > li > ul {

    position: absolute;

    left: 0px;

    top: 100%;

    width: 240px;

    padding: 15px 10px;

    z-index: 100;

    opacity: 1;

    text-align: left;

    background: #fff;

    border: none;

    border-radius: 5px;

    -webkit-box-shadow: 2px 2px 10px 1px rgba(0,0,0,0.03),-2px 0px 10px 1px rgba(0,0,0,0.03);

    -ms-box-shadow: 2px 2px 10px 1px rgba(0,0,0,0.03),-2px 0px 10px 1px rgba(0,0,0,0.03);

    -o-box-shadow: 2px 2px 10px 1px rgba(0,0,0,0.03),-2px 0px 10px 1px rgba(0,0,0,0.03);

    -moz-box-shadow: 2px 2px 10px 1px rgba(0,0,0,0.03),-2px 0px 10px 1px rgba(0,0,0,0.03);

    box-shadow: 2px 2px 10px 1px rgba(0,0,0,0.03),-2px 0px 10px 1px rgba(0,0,0,0.03);

    -webkit-transform: translateY(20px);

    -ms-transform: translateY(20px);

    transform: translateY(20px);

    -moz-transition: all 100ms ease;

    -webkit-transition: all 100ms ease;

    -ms-transition: all 100ms ease;

    -o-transition: all 100ms ease;

    transition: all 100ms ease;

}



.main-menu .navigation > li > ul > li {

    position: relative;

    margin-bottom: 0px;

}



.main-menu .navigation > li > ul > li:last-child {

    border-bottom: none;

    margin-bottom: 0;

}



.main-menu .navigation > li > ul > li > a {

    position: relative;

    display: block;

    padding: 8px 16px;

    font-size: 16px;

    line-height: 26px;

    font-weight: 400;

    color: #2E2E2E;

    text-transform: capitalize;

    -moz-transition: all 300ms ease;

    -webkit-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

}



.main-menu .navigation > li > ul > li:hover > a, .main-menu .navigation > li > ul > li.current > a {

    color: var(--primary-color);

    background: rgba(0, 0, 0, 0.05);

}



.main-menu .navigation > li.dropdown:hover > ul {

    visibility: visible;

    opacity: 1;

    top: 100%;

    -webkit-transform: translate(0px);

    -ms-transform: translate(0px);

    transform: translate(0px);

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

}



/*** 



====================================================================

  Hidden Sidebar style

====================================================================



***/

body.visible-sidebar {

    overflow-y: hidden;

}



.menu-backdrop {

    position: fixed;

    right: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 9990;

    background: rgba(0,0,0,0.70);

    cursor: pointer;

    opacity: 0;

    visibility: hidden;

    transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -webkit-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

}



.visible-sidebar .menu-backdrop {

    opacity: 1;

    visibility: visible;

}



.hidden-bar {

    position: fixed;

    top: 0;

    left: 0;

    bottom: 0;

    width: 100%;

    max-width: 320px;

    background: #fff;

    padding-top: 60px;

    color: #101010;

    border-right: 4px solid var(--primary-color);

    z-index: 9999;

    visibility: hidden;

    -ms-transform: translateX(-400px);

    transform: translateX(-400px);

    transition: all 500ms ease-in;

    -webkit-transition: all 500ms ease-in-out;

    -ms-transition: all 500ms ease-in-out;

    -o-transition: all 500ms ease-in-out;

    -moz-transition: all 500ms ease-in-out;

}



.hidden-bar .hidden-bar-closer {

    display: none;

}



.hidden-bar.visible-sidebar {

    opacity: 1;

    visibility: visible;

    -ms-transform: translateX(0px);

    transform: translateX(0px);

}



.hidden-bar .nav-logo-box {

    position: relative;

    padding: 10px 25px 20px;

    margin-bottom: 20px;

}



.hidden-bar .nav-logo-box img {

    max-height: 60px;

}



.hidden-bar ol, .hidden-bar ol li, .hidden-bar ul, .hidden-bar ul li {

    list-style-type: none;

    margin: 0px;

}



.hidden-bar .hidden-bar-closer {

    position: absolute;

    right: -5px;

    top: 0px;

    padding: 14px 20px;

    line-height: 30px;

    cursor: pointer;

    display: block;

    transition: all 300ms ease;

    -webkit-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    z-index: 9999;

}



.hidden-bar .hidden-bar-closer svg {

    width: 20px;

    height: 20px;

    stroke-width: 1.25px;

}



.hidden-bar-wrapper {

    position: absolute;

    left: 0;

    top: 0px;

    bottom: 0;

    width: 100%;

    overflow-y: auto;

    padding: 20px 0px 35px;

    overflow-x: hidden;

}



.hidden-bar .side-menu {

    position: relative;

    display: block;

    border-top: 1px solid rgba(0,0,0,0.07);

    font-family: 'Open Sans', sans-serif;

}



.hidden-bar .side-menu ul li {

    position: relative;

    display: block;

    padding: 5px 0px;

    border-bottom: 1px solid rgba(0,0,0,0.20);

}



.hidden-bar .side-menu ul li a {

    position: relative;

    color: #8E8E8E;

    display: block;

    font-weight: 600;

    font-size: 14px;

    line-height: 24px;

    text-transform: capitalize;

    padding: 5px 30px;

    letter-spacing: 0.05em;

    transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

}



.hidden-bar .side-menu ul li a:hover, .hidden-bar .side-menu ul > li.current > a, .hidden-bar .side-menu ul > li > ul > li.current > a {

    color: var(--primary-color);

}



.hidden-bar .side-menu ul li ul li {

    border-bottom: none;

    border-top: 1px solid rgba(0,0,0,0.07);

    padding-left: 10px;

}



.hidden-bar .side-menu ul li ul li a {

    line-height: 24px;

    font-weight: 500;

    text-transform: capitalize;

    font-size: 15px;

}



.hidden-bar .side-menu ul li .btn-expander {

    position: absolute;

    top: 11px;

    right: 0;

    background: none;

    color: rgba(0,0,0,0.70);

    font-size: 14px;

    height: 24px;

    width: 20px;

    line-height: 24px;

    border-radius: 0px;

    outline: none;

    cursor: pointer;

    z-index: 1;

}



.hidden-bar .side-menu ul li {

    border-bottom: 1px solid rgba(0,0,0,0.07);

    padding: 0;

}



.hidden-bar .side-menu ul li a {

    display: block;

    vertical-align: top;

    padding: 12px 30px 12px 25px;

    font-size: 16px;

    font-weight: 500;

    color: #231F20;

    text-transform: capitalize;

}



.hidden-bar .side-menu ul li ul li a {

    font-size: 14px;

    font-weight: 500;

}



.hidden-bar .side-menu ul li .btn-expander {

    top: 9px;

    right: 15px;

    font-weight: 700;

    font-size: 13px;

    width: 30px;

    height: 30px;

    border: 1px solid rgba(0,0,0,0.50);

}



.hidden-bar .side-menu ul li .btn-expander i {

    font-weight: 800;

}



.hidden-bar .side-menu ul li ul {

    padding: 0px 0px;

}



.hidden-bar .side-menu ul li ul li ul {

    padding: 0px 0px;

    margin-left: 0px;

}



.hidden-bar .side-menu ul li ul li {

    margin-bottom: 0px;

}



.hidden-bar .side-menu ul li ul li:last-child {

    margin-bottom: 0;

}



.hidden-bar .links-box {

    position: relative;

    display: block;

    padding: 30px 25px;

}



.hidden-bar .links-box .link {

    position: relative;

    margin-top: 15px;

}



.hidden-bar .links-box .link .theme-btn {

    display: block;

}



/*** 



====================================================================

  Banner Section

====================================================================



***/

.banner-section {

    position: relative;

    padding: 0 0;

    background: #fff;

}



.banner-section .auto-container {

    max-width: none;

    padding: 0 0;

}



.banner-section .banner-container {

    position: relative;

}



.banner-section .banner-arrow {

    position: absolute;

    left: 20px;

    bottom: -160px;

    z-index: 5;

}



.banner-section .banner-slider {

    position: relative;

    width: 100%;

    overflow: hidden;

}



.banner-section .row {

    margin: 0 0;

}



.banner-section .left-col {

    position: relative;

    padding: 0 0;

}



.banner-section .left-col .inner {

    position: relative;

    display: block;

    min-height: 100%;

}



.banner-section .left-col .content {

    position: relative;

    display: block;

    float: right;

    width: 100%;

    max-width: 99%;

    padding: 240px 120px 200px 20px;

}



.banner-section .left-col .bg-image {

    position: absolute;

    left: -100px;

    bottom: -60px;

}



.banner-section .left-col h3 {

    position: relative;

    font-weight: 200;

    /* font-family: 'Reey_Regular', cursive; */

    color: var(--primary-color);

    line-height: 1.20em;

    margin: 0px 0px 10px;

}



.banner-section .left-col h1 {

    position: relative;

    font-weight: 400;

    line-height: 1.20em;

    margin: 0px 0px 35px;

}



.banner-section .left-col h1 .d-icon {

    position: absolute;

    right: -20px;

    top: -75px;

}



.banner-section .left-col .travilo-text {

    position: relative;

    display: block;

    font-size: 20px;

    margin-bottom: 30px;

}



.banner-section .left-col .lower-text {

    position: relative;

    line-height: 1.8em;

    display: block;

    margin-top: 22px;

}



.banner-section .left-col .lower-text span {

    font-size: 18px;

    color: var(--primary-color);

    font-weight: 700;

}



.banner-section .left-col .form-box {

    position: relative;

    display: block;

    background: #fff;

    padding: 20px 30px 20px 30px;

    margin-right: -90px;

    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);

    border-radius: 5px;

    z-index: 5;

}



.banner-section form .row {

    margin: 0 -6px;

}



.banner-section form .row .form-group {

    position: relative;

    padding: 0 6px;

    margin-bottom: 12px;

}



.banner-section .site-form form input {

    font-size: 14px;

    padding-left: 15px !important;

}



.banner-section .site-form form .form-group .alt-icon {

    right: 15px;

    font-size: 14px;

}



.banner-section .site-form form button {

    position: absolute;

    width: 100%;

    top: 30px;

}



.banner-section .right-col {

    position: relative;

    padding: 0 0;

}



.banner-section .right-col .inner {

    position: relative;

    display: block;

    min-height: 100%;

}



.banner-section .right-col .image-layer {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-repeat: no-repeat;

    background-position: center top;

    background-size: cover;

    border-radius: 0 0 0 7px;

}



.banner-section .right-col .image-layer:before {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.0);

    border-radius: 0 0 0 10px;

}



/*** 



====================================================================

  Title Box

====================================================================



***/

.title-box {

    position: relative;

    margin-bottom: 65px;

}



.title-box.centered {

    text-align: center;

    max-width: 700px;

    margin: 0 auto 65px;

}



.title-box .subtitle {

    position: relative;

    font-size: 24px;

    line-height: 30px;

    text-transform: none;

    /* font-family: 'Reey_Regular', cursive; */

    font-weight: 400;

    color: var(--primary-color);

    margin: 0 0 10px;

}



.title-box h2 {

    position: relative;

    font-weight: 400;

    text-transform: capitalize;

    margin: 0 0;

}



.title-box h2 span {

    position: relative;

    z-index: 1;

}



.title-box .travilo-text {

    position: relative;

    display: block;

    font-weight: 400;

    font-size: 16px;

    padding-top: 25px;

}



/*** 



====================================================================

  Intro Section

====================================================================



***/

.intro-section {

    position: relative;

    padding: 130px 0px 90px;

}



.intro-section.no-padd-top {

    padding-top: 0;

}



.intro-section .intro-block {

    position: relative;

    margin-bottom: 50px;

    z-index: 10;

}



.intro-section .intro-block .inner-box {

    position: relative;

    display: block;

    text-align: center;

}



.intro-section .intro-block .inner-box:hover .icon {

    -webkit-transform: scale(-1) rotate(180deg);

    -moz-transform: scale(-1) rotate(180deg);

    -ms-transform: scale(-1) rotate(180deg);

    -o-transform: scale(-1) rotate(180deg);

    transform: scale(-1) rotate(180deg);

}



.intro-section .intro-block .icon {

    position: relative;

    display: inline-block;

    line-height: 100px;

    margin-bottom: 35px;

    transition: all 600ms ease;

    -moz-transition: all 600ms ease;

    -webkit-transition: all 600ms ease;

    -ms-transition: all 600ms ease;

    -o-transition: all 600ms ease;

}



.intro-section .intro-block .icon img, .intro-section .intro-block .icon svg {

    max-height: 100px;

}



.intro-section .intro-block h4 {

    position: relative;

    margin-bottom: 30px;

}



/*** 



====================================================================

  About Us Section

====================================================================



***/

.about-section {

    position: relative;

    padding: 0 0px 170px;

}



.about-section.alternate {

    padding-top: 140px;

}



.about-section .bg-grad-left {

    position: absolute;

    left: -200px;

    top: -100px;

}



.about-section .bg-grad-right {

    position: absolute;

    right: 0;

    top: -400px;

}



.about-section .text-col {

    position: relative;

    margin-bottom: 50px;

    order: 12;

}



.about-section .text-col .inner {

    position: relative;

    display: block;

    padding-left: 110px;

    padding-top: 60px;

}



.about-section .text-col .d-elem-1 {

    position: absolute;

    right: 0;

    top: 50px;

}



.about-section .features {

    position: relative;

}



.about-section .features .row {

    margin: 0 -5px;

}



.about-section .features .f-block {

    position: relative;

    padding: 0 5px;

    margin-bottom: 30px;

}



.about-section .f-block .inner-box {

    position: relative;

    display: block;

    padding-left: 75px;

    padding-top: 6px;

    min-height: 60px;

}



.about-section .f-block .icon {

    position: absolute;

    left: 0;

    top: 0;

    width: 60px;

    line-height: 60px;

    transition: all 600ms ease;

    -moz-transition: all 600ms ease;

    -webkit-transition: all 600ms ease;

    -ms-transition: all 600ms ease;

    -o-transition: all 600ms ease;

}



.about-section .f-block .inner-box:hover .icon {

    transform: rotateY(180deg);

}



.about-section .f-block .icon img {

    position: relative;

    max-height: 60px;

}



.about-section .f-block h6 {

    position: relative;

    line-height: 24px;

    margin-bottom: 0;

}



.about-section .text-col .title-box {

    margin-bottom: 30px;

}



.about-section .text-col .lower-text {

    position: relative;

}



.about-section .text-col .lower-text ul li {

    position: relative;

    padding-left: 40px;

    line-height: 1.70em;

    font-weight: 400;

    margin-bottom: 10px;

}



.about-section .text-col .lower-text ul li:last-child {

    margin-bottom: 0;

}



.about-section .text-col .lower-text ul li:before {

    content: "\f178";

    font-family: 'Font Awesome 6 Free';

    font-weight: 400;

    font-size: 18px;

    position: absolute;

    left: 0;

    top: 0;

    line-height: 28px;

    text-align: center;

    color: var(--primary-color);

}



.about-section .text-col .link-box {

    position: relative;

    padding-top: 35px;

}



.about-section .image-col {

    position: relative;

    margin-bottom: 50px;

    order: 0;

}



.about-section .image-col .exp {

    position: absolute;

    left: 50px;

    top: 90px;

    width: 180px;

    height: 180px;

    padding: 32px 10px 10px;

    font-size: 18px;

    line-height: 24px;

    font-family: 'Gilroy_Bold', sans-serif;

    background: #27b8ec;

    color: #fff;

    text-align: center;

    border-radius: 50%;

    z-index: 1;

}



.about-section .image-col .count {

    position: relative;

    display: block;

    padding-top: 3px;

    font-size: 60px;

    line-height: 1em;

}



.about-section .image-col .inner {

    position: relative;

    display: block;

    min-height: 100%;

}



.about-section .image-col .image-box {

    position: relative;

    padding-right: 30px;

}



.about-section .image-col .image-box .image {

    position: relative;

    float: right;

    max-width: 450px;

    transform: rotate(15deg);

    border-radius: 10px;

}



.about-section .image-col .image-box .image:last-child {

    position: absolute;

    left: 0;

    top: 220px;

    max-width: 366px;

    transform: rotate(-15deg);

    border: 9px solid #fff;

}



.about-section .image-col .image-box img {

    position: relative;

    width: 100%;

    border-radius: 10px;

}



.about-section .image-col .d-elem-1 {

    position: absolute;

    left: -40px;

    top: 15px;

}



.about-section .image-col .d-elem-2 {

    position: absolute;

    right: 180px;

    bottom: -90px;

}



/*** 



====================================================================

  Packages Section

====================================================================



***/

.packages-section {

    position: relative;

    padding: 130px 0px;

    background: #fafaee;

}



.packages-section .title-box {

    margin-bottom: 55px;

}



.packages-section .bg-layer {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-repeat: repeat;

    background-position: left top;

}



.packages-section .carousel-box {

    position: relative;

    margin: 0 -12px;

}



.packages-section .carousel-box .slick-list {

    overflow: hidden;

}



.package-block {

    position: relative;

    margin-bottom: 30px;

}



.packages-section .row {

    margin: 0 -12px;

}



.packages-section .row .package-block {

    padding: 0 12px;

    margin-bottom: 24px;

}



.slick-slider .package-block {

    margin: 10px 12px;

}



.package-block .inner-box {

    position: relative;

    display: block;

    background: #fff;

    border: 1px solid rgba(0, 0, 0, 0.03);

    box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.07);

    min-height: 100%;

    border-radius: 10px;

}



.package-block .image-box {

    position: relative;

}



.package-block .image-box .image {

    position: relative;

    background: var(--primary-color);

    border-radius: 10px 10px 0 0;

    overflow: hidden;

}



.package-block .image-box .image img {

    position: relative;

    width: 100%;

    border-radius: 10px 10px 0 0;

    transition: all 0.5s ease;

}



.package-block .inner-box:hover .image img {

    opacity: 0.50;

    transform: scale(1.05);

}



.package-block .image-box .b-title {

    position: absolute;

    left: 18px;

    top: 15px;

    z-index: 5;

}



.package-block .image-box .b-title span {

    position: relative;

    display: inline-block;

    line-height: 22px;

    padding: 2px 10px;

    font-size: 12px;

    text-transform: uppercase;

    font-family: 'Gilroy_Bold', sans-serif;

    color: var(--dark-gray-gray);

    background: var(--secondary-color);

    border-radius: 3px;

}



.package-block .image-box .b-title.featured span {

    background: var(--secondary-color);

}



.package-block .image-box .b-title.top-rated span {

    background: var(--primary-color);

    color: #fff;

}



.package-block .inner-box:hover .p-icon {

    -webkit-animation: icon-bounce 0.8s ease-out infinite;

    animation: icon-bounce 0.8s ease-out infinite;

}



.package-block .image-box .fav-btn {

    position: absolute;

    right: 20px;

    top: 20px;

    z-index: 5;

}



.package-block .image-box .fav-btn a {

    position: relative;

    display: block;

    line-height: 24px;

    color: #fff;

    font-size: 21px;

    opacity: 0.50;

}



.package-block:hover .image-box .fav-btn a {

    opacity: 1;

}



.package-block .image-box .fav-btn a:hover {

    color: var(--primary-color);

}



.package-block .lower-box {

    position: relative;

    display: block;

    padding: 30px 30px 0;

}



.package-block.alt .lower-box {

    padding-top: 25px;

}



.package-block .lower-box .p-icon {

    position: absolute;

    top: -36px;

    right: 30px;

    width: 72px;

    height: 72px;

    z-index: 5;

}



.package-block .lower-box .p-icon .icon, .package-block-two .image-box .p-icon .icon {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    color: #fff;

    line-height: 72px;

    text-align: center;

    font-size: 32px;

    font-weight: 400;

}



.package-block .lower-box .p-icon img {

    max-height: 72px;

}



.package-block .lower-box .location {

    position: relative;

    font-weight: 400;

    color: var(--primary-color);

    font-family: 'Gilroy_Bold', sans-serif;

    margin-bottom: 10px;

}



.package-block.alt .lower-box .location {

    margin-bottom: 5px;

}



.package-block .lower-box h5 {

    position: relative;

    font-weight: 400;

    color: var(--dark-gray-gray);

    margin-bottom: 20px;

}



.package-block h5 a {

    color: var(--dark-gray-gray);

}



.package-block h5 a:hover {

    color: var(--primary-color);

}



.package-block .lower-box .info {

    position: relative;

    font-size: 14px;

    line-height: 20px;

}



.package-block .lower-box .info .duration {

    position: relative;

    float: left;

}



.package-block .lower-box .info .persons {

    position: relative;

    float: right;

}



.package-block .lower-box .info .duration i, .package-block .lower-box .info .persons i {

    position: relative;

    padding-right: 5px;

    color: var(--primary-color);

}



.package-block .bottom-box {

    position: relative;

    margin-top: 25px;

    padding: 15px 0;

    border-top: 1px solid rgba(0, 0, 0, 0.15);

}



.package-block .bottom-box .rating {

    position: relative;

    float: left;

}



.package-block .bottom-box .rating a {

    font-size: 12px;

    color: var(--light-gray-gray);

    display: inline-block;

    vertical-align: top;

    line-height: 20px;

}



.package-block .bottom-box .rating i {

    position: relative;

    color: var(--secondary-color);

    font-size: 14px;

    padding-right: 5px;

    line-height: 20px;

    z-index: 1;

}



.package-block .bottom-box .rating strong {

    position: relative;

    font-family: 'Gilroy_Bold', sans-serif;

    font-size: 14px;

    color: var(--dark-gray-gray);

}



.package-block .bottom-box .price {

    position: relative;

    font-size: 14px;

    color: var(--medium-gray-color);

    line-height: 20px;

    float: right;

}



.package-block .bottom-box .price .amount {

    font-size: 18px;

    color: var(--primary-color);

    font-family: 'Gilroy_Bold', sans-serif;

}



.packages-section .carousel-box .prev-btn {

    position: absolute;

    right: 66px;

    top: -100px;

    width: 44px;

    height: 44px;

    text-align: center;

    color: var(--primary-color);

    line-height: 42px;

    border: 1px solid rgba(0, 0, 0, 0.20);

    border-radius: 50%;

    transition: all 500ms linear;

    z-index: 5;

    cursor: pointer;

}



.packages-section .carousel-box .next-btn {

    position: absolute;

    right: 12px;

    top: -100px;

    width: 44px;

    height: 44px;

    text-align: center;

    color: var(--primary-color);

    line-height: 42px;

    border: 1px solid rgba(0, 0, 0, 0.20);

    border-radius: 50%;

    transition: all 500ms linear;

    z-index: 5;

    cursor: pointer;

}



.packages-section .carousel-box .prev-btn:hover, .packages-section .carousel-box .next-btn:hover {

    background: var(--primary-color);

    color: #fff;

}



/*** 



====================================================================

  Destinations Section

====================================================================



***/

.destination-section {

    position: relative;

    padding: 30px 0px 60px;

    background: #fff;

    overflow: hidden;

}



.destination-section .bg-grad-right {

    position: absolute;

    right: -50px;

    top: -50px;

}



.destination-section .bg-grad-left {

    position: absolute;

    left: -50px;

    bottom: -100px;

}



.destination-section .gallery-box {

    position: relative;

}



.dest-block-one {

    position: relative;

    margin-bottom: 30px;

}



.destination-section .row {

    margin: 0 -12px;

}



.destination-section .row .dest-block-one {

    padding: 0 12px;

    margin-bottom: 24px;

}



.dest-block-one .inner-box {

    position: relative;

    display: block;

    border-radius: 10px;

    overflow: hidden;

}



.dest-block-one .image-box {

    position: relative;

    display: block;

    border-radius: 10px;

    overflow: hidden;

}



.dest-block-one .image-box:before {

    position: absolute;

    top: 0;

    left: -85%;

    z-index: 2;

    display: block;

    content: '';

    width: 50%;

    height: 100%;

    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .8) 100%);

    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .8)));

    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .8) 100%);

    -webkit-transform: skewX(-25deg);

    -ms-transform: skewX(-25deg);

    transform: skewX(-25deg);

    z-index: 1;

}



.dest-block-one .inner-box:hover .image-box::before {

    -webkit-animation: shine 1s;

    animation: shine 1s;

}



.dest-block-one .image-box img {

    position: relative;

    display: block;

    width: 100%;

    border-radius: 10px;

}



.dest-block-one .hvr-box {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 5;

}



.dest-block-one .hvr-box:before {

    content: '';

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 75%;

    opacity: 0.50;

    background: rgba(0, 0, 0, 0.30);

    background: -webkit-linear-gradient(bottom,rgba(0,0,0,0.95),rgba(0,0,0,0.0));

    background: -ms-linear-gradient(bottom,rgba(0,0,0,0.95),rgba(0,0,0,0.0));

    background: -moz-linear-gradient(bottom,rgba(0,0,0,0.95),rgba(0,0,0,0.0));

    -moz-transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

    z-index: 1;

}



.dest-block-one:hover .hvr-box:before {

    opacity: 0.80;

}



.dest-block-one .hvr-box .hvr-inner {

    position: absolute;

    left: 30px;

    bottom: 30px;

    right: 30px;

    z-index: 1;

}



.dest-block-one .hvr-box h4 {

    position: relative;

    font-weight: 400;

    text-transform: capitalize;

    margin-bottom: 5px;

    line-height: 30px;

}



.dest-block-one .hvr-box h4 a {

    color: #fff;

}



.dest-block-one .hvr-box h4 a:hover {

    color: var(--primary-color);

}



.dest-block-one .hvr-box .tour-count {

    position: relative;

    line-height: 20px;

    font-weight: 400;

    color: #fff;

}



/*** 



====================================================================

  Tour Types Section

====================================================================



***/

.tour-types {

    position: relative;

    padding: 140px 0px;

    background: #f8fcfe;

}



.tour-types .d-elem-1 {

    position: absolute;

    left: -120px;

    top: -60px;

}



.tour-types .d-elem-2 {

    position: absolute;

    right: 0;

    bottom: 0;

}



.tour-types .title-box {

    margin-bottom: 50px;

}



.tour-types .bg-layer {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-repeat: repeat;

    background-position: left top;

}



.tour-types .carousel-box {

    position: relative;

    margin: 0 -10px;

}



.tour-types .carousel-box .slick-list {

    overflow: hidden;

}



.tour-type-block {

    position: relative;

    margin-bottom: 30px;

}



.slick-slider .tour-type-block {

    margin: 10px 10px;

}



.tour-type-block .inner-box {

    position: relative;

    display: block;

    background: #fff;

    min-height: 100%;

    padding: 70px 20px 80px;

    text-align: center;

    border: 1px solid rgba(0, 0, 0, 0.05);

    box-shadow: 0 0 15px 0px rgba(2, 24, 93, 0.07);

    transition: all 500ms linear;

    border-radius: 10px;

}



.tour-type-block .inner-box:hover {

    background: var(--primary-color);

    color: #fff;

}



.tour-type-block.bg-blue .inner-box:hover {

    background: var(--blue-color);

}



.tour-type-block.bg-green .inner-box:hover {

    background: var(--green-color);

}



.tour-type-block.bg-yellow .inner-box:hover {

    background: var(--yellow-color);

}



.tour-type-block.bg-red .inner-box:hover {

    background: var(--red-color);

}



.tour-type-block .inner-box:hover .icon-box {

    -webkit-transform: scale(-1) rotate(180deg);

    -moz-transform: scale(-1) rotate(180deg);

    -ms-transform: scale(-1) rotate(180deg);

    -o-transform: scale(-1) rotate(180deg);

    transform: scale(-1) rotate(180deg);

    -webkit-transition-delay: 200ms;

    -moz-transition-delay: 200ms;

    -ms-transition-delay: 200ms;

    -o-transition-delay: 200ms;

    transition-delay: 200ms;

}



.tour-type-block .icon-box {

    position: relative;

    line-height: 80px;

    margin-bottom: 45px;

    display: inline-block;

    transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

}



.tour-type-block .icon-box .icon {

    position: relative;

    font-size: 84px;

    line-height: 80px;

    color: var(--primary-color);

    transition: all 500ms linear;

}



.tour-type-block.bg-blue .icon-box .icon {

    color: var(--blue-color);

}



.tour-type-block.bg-green .icon-box .icon {

    color: var(--green-color);

}



.tour-type-block.bg-yellow .icon-box .icon {

    color: var(--yellow-color);

}



.tour-type-block.bg-red .icon-box .icon {

    color: var(--red-color);

}



.tour-type-block .icon-box img, .tour-type-block .icon-box svg {

    display: inline-block;

    max-height: 80px;

    transition: all 500ms linear;

}



.tour-type-block .inner-box:hover .icon-box img, .tour-type-block .inner-box:hover .icon-box svg {

    -webkit-filter: brightness(10);

    -ms-filter: brightness(10);

    -moz-filter: brightness(10);

    filter: brightness(10);

}



.tour-type-block .inner-box:hover .icon-box .icon {

    color: #fff !important;

}



.tour-type-block .lower-box h5 {

    position: relative;

    font-weight: 400;

    color: var(--dark-gray-gray);

    margin-bottom: 0;

}



.tour-type-block h5 a {

    color: var(--dark-gray-gray);

}



.tour-type-block .inner-box:hover h5, .tour-type-block .inner-box:hover h5 a {

    color: #fff;

}



.tour-type-block .inner-box .over-link {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 1;

}



.tour-types .slick-dots {

    position: relative;

    padding-top: 40px;

    text-align: center;

}



.tour-types .slick-dots li {

    position: relative;

    display: inline-block;

    font-size: 0;

    text-indent: 50px;

    overflow: hidden;

    width: 24px;

    height: 24px;

    border: 1px solid rgba(0, 0, 0, 0.0);

    margin: 0 5px;

    border-radius: 50%;

    cursor: pointer;

}



.tour-types .slick-dots li button {

    content: '';

    position: absolute;

    left: 6px;

    top: 6px;

    width: 10px;

    height: 10px;

    background: #c4cecc;

    border-radius: 50%;

}



.tour-types .slick-dots li.slick-active {

    border-color: var(--primary-color);

}



.tour-types .slick-dots li.slick-active button {

    background: var(--tertiary-color);

}



/*** 



====================================================================

  Why Us Section

====================================================================



***/

.why-us {

    position: relative;

    padding: 20px 0px 0px;

    background: #fff;

    overflow: hidden;

}



.why-us .bg-grad-left {

    position: absolute;

    left: -50px;

    bottom: -100px;

}



.why-us .bg-grad-right {

    position: absolute;

    right: 0;

    top: -100px;

}



.why-us .text-col {

    position: relative;

    margin-bottom: 15px;

    order: 12;

}



.why-us .text-col .d-elem-1 {

    position: absolute;

    right: -10px;

    top: 30px;

}



.why-us .features {

    position: relative;

}



.why-us .features .f-block-two {

    position: relative;

    margin-bottom: 35px;

}



.why-us .f-block-two .inner-box {

    position: relative;

    display: block;

}



.why-us .f-block-two .inner-box:hover .icon {

    -webkit-transform: scale(-1) rotate(180deg);

    -moz-transform: scale(-1) rotate(180deg);

    -ms-transform: scale(-1) rotate(180deg);

    -o-transform: scale(-1) rotate(180deg);

    transform: scale(-1) rotate(180deg);

}



.why-us .f-block-two .icon {

    position: relative;

    width: 60px;

    line-height: 60px;

    margin-bottom: 20px;

    transition: all 600ms ease;

    -moz-transition: all 600ms ease;

    -webkit-transition: all 600ms ease;

    -ms-transition: all 600ms ease;

    -o-transition: all 600ms ease;

}



.why-us .f-block-two .icon img {

    position: relative;

    max-height: 60px;

}



.why-us .f-block-two h4 {

    position: relative;

    margin-bottom: 12px;

}



.why-us .f-block-two .travilo-text {

    position: relative;

}



.why-us .text-col .title-box {

    margin-bottom: 30px;

}



.why-us .text-col .inner {

    position: relative;

    display: block;

    padding-left: 110px;

    padding-top: 70px;

}



.why-us .text-col .lower-text ul li:before {

    content: "\f178";

    font-family: 'Font Awesome 6 Free';

    font-weight: 400;

    font-size: 18px;

    position: absolute;

    left: 0;

    top: 0;

    line-height: 28px;

    text-align: center;

    color: var(--primary-color);

}



.why-us .text-col .link-box {

    position: relative;

    padding-top: 35px;

}



.why-us .image-col {

    position: relative;

    margin-bottom: 50px;

    order: 0;

}



.why-us .image-col .d-elem-2 {

    position: absolute;

    left: -75px;

    bottom: -15px;

}



.why-us .image-col .inner {

    position: relative;

    display: block;

    min-height: 100%;

}



.why-us .image-col .image-box {

    position: relative;

}



.why-us .image-col .image-box img {

    position: relative;

    width: 100%;

}



/*** 



====================================================================

  Facts Section

====================================================================



***/

.facts-section {

    position: relative;

    color: #fff;

    background: #496560;

}



.facts-section .video-box {

    position: relative;

    top: -190px;

    max-width: 1140px;

    padding: 0 20px;

    margin: 0 auto -190px;

}



.facts-section .video-box .image-box {

    position: relative;

    display: block;

    border: 10px solid #fff;

    border-radius: 10px;

    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.07);

}



.facts-section .video-box .image-box img {

    position: relative;

    display: block;

    width: 100%;

    border-radius: 10px;

}



.facts-section .video-box .vid-btn {

    position: absolute;

    display: block;

    left: 50%;

    top: 50%;

    width: 120px;

    height: 120px;

    padding: 30px 20px;

    font-size: 26px;

    color: #fff;

    text-align: center;

    margin: -60px 0 0 -60px;

    background: var(--primary-color);

    border-radius: 50%;

    z-index: 1;

}



.facts-section .video-box .vid-btn:hover {

    background: #fff;

    color: var(--primary-color);

}



.facts-section .video-box .vid-btn .icon {

    position: relative;

    vertical-align: middle;

    line-height: 60px;

}



.facts-section .fact-counter {

    position: relative;

    padding: 140px 0 90px;

}



.facts-section.alt-padding .fact-counter {

    padding: 90px 0 40px;

}



.facts-section .fact-counter .fact-block {

    position: relative;

    font-family: 'Gilroy_Bold', sans-serif;

    text-align: center;

    margin-bottom: 50px;

}



.facts-section .fact-counter .fact-block .inner {

    position: relative;

    display: inline-block;

    vertical-align: top;

    text-align: left;

}



.facts-section .fact-counter .fact-count {

    position: relative;

    float: left;

    line-height: 60px;

    font-size: 60px;

}



.facts-section .fact-counter .count-box {

    position: relative;

    line-height: 60px;

    font-size: 60px;

    padding-right: 30px;

}



.facts-section .fact-counter .count-box i {

    position: absolute;

    font-size: 30px;

    line-height: 30px;

    font-style: normal;

    top: 0;

    right: 10px;

}



.facts-section .fact-counter .fact-title {

    position: relative;

    float: left;

    padding-top: 5px;

    line-height: 25px;

    text-transform: capitalize;

}



/*** 



====================================================================

  Testimonials Section

====================================================================



***/

.testimonials-section {

    position: relative;

    padding: 30px 0px;

    background: #fff;

    overflow: hidden;

}



.testimonials-section.alt-bg {

    background: #fafaee;

}



.testimonials-section .d-elem-1 {

    position: absolute;

    left: -100px;

    top: -80px;

}



.testimonials-section .bg-grad-right {

    position: absolute;

    right: -300px;

    top: -300px;

    opacity: 0.30;

}



.testimonials-section .bg-grad-left {

    position: absolute;

    left: -300px;

    bottom: -300px;

    opacity: 0.30;

}



.testimonials-section .title-box {

    margin-bottom: 60px;

}



.testimonials-section .bg-layer {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-repeat: repeat;

    background-position: left top;

}



.testimonials-section .carousel-box {

    position: relative;

    margin: 0 -10px;

}



.testimonials-section .carousel-box .slick-list {

    overflow: hidden;

}



.testi-block-one {

    position: relative;

    margin-bottom: 30px;

}



.slick-slider .testi-block-one {

    margin: 10px 10px;

}



.testi-block-one .inner-box {

    position: relative;

    display: block;

    text-align: center;

    min-height: 332px;

    padding: 60px 40px 60px;

    background: #fff;

    border-radius: 10px;

    border: 1px solid rgba(0, 0, 0, 0.05);

    box-shadow: 0 0 15px 0px rgba(2, 24, 93, 0.07);

}



.testi-block-one .icon {

    position: relative;

    font-size: 48px;

    color: var(--primary-color);

    line-height: 48px;

    margin-bottom: 30px;

}



.testi-block-one .icon img {

    display: inline-block;

    max-width: 100%;

    max-height: 48px;

}



.testi-block-one .travilo-text {

    position: relative;

    font-size: 18px;

    color: var(--medium-gray-color);

    font-style: italic;

}



.testi-block-one .info {

    position: relative;

    display: inline-block;

    vertical-align: top;

    padding-top: 5px;

    /* padding-left: 115px; */

    margin-top: 25px;

    /* text-align: left; */

}



.testi-block-one .info .image {

    position: absolute;

    left: 0;

    top: 0px;

    width: 92px;

    height: 92px;

    border-radius: 50%;

    overflow: hidden;

}



.testi-block-one .info .image img {

    position: relative;

    display: block;

    width: 100%;

    border-radius: 50%;

}



.testi-block-one .info .name {

    color: var(--dark-gray-gray);

    font-size: 18px;

    font-weight: 400;

    font-family: 'Gilroy_Bold', sans-serif;

    margin-bottom: 0px;

}



.testi-block-one .info .designation {

    position: relative;

    float: left;

    font-size: 14px;

    font-weight: 400;

    color: var(--light-gray-gray);

}



.testi-block-one .info .rating {

    position: relative;

    font-size: 16px;

    line-height: 24px;

    font-weight: 400;

    color: var(--secondary-color);

    margin-bottom: 7px;

}



.testi-block-one .info .rating i {

    position: relative;

    display: inline-block;

    vertical-align: middle;

}



.testi-block-one .info .rating i:last-child {

    margin-right: 0;

}



.testimonials-section .slick-dots {

    position: relative;

    padding-top: 40px;

    text-align: center;

}



.testimonials-section .slick-dots li {

    position: relative;

    display: inline-block;

    font-size: 0;

    text-indent: 50px;

    overflow: hidden;

    width: 24px;

    height: 24px;

    border: 1px solid rgba(0, 0, 0, 0.0);

    margin: 0 5px;

    border-radius: 50%;

    cursor: pointer;

}



.testimonials-section .slick-dots li button {

    content: '';

    position: absolute;

    left: 6px;

    top: 6px;

    width: 10px;

    height: 10px;

    background: #c4cecc;

    border-radius: 50%;

}



.testimonials-section .slick-dots li.slick-active {

    border-color: var(--primary-color);

}



.testimonials-section .slick-dots li.slick-active button {

    background: var(--tertiary-color);

}



/*** 



====================================================================

  Partner Section

====================================================================



***/

.partners-section {

    position: relative;

    padding: 110px 0px;

    background: var(--dark-gray-color);

    color: #fff;

    overflow: hidden;

}



.partners-section .partner-block {

    position: relative;

    text-align: center;

    margin-bottom: 30px;

}



.partners-section .slick-list .partner-block {

    margin: 0 15px;

}



.partners-section .partner-block .image {

    position: relative;

    display: block;

    line-height: 100px;

}



.partners-section .partner-block img {

    display: inline-block;

    vertical-align: middle;

    max-height: 100px;

    opacity: 0.70;

    transition: all 500ms linear;

}



.partners-section .partner-block img:hover {

    opacity: 1;

}



/*** 



====================================================================

  News Section

====================================================================



***/

.news-section {

    position: relative;

    padding: 130px 0px 110px;

    background: #F9FCFF;

}



.news-section .news-box {

    position: relative;

}



.news-section .bg-grad-right {

    position: absolute;

    right: -300px;

    bottom: -300px;

}



.news-section .bg-grad-left {

    position: absolute;

    left: -350px;

    top: -350px;

}



.news-block-one {

    position: relative;

    margin-bottom: 30px;

}



.news-section .news-box .row {

    margin: 0 -12px;

}



.news-section .news-box .row .news-item {

    padding: 0 12px;

}



.news-section .news-box .news-block-one {

    margin-bottom: 24px;

}



.news-block-one .inner-box {

    position: relative;

    display: block;

    height: 542px;

    min-height: 100%;

    border-radius: 10px;

    overflow: hidden;

}



.news-block-one.sm-height .inner-box {

    height: 260px;

}



.news-block-one .image-layer {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-size: cover;

    background-position: center center;

    transition: all 600ms ease;

    -moz-transition: all 600ms ease;

    -webkit-transition: all 600ms ease;

    -ms-transition: all 600ms ease;

    -o-transition: all 600ms ease;

}



.news-block-one .inner-box:hover .image-layer {

    transform: scale(1.07,1.07);

}



.news-block-one .image-layer:before {

    content: '';

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 90%;

    background: rgba(0, 0, 0, 0.30);

    background: -webkit-linear-gradient(bottom,rgba(0,0,0,0.95),rgba(0,0,0,0.0));

    background: -ms-linear-gradient(bottom,rgba(0,0,0,0.95),rgba(0,0,0,0.0));

    background: -moz-linear-gradient(bottom,rgba(0,0,0,0.95),rgba(0,0,0,0.0));

    opacity: 0.50;

    transition: all 500ms linear;

}



.news-block-one:hover .image-layer:before {

    opacity: 0.80;

}



.news-block-one .image-layer:after {

    position: absolute;

    top: 0;

    left: -85%;

    z-index: 2;

    display: block;

    content: '';

    width: 50%;

    height: 100%;

    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .8) 100%);

    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .8)));

    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .8) 100%);

    -webkit-transform: skewX(-25deg);

    -ms-transform: skewX(-25deg);

    transform: skewX(-25deg);

    z-index: 1;

}



.news-block-one .inner-box:hover .image-layer::after {

    -webkit-animation: shine 1s;

    animation: shine 1s;

}



.news-block-one .over-box {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    padding: 0 20px 40px 40px;

}



.news-block-one.m-height .over-box, .news-block-one.sm-height .over-box {

    padding: 0 20px 25px 25px;

}



.news-block-one .info {

    position: relative;

    margin-bottom: 5px;

}



.news-block-one .info li {

    position: relative;

    display: inline-block;

    vertical-align: top;

    line-height: 24px;

    margin-right: 12px;

}



.news-block-one .info li a {

    position: relative;

    color: #fff;

}



.news-block-one .info li i {

    position: relative;

    padding-right: 5px;

}



.news-block-one h3, .news-block-one h4, .news-block-one h5 {

    position: relative;

    color: #fff;

    line-height: 1.30em;

    margin-bottom: 0;

}



.news-block-one h3 a, .news-block-one h4 a, .news-block-one h5 a {

    color: #fff;

}



.news-block-one h3 a:hover, .news-block-one h4 a:hover, .news-block-one h5 a:hover {

    color: var(--primary-color);

}



/*** 



====================================================================

  Insta Feed Section

====================================================================



***/

.insta-section {

    position: relative;

    padding: 0 0 90px;

}



.insta-section .insta-feed {

    position: relative;

    margin-bottom: 50px;

}



.insta-section .carousel-box {

    position: relative;

    margin: 0 0;

    overflow: hidden;

}



.insta-section .insta-block {

    position: relative;

    text-align: center;

    margin-bottom: 30px;

}



.insta-section .slick-list .insta-block {

    margin: 0 25px;

}



.insta-section .insta-block .image {

    position: relative;

    display: block;

    height: 290px;

    border-radius: 10px;

}



.insta-section .insta-block .image .img {

    position: relative;

    display: inline-block;

    vertical-align: baseline;

    border-radius: 10px;

}



.insta-section .insta-block .image img {

    position: relative;

    display: inline-block;

    height: 290px;

    vertical-align: baseline;

    border-radius: 10px;

    opacity: 1;

    transition: all 500ms linear;

}



.insta-section .insta-block.s-h .image img {

    height: 165px;

}



.insta-section .insta-block.s-h .image {

    padding-top: 125px;

}



.insta-section .alternate .insta-block.s-h .image {

    padding-top: 0;

    padding-bottom: 125px;

}



.insta-section .insta-block.m-h .image img {

    height: 255px;

}



.insta-section .insta-block.m-h .image {

    padding-top: 35px;

}



.insta-section .alternate .insta-block.m-h .image {

    padding-top: 0;

    padding-bottom: 35px;

}



.insta-section .insta-block.xs-h .image img {

    height: 120px;

}



.insta-section .insta-block.xs-h .image {

    padding-top: 170px;

}



.insta-section .alternate .insta-block.xs-h .image {

    padding-top: 0;

    padding-bottom: 170px;

}



.insta-section .insta-block .img:hover img {

    opacity: 0.70;

}



/*** 



====================================================================

  Newsletter Section

====================================================================



***/

.subscribe-section {

    position: relative;

    padding: 0 0px;

}



.subscribe-section .outer-box {

    position: relative;

}



.subscribe-section .bg-grad-right {

    position: absolute;

    right: -300px;

    top: -350px;

    opacity: 1;

}



.subscribe-section .bg-grad-left {

    position: absolute;

    left: -300px;

    top: -400px;

    opacity: 1;

}



.subscribe-section .content-box {

    position: relative;

    display: block;

    padding: 94px 90px 50px 90px;

    background: var(--tertiary-color);

    color: #fff;

    border-radius: 10px;

    overflow: hidden;

    z-index: 5;

}



.subscribe-section .content-box .bg-layer {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;

    opacity: 0.22;

}



.subscribe-section .form-col {

    position: relative;

    margin-bottom: 30px;

}



.subscribe-section .form-col .inner {

    position: relative;

    display: block;

    padding-top: 35px;

}



.subscribe-section .text-col {

    position: relative;

    margin-bottom: 0;

}



.subscribe-section .text-col .inner {

    position: relative;

    display: block;

}



.subscribe-section .title-box {

    position: relative;

    margin-bottom: 30px;

}



.subscribe-section .title-box .subtitle, .subscribe-section .title-box h2 {

    color: #fff;

}



.subscribe-section .title-box h2 {

    line-height: 1.15em;

    text-transform: none;

}



.subscribe-section form .form-group {

    margin-bottom: 0;

}



.subscribe-section form .form-group input {

    height: 72px;

    line-height: 30px;

    padding: 20px 60px 20px 30px;

    font-weight: 400;

    font-size: 16px;

    background: #fff;

    border-radius: 7px;

}



.subscribe-section form .form-group .field-inner {

    position: relative;

}



.subscribe-section form .theme-btn {

    position: absolute;

    right: 30px;

    top: 20px;

    line-height: 30px;

    padding: 0 0;

    border: none;

    background: none;

    color: var(--primary-color);

    font-size: 24px;

    font-weight: 700;

}



/*** 



====================================================================

  Main Footer

====================================================================



***/

.main-footer {

    position: relative;

}



.main-footer.style-two {

    color: var(--light-purple-color);

    background: #272d2e;

}



.main-footer ul, .main-footer ul li {

    list-style: none;

    margin: 0;

}



.main-footer .upper-section {

    position: relative;

    padding: 100px 0 40px;

}



.main-footer.style-two .upper-section {

    padding-top: 120px;

}



.main-footer h4 {

    text-transform: capitalize;

    margin-bottom: 40px;

    font-weight: 400;

    color: var(--dark-gray-gray);

}



.main-footer.style-two h4 {

    color: #fff;

}



.main-footer .footer-logo {

    position: relative;

    margin-top: -25px;

    margin-bottom: 42px;

}



.main-footer.style-two .footer-logo {

}



.main-footer .gallery {

    position: relative;

}



.main-footer .gallery .gallery-item {

    position: relative;

    padding-left: 105px;

    padding-top: 5px;

    min-height: 84px;

    margin-bottom: 24px;

}



.main-footer .gallery .gallery-itemt:last-child {

    margin-bottom: 0;

}



.main-footer .gallery .gallery-item .image {

    position: absolute;

    display: block;

    left: 0;

    top: 0;

    width: 84px;

    height: 84px;

    border-radius: 4px;

    overflow: hidden;

}



.main-footer .gallery .gallery-item .image img {

    position: relative;

    display: block;

    width: 100%;

    border-radius: 4px;

    -moz-transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.main-footer .gallery .gallery-item h6 {

    font-size: 16px;

    line-height: 22px;

    margin-bottom: 16px;

}



.main-footer .gallery .gallery-item h6 a {

    color: var(--dark-gray-gray);

}



.main-footer.style-two .gallery .gallery-item h6, .main-footer.style-two .gallery .gallery-item h6 a {

    color: #fff;

}



.main-footer .gallery .gallery-item .price {

    position: relative;

    font-size: 14px;

    line-height: 20px;

    color: var(--medium-gray-color);

}



.main-footer.style-two .gallery .price {

    color: var(--light-purple-color);

}



.main-footer .gallery .gallery-item .price .amount {

    color: var(--primary-color);

    font-family: 'Gilroy_Bold', sans-serif;

}



.main-footer .upper-section .footer-column {

    position: relative;

    margin-bottom: 40px;

}



.main-footer .info {

    position: relative;

}



.main-footer .info li {

    position: relative;

    display: block;

    font-weight: 400;

    line-height: 24px;

    margin-bottom: 18px;

}



.main-footer .info li:last-child {

    margin-bottom: 0;

}



.main-footer .info li .icon {

    position: absolute;

    left: 0;

    top: 0;

    line-height: 24px;

    width: 28px;

    color: var(--primary-color);

}



.main-footer .info li a {

    position: relative;

    display: inline-block;

    padding-left: 30px;

    color: var(--medium-gray-color);

    line-height: 24px;

}



.main-footer.style-two .info li a {

    color: var(--light-purple-color);

}



.main-footer .info li a:hover {

    color: var(--primary-color);

    text-decoration: underline;

}



.main-footer .social-links {

    position: relative;

    padding-top: 30px;

}



.main-footer .social-links li {

    position: relative;

    float: left;

    margin-right: 6px;

}



.main-footer .social-links li:last-child {

    margin-right: 0;

}



.main-footer .social-links li a {

    position: relative;

    display: block;

    width: 42px;

    height: 42px;

    color: #fff;

    background: var(--dark-gray-gray);

    text-align: center;

    font-size: 16px;

    line-height: 42px;

    border-radius: 50%;

}



.main-footer .social-links li a.facebook {

    background: var(--facebook-color);

}



.main-footer .social-links li a.twitter {

    background: #EE464F;

}



.main-footer .social-links li a.linkedin {

    background: var(--linkedin-color);

}



.main-footer .social-links li a.youtube {

    background: #34E0A1;

}



.main-footer .social-links li a:hover {

    color: #fff;

    background: var(--primary-color);

}



.main-footer .links {

    position: relative;

}



.main-footer .links li {

    position: relative;

    display: block;

    font-weight: 400;

    line-height: 24px;

    text-transform: capitalize;

    margin-bottom: 18px;

}



.main-footer .links li:last-child {

    margin-bottom: 0;

}



.main-footer .links li a {

    position: relative;

    color: var(--medium-gray-color);

    line-height: 24px;

}



.main-footer.style-two .links li a {

    color: var(--light-purple-color);

}



.main-footer .links li a:hover {

    color: var(--primary-color);

    text-decoration: underline;

}



.main-footer .f-bottom {

    position: relative;

}



.main-footer .f-bottom .inner {

    position: relative;

    padding: 30px 0 30px;

}



.main-footer .f-bottom .copyright {

    position: relative;

    float: left;

    color: var(--medium-gray-color);

    line-height: 24px;

}



.main-footer.style-two .f-bottom .copyright {

    color: var(--light-purple-color);

}



.main-footer .copyright a {

    position: relative;

    color: #fff;

}



.main-footer.style-two .copyright a {

    color: var(--light-purple-color);

}



.main-footer .copyright a:hover {

    text-decoration: underline;

}



.main-footer .bottom-links {

    position: relative;

    float: right;

}



.main-footer .bottom-links li {

    position: relative;

    display: inline-block;

    vertical-align: top;

    margin-right: 35px;

}



.main-footer .bottom-links li:last-child {

    margin-right: 0;

}



.main-footer .bottom-links li a {

    position: relative;

    display: block;

    line-height: 24px;

    font-size: 16px;

    color: var(--medium-gray-color);

    -moz-transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.main-footer.style-two .bottom-links li a {

    color: var(--light-purple-color);

}



.main-footer .bottom-links li a:hover {

    color: var(--primary-color);

    text-decoration: underline;

}



.footer-subscribe {

    position: relative;

    max-width: 690px;

    padding: 0 20px;

    margin: 0 auto 110px;

}



.footer-subscribe .title-box {

    position: relative;

    margin-bottom: 40px;

}



.footer-subscribe .title-box h2 {

    color: #fff;

    font-size: 36px;

}



.footer-subscribe .title-box h2 {

    line-height: 1.15em;

    text-transform: none;

}



.footer-subscribe form .form-group {

    margin-bottom: 0;

}



.footer-subscribe form .form-group input {

    height: 72px;

    line-height: 30px;

    padding: 20px 180px 20px 30px;

    font-weight: 400;

    font-size: 16px;

    background: #fff;

    border-radius: 7px;

}



.footer-subscribe form .form-group .field-inner {

    position: relative;

}



.footer-subscribe form .theme-btn {

    position: absolute;

    right: 0;

    top: 0;

    line-height: 40px;

    padding: 16px 20px;

    height: 72px;

    width: 180px;

    border: none;

    background: var(--primary-color);

    color: #fff;

    font-size: 18px;

    font-family: 'Gilroy_Bold', sans-serif;

    border-radius: 0 7px 7px 0;

}



.main-footer .app-info {

    position: relative;

}



.main-footer .app-info .travilo-text {

    position: relative;

    margin-bottom: 25px;

}



.main-footer .app-info .links {

    position: relative;

}



.main-footer .app-info .link {

    position: relative;

    display: inline-block;

    vertical-align: top;

    margin-right: 7px;

    margin-bottom: 10px;

}



/*** 



====================================================================

  Banner Slider Section

====================================================================



***/

.banner-two {

    position: relative;

    padding: 0 0;

}



.banner-two .banner-container {

    position: relative;

}



.banner-two .banner-slider {

    position: relative;

    width: 100%;

    overflow: hidden;

}



.banner-two .slide-item {

    position: relative;

    width: 100%;

    padding: 0px;

    overflow: hidden;

}



.banner-two .slide-item:before {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: rgba(0,0,0,0.0);

    z-index: 1;

}



.banner-two .slide-item .image-layer {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    -ms-transform: scale(1.0);

    transform: scale(1.0);

    -webkit-transition: all 0ms linear 0ms;

    -ms-transition: all 0ms linear 0ms;

    -o-transition: all 0ms linear 0ms;

    -moz-transition: all 0ms linear 0ms;

    transition: all 0ms linear 0ms;

}



.banner-two .slide-item.swiper-slide-active .image-layer {

    -ms-transform: scale(1.15);

    transform: scale(1.15);

    -webkit-transition: all 7000ms linear 0ms;

    -ms-transition: all 7000ms linear 0ms;

    -o-transition: all 7000ms linear 0ms;

    -moz-transition: all 7000ms linear 0ms;

    transition: all 7000ms linear 0ms;

}



.banner-two .slide-item .image-layer:before {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.30);

    z-index: 1;

}



.banner-two .slide-item .content-box {

    position: relative;

    display: table;

    vertical-align: middle;

    width: 100%;

    padding: 70px 0;

    height: 720px;

    min-height: calc(100vh - 144px);

    z-index: 10;

}



.banner-two .slide-item .content {

    position: relative;

    display: table-cell;

    width: 100%;

    vertical-align: middle;

    z-index: 5;

}



.banner-two .slide-item .inner {

    position: relative;

    display: block;

    max-width: 950px;

    width: 100%;

    margin: 0 auto;

    text-align: center;

    z-index: 5;

}



.banner-two .slide-item h1 {

    position: relative;

    font-size: 180px;

    font-weight: 400;

    color: #fff;

    text-transform: capitalize;

    line-height: 1.0em;

    margin: 0px 0px;

    opacity: 0;

    visibility: hidden;

    -webkit-transform: translateY(30px);

    -ms-transform: translateY(30px);

    transform: translateY(30px);

}



.banner-two .slide-item h1 span {

    position: relative;

    display: inline-block;

}



.banner-two .slide-item h1 .s-text {

    position: absolute;

    left: 8px;

    top: -8px;

    font-style: normal;

    color: rgba(0, 0, 0, 0.0);

    -webkit-text-stroke-width: 1px;

    -webkit-text-stroke-color: rgba(255,255,255,0.50);

}



.banner-two .swiper-slide-active h1 {

    opacity: 1;

    visibility: visible;

    -webkit-transform: translate(0);

    -ms-transform: translate(0);

    transform: translate(0);

    -webkit-transition: all 1000ms ease 1000ms;

    -ms-transition: all 1000ms ease 1000ms;

    -o-transition: all 1000ms ease 1000ms;

    -moz-transition: all 1000ms ease 1000ms;

    transition: all 1000ms ease 1000ms;

}



.banner-two .slide-item .travilo-text {

    position: relative;

    display: block;

    font-size: 24px;

    line-height: 1.5em;

    color: #fff;

    padding-top: 30px;

    max-width: 640px;

    margin: 0 auto;

    opacity: 0;

    visibility: hidden;

    -webkit-transform: translateY(30px);

    -ms-transform: translateY(30px);

    transform: translateY(30px);

}



.banner-two .swiper-slide-active .travilo-text {

    opacity: 1;

    visibility: visible;

    -webkit-transform: translate(0);

    -ms-transform: translate(0);

    transform: translate(0);

    -webkit-transition: all 1000ms ease 1500ms;

    -ms-transition: all 1000ms ease 1500ms;

    -o-transition: all 1000ms ease 1500ms;

    -moz-transition: all 1000ms ease 1500ms;

    transition: all 1000ms ease 1500ms;

}



.banner-two .slide-item .links-box {

    position: relative;

    display: block;

    padding-top: 40px;

    opacity: 0;

    visibility: hidden;

    -webkit-transform: translateY(30px);

    -ms-transform: translateY(30px);

    transform: translateY(30px);

}



.banner-two .swiper-slide-active .links-box {

    opacity: 1;

    visibility: visible;

    -webkit-transform: translate(0);

    -ms-transform: translate(0);

    transform: translate(0);

    -webkit-transition: all 1000ms ease 2000ms;

    -ms-transition: all 1000ms ease 2000ms;

    -o-transition: all 1000ms ease 2000ms;

    -moz-transition: all 1000ms ease 2000ms;

    transition: all 1000ms ease 2000ms;

}



.banner-two .slide-item .links-box .link {

    position: relative;

    display: inline-block;

    vertical-align: top;

    margin: 0 7px 15px;

}



.banner-two .slide-item .links-box .link .theme-btn {

    display: block;

    min-width: 180px;

}



.banner-two .swiper-button-next, .banner-two .swiper-button-prev {

    position: absolute;

    top: 50%;

    margin-top: -30px;

    display: inline-block;

    vertical-align: top;

    width: 60px;

    height: 60px;

    line-height: 56px;

    font-size: 22px;

    color: #fff;

    text-align: center;

    background: transparent;

    border: 2px solid rgba(255, 255, 255, 0.50);

    border-radius: 50%;

    -webkit-transition: all 400ms ease;

    -moz-transition: all 400ms ease;

    -ms-transition: all 400ms ease;

    -o-transition: all 400ms ease;

    transition: all 400ms ease;

}



.banner-two .swiper-button-next:after, .banner-two .swiper-button-prev:after {

    display: none;

}



.banner-two .swiper-button-next span, .banner-two .swiper-button-prev span {

    position: relative;

    z-index: 1;

}



.banner-two .swiper-button-next {

    right: 60px;

}



.banner-two .swiper-button-prev {

    left: 60px;

}



.banner-two .swiper-button-next:hover, .banner-two .swiper-button-prev:hover {

    background: var(--primary-color);

    border-color: var(--primary-color);

    color: #fff;

}



/*** 



====================================================================

  Search One

====================================================================



***/

.search-one {

    position: relative;

    z-index: 15;

}



.search-one .outer {

    position: relative;

}



.search-one .search-title {

    position: absolute;

    left: 0;

    top: -54px;

    font-family: 'Gilroy_Bold', sans-serif;

    color: var(--dark-gray-gray);

    font-size: 16px;

    line-height: 30px;

    padding: 12px 25px;

    background: var(--anti-flash-white-color);

    border-radius: 10px 10px 0 0;

    overflow: hidden;

}



.search-one .search-title span {

    position: relative;

    display: block;

}



.tabs-box {

    position: relative;

}



.tabs-box .tab-buttons {

    position: relative;

}



.tabs-box .tab-buttons .tab-btn {

    position: relative;

    display: inline-block;

    vertical-align: top;

    cursor: pointer;

}



.tabs-box .tabs-content {

    position: relative;

}



.tabs-box .tabs-content .tab {

    position: relative;

    display: none;

}



.tabs-box .tabs-content .active-tab {

    display: block;

}



.search-one .search-tabs {

    position: relative;

}



.search-one .search-tabs .tab-buttons {

    position: absolute;

    left: 0;

    top: -54px;

    font-family: 'Gilroy_Bold', sans-serif;

    color: var(--dark-gray-gray);

    border-radius: 10px 10px 0 0;

    overflow: hidden;

}



.search-one .search-tabs .tab-buttons .tab-btn {

    position: relative;

    float: left;

    line-height: 30px;

    padding: 12px 22px;

    background: var(--anti-flash-white-color);

    border-right: 1px solid rgba(0, 0, 0, 0.07);

}



.search-one .search-tabs .tab-buttons .active-btn {

    background: #fff;

}



.search-one .search-tabs .tab-buttons .tab-btn:last-child {

    border-radius: 0 10px 0 0;

}



.search-one .form-box {

    position: relative;

    display: block;

    background: #fff;

    padding: 25px 170px 15px 24px;

    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);

    border-radius: 5px;

    z-index: 5;

}



.search-one form .row {

    margin: 0 -6px;

}



.search-one form .row .form-group {

    position: relative;

    padding: 0 6px;

    margin-bottom: 12px;

}



.search-one .site-form form input {

    font-size: 14px;

    padding-left: 15px !important;

}



.search-one .site-form form .form-group .alt-icon {

    right: 12px;

    font-size: 14px;

}



.search-one .site-form form button {

    position: absolute;

    right: -146px;

    width: 134px;

    top: 30px;

}



/*** 



====================================================================

  Popular Section

====================================================================



***/

.popular-section {

    position: relative;

    padding: 140px 0px 130px;

}



.popular-section .title-box {

    margin-bottom: 50px;

}



.popular-section .d-elem-1 {

    position: absolute;

    left: 35%;

    top: -150px;

}



.popular-section .bg-grad-right {

    position: absolute;

    right: -300px;

    bottom: -350px;

}



.popular-section .bg-grad-left {

    position: absolute;

    left: -300px;

    top: -400px;

}



.popular-section .carousel-box {

    position: relative;

    margin: 0 -12px;

}



.popular-section .carousel-box .slick-list {

    overflow: visible;

}



.popular-block {

    position: relative;

    margin-bottom: 30px;

}



.popular-section .popular-block {

    opacity: 0;

    visibility: hidden;

    margin: 15px 12px;

    margin-bottom: 0;

    transition: all 500ms linear;

}



.popular-section .slick-active.popular-block {

    opacity: 1;

    visibility: visible;

}



.popular-section .popular-block.alternate {

    margin-top: 72px;

}



.popular-block .inner-box {

    position: relative;

    display: block;

    border: 6px solid #fff;

    min-height: 100%;

    border-radius: 8px;

    box-shadow: 0 0 20px 0px rgba(2, 24, 93, 0.20);

}



.popular-block .image-box {

    position: relative;

    overflow: hidden;

}



.popular-block .image-box .image {

    position: relative;

    background: var(--primary-color);

    border-radius: 8px;

    overflow: hidden;

}



.popular-block .image-box .image img {

    position: relative;

    width: 100%;

    border-radius: 8px;

    transition: all 0.5s ease;

}



.popular-block .inner-box:hover .image img {

    transform: scale(1.08,1.08);

}



.popular-block .hvr-box {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 5;

}



.popular-block .inner-box:hover .image-box::before {

    -webkit-animation: shine 1s;

    animation: shine 1s;

}



.popular-block .image-box:before {

    position: absolute;

    top: 0;

    left: -85%;

    z-index: 2;

    display: block;

    content: '';

    width: 50%;

    height: 100%;

    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .8) 100%);

    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .8)));

    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .8) 100%);

    -webkit-transform: skewX(-25deg);

    -ms-transform: skewX(-25deg);

    transform: skewX(-25deg);

    z-index: 1;

}



.popular-block .hvr-box:before {

    content: '';

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 78%;

    opacity: 0.55;

    background: rgba(0, 0, 0, 0.30);

    background: -webkit-linear-gradient(bottom,rgba(0,0,0,0.95),rgba(0,0,0,0.0));

    background: -ms-linear-gradient(bottom,rgba(0,0,0,0.95),rgba(0,0,0,0.0));

    background: -moz-linear-gradient(bottom,rgba(0,0,0,0.95),rgba(0,0,0,0.0));

    border-radius: 8px;

    -moz-transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

    z-index: 1;

}



.popular-block:hover .hvr-box:before {

    opacity: 0.80;

}



.popular-block .hvr-box .hvr-inner {

    position: absolute;

    left: 25px;

    bottom: 25px;

    right: 20px;

    z-index: 1;

}



.popular-block .hvr-box h3 {

    position: relative;

    font-weight: 400;

    text-transform: capitalize;

    margin-bottom: 5px;

}



.popular-block .hvr-box h3 a {

    color: #fff;

}



.popular-block .hvr-box h3 a:hover {

    text-decoration: underline;

}



.popular-block .hvr-box .info {

    position: relative;

    font-size: 12px;

    line-height: 20px;

    font-weight: 400;

    color: #fff;

}



.popular-block .hvr-box .info span {

    position: relative;

    display: inline-block;

    vertical-align: top;

    padding-right: 7px;

    margin-right: 4px;

}



.popular-block .hvr-box .info span:after {

    content: '';

    position: absolute;

    right: 0;

    top: 50%;

    margin-top: -5px;

    border-right: 1px solid #fff;

    height: 10px;

}



.popular-block .hvr-box .info span:last-child:after {

    display: none;

}



.popular-section .carousel-box .prev-btn {

    position: absolute;

    right: 66px;

    top: -100px;

    width: 44px;

    height: 44px;

    text-align: center;

    color: var(--primary-color);

    line-height: 42px;

    border: 1px solid rgba(0, 0, 0, 0.20);

    border-radius: 50%;

    transition: all 500ms linear;

    z-index: 5;

    cursor: pointer;

}



.popular-section .carousel-box .next-btn {

    position: absolute;

    right: 12px;

    top: -100px;

    width: 44px;

    height: 44px;

    text-align: center;

    color: var(--primary-color);

    line-height: 42px;

    border: 1px solid rgba(0, 0, 0, 0.20);

    border-radius: 50%;

    transition: all 500ms linear;

    z-index: 5;

    cursor: pointer;

}



.popular-section .carousel-box .prev-btn:hover, .popular-section .carousel-box .next-btn:hover {

    background: var(--primary-color);

    color: #fff;

}



/*** 



====================================================================

  Packages Section

====================================================================



***/

.packages-two {

    position: relative;

    padding: 140px 0 0;

    background: var(--anti-flash-white-color);

    z-index: 5;

}



.packages-two .pkg-tabs {

    padding-bottom: 115px;

}



.packages-two .row {

    margin: 0 -12px;

}



.packages-two .row .package-block {

    padding: 0 12px;

    margin-bottom: 24px;

}



.packages-two .bg-layer {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-repeat: no-repeat;

    background-position: center top;

    background-size: cover;

}



.packages-two .title-outer {

    position: relative;

    padding-bottom: 20px;

}



.packages-two .title-outer .title-box {

    float: left;

    margin-bottom: 45px;

}



.packages-two .title-outer .tab-btns {

    position: relative;

    float: right;

    padding-top: 60px;

    margin-bottom: 45px;

}



.packages-two .title-outer .tab-buttons {

    position: relative;

}



.packages-two .title-outer .tab-buttons .tab-btn {

    position: relative;

    margin-right: 25px;

    color: var(--dark-gray-gray);

    font-size: 18px;

    text-transform: capitalize;

    font-family: 'Gilroy_Bold', sans-serif;

}



.packages-two .title-outer .tab-buttons .tab-btn:last-child {

    margin-right: 0;

}



.packages-two .title-outer .tab-buttons .active-btn {

    color: var(--primary-color);

}



.packages-two .lower-data {

    position: relative;

    top: 150px;

    margin-top: -150px;

}



.packages-two .lower-data .d-elem-1 {

    position: absolute;

    left: -80px;

    top: -100px;

}



.packages-two .lower-data .content-box {

    position: relative;

}



.packages-two .lower-data .row {

    margin: 0 -12px;

}



.featured-block-one {

    position: relative;

    margin-bottom: 30px;

}



.packages-two .lower-data .row .data-col {

    padding: 0 12px;

}



.packages-two .featured-block-one {

    margin-bottom: 24px;

}



.featured-block-one .inner-box {

    position: relative;

    display: block;

    height: 490px;

    min-height: 100%;

    background: #fff;

    border-radius: 10px;

    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.10);

}



.featured-block-one .image-layer {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-size: cover;

    background-position: center center;

    border-radius: 10px;

}



.featured-block-one .image-layer:before {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 80%;

    background: rgba(0, 0, 0, 0.30);

    background: -webkit-linear-gradient(top,rgba(0,0,0,0.95),rgba(0,0,0,0.0));

    background: -ms-linear-gradient(top,rgba(0,0,0,0.95),rgba(0,0,0,0.0));

    background: -moz-linear-gradient(top,rgba(0,0,0,0.95),rgba(0,0,0,0.0));

    opacity: 0.50;

    transition: all 500ms linear;

    border-radius: 10px;

}



.featured-block-one:hover .image-layer:before {

    opacity: 0.80;

}



.featured-block-one .over-box {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    padding: 55px 20px 0 60px;

    color: #fff;

    border-radius: 10px;

}



.featured-block-one.alt .over-box {

    padding: 40px 20px 0 45px;

}



.featured-block-one .b-title {

    position: relative;

    margin-bottom: 7px;

}



.featured-block-one .b-title span {

    position: relative;

    display: inline-block;

    line-height: 22px;

    padding: 2px 10px;

    font-size: 12px;

    text-transform: uppercase;

    font-family: 'Gilroy_Bold', sans-serif;

    color: var(--dark-gray-gray);

    background: var(--secondary-color);

    border-radius: 3px;

}



.featured-block-one .b-title.featured span {

    background: var(--secondary-color);

}



.featured-block-one .b-title.top-rated span {

    background: var(--primary-color);

    color: #fff;

}



.featured-block-one h6 {

    position: relative;

    color: #fff;

    margin-bottom: 10px;

}



.featured-block-one h3 {

    position: relative;

    font-size: 36px;

    color: #fff;

    line-height: 1.20em;

    margin-bottom: 0;

}



.featured-block-one h3 a, .featured-block-one h6 a {

    color: #fff;

}



.featured-block-one h3 a:hover, .featured-block-one h6 a:hover {

    color: var(--primary-color);

}



.featured-block-one .duration {

    position: relative;

    font-weight: 700;

    padding-top: 10px;

}



.featured-block-one .price {

    position: relative;

    font-family: 'Gilroy_Bold', sans-serif;

    font-size: 36px;

    line-height: 1.0em;

    margin-top: 25px;

}



.featured-block-one .price sub {

    font-size: 14px;

}



.featured-block-one .link-box {

    position: relative;

    padding-top: 30px;

}



.featured-block-one .link-box .theme-btn {

    padding-left: 30px;

    padding-right: 30px;

}



/*** 



====================================================================

  About Us Section

====================================================================



***/

.about-two {

    position: relative;

    padding: 266px 0px 110px;

}



.about-two .bg-grad-right {

    position: absolute;

    right: 0;

    top: -150px;

}



.about-two .bg-grad-left {

    position: absolute;

    left: -300px;

    top: -300px;

}



.about-two .d-elem-1 {

    position: absolute;

    left: 46%;

    top: -45px;

}



.about-two .outer-box {

    position: relative;

}



.about-two .text-col {

    position: relative;

    margin-bottom: 50px;

    order: 12;

}



.about-two .text-col .inner {

    position: relative;

    display: block;

    padding-left: 110px;

    padding-top: 20px;

}



.about-two .features {

    position: relative;

}



.about-two .features .row {

    margin: 0 -5px;

}



.about-two .features .f-block {

    position: relative;

    padding: 0 5px;

    margin-bottom: 30px;

}



.about-two .f-block .inner-box {

    position: relative;

    display: block;

    padding-left: 75px;

    padding-top: 6px;

    min-height: 60px;

}



.about-two .f-block .icon {

    position: absolute;

    left: 0;

    top: 0;

    width: 60px;

    line-height: 60px;

}



.about-two .f-block .icon img {

    position: relative;

    max-height: 60px;

}



.about-two .f-block h6 {

    position: relative;

    line-height: 24px;

    margin-bottom: 0;

}



.about-two .text-col .title-box {

    margin-bottom: 30px;

}



.facts-two {

    position: relative;

}



.facts-two .fact-block {

    position: relative;

    font-family: 'Gilroy_Bold', sans-serif;

    color: var(--dark-gray-gray);

    margin-bottom: 40px;

}



.facts-two .fact-block .inner-box {

    position: relative;

    display: block;

}



.facts-two .fact-count {

    position: relative;

    float: left;

    line-height: 60px;

    font-size: 60px;

}



.facts-two .count-box {

    position: relative;

    line-height: 60px;

    font-size: 60px;

    padding-right: 20px;

}



.facts-two .fact-title {

    position: relative;

    float: left;

    padding-top: 2px;

    font-size: 20px;

    line-height: 28px;

    text-transform: capitalize;

}



.about-two .text-col .link-box {

    position: relative;

    padding-top: 12px;

}



.about-two .image-col {

    position: relative;

    margin-bottom: 50px;

    order: 0;

}



.about-two .image-col .d-elem-2 {

    position: absolute;

    right: 30px;

    bottom: -60px;

}



.about-two .image-col .inner {

    position: relative;

    display: block;

    padding-right: 100px;

    min-height: 100%;

}



.about-two .image-col .image-box {

    position: relative;

    border-radius: 10px;

}



.about-two .image-col .image-box img {

    position: relative;

    display: block;

    width: 100%;

    border-radius: 10px;

}



.about-two .image-col .image-box .vid-btn {

    position: absolute;

    display: block;

    right: -60px;

    top: 50%;

    width: 120px;

    height: 120px;

    padding: 30px 20px;

    font-size: 26px;

    color: #fff;

    text-align: center;

    margin: -60px 0 0 0;

    background: var(--primary-color);

    border-radius: 50%;

    z-index: 1;

}



.about-two .image-col .image-box .vid-btn:before {

    content: '';

    position: absolute;

    left: -16px;

    top: -16px;

    right: -16px;

    bottom: -16px;

    border: 16px solid rgba(255, 255, 255, 0.45);

    border-radius: 50%;

    transition: all 500ms linear;

}



.about-two .image-col .image-box .vid-btn:hover {

    background: #fff;

    color: var(--primary-color);

}



.about-two .image-col .image-box .vid-btn:hover:before {

    border-color: var(--primary-color);

}



.about-two .image-col .image-box .vid-btn .icon {

    position: relative;

    vertical-align: middle;

    line-height: 60px;

}



/*** 



====================================================================

  Why Us Section

====================================================================



***/

.why-us-two {

    position: relative;

    padding: 140px 0px 0;

    background: #fff;

}



.why-us-two .bg-grad-left {

    position: absolute;

    left: 25%;

    top: -150px;

}



.why-us-two .bg-grad-right {

    position: absolute;

    right: -250px;

    bottom: -280px;

}



.why-us-two .outer-box {

    position: relative;

}



.why-us-two .title-box h2 {

    text-transform: none;

}



.why-us-two .text-col {

    position: relative;

}



.why-us-two .text-col .inner {

    position: relative;

    display: block;

    padding-right: 110px;

}



.why-us-two .text-col .d-elem-1 {

    position: absolute;

    right: -10px;

    top: 30px;

}



.why-us-two .features {

    position: relative;

}



.why-us-two .features .f-block-three {

    position: relative;

    margin-bottom: 45px;

}



.why-us-two .f-block-three .inner-box {

    position: relative;

    display: block;

    padding-left: 102px;

    min-height: 72px;

}



.why-us-two .f-block-three .inner-box:hover .icon {

    transform: rotateY(180deg);

}



.why-us-two .f-block-three .icon {

    position: absolute;

    left: 0;

    top: 0;

    width: 72px;

    line-height: 72px;

    transition: all 600ms ease;

    -moz-transition: all 600ms ease;

    -webkit-transition: all 600ms ease;

    -ms-transition: all 600ms ease;

    -o-transition: all 600ms ease;

}



.why-us-two .f-block-three .icon img {

    position: relative;

    max-height: 72px;

}



.why-us-two .f-block-three h4 {

    position: relative;

    margin-bottom: 15px;

}



.why-us-two .f-block-three .travilo-text {

    position: relative;

}



.why-us-two .text-col .title-box {

    margin-bottom: 30px;

}



.why-us-two .text-col .link-box {

    position: relative;

    padding-top: 35px;

}



.why-us-two .text-col .d-elem-1 {

    position: absolute;

    right: 50px;

    top: 30px;

}



.why-us-two .image-col {

    position: relative;

    margin-bottom: 50px;

}



.why-us-two .image-col .d-elem-2 {

    position: absolute;

    left: 40px;

    bottom: -80px;

}



.why-us-two .image-col .inner {

    position: relative;

    display: block;

    padding-left: 110px;

    min-height: 100%;

}



.why-us-two .image-col .image-box {

    position: relative;

    border-radius: 10px;

}



.why-us-two .image-col .image-box img {

    position: relative;

    display: block;

    width: 100%;

    border-radius: 10px;

}



.why-us-two .image-col .rating {

    position: absolute;

    left: 30px;

    top: -70px;

    display: block;

    width: 170px;

    height: 170px;

    padding: 30px 10px 10px;

    background: #fff;

    text-align: center;

    border-radius: 50%;

    box-shadow: 0 0 40px 0 rgba(2, 24, 93, 0.08);

    z-index: 1;

}



.why-us-two .image-col .rating .icon {

    position: relative;

    font-size: 48px;

    line-height: 1.2em;

    color: var(--yellow-color);

}



.why-us-two .image-col .rating .count {

    position: relative;

    display: block;

    padding-top: 5px;

    font-size: 36px;

    color: var(--dark-gray-gray);

    font-family: 'Gilroy_Bold', sans-serif;

    line-height: 1.5em;

}



.why-us-two .image-col .fact-block {

    position: absolute;

    font-family: 'Gilroy_Bold', sans-serif;

    color: var(--dark-gray-gray);

    margin-bottom: 40px;

}



.why-us-two .image-col .fact-block.f-1 {

    width: 230px;

    top: 80px;

    right: -100px;

}



.why-us-two .image-col .fact-block.f-2 {

    width: 270px;

    bottom: 80px;

    left: 20px;

}



.why-us-two .image-col .fact-block .inner-box {

    position: relative;

    display: block;

    padding: 32px 25px 28px 30px;

    background: #fff;

    border-radius: 10px;

    box-shadow: 0 0 40px 0 rgba(2, 24, 93, 0.08);

}



.why-us-two .image-col .fact-block .fact-count {

    position: relative;

    float: left;

    line-height: 60px;

    font-size: 60px;

}



.why-us-two .image-col .fact-block .count-box {

    position: relative;

    line-height: 60px;

    font-size: 60px;

    padding-right: 20px;

}



.why-us-two .image-col .fact-block .fact-title {

    position: relative;

    float: left;

    padding-top: 2px;

    font-size: 18px;

    line-height: 28px;

    text-transform: capitalize;

}



.why-us-two .get-help {

    position: relative;

    top: 135px;

    margin-top: -45px;

    z-index: 5;

}



.why-us-two .get-help .content-box {

    position: relative;

    padding: 75px 70px 30px 70px;

    background: var(--tertiary-color);

    border-radius: 10px;

}



.why-us-two .get-help .text-col {

    position: relative;

    margin-bottom: 30px;

}



.why-us-two .get-help .title-box {

    margin-bottom: 0;

}



.why-us-two .get-help .title-box .subtitle, .why-us-two .get-help .title-box h2, .why-us-two .get-help .title-box .travilo-text {

    color: #fff;

}



.why-us-two .get-help .title-box h2 span {

    position: relative;

    display: inline-block;

}



.why-us-two .get-help .title-box h2 span i {

    position: absolute;

    right: -60px;

    top: -50px;

}



.why-us-two .get-help .title-box .travilo-text {

    position: relative;

    padding-top: 15px;

}



.why-us-two .get-help .link-col {

    position: relative;

    margin-bottom: 30px;

}



.why-us-two .get-help .link-col .inner {

    position: relative;

    padding-top: 50px;

}



/*** 



====================================================================

  Testimonials Section

====================================================================



***/

.testimonials-two {

    position: relative;

    padding: 280px 0px 80px;

    background: var(--anti-flash-white-color);

}



.testimonials-two .title-box {

    position: relative;

    margin-bottom: 60px;

}



.testimonials-two .image-col {

    position: relative;

    order: 0;

    margin-bottom: 50px;

}



.testimonials-two .image-col .inner {

    position: relative;

    display: block;

    padding-right: 100px;

    min-height: 100%;

}



.testimonials-two .image-col .image-box {

    position: relative;

}



.testimonials-two .image-col .image-box img {

    position: relative;

}



.testimonials-two .text-col {

    position: relative;

    order: 12;

}



.testimonials-two .text-col .inner {

    position: relative;

    display: block;

}



.testi-block-two {

    position: relative;

}



.slick-list .testi-block-two {

    opacity: 0;

    visibility: hidden;

    transition: all 500ms linear;

}



.slick-list .testi-block-two.slick-active {

    opacity: 1;

    visibility: visible;

}



.testi-block-two .inner-box {

    position: relative;

    display: block;

}



.testi-block-two .quote-icon {

    position: relative;

    font-size: 48px;

    line-height: 1.2em;

    color: var(--primary-color);

    margin-bottom: 30px;

}



.testi-block-two .rating {

    position: absolute;

    right: 0;

    top: 10px;

    font-size: 24px;

    color: var(--secondary-color);

}



.testi-block-two .travilo-text {

    position: relative;

    font-style: italic;

    color: var(--medium-gray-color);

    font-size: 24px;

    line-height: 1.5em;

}



.testi-block-two .info {

    position: relative;

    padding-top: 10px;

    padding-left: 90px;

    min-height: 70px;

    margin-top: 30px;

}



.testi-block-two .info .image {

    position: absolute;

    left: 0;

    top: 0px;

    width: 70px;

    height: 70px;

    border-radius: 50%;

    overflow: hidden;

}



.testi-block-two .info .image img {

    position: relative;

    display: block;

    width: 100%;

    border-radius: 50%;

}



.testi-block-two .info .name {

    color: var(--dark-gray-gray);

    font-size: 18px;

    line-height: 24px;

    font-weight: 400;

    font-family: 'Gilroy_Bold', sans-serif;

    margin-bottom: 0px;

}



.testi-block-one .info .designation {

    position: relative;

    float: left;

    font-size: 14px;

    font-weight: 400;

    color: var(--light-gray-gray);

}



.testimonials-two .slick-dots {

    position: relative;

    padding-top: 50px;

}



.testimonials-two .slick-dots li {

    position: relative;

    display: inline-block;

    font-size: 0;

    text-indent: 50px;

    overflow: hidden;

    width: 24px;

    height: 24px;

    border: 1px solid rgba(0, 0, 0, 0.0);

    margin: 0 5px;

    border-radius: 50%;

    cursor: pointer;

}



.testimonials-two .slick-dots li button {

    content: '';

    position: absolute;

    left: 6px;

    top: 6px;

    width: 10px;

    height: 10px;

    background: #c4cecc;

    border-radius: 50%;

}



.testimonials-two .slick-dots li.slick-active {

    border-color: var(--primary-color);

}



.testimonials-two .slick-dots li.slick-active button {

    background: var(--tertiary-color);

}



/*** 



====================================================================

  Partners Section

====================================================================



***/

.partners-two {

    position: relative;

    padding: 140px 0px;

    z-index: 5;

}



.partners-two.alternate {

    padding: 60px 0;

}



.partners-two .partner-block {

    position: relative;

    text-align: center;

    margin-bottom: 30px;

}



.partners-two .slick-list .partner-block {

    margin: 0 15px;

}



.partners-two .partner-block .image {

    position: relative;

    display: block;

    line-height: 100px;

}



.partners-two .partner-block img {

    display: inline-block;

    vertical-align: middle;

    max-height: 100px;

    opacity: 0.70;

    -webkit-filter: grayscale(100%);

    -moz-filter: grayscale(100%);

    -ms-filter: grayscale(100%);

    transition: all 500ms linear;

}



.partners-two .partner-block img:hover {

    opacity: 1;

    -webkit-filter: grayscale(0%);

    -moz-filter: grayscale(0%);

    -ms-filter: grayscale(0%);

}



/*** 



====================================================================

  News Section

====================================================================



***/

.news-two {

    position: relative;

    padding: 140px 0px 110px;

    background: #F9FCFF;

}



.news-two .news-box {

    position: relative;

}



.news-two .bg-grad-right {

    position: absolute;

    right: -300px;

    top: -300px;

}



.news-two .bg-grad-left {

    position: absolute;

    left: -350px;

    top: -350px;

}



.news-two .news-block-two {

    position: relative;

    margin-bottom: 30px;

}



.news-two .news-box .row {

    margin: 0 -12px;

}



.news-two .news-box .row .news-block-two {

    padding: 0 12px;

    margin-bottom: 24px;

}



.news-block-two .inner-box {

    position: relative;

    display: block;

    min-height: 100%;

}



.news-block-two .image-box {

    position: relative;

    display: block;

    background: var(--primary-color);

    border-radius: 10px;

    overflow: hidden;

}



.news-block-two .image-box img {

    position: relative;

    display: block;

    width: 100%;

    border-radius: 10px;

    transition: all 600ms linear;

}



.news-block-two:hover .image-box img {

    transform: scale(1.05);

    opacity: 0.50;

}



.news-block-two .lower-box {

    position: relative;

    padding: 25px 0 0;

}



.news-block-two .info {

    position: relative;

    margin-bottom: 5px;

}



.news-block-two .info li {

    position: relative;

    display: inline-block;

    vertical-align: top;

    line-height: 24px;

    margin-right: 12px;

}



.news-block-two .info li i {

    position: relative;

    color: var(--primary-color);

}



.news-block-two .info li a {

    position: relative;

    color: var(--medium-gray-color);

}



.news-block-two .info li i {

    position: relative;

    padding-right: 5px;

}



.news-block-two h3, .news-block-two h4, .news-block-two h5 {

    position: relative;

    color: var(--dark-gray-gray);

    line-height: 1.30em;

    margin-bottom: 0;

}



.news-block-two h3 a, .news-block-two h4 a, .news-block-two h5 a {

    color: var(--dark-gray-gray);

}



.news-block-two h3 a:hover, .news-block-two h4 a:hover, .news-block-two h5 a:hover {

    color: var(--primary-color);

}



.news-block-three {

    position: relative;

    margin-bottom: 30px;

}



.sidebar-container .news-block-three {

    margin-bottom: 45px;

}



.news-block-three .inner-box {

    position: relative;

    display: block;

    min-height: 100%;

    background: #fff;

    border-radius: 10px;

    box-shadow: 0px 0px 30px 0px rgba(2, 24, 93, 0.08);

}



.news-block-three .image-box {

    position: relative;

    display: block;

    background: var(--primary-color);

    border-radius: 10px 10px 0 0;

    overflow: hidden;

}



.news-block-three .image-box img {

    position: relative;

    display: block;

    width: 100%;

    border-radius: 10px 10px 0 0;

    transition: all 1000ms linear;

}



.news-block-three:hover .image-box img {

    transform: scale(1.05);

    opacity: 0.90;

}



.news-block-three .lower-box {

    position: relative;

    padding: 40px 40px 20px;

}



.news-block-three .info {

    position: relative;

    margin-bottom: 5px;

}



.news-block-three .info li {

    position: relative;

    display: inline-block;

    vertical-align: top;

    line-height: 24px;

    margin-right: 12px;

}



.news-block-three .info li i {

    position: relative;

    color: var(--primary-color);

}



.news-block-three .info li a {

    position: relative;

    color: var(--medium-gray-color);

}



.news-block-three .info li i {

    position: relative;

    padding-right: 5px;

}



.news-block-three h3 {

    position: relative;

    color: var(--dark-gray-gray);

    font-size: 36px;

    line-height: 1.30em;

    margin-bottom: 0;

}



.news-block-three h3 a {

    color: var(--dark-gray-gray);

}



.news-block-three h3 a:hover {

    color: var(--primary-color);

}



.news-block-three .travilo-text {

    position: relative;

    padding-top: 20px;

    line-height: 1.6em;

}



.news-block-three .more-links {

    position: relative;

    padding-top: 30px;

}



.news-block-three .more-links .more {

    position: relative;

    float: left;

    margin-bottom: 20px;

}



.news-block-three .more-links .social {

    position: relative;

    float: right;

    padding-top: 10px;

    line-height: 30px;

}



.news-block-three .social strong {

    font-size: 18px;

    color: var(--dark-gray-gray);

    font-family: 'Gilroy_Bold', sans-serif;

}



.news-block-three .social a {

    position: relative;

    display: inline-block;

    margin-left: 15px;

    color: var(--dark-gray-gray);

    height: 30px;

    font-size: 18px;

    line-height: 30px;

}



.news-block-three .social a .fab {

    line-height: 30px;

}



.news-block-three .social a:hover {

    color: var(--primary-color);

}



.news-block-three .social a.facebook {

    color: var(--facebook-color);

}



.news-block-three .social a.twitter {

    color: var(--twitter-color);

}



.news-block-three .social a.linkedin {

    color: var(--linkedin-color);

}



.news-block-three .social a.youtube {

    color: var(--youtube-color);

}



.news-block-three .social a:hover {

    color: var(--primary-color);

}



/*** 



====================================================================

  Insta Feed Section

====================================================================



***/

.insta-section-two {

    position: relative;

    padding: 0 0;

    z-index: 5;

}



.insta-section-two .insta-feed {

    position: relative;

}



.insta-section-two .carousel-box {

    position: relative;

    overflow: hidden;

}



.insta-section-two .insta-block {

    position: relative;

    text-align: center;

    margin-bottom: 30px;

}



.insta-section-two .slick-list .insta-block {

    margin: 0 0;

}



.insta-section-two .insta-block .image {

    position: relative;

    display: block;

}



.insta-section-two .insta-block .image img {

    position: relative;

    display: block;

    width: 100%;

    opacity: 1;

    transition: all 500ms linear;

}



.insta-section-two .insta-block .img:hover img {

    opacity: 0.70;

}



.insta-section-two .insta-title {

    position: absolute;

    left: 50%;

    top: 50%;

    width: 190px;

    height: 190px;

    padding: 55px 20px 20px;

    text-align: center;

    background: rgba(255, 255, 255, 0.85);

    margin: -95px 0 0 -95px;

    border-radius: 50%;

    z-index: 10;

    -webkit-animation: icon-bounce 0.8s ease-out infinite;

    animation: icon-bounce 0.8s ease-out infinite;

}



.insta-section-two .insta-title h5 {

    margin-bottom: 5px;

}



.insta-section-two .insta-title .insta-user {

    position: relative;

    color: var(--red-color);

    font-size: 16px;

    font-family: 'Gilroy_Bold', sans-serif;

}



.insta-section-two .insta-title .insta-user a {

    color: var(--red-color);

    font-size: 13px;

}



/*** 



====================================================================

  Inner Banner Section

====================================================================



***/

.inner-banner {

position: relative;

padding: 100px 0px 75px;
}



.inner-banner .image-layer {

position: absolute;

left: 0;

top: 0;

width: 100%;

height: 100%;

/* background-repeat: no-repeat; */

background-position: center top;

background-size: contain;

/* background-attachment: fixed; */
}



.inner-banner .image-layer:before {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.35);

}



.inner-banner .content-box {

    position: relative;

    text-align: center;

}



.inner-banner .content-box h1 {

    position: relative;

    color: #fff;

    font-size: 80px;

    text-transform: capitalize;

    font-weight: 400;

    margin-bottom: 15px;

}



.inner-banner .bread-crumb {

    position: relative;

    line-height: 24px;

}



.inner-banner .bread-crumb ul li {

    position: relative;

    display: inline-block;

    vertical-align: top;

    line-height: 24px;

    padding: 0 0;

    text-transform: capitalize;

    margin-right: 30px;

    color: #fff;

}



.inner-banner .bread-crumb ul li:last-child {

    margin-right: 0;

}



.inner-banner .bread-crumb ul li:after {

    content: '\f0da';

    position: absolute;

    right: -32px;

    top: 1px;

    width: 30px;

    text-align: center;

    font-weight: 700;

    font-family: 'Font Awesome 6 Free';

}



.inner-banner .bread-crumb ul li:last-child:after {

    display: none;

}



.inner-banner .bread-crumb ul li a {

    position: relative;

    color: #fff;

}



.inner-banner .bread-crumb ul li a:hover {

    text-decoration: underline;

}



/*** 



====================================================================

  Intro Two

====================================================================



***/

.intro-two {

    position: relative;

    padding: 140px 0px 90px;

    background: var(--anti-flash-white-color);

}



.intro-two .intro-block-two {

    position: relative;

    margin-bottom: 45px;

    z-index: 10;

}



.intro-two .intro-block-two .inner-box {

    position: relative;

    display: block;

}



.intro-two .intro-block-two .icon {

    position: relative;

    display: block;

    line-height: 100px;

    margin-bottom: 35px;

}



.intro-two .intro-block-two .icon img, .intro-two .intro-block-two .icon svg {

    max-height: 100px;

}



.intro-two .intro-block-two h4 {

    position: relative;

    margin-bottom: 30px;

}



/*** 



====================================================================

  Our Speciality Section

====================================================================



***/

.our-speciality {

    position: relative;

    padding: 140px 0px 95px;

    background: #fff;

    overflow: hidden;

}



.our-speciality .outer-box {

    position: relative;

}



.our-speciality .bg-grad-left {

    position: absolute;

    left: -350px;

    top: -350px;

}



.our-speciality .title-col {

    position: relative;

    margin-bottom: 45px;

}



.our-speciality .title-col .inner {

    position: relative;

    display: block;

}



.our-speciality .title-col .d-elem-1 {

    position: absolute;

    right: 0px;

    top: -10px;

}



.our-speciality .title-col .title-box {

    margin-bottom: 0;

}



.our-speciality .content-col {

    position: relative;

}



.our-speciality .content-col .inner {

    position: relative;

    display: block;

    min-height: 100%;

    padding-left: 110px;

}



.our-speciality .features {

    position: relative;

}



.our-speciality .features .feature {

    position: relative;

    margin-bottom: 45px;

}



.our-speciality .feature .inner-box {

    position: relative;

    display: block;

}



.our-speciality .feature .icon {

    position: relative;

    width: 60px;

    line-height: 60px;

    margin-bottom: 30px;

}



.our-speciality .feature .icon img {

    position: relative;

    max-height: 60px;

}



.our-speciality .feature h4 {

    position: relative;

    margin-bottom: 20px;

}



.our-speciality .feature .travilo-text {

    position: relative;

}



/*** 



====================================================================

  Our Team Section

====================================================================



***/

.team-section {

    position: relative;

    padding: 140px 0px 90px;

    background: #fff;

    overflow: hidden;

}



.team-section .team-box {

    position: relative;

}



.team-section .bg-grad-left {

    position: absolute;

    left: -300px;

    top: -360px;

}



.team-section .bg-grad-right {

    position: absolute;

    right: -350px;

    bottom: -230px;

}



.team-section .d-elem-1 {

    position: absolute;

    left: -70px;

    top: -70px;

}



.team-section .team-block {

    position: relative;

    text-align: center;

    margin-bottom: 50px;

}



.team-section .team-block .inner-box {

    position: relative;

    display: block;

    max-width: 272px;

    margin: 0 auto;

}



.team-section .team-block.alt .inner-box {

    padding-top: 60px;

}



.team-section .team-block .image-box {

    position: relative;

    display: block;

    overflow: hidden;

    margin-bottom: 30px;

}



.team-section .team-block .image {

    position: relative;

    display: block;

    border-radius: 170px;

    overflow: hidden;

}



.team-section .team-block .image img {

    position: relative;

    display: block;

    border-radius: 170px;

    width: 100%;

}



.team-section .team-block h4 {

    margin-bottom: 5px;

}



.team-section .team-block h4, .team-section .team-block h4 a {

    color: var(--dark-gray-gray);

}



.team-block .social-links {

    position: absolute;

    left: 20px;

    top: 50%;

    margin-top: -75px;

    width: 40px;

    opacity: 0;

    transition: all 500ms linear;

    transform: translateX(-70px);

}



.team-block .image-box:hover .social-links {

    opacity: 1;

    transform: translateX(0px);

}



.team-block .social-links li {

    position: relative;

    display: block;

    margin: 0 0 7px;

}



.team-block .social-links li a {

    position: relative;

    display: block;

    width: 32px;

    height: 32px;

    color: #fff;

    background: var(--dark-gray-gray);

    text-align: center;

    font-size: 15px;

    line-height: 32px;

    border-radius: 50%;

}



.team-block .social-links li a.facebook {

    background: var(--facebook-color);

}



.team-block .social-links li a.twitter {

    background: var(--twitter-color);

}



.team-block .social-links li a.linkedin {

    background: var(--linkedin-color);

}



.team-block .social-links li a.youtube {

    background: var(--youtube-color);

}



.team-block .social-links li a:hover {

    color: #fff;

    background: var(--primary-color);

}



/*** 



====================================================================

  Packages Section

====================================================================



***/

.packages-three {

    position: relative;

    padding: 0 0 140px;

    background: #fff;

    z-index: 5;

}



.packages-three .search-one {

    position: relative;

    margin-bottom: 130px;

}



.packages-three .packages .row {

    margin: 0 -12px;

}



.packages-three .packages .package-block {

    padding: 0 12px;

    margin-bottom: 45px;

}



.filter-row {

    position: relative;

    padding-bottom: 10px;

}



.filter-row .s-info {

    position: relative;

    float: left;

    color: var(--medium-gray-color);

    line-height: 24px;

    padding: 3px 0;

    margin-bottom: 20px;

}



.filter-row .filters {

    position: relative;

    float: right;

}



.filter-row .filters .sort-by {

    position: relative;

    float: left;

    margin-bottom: 20px;

    margin-right: 30px;

}



.filter-row .filters .layout-links {

    position: relative;

    float: right;

    line-height: 30px;

    margin-bottom: 20px;

}



.filter-row .filters .layout-links a {

    position: relative;

    display: inline-block;

    vertical-align: top;

    color: #c7cece;

    transition: all 500ms linear;

}



.filter-row .filters .layout-links a:hover, .filter-row .filters .layout-links a.active {

    color: var(--medium-gray-color);

}



/*Drop Down List*/

.drop-list-one {

    position: relative;

    display: block;

    width: 100%;

}



.drop-list-one .dropdown-outer {

    position: relative;

}



.drop-list-one .btn-box {

    position: relative;

    display: block;

    width: 100%;

    line-height: 24px;

    color: var(--medium-gray-color);

    font-weight: 400;

    font-size: 16px;

    text-transform: capitalize;

    padding: 3px 0;

    background: none;

}



.drop-list-one .btn-box i {

    position: relative;

    font-size: 14px;

    top: 1px;

    padding-left: 2px;

}



.drop-list-one .btn-box:before {

    content: "\e604";

    font-family: 'simple-line-icons';

    position: absolute;

    right: 20px;

    top: 13px;

    height: 30px;

    display: block;

    color: var(--primary-color);

    line-height: 30px;

    font-size: 12px;

    font-weight: 700;

    z-index: 5;

    display: none;

}



.drop-list-one .btn-box::after {

    display: none;

}



.drop-list-one .dropdown-menu {

    left: auto !important;

    right: 0 !important;

    top: 100%;

    width: 100%;

    min-width: 180px;

    padding: 0px 0px;

    margin: 0px;

    margin-top: 5px;

    background: #fff;

    border-radius: 5px;

    border: 1px solid rgba(0,0,0,0.10);

    box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.10);

    border-top: none;

    transform: none;

}



.drop-list-one .dropdown-menu li {

    position: relative;

    display: block;

    border: none;

    padding: 0px 0px;

    border-top: 1px solid rgba(0,0,0,0.07);

}



.drop-list-one .dropdown-menu li:last-child {

}



.drop-list-one .dropdown-menu li a {

    position: relative;

    display: block;

    line-height: 24px;

    color: var(--dark-gray-gray);

    font-weight: 400;

    font-size: 14px;

    text-transform: capitalize;

    padding: 5px 15px;

    transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

}



.drop-list-one .dropdown-menu li:hover > a {

    color: #fff;

    background: var(--primary-color);

}



.styled-pagination {

    position: relative;

    padding-top: 15px;

}



.styled-pagination ul {

    position: relative;

}



.styled-pagination ul li {

    position: relative;

    display: inline-block;

    vertical-align: top;

    margin: 0 5px;

}



.styled-pagination ul li a {

    position: relative;

    display: block;

    width: 48px;

    height: 48px;

    line-height: 46px;

    color: var(--medium-gray-color);

    text-align: center;

    border: 1px solid rgba(0, 0, 0, 0.50);

    border-radius: 5px;

    transition: all 500ms linear;

}



.styled-pagination ul li:hover a, .styled-pagination ul li.active a {

    color: #fff;

    background: var(--primary-color);

    border-color: var(--primary-color);

}



/*** 



====================================================================

  Destinations Section

====================================================================



***/

.destinations-two {

    position: relative;

    padding: 140px 0;

    background: #fff;

    z-index: 5;

}



.destinations-two .row {

    margin: 0 -12px;

}



.destinations-two .popular-block {

    padding: 0 12px;

    margin-bottom: 45px;

}



/*** 



====================================================================

  Contact Section

====================================================================



***/

.contact-section {

    position: relative;

    padding: 140px 0px 90px;

    background: #fff;

}



.contact-section .info-col {

    position: relative;

    margin-bottom: 30px;

}



.contact-section .info-col .inner {

    position: relative;

    display: block;

}



.contact-section .info li {

    position: relative;

    min-height: 72px;

    padding-left: 80px;

    padding-top: 7px;

    margin-bottom: 20px;

}



.contact-section .info li .icon {

    position: absolute;

    left: 0;

    top: 0;

    width: 72px;

    height: 72px;

    line-height: 72px;

    text-align: center;

    font-size: 25px;

    background: var(--primary-color);

    color: #fff;

    border-radius: 50%;

}



.contact-section .info li h5 {

    margin-bottom: 10px;

}



.contact-section .info li a {

    color: var(--medium-gray-color);

}



.contact-section .info li a:hover {

    color: var(--primary-color);

}



.contact-section .form-col {

    position: relative;

    margin-bottom: 40px;

}



.contact-section .form-col .inner {

    position: relative;

    display: block;

    min-height: 100%;

}



.contact-section .form-col h3 {

    font-size: 36px;

    margin-bottom: 25px;

}



.contact-section .form-col .row {

    margin: 0 -5px;

}



.contact-section .form-col .row .form-group {

    padding: 0 5px;

    margin-bottom: 10px;

}



.contact-section .form-col form textarea {

    height: 180px;

}



.contact-section .form-col form .theme-btn {

    margin-top: 10px;

}



.contact-section .map-box {

    position: relative;

    display: block;

    width: 100%;

    height: 380px;

    margin-top: 80px;

    margin-bottom: 50px;

}



.contact-section .map-box iframe {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    outline: none;

    border: none;

}



.contact-section .map-box .map-icon {

    position: absolute;

    left: 50%;

    top: 50%;

    height: 80px;

    width: 80px;

    line-height: 80px;

    text-align: center;

    margin: -40px 0 0 -40px;

    z-index: 5;

}



/*** 



====================================================================

  Hotels Section

====================================================================



***/

.hotels-section {

    position: relative;

    padding: 0 0 140px;

    background: #fff;

    z-index: 5;

}



.hotels-section .search-one {

    position: relative;

    margin-bottom: 130px;

}



.hotels-section .packages .row {

    margin: 0 -12px;

}



.hotels-section .packages .package-block {

    padding: 0 12px;

    margin-bottom: 45px;

}



/*** 



====================================================================

  Sidebar Container Section

====================================================================



***/

.sidebar-container {

    position: relative;

    padding: 100px 0 95px;

}



.sidebar-container .sidebar-side {

    position: relative;

}



.sidebar-container .sidebar-inner {

    position: relative;

    padding-right: 15px;

}



.blog-page .sidebar-inner {

    padding-right: 0px;

    padding-left: 15px;

}



.sidebar-container .sb-widget {

    position: relative;

    margin-bottom: 45px;

}



.sidebar-container .sb-widget .s-title {

    position: relative;

    margin-bottom: 30px;

}



.sidebar-container .sb-widget .s-title .fa {

    position: absolute;

    left: 0;

    top: 0;

    line-height: 30px;

    color: var(--primary-color);

}



.sidebar-container .sb-widget .s-title h4 {

    position: relative;

    padding-left: 25px;

    margin-bottom: 0;

}



.sidebar-container .sb-widget .w-inner {

    position: relative;

    display: block;

    padding: 45px 45px 45px;

    background: #fff;

    box-shadow: 0px 0px 30px 0px rgba(2, 24, 93, 0.08);

}



.sidebar-container .s-widget .w-inner {

    padding-bottom: 35px;

}



.sidebar-container .s-widget form .form-group {

    margin-bottom: 10px;

}



.sidebar-container .s-widget form .theme-btn {

    display: block;

    width: 100%;

}



.range-slider {

    position: relative;

    padding-left: 12px;

}



.range-slider .ui-widget.ui-widget-content {

    height: 6px;

    border: none;

    margin-bottom: 10px;

    background: #dbe2e0;

    border-radius: 3px;

}



.range-slider .ui-slider .ui-slider-range {

    top: 0px;

    height: 6px;

    background: var(--primary-color);

    border-radius: 3px;

}



.range-slider .ui-state-default, .range-slider .ui-widget-content .ui-state-default {

    top: -3px;

    width: 12px;

    height: 12px;

    background: var(--primary-color);

    cursor: pointer;

    border-radius: 6px;

    border: 3px solid var(--primary-color);

}



.range-slider .pull-left {

    float: left;

    position: relative;

    left: -7px;

}



.range-slider .pull-right {

    float: right;

    position: relative;

    right: -12px;

}



.range-slider .input {

    position: relative;

    font-size: 16px;

    color: var(--medium-gray-color);

    line-height: 24px;

    font-weight: 400;

}



.range-slider .input input {

    display: inline;

    width: auto;

    font-size: 16px;

    height: 24px;

    color: var(--medium-gray-color);

    background: none;

    border: none;

    line-height: 24px;

    padding: 0 0;

    width: 40px;

    border-radius: 0;

}



.sidebar-container .cbf-widget {

    position: relative;

}



.sidebar-container .cbf-widget ul {

    position: relative;

}



.sidebar-container .cbf-widget ul li {

    position: relative;

    display: block;

    line-height: 24px;

    margin-bottom: 10px;

}



.sidebar-container .cbf-widget.rating-widget ul li {

    margin-bottom: 6px;

}



.sidebar-container .cbf-widget ul li:last-child, .sidebar-container .cbf-widget.rating-widget ul li:last-child {

    margin-bottom: 0;

}



.sidebar-container .cbf-widget .cb-block {

    position: relative;

}



.sidebar-container .cbf-widget .cb-block input {

    position: absolute;

    left: 0;

    top: 0;

    opacity: 0;

    visibility: hidden;

}



.sidebar-container .cbf-widget .cb-block label {

    position: relative;

    display: block;

    margin: 0 0;

    font-weight: 400;

    font-size: 16px;

    color: var(--medium-gray-color);

    padding-left: 24px;

    cursor: pointer;

}



.sidebar-container .cbf-widget .cb-block label:before {

    content: '' ;

    position: absolute;

    left: 0;

    top: 4px;

    width: 16px;

    height: 16px;

    border: 1px solid rgba(0, 0, 0, 0.15);

    border-radius: 3px;

}



.sidebar-container .cbf-widget .cb-block input:checked+label:before {

    background: var(--primary-color);

    border-color: var(--primary-color);

}



.sidebar-container .cbf-widget .cb-block label:after {

    content: "\f00c";

    font-family: 'Font Awesome 6 Free';

    position: absolute;

    left: 4px;

    top: 4px;

    line-height: 16px;

    width: 16px;

    height: 16px;

    font-size: 10px;

    color: #fff;

    opacity: 0;

    visibility: hidden;

}



.sidebar-container .cbf-widget .cb-block input:checked+label:after {

    opacity: 1;

    visibility: visible;

}



.sidebar-container .cbf-widget .cb-block label .rating {

    position: relative;

    display: inline-block;

    padding-right: 10px;

}



.sidebar-container .cbf-widget .cb-block label .rating i {

    color: var(--secondary-color);

}



.sidebar-container .cbf-widget .cb-block label .rating .empty {

    color: #dbe2e0;

}



.sidebar-container .content-side {

    position: relative;

}



.sidebar-container .content-inner {

    position: relative;

}



.sidebar-container .packages {

    position: relative;

}



.sidebar-container .styled-pagination {

    padding-top: 0;

    margin-bottom: 40px;

}



.package-block-two {

    position: relative;

    margin-bottom: 30px;

}



.sidebar-container .package-block-two {

    margin-bottom: 50px;

}



.package-block-two .inner-box {
    position: relative;
    display: block;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.03);
    box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.07);
    min-height: 325px;
    padding-left: 40%;
    border-radius: 10px;
}



.package-block-two .image-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 40%;
    height: 100%;
    overflow: hidden;
}



.package-block-two .image-box .image {

position: relative;

background: #ffffff;

border-radius: 10px 10px 0 0;

overflow: hidden;

display: none;
}



.package-block-two .image-box .image img {

    position: relative;

    width: 100%;

    border-radius: 10px 10px 0 0;

    transition: all 0.7s ease;

}



.package-block-two .inner-box:hover .image img {

    opacity: 0.90;

    transform: scale(1.05);

}



.package-block-two .inner-box:hover .image-layer {

    transform: scale(1.05,1.05);

}



.package-block-two .image-layer {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;

    border-radius: 10px 0 0 10px;

    transition: all 600ms ease;

    -moz-transition: all 600ms ease;

    -webkit-transition: all 600ms ease;

    -ms-transition: all 600ms ease;

    -o-transition: all 600ms ease;

}



.package-block-two .image-layer:before {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.0);

}



.package-block-two .image-box .b-title {

    position: absolute;

    left: 18px;

    top: 15px;

    z-index: 5;

}



.package-block-two .image-box .b-title span {

    position: relative;

    display: inline-block;

    line-height: 22px;

    padding: 2px 10px;

    font-size: 12px;

    text-transform: uppercase;

    font-family: 'Gilroy_Bold', sans-serif;

    color: var(--dark-gray-gray);

    background: var(--secondary-color);

    border-radius: 3px;

}



.package-block-two .image-box .b-title.featured span {

background: #3bbae6;

color: white;

font-size: 15px;
}



.package-block-two .image-box .b-title.top-rated span {

    background: var(--primary-color);

    color: #fff;

}



.package-block-two .image-box .fav-btn {

    position: absolute;

    right: 20px;

    top: 20px;

    z-index: 5;

}



.package-block-two .image-box .fav-btn a {

    position: relative;

    display: block;

    line-height: 24px;

    color: #fff;

    font-size: 21px;

    opacity: 0.50;

}



.package-block-two:hover .image-box .fav-btn a {

    opacity: 1;

}



.package-block-two .image-box .fav-btn a:hover {

    color: var(--primary-color);

}



.package-block-two .image-box .p-icon {

    position: absolute;

    left: 16px;

    bottom: 16px;

    width: 72px;

    height: 72px;

    z-index: 5;

}



.package-block-two .image-box .p-icon img {

    max-height: 72px;

}



.package-block-two .content-box {

    position: relative;

    display: block;

    padding: 40px 40px 0;

}



.package-block-two .content-box .loc-rat {

    position: relative;

    margin-bottom: 5px;

}



.package-block-two .content-box .loc-rat .location {

    position: relative;

    float: left;

    font-weight: 400;

    line-height: 24px;

    color: var(--primary-color);

    font-family: 'Gilroy_Bold', sans-serif;

    margin-bottom: 10px;

}



.package-block-two .content-box .loc-rat .rating {

    position: relative;

    float: left;

    line-height: 24px;

    margin-left: 20px;

}



.package-block-two .content-box .loc-rat .rating a {

    font-size: 12px;

    color: var(--light-gray-gray);

    display: inline-block;

    vertical-align: top;

    line-height: 24px;

}



.package-block-two .content-box .loc-rat .rating i {

    position: relative;

    color: var(--secondary-color);

    font-size: 14px;

    padding-right: 5px;

    line-height: 24px;

    color: var(--secondary-color);

    z-index: 1;

}



.package-block-two .content-box .loc-rat .rating strong {

    position: relative;

    font-family: 'Gilroy_Bold', sans-serif;

    font-size: 14px;

    color: var(--dark-gray-gray);

}



.package-block-two .content-box h5 {

    position: relative;

    font-weight: 400;

    color: var(--dark-gray-gray);

    margin-bottom: 20px;

}



.package-block-two h5 a {

color: var(--dark-gray-gray);

font-size: 25px;
}



.package-block-two h5 a:hover {

    color: var(--primary-color);

}



.package-block-two .content-box .travilo-text {

    position: relative;

    line-height: 1.6em;

    padding-bottom: 20px;

}



.package-block-two .content-box .info {

    position: relative;

}



.package-block-two .bottom-box {

    position: relative;

    margin-top: 25px;

    padding: 15px 0;

    border-top: 1px solid rgba(0, 0, 0, 0.15);

}



.package-block-two .bottom-box .duration {

    position: relative;

    float: left;

    font-size: 14px;

    line-height: 20px;

}



.package-block-two .bottom-box .persons {

    position: relative;

    float: left;

    font-size: 14px;

    line-height: 20px;

}



.package-block-two .bottom-box .duration i, .package-block-two .bottom-box .persons i {

    position: relative;

    padding-right: 5px;

    color: var(--primary-color);

}



.package-block-two .bottom-box .price {

position: relative;

font-size: 17px;

color: #000000;

line-height: 20px;

float: none;
}



.package-block-two .bottom-box .price .amount {

font-size: 25px;

color: #ff5522;

font-family: 'Gilroy_Bold', sans-serif;
}



.sidebar-container .activities {

    position: relative;

}



.sidebar-container .activities .row {

    margin: 0 -12px;

}



.sidebar-container .activities .row .package-block {

    padding: 0 12px;

    margin-bottom: 45px;

}



.sidebar-container .activities .package-block .lower-box {

    padding-top: 25px;

}



/*Search Box Widget*/

.sidebar-container .search-widget .form-group {

    position: relative;

    margin: 0px;

}



.sidebar-container .search-widget .form-group input[type="text"], .sidebar-container .search-widget .form-group input[type="search"] {

    position: relative;

    line-height: 32px;

    padding: 10px 50px 10px 20px;

    border: 1px solid rgba(0, 0, 0, 0.15);

    background-color: #fff;

    display: block;

    font-size: 14px;

    width: 100%;

    height: 54px;

    color: var(--dark-gray-gray);

    border-radius: 5px;

    transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

}



.sidebar-container .search-widget .form-group button {

    position: absolute;

    right: 10px;

    top: 0px;

    height: 54px;

    width: 40px;

    display: block;

    font-size: 18px;

    color: var(--dark-gray-gray);

    cursor: pointer;

    line-height: 54px;

    font-weight: normal;

    background: none;

}



.sidebar-container .search-widget .form-group input[type="text"]:focus, .sidebar-container .search-widget .form-group input[type="search"]:focus {

    border-color: var(--primary-color);

}



.sidebar-container .posts-widget .post {

    position: relative;

    min-height: 84px;

    padding-left: 104px;

    margin-bottom: 20px;

}



.sidebar-container .posts-widget .post:last-child {

    margin-bottom: 0;

}



.sidebar-container .posts-widget .post .post-thumb {

    position: absolute;

    left: 0px;

    top: 0px;

    width: 84px;

    border-radius: 5px;

    overflow: hidden;

}



.sidebar-container .posts-widget .post .post-thumb img {

    display: block;

    width: 100%;

    transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

}



.sidebar-container .posts-widget .post .travilo-text {

    position: relative;

    top: 0px;

    font-size: 18px;

    font-family: 'Gilroy_Bold', sans-serif;

    margin: 0px 0px;

    font-weight: 500;

    color: var(--dark-gray-gray);

    line-height: 24px;

}



.sidebar-container .posts-widget .post .travilo-text a {

    color: var(--dark-gray-gray);

    transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

}



.sidebar-container .posts-widget .post a:hover {

    color: var(--primary-color);

}



.sidebar-container .posts-widget .post .post-info {

    position: relative;

    font-size: 14px;

    color: var(--medium-gray-color);

    font-weight: 400;

    margin-top: 5px;

}



.sidebar-container .links-widget li {

    position: relative;

    line-height: 24px;

    margin-bottom: 10px;

}



.sidebar-container .links-widget li:last-child {

    margin-bottom: 0;

}



.sidebar-container .links-widget li a {

    position: relative;

    color: var(--medium-gray-color);

}



.sidebar-container .links-widget li a:hover {

    color: var(--primary-color);

}



.sidebar-container .tags-widget li {

    position: relative;

    display: inline-block;

    vertical-align: top;

    margin-right: 3px;

    margin-bottom: 6px;

}



.sidebar-container .tags-widget li a {

    position: relative;

    display: block;

    line-height: 22px;

    color: var(--medium-gray-color);

    font-size: 14px;

    padding: 8px 25px;

    border: 1px solid rgba(0, 0, 0, 0.15);

    border-radius: 20px;

}



.sidebar-container .tags-widget li a:hover {

    color: var(--primary-color);

    border-color: var(--primary-color);

}



.sidebar-container .gallery-widget {

    position: relative;

}



.sidebar-container .gallery-widget ul {

    position: relative;

    margin: 0 -3px;

}



.sidebar-container .gallery-widget ul li {

    position: relative;

    float: left;

    width: 25%;

    padding: 0 3px;

    margin-bottom: 6px;

}



.sidebar-container .gallery-widget ul li .image {

    position: relative;

    display: block;

    border-radius: 5px;

    overflow: hidden;

}



.sidebar-container .gallery-widget ul li .image img {

    position: relative;

    display: block;

    width: 100%;

    border-radius: 5px;

    transition: all 300ms linear;

}



.sidebar-container .gallery-widget ul li .image img:hover {

    opacity: 0.70;

    -webkit-filter: grayscale(100%);

}



.sidebar-container .social-widget .social-links {

    position: relative;

}



.sidebar-container .social-widget .social-links li {

    position: relative;

    float: left;

    margin-right: 6px;

    margin-bottom: 10px;

}



.sidebar-container .social-widget .social-links li:last-child {

    margin-right: 0;

}



.sidebar-container .social-widget .social-links li a {

    position: relative;

    display: block;

    width: 60px;

    height: 60px;

    color: #fff;

    background: var(--dark-gray-gray);

    text-align: center;

    font-size: 20px;

    line-height: 60px;

    border-radius: 50%;

}



.sidebar-container .social-widget .social-links li a.facebook {

    background: var(--facebook-color);

}



.sidebar-container .social-widget .social-links li a.twitter {

    background: var(--twitter-color);

}



.sidebar-container .social-widget .social-links li a.linkedin {

    background: var(--linkedin-color);

}



.sidebar-container .social-widget .social-links li a.youtube {

    background: var(--youtube-color);

}



.sidebar-container .social-widget .social-links li a:hover {

    color: #fff;

    background: var(--primary-color);

}



/*** 



====================================================================

  Destination Details

====================================================================



***/

.destination-single {

    position: relative;

    padding: 140px 0 90px;

}



.destination-single .upper-images {

    position: relative;

    padding-bottom: 36px;

}



.destination-single .upper-images .row {

    margin: 0 -12px;

}



.destination-single .upper-images .image-col {

    padding: 0 12px;

}



.destination-single .upper-images .image-block {

    position: relative;

    margin-bottom: 24px;

}



.destination-single .upper-images .image {

    position: relative;

    display: block;

    border-radius: 10px;

    background: var(--primary-color);

}



.destination-single .upper-images .image img {

    position: relative;

    display: block;

    width: 100%;

    border-radius: 10px;

    transition: all 600ms ease;

    -moz-transition: all 600ms ease;

    -webkit-transition: all 600ms ease;

    -ms-transition: all 600ms ease;

    -o-transition: all 600ms ease;

}



.destination-single .upper-images .image:hover img {

    opacity: 0.50;

}



.destination-single .upper-images .img-link {

    position: absolute;

    right: 30px;

    bottom: 30px;

}



.destination-single .upper-images .img-link .theme-btn {

    position: relative;

    display: inline-block;

    line-height: 24px;

    padding: 10px 25px;

    background: #fff;

    border-radius: 22px;

    color: var(--dark-gray-gray);

    font-family: 'Gilroy_Bold', sans-serif;

}



.destination-single .upper-images .img-link .theme-btn:hover {

    background: var(--primary-color);

    color: #fff;

}



.destination-single .content-col {

    position: relative;

    margin-bottom: 20px;

}



.destination-single .content-col .inner {

    position: relative;

    display: block;

    padding-right: 20px;

}



.destination-single .content-col .travilo-text {

    line-height: 1.6em;

}



.basic-info {

    position: relative;

    padding-top: 10px;

    margin-bottom: 30px;

}



.basic-info h5 {

    margin-bottom: 0;

}



.basic-info .i-block {

    position: relative;

    padding: 22px 0;

    border-bottom: 1px solid rgba(0, 0, 0, 0.15);

    line-height: 28px;

}



.basic-info .i-block .i-title {

    position: relative;

    float: left;

    color: var(--dark-gray-gray);

    font-family: 'Gilroy_Bold', sans-serif;

    width: 30%;

}



.basic-info .i-block .i-content {

    position: relative;

    float: left;

    width: 70%;

    padding-left: 20px;

}



.destination-single .info-col {

    position: relative;

    margin-bottom: 0px;

}



.destination-single .info-col h3 {

    margin-bottom: 25px;

}



.destination-single .info-col .inner {

    position: relative;

    display: block;

}



.destination-single .info-col .info-block {

    position: relative;

    display: block;

    margin-bottom: 50px;

}



.destination-single .info-col .info-block .inner-box {

    position: relative;

    display: block;

    padding: 40px 45px 45px;

    border: 1px solid rgba(0, 0, 0, 0.15);

    border-radius: 10px;

}



.destination-single .map-box {

    position: relative;

    display: block;

    width: 100%;

    height: 300px;

}



.destination-single .map-box iframe {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    outline: none;

    border: none;

    -webkit-filter: grayscale(100%);

    border-radius: 10px;

}



.destination-single .weather {

    position: relative;

}



.destination-single .weather li {

    position: relative;

    line-height: 24px;

    margin-bottom: 15px;

}



.destination-single .weather li:last-child {

    margin-bottom: 0;

}



.destination-single .weather li .ttl {

    position: relative;

    float: left;

    color: var(--dark-gray-gray);

    font-family: 'Gilroy_Bold', sans-serif;

    width: 35%;

}



.destination-single .weather li .dtl {

    position: relative;

    float: left;

    width: 65%;

    padding-left: 20px;

}



.default-post-section {

    position: relative;

    margin-bottom: 100px;

}



.default-post-section .u-title {

    position: relative;

    padding-bottom: 20px;

}



.default-post-section .u-title h2 {

    position: relative;

    float: left;

    margin-bottom: 40px;

}



.default-post-section .u-title .link-box {

    position: relative;

    float: right;

    padding-top: 15px;

    margin-bottom: 20px;

}



.default-post-section .u-title .link-box .theme-btn {

    position: relative;

    font-size: 16px;

    color: var(--dark-gray-gray);

    font-family: 'Gilroy_Bold', sans-serif;

    line-height: 24px;

    padding: 8px 22px;

    border: 2px solid var(--primary-color);

    border-radius: 5px;

}



.default-post-section .u-title .link-box .theme-btn:hover {

    background: var(--primary-color);

    border-color: var(--primary-color);

    color: #fff;

}



.default-post-section .row {

    margin: 0 -12px;

}



.default-post-section .row .package-block {

    padding: 0 12px;

    margin-bottom: 40px;

}



/*** 



====================================================================

  Blog Single Section

====================================================================



***/

.blog-single-banner {

    position: relative;

    padding: 0 0;

}



.blog-single-banner .image-layer {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-repeat: no-repeat;

    background-position: center bottom;

    background-size: cover;

}



.blog-single-banner .image-layer:before {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.35);

}



.blog-single-banner .content-box {

    position: relative;

    display: block;

    height: 720px;

    padding: 80px 0;

}



.blog-single-banner .content {

    position: absolute;

    left: 0;

    bottom: 80px;

    width: 100%;

    max-width: 780px;

}



.blog-single-banner .content-box h1 {

    position: relative;

    color: #fff;

    font-size: 60px;

    font-weight: 400;

    margin-bottom: 0;

}



.blog-single-banner .content-box .info {

    position: relative;

    color: #fff;

    padding-top: 30px;

}



.blog-single-banner .content-box .info li {

    position: relative;

    display: inline-block;

    vertical-align: top;

    line-height: 24px;

    margin-right: 12px;

}



.blog-single-banner .content-box .info li i {

    position: relative;

}



.blog-single-banner .content-box .info li a {

    position: relative;

    color: #fff;

}



.blog-single-banner .content-box .info li i {

    position: relative;

    padding-right: 5px;

}



/*** 



====================================================================

  Post Details

====================================================================



***/

.post-details {

    position: relative;

    padding-bottom: 25px;

    border-bottom: 1px solid rgba(0, 0, 0, 0.20);

}



.post-details .text-content p {

    margin-bottom: 20px;

}



.post-details .text-content blockquote {

    position: relative;

    color: var(--medium-gray-color);

    padding: 40px 0 20px 72px;

    background: none;

    margin-bottom: 25px;

}



.post-details .text-content blockquote:before {

    content: '\f10a';

    font-family: "flaticon";

    position: absolute;

    left: 0;

    top: 25px;

    width: 54px;

    height: 40px;

    font-size: 42px;

    line-height: 40px;

    color: var(--primary-color);

}



.post-details .text-content blockquote p {

    font-size: 20px;

    font-style: italic;

    line-height: 1.5em;

    margin-bottom: 15px;

}



.post-details .text-content blockquote .info {

    position: relative;

    color: var(--medium-gray-color);

    line-height: 24px;

    padding-left: 36px;

}



.post-details .text-content blockquote .info:before {

    content: '';

    position: absolute;

    left: 0;

    top: 50%;

    margin-top: -1px;

    width: 28px;

    border-bottom: 2px solid var(--dark-gray-gray);

}



.post-details .text-content blockquote .info strong {

    color: var(--dark-gray-gray);

    font-family: 'Gilroy_Bold', sans-serif;

}



.post-details .more-links {

    position: relative;

    padding-top: 20px;

}



.post-details .more-links .tags {

    position: relative;

    float: left;

    margin-bottom: 20px;

}



.post-details .more-links .tags a {

    position: relative;

    display: inline-block;

    vertical-align: top;

    margin-right: 4px;

    margin-bottom: 5px;

    line-height: 22px;

    color: var(--medium-gray-color);

    font-size: 14px;

    padding: 8px 25px;

    border: 1px solid rgba(0, 0, 0, 0.15);

    border-radius: 20px;

}



.post-details .more-links .tags a:hover {

    color: var(--primary-color);

    border-color: var(--primary-color);

}



.post-details .more-links .social {

    position: relative;

    float: right;

    padding-top: 5px;

    line-height: 30px;

}



.post-details .social strong {

    font-size: 18px;

    color: var(--dark-gray-gray);

    font-family: 'Gilroy_Bold', sans-serif;

}



.post-details .social a {

    position: relative;

    display: inline-block;

    margin-left: 15px;

    color: var(--dark-gray-gray);

    height: 30px;

    font-size: 18px;

    line-height: 30px;

}



.post-details .social a .fab {

    line-height: 30px;

}



.post-details .social a:hover {

    color: var(--primary-color);

}



.post-details .social a.facebook {

    color: var(--facebook-color);

}



.post-details .social a.twitter {

    color: var(--twitter-color);

}



.post-details .social a.linkedin {

    color: var(--linkedin-color);

}



.post-details .social a.youtube {

    color: var(--youtube-color);

}



.post-details .social a:hover {

    color: var(--primary-color);

}



.post-controls {

    position: relative;

    padding: 50px 0;

    margin-bottom: 20px;

}



.post-controls .control {

    position: relative;

    float: left;

    width: 48%;

    padding-top: 5px;

}



.post-controls .control .image {

    position: absolute;

    top: 0;

    width: 92px;

    height: 92px;

    border-radius: 5px;

    overflow: hidden;

}



.post-controls .control .image img {

    display: block;

    width: 100%;

    border-radius: 5px;

}



.post-controls .p-control {

    position: relative;

    min-height: 92px;

    padding-left: 112px;

    text-align: left;

}



.post-controls .p-control .image {

    left: 0;

}



.post-controls .n-control {

    position: relative;

    float: right;

    min-height: 92px;

    padding-right: 112px;

    text-align: right;

}



.post-controls .n-control .image {

    right: 0;

}



.post-controls .control .c-title {

    position: relative;

    font-size: 14px;

    color: var(--primary-color);

    line-height: 20px;

    font-family: 'Gilroy_Bold', sans-serif;

    margin-bottom: 10px;

}



.post-controls .control .c-title a {

    color: var(--primary-color);

}



.post-controls .control h6 {

    position: relative;

    font-size: 18px;

    color: var(--dark-gray-gray);

    line-height: 26px;

    margin-bottom: 0;

}



.post-controls .control h6 a {

    color: var(--dark-gray-gray);

}



.sidebar-container .author-box {

    position: relative;

    padding: 40px 40px 35px;

    background: #f8fafe;

    border-radius: 10px;

    margin-bottom: 60px;

}



.sidebar-container .author-box .inner {

    position: relative;

    padding-left: 155px;

    min-height: 120px;

}



.sidebar-container .author-box .image {

    position: absolute;

    left: 0;

    top: 0;

    width: 120px;

    height: 120px;

    border-radius: 7px;

}



.sidebar-container .author-box .image img {

    display: block;

    width: 100%;

    border-radius: 7px;

}



.sidebar-container .author-box h3 {

    position: relative;

    margin-bottom: 22px;

}



.sidebar-container .author-box .travilo-text {

    position: relative;

    line-height: 1.6em;

    margin-bottom: 25px;

}



.sidebar-container .author-box .more {

    position: relative;

}



.sidebar-container .author-box .more a {

    color: var(--dark-gray-gray);

    font-family: 'Gilroy_Bold', sans-serif;

    line-height: 24px;

}



.sidebar-container .author-box .more a .fa {

    position: relative;

    top: 1px;

    color: var(--primary-color);

}



.sidebar-container .author-box .more a:hover {

    color: var(--primary-color);

}



.sidebar-container .author-box .author-social {

    position: absolute;

    right: 0;

    top: 0;

}



.sidebar-container .author-box .author-social li {

    position: relative;

    float: left;

    margin-right: 8px;

}



.sidebar-container .author-box .author-social li:last-child {

    margin-right: 0;

}



.sidebar-container .author-box .author-social li a {

    position: relative;

    display: block;

    width: 42px;

    height: 42px;

    color: #fff;

    background: var(--dark-gray-gray);

    text-align: center;

    font-size: 18px;

    line-height: 42px;

    border-radius: 50%;

}



.sidebar-container .author-box .author-social li a.facebook {

    background: var(--facebook-color);

}



.sidebar-container .author-box .author-social li a.twitter {

    background: var(--twitter-color);

}



.sidebar-container .author-box .author-social li a.linkedin {

    background: var(--linkedin-color);

}



.sidebar-container .author-box .author-social li a.youtube {

    background: var(--youtube-color);

}



.sidebar-container .author-box .author-social li a.instagram {

    background: var(--instagram-color);

}



.sidebar-container .author-box .author-social li a:hover {

    color: #fff;

    background: var(--primary-color);

}



.sidebar-container .comments-area {

    position: relative;

}



.sidebar-container .comments-area h3 {

    font-size: 36px;

    margin-bottom: 25px;

}



.sidebar-container .add-comment {

    position: relative;

    margin-bottom: 30px;

}



.sidebar-container .add-comment h3 {

    font-size: 36px;

    margin-bottom: 25px;

}



.sidebar-container .add-comment form .row {

    margin: 0 -6px;

}



.sidebar-container .add-comment form .row .form-group {

    padding: 0 6px;

    margin-bottom: 12px;

}



.sidebar-container .add-comment form .theme-btn {

    margin-top: 14px;

}



.sidebar-container .comments {

    position: relative;

    padding-bottom: 40px;

}



.sidebar-container .comments .comment-box {

    position: relative;

    padding: 45px 45px;

    border: 1px solid rgba(0, 0, 0, 0.15);

    margin-bottom: 20px;

    border-radius: 10px;

}



.sidebar-container .comments .reply-comment {

    margin-left: 60px;

}



.sidebar-container .comments .comment-box .inner {

    position: relative;

    display: block;

}



.sidebar-container .comments .comment-box .travilo-text {

    position: relative;

    line-height: 1.8em;

    margin-bottom: 30px;

}



.sidebar-container .comments .comment-box .lower {

    position: relative;

    display: block;

}



.sidebar-container .comments .comment-box .author-info {

    position: relative;

    float: left;

    padding-left: 80px;

    min-height: 60px;

    padding-top: 7px;

}



.sidebar-container .comments .comment-box .author-info .image {

    position: absolute;

    left: 0;

    top: 0;

    width: 60px;

    height: 60px;

    border-radius: 50%;

    overflow: hidden;

}



.sidebar-container .comments .comment-box .reply-link {

    position: relative;

    float: right;

    padding-top: 9px;

}



.sidebar-container .comments .comment-box .reply-link .theme-btn {

    position: relative;

    font-size: 16px;

    color: var(--dark-gray-gray);

    font-family: 'Gilroy_Bold', sans-serif;

    line-height: 24px;

    padding: 8px 22px;

    border: 1px solid rgba(0, 0, 0, 0.15);

    border-radius: 5px;

}



.sidebar-container .comments .comment-box .reply-link .theme-btn:hover {

    background: var(--primary-color);

    border-color: var(--primary-color);

    color: #fff;

}



.sidebar-container .comments .comment-box .author-name {

    position: relative;

    display: block;

    color: var(--dark-gray-gray);

    font-size: 18px;

    line-height: 26px;

    font-family: 'Gilroy_Bold', sans-serif;

}



.sidebar-container .comments .comment-box .designation {

    position: relative;

    display: block;

    color: var(--light-gray-gray);

    font-size: 14px;

}



/*** 



====================================================================

  Default Single Banner

====================================================================



***/

.tour-single-banner {

    position: relative;

    padding: 0 0;

}



.tour-single-banner .image-layer {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-repeat: no-repeat;

    background-position: center bottom;

    background-size: cover;

}



.tour-single-banner .image-layer:before {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.15);

}



.tour-single-banner .content-box {

    position: relative;

    display: block;

    height: 720px;

    padding: 50px 0;

}



.tour-single-banner .content {

    position: absolute;

    left: 0;

    bottom: 45px;

    width: 100%;

}



.tour-single-banner .content-box .t-type {

    position: relative;

    float: left;

    color: #fff;

    font-size: 14px;

    min-height: 62px;

    padding-left: 77px;

    padding-top: 5px;

}



.tour-single-banner .content-box .t-type .icon {

    position: absolute;

    left: 0;

    top: 0;

    width: 62px;

}



.tour-single-banner .content-box .t-type strong {

    font-family: 'Gilroy_Bold', sans-serif;

    font-weight: 400;

    font-size: 18px;

}



.tour-single-banner .content-box .links {

    position: relative;

    float: right;

    width: 33.333%;

    padding-left: 35px;

}



.tour-single-banner .content-box .links ul {

    position: absolute;

    bottom: 0px;

}



.tour-single-banner .content-box .links li {

    position: relative;

    display: inline-block;

    vertical-align: top;

    margin-right: 8px;

}



.tour-single-banner .content-box .links li a {

    position: relative;

    display: block;

    background: #fff;

    color: var(--dark-gray-gray);

    font-size: 18px;

    font-family: 'Gilroy_Bold', sans-serif;

    line-height: 24px;

    padding: 8px 20px;

    border-radius: 20px;

}



.tour-single-banner .content-box .links li i {

    position: relative;

    padding-left: 5px;

    color: var(--primary-color);

}



.tour-single-banner .content-box .links li a:hover {

    background: var(--primary-color);

    color: #fff;

}



.tour-single-banner .content-box .links li a:hover i {

    color: #fff;

}



/*** 



====================================================================

  Default Single Container Section

====================================================================



***/

.dsp-container {

    position: relative;

    padding: 80px 0 100px;

    line-height: 1.6em;

}



.dsp-container .travilo-text, .dsp-container p {

    line-height: 1.65em;

}



.dsp-container .sidebar-side {

    position: relative;

}



.dsp-container .sidebar-inner {

    position: relative;

    padding-left: 15px;

}



.dsp-container .content-side {

    position: relative;

}



.dsp-container .content-inner {

    position: relative;

}



.dsp-container .dsp-widget {

    position: relative;

    margin-bottom: 50px;

}



.dsp-container .sp-header {

    position: relative;

    margin-bottom: 40px;

}



.dsp-container .sp-header .loc-rat {

    position: relative;

    margin-bottom: 5px;

}



.dsp-container .sp-header .loc-rat .location {

    position: relative;

    float: left;

    font-weight: 400;

    font-size: 24px;

    line-height: 30px;

    color: var(--primary-color);

    font-family: 'Gilroy_Bold', sans-serif;

    margin-bottom: 10px;

}



.dsp-container .sp-header .loc-rat .rating {

    position: relative;

    float: left;

    padding-top: 4px;

    line-height: 24px;

    margin-left: 25px;

}



.dsp-container .sp-header .loc-rat .rating a {

    font-size: 16px;

    color: var(--light-gray-gray);

    display: inline-block;

    vertical-align: top;

    line-height: 24px;

}



.dsp-container .sp-header .loc-rat .rating i {

    position: relative;

    color: var(--secondary-color);

    font-size: 18px;

    padding-right: 5px;

    line-height: 24px;

    color: var(--secondary-color);

    z-index: 1;

}



.dsp-container .sp-header .loc-rat .rating strong {

    position: relative;

    font-family: 'Gilroy_Bold', sans-serif;

    font-size: 18px;

    color: var(--dark-gray-gray);

}



.dsp-container .sp-header .loc-rat .add-fav {

    position: relative;

    float: right;

    padding-top: 4px;

    line-height: 24px;

}



.dsp-container .sp-header .loc-rat .add-fav a {

    color: var(--medium-gray-color);

    display: block;

    line-height: 24px;

}



.dsp-container .sp-header .loc-rat .add-fav a i {

    padding-right: 7px;

    color: var(--primary-color);

    line-height: 24px;

}



.dsp-container .sp-header .loc-rat .add-fav a:hover {

    color: var(--primary-color);

}



.dsp-container .sp-header h1 {

    position: relative;

    font-weight: 400;

    color: var(--dark-gray-gray);

    font-size: 60px;

    margin-bottom: 25px;

}



.dsp-container .content-side h3 {

    margin-bottom: 30px;

}



.dsp-container .sp-header .info {

    position: relative;

    font-size: 16px;

    line-height: 24px;

}



.dsp-container .sp-header .info .duration {

    position: relative;

    float: left;

}



.dsp-container .sp-header .info .persons {

    position: relative;

    float: left;

    margin-left: 20px;

}



.dsp-container .sp-header .info .duration i, .dsp-container .sp-header .info .persons i {

    position: relative;

    padding-right: 5px;

    color: var(--primary-color);

}



.dsp-container .content-side .upper-content {

    position: relative;

    margin-bottom: 70px;

}



.dsp-container .content-side .upper-content h3, .dsp-container .content-side .upper-content h4, .dsp-container .content-side .upper-content h5 {

    margin-bottom: 20px;

}



.dsp-container .basic-info h5 {

    margin-bottom: 0 !important;

}



.un-styled-list {

    position: relative;

    margin: 0 0 20px 18px;

}



.un-styled-list li {

    position: relative;

    list-style: disc;

    line-height: 1.60em;

    padding-left: 5px;

    margin-bottom: 6px;

}



.un-styled-list li::marker {

    color: var(--primary-color);

}



.un-styled-list li:last-child {

    margin-bottom: 0;

}



.styled-list-one {

    margin-bottom: 20px;

}



.styled-list-one li {

    position: relative;

    padding-left: 35px;

    line-height: 1.70em;

    font-weight: 400;

    margin-bottom: 10px;

}



.styled-list-one li:last-child {

    margin-bottom: 0;

}



.styled-list-one li:before {

    content: "\f178";

    font-family: 'Font Awesome 6 Free';

    font-weight: 400;

    font-size: 18px;

    position: absolute;

    left: 0;

    top: 0;

    line-height: 28px;

    text-align: center;

    color: var(--primary-color);

}



.styled-list-two {

    margin-bottom: 20px;

}



.styled-list-two li {

    position: relative;

    padding-left: 35px;

    line-height: 1.70em;

    font-weight: 400;

    margin-bottom: 10px;

}



.styled-list-two li:last-child {

    margin-bottom: 0;

}



.styled-list-two li:before {

    content: "\f00c";

    font-family: 'Font Awesome 6 Free';

    font-weight: 400;

    font-size: 20px;

    position: absolute;

    left: 0;

    top: 0;

    line-height: 28px;

    text-align: center;

    color: #28ac28;

}



.styled-list-three {

    margin-bottom: 20px;

}



.styled-list-three li {

    position: relative;

    padding-left: 35px;

    line-height: 1.70em;

    font-weight: 400;

    margin-bottom: 10px;

}



.styled-list-three li:last-child {

    margin-bottom: 0;

}



.styled-list-three li:before {

    content: "\f00d";

    font-family: 'Font Awesome 6 Free';

    font-weight: 400;

    font-size: 20px;

    position: absolute;

    left: 0;

    top: 0;

    line-height: 28px;

    text-align: center;

    color: #cccbcb;

}



.basic-info .styled-list-one, .basic-info .styled-list-two, .basic-info .styled-list-three {

    margin-bottom: 0;

}



.t-plans {

    position: relative;

    margin-bottom: 70px;

}



.accordion-box {

    position: relative;

}



.tp-accordion {

    position: relative;

}



.tp-accordion .block {

    position: relative;

    margin-bottom: 20px;

}



.tp-accordion .block.active-block {

}



.tp-accordion .block:last-child {

    margin-bottom: 0;

}



.tp-accordion .block .acc-btn {

    position: relative;

    font-size: 18px;

    line-height: 32px;

    font-weight: 400;

    color: var(--dark-gray-gray);

    font-family: 'Gilroy_Bold', sans-serif;

    cursor: pointer;

    padding: 17px 60px 17px 120px;

    background: var(--anti-flash-white-color);

    border-radius: 5px;

    -webkit-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

}



.tp-accordion .block .acc-btn .d-count {

    position: absolute;

    left: 12px;

    top: 12px;

    width: 86px;

    height: 42px;

    line-height: 30px;

    padding: 6px 5px;

    font-size: 16px;

    text-align: center;

    color: #fff;

    background: var(--tertiary-color);

    border-radius: 3px;

}



.tp-accordion .block .acc-btn .arrow {

    position: absolute;

    right: 12px;

    top: 12px;

    height: 42px;

    font-size: 18px;

    width: 42px;

    padding: 6px;

    line-height: 30px;

    text-align: center;

    color: #fff;

    background: var(--primary-color);

    border-radius: 3px;

    -webkit-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

}



.tp-accordion .block .acc-btn.active {

    background-color: var(--tertiary-color);

    color: #fff;

}



.tp-accordion .block .acc-btn.active .arrow {

    color: var(--primary-color);

    background: #fff;

    transform: rotate(180deg);

}



.tp-accordion .block .acc-btn.active .d-count {

    background: var(--primary-color);

}



.tp-accordion .block .acc-content {

    position: relative;

    display: none;

}



.tp-accordion .block .content {

    position: relative;

    padding: 40px 40px 35px 45px;

    border: 1px solid rgba(0, 0, 0, 0.15);

    border-radius: 5px;

}



.tp-accordion .block.active-block .acc-content {

    display: block;

    padding-top: 10px;

}



.tp-accordion .block .content .travilo-text {

    position: relative;

    line-height: 1.65em;

}



.tp-accordion .block .content ul {

    position: relative;

    margin: 0 0 0 18px;

}



.tp-accordion .block .content ul li {

    position: relative;

    list-style: disc;

    line-height: 1.60em;

    margin-bottom: 7px;

}



.tp-accordion .block .content ul li::marker {

    color: var(--primary-color);

}



.tp-accordion .block .content ul li:last-child {

    margin-bottom: 0;

}



.dsp-container .location {

    position: relative;

    margin-bottom: 70px;

}



.dsp-container .map-box {

    position: relative;

    display: block;

    width: 100%;

    height: 350px;

    background: #e0e0e0;

    border-radius: 10px;

}



.dsp-container .map-box iframe {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    outline: none;

    border: none;

    -webkit-filter: grayscale(100%);

    border-radius: 10px;

}



.dsp-container .map-box .map-icon {

    position: absolute;

    left: 50%;

    top: 50%;

    height: 60px;

    width: 60px;

    line-height: 60px;

    text-align: center;

    margin: -60px 0 0 -60px;

    z-index: 5;

}



.t-faqs {

    position: relative;

    margin-bottom: 65px;

}



.faqs-accordion {

    position: relative;

}



.faqs-accordion .block {

    position: relative;

    margin-bottom: 20px;

}



.faqs-accordion .block:last-child {

    margin-bottom: 0;

}



.faqs-accordion .block .acc-btn {

    position: relative;

    font-size: 18px;

    line-height: 24px;

    font-weight: 400;

    color: var(--dark-gray-gray);

    font-family: 'Gilroy_Bold', sans-serif;

    cursor: pointer;

    padding: 8px 0 8px 60px;

    -webkit-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

}



.faqs-accordion .block .acc-btn .arrow {

    position: absolute;

    left: 0;

    top: 0;

    height: 40px;

    width: 40px;

    font-size: 16px;

    padding: 5px;

    line-height: 30px;

    text-align: center;

    color: #fff;

    background: var(--tertiary-color);

    border-radius: 20px;

    -webkit-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

}



.faqs-accordion .block .acc-btn.active .arrow {

    color: #fff;

    background: var(--primary-color);

    transform: rotate(180deg);

}



.faqs-accordion .block .acc-btn.active .arrow:before {

    content: '\f068';

}



.faqs-accordion .block .acc-content {

    position: relative;

    display: none;

}



.faqs-accordion .block .content {

    position: relative;

    padding: 20px 0 0 0;

}



.faqs-accordion .block.active-block .acc-content {

    display: block;

}



.faqs-accordion .block .content .travilo-text {

    position: relative;

    line-height: 1.65em;

}



.faqs-accordion .block .content .travilo-text p {

    margin-bottom: 5px;

}



.faqs-accordion .block .content ul {

    position: relative;

    margin: 0 0 0 18px;

}



.faqs-accordion .block .content ul li {

    position: relative;

    list-style: disc;

    line-height: 1.60em;

    margin-bottom: 7px;

}



.faqs-accordion .block .content ul li::marker {

    color: var(--primary-color);

}



.faqs-accordion .block .content ul li:last-child {

    margin-bottom: 0;

}



.t-gallery {

    position: relative;

    margin-bottom: 60px;

}



.t-gallery .images {

    position: relative;

}



.t-gallery .images ul {

    position: relative;

    margin: 0 -6px;

}



.t-gallery .images ul li {

    position: relative;

    float: left;

    width: 25%;

    padding: 0 6px;

    margin-bottom: 12px;

}



.t-gallery .images ul li .image {

    position: relative;

    display: block;

    border-radius: 10px;

    overflow: hidden;

}



.t-gallery .images ul li .image img {

    position: relative;

    display: block;

    width: 100%;

    border-radius: 10px;

    transition: all 300ms linear;

}



.t-gallery .images ul li .image img:hover {

    opacity: 0.70;

    -webkit-filter: grayscale(100%);

}



.t-reviews {

    position: relative;

}



.t-reviews .rev-info {

    position: relative;

    margin-bottom: 55px;

}



.t-reviews .rev-info .inner {

    position: relative;

    display: block;

    background: #f8fafe;

    padding: 50px 45px 15px;

    border-radius: 10px;

}



.t-reviews .rev-info .rev-left {

    position: relative;

    text-align: center;

    border-right: 1px solid rgba(0, 0, 0, 0.20);

    margin-bottom: 30px;

}



.t-reviews .rev-info .rev-left .count {

    position: relative;

    font-size: 90px;

    line-height: 1.15em;

    color: var(--dark-gray-gray);

    font-family: 'Gilroy_Bold', sans-serif;

    margin-bottom: 5px;

}



.t-reviews .rev-info .rev-left .level {

    position: relative;

    font-size: 18px;

    line-height: 24px;

    color: var(--dark-gray-gray);

    font-family: 'Gilroy_Bold', sans-serif;

    margin-bottom: 10px;

}



.t-reviews .rev-info .rev-left .level i {

    color: var(--green-color);

    padding-right: 10px;

}



.t-reviews .rev-info .rev-left .b-on {

    position: relative;

    font-size: 14px;

    line-height: 20px;

    color: var(--light-gray-gray);

}



.t-reviews .rev-info .rev-right {

    position: relative;

    padding-left: 45px;

    margin-bottom: 30px;

}



.t-reviews .rev-info .cat {

    position: relative;

    padding-top: 9px;

    padding-left: 145px;

    padding-right: 60px;

    min-height: 24px;

    margin-bottom: 25px;

}



.t-reviews .rev-info .cat:last-child {

    margin-bottom: 0;

}



.t-reviews .rev-info .cat .c-title {

    position: absolute;

    left: 0;

    top: 0;

    font-size: 18px;

    line-height: 24px;

    color: var(--dark-gray-gray);

    font-family: 'Gilroy_Bold', sans-serif;

    width: 130px;

}



.t-reviews .rev-info .cat .c-per {

    position: absolute;

    right: 0;

    top: 0;

    font-size: 16px;

    line-height: 24px;

    color: var(--medium-gray-color);

}



.t-reviews .rev-info .cat .p-bar {

    position: relative;

    display: block;

    width: 100%;

    height: 6px;

    background: #d1d1d1;

    border-radius: 3px;

}



.t-reviews .rev-info .cat .p-bar .p-fill {

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    width: 0;

    background: var(--primary-color);

    transition: all 2000ms linear;

    border-radius: 3px;

}



.t-reviews .reviews {

    position: relative;

    margin-bottom: 60px;

}



.t-reviews .reviews .rev-box {

    position: relative;

    padding: 45px 45px;

    border: 1px solid rgba(0, 0, 0, 0.15);

    margin-bottom: 50px;

    border-radius: 10px;

}



.t-reviews .reviews .rev-box .inner {

    position: relative;

    display: block;

}



.t-reviews .reviews .rev-header {

    position: relative;

}



.t-reviews .reviews .rev-header h4 {

    position: relative;

    float: left;

    line-height: 30px;

    margin-bottom: 20px;

}



.t-reviews .reviews .rev-header .rating {

    position: relative;

    float: right;

    line-height: 30px;

    color: var(--secondary-color);

    margin-bottom: 20px;

}



.t-reviews .reviews .rev-box .travilo-text {

    position: relative;

    line-height: 1.6em;

    margin-bottom: 35px;

}



.t-reviews .reviews .rev-box .lower {

    position: relative;

    display: block;

}



.t-reviews .reviews .rev-box .author-info {

    position: relative;

    float: left;

    padding-left: 80px;

    min-height: 60px;

    padding-top: 7px;

}



.t-reviews .reviews .rev-box .author-info .image {

    position: absolute;

    left: 0;

    top: 0;

    width: 60px;

    height: 60px;

    border-radius: 50%;

    overflow: hidden;

}



.t-reviews .reviews .rev-box .ld-link {

    position: relative;

    float: right;

    padding-top: 18px;

}



.t-reviews .reviews .rev-box .ld-link .txt {

    color: var(--light-gray-gray);

    font-size: 14px;

}



.t-reviews .reviews .rev-box .ld-link .txt {

    position: relative;

    display: inline-block;

    vertical-align: top;

    padding-right: 20px;

}



.t-reviews .reviews .rev-box .ld-link .l-btn {

    position: relative;

    display: inline-block;

    vertical-align: top;

    color: var(--light-gray-gray);

}



.t-reviews .reviews .rev-box .ld-link .l-btn.active {

    color: #28ac28;

}



.t-reviews .reviews .rev-box .ld-link .d-btn {

    position: relative;

    display: inline-block;

    vertical-align: top;

    margin-left: 12px;

    color: var(--light-gray-gray);

}



.t-reviews .reviews .rev-box .ld-link .d-btn i {

    transform: rotate(180deg);

}



.t-reviews .reviews .rev-box .ld-link .d-btn.active {

    color: #e11a36;

}



.t-reviews .reviews .rev-box .ld-link .l-btn .l-count, .t-reviews .reviews .rev-box .ld-link .d-btn .d-count {

    position: absolute;

    left: 0;

    top: 100%;

    width: 100%;

    text-align: center;

    color: var(--light-gray-gray);

    font-size: 10px;

    opacity: 0;

    visibility: hidden;

}



.t-reviews .reviews .rev-box .ld-link .l-btn.active .l-count, .t-reviews .reviews .rev-box .ld-link .d-btn.active .d-count {

    opacity: 1;

    visibility: visible;

}



.t-reviews .reviews .rev-box .author-name {

    position: relative;

    display: block;

    color: var(--dark-gray-gray);

    font-size: 18px;

    line-height: 26px;

    font-family: 'Gilroy_Bold', sans-serif;

}



.t-reviews .reviews .rev-box .designation {

    position: relative;

    display: block;

    color: var(--light-gray-gray);

    font-size: 14px;

}



.t-reviews .see-all {

    position: relative;

}



.t-reviews .see-all .theme-btn {

    position: relative;

    font-size: 16px;

    color: var(--dark-gray-gray);

    font-family: 'Gilroy_Bold', sans-serif;

    line-height: 24px;

    padding: 9px 30px;

    border: 1px solid var(--primary-color);

    border-radius: 4px;

}



.t-reviews .see-all .theme-btn i {

    position: relative;

    color: var(--primary-color);

    padding-left: 7px;

}



.t-reviews .see-all .theme-btn:hover {

    color: var(--primary-color);

}



.t-reviews .add-review {

    position: relative;

    margin-bottom: 40px;

}



.t-reviews .add-review h3 {

    font-size: 36px;

    margin-bottom: 25px;

}



.t-reviews .add-review form .row {

    margin: 0 -6px;

}



.t-reviews .add-review form .row .form-group {

    padding: 0 6px;

    margin-bottom: 12px;

}



.t-reviews .add-review form .theme-btn {

    margin-top: 14px;

}



.t-reviews .add-review .s-rev-option {

    position: relative;

    line-height: 24px;

    padding-left: 160px;

    min-height: 24px;

    margin-bottom: 12px;

}



.t-reviews .add-review .s-rev-option .ser-ttl {

    position: absolute;

    left: 0;

    top: 0;

    font-size: 18px;

    line-height: 24px;

    color: var(--dark-gray-gray);

    font-family: 'Gilroy_Bold', sans-serif;

    width: 130px;

}



.t-reviews .add-review .s-rev-option a.rat {

    position: relative;

    display: inline-block;

    font-size: 16px;

    line-height: 24px;

    color: #e2e5e6;

}



.t-reviews .add-review .s-rev-option a.rat:hover {

    color: var(--secondary-color);

}



.t-book-widget {

    position: relative;

}



.t-book-widget.alt-margin {

    margin-top: -170px;

}



.t-book-widget .inner-box {

    position: relative;

    background: #fff;

    box-shadow: 0px 0px 30px 0px rgba(2, 24, 93, 0.10);

    border-radius: 10px;

}



.t-book-widget .t-book-header {

    position: relative;

    background: var(--primary-color);

    color: #fff;

    padding: 20px 30px 20px 45px;

    border-radius: 10px 10px 0 0;

}



.t-book-widget .t-book-header .st-txt {

    position: relative;

    display: inline-block;

    vertical-align: top;

    font-size: 14px;

    line-height: 20px;

    padding-top: 5px;

    padding-right: 10px;

}



.t-book-widget .t-book-header .amount {

    position: relative;

    display: inline-block;

    vertical-align: top;

    font-size: 48px;

    line-height: 50px;

    font-family: 'Gilroy_Bold', sans-serif;

}



.t-book-widget .t-book-header .qty {

    position: relative;

    display: inline-block;

    vertical-align: bottom;

    font-size: 18px;

    line-height: 30px;

    font-family: 'Gilroy_Bold', sans-serif;

}



.t-book-widget .lower-box {

    position: relative;

    padding: 40px 45px 50px;

}



.t-book-widget .fields {

    position: relative;

    padding-bottom: 20px;

}



.t-book-widget .fields .form-group {

    padding-left: 70px;

    margin-bottom: 10px;

}



.hot-single .t-book-widget .fields .form-group {

    padding-left: 100px;

}



.t-book-widget .fields .form-group .field-label {

    position: absolute;

    left: 0;

    top: 12px;

    line-height: 30px;

}



.t-book-widget h6 {

    font-size: 16px;

}



.t-book-widget .tickets {

    position: relative;

    padding-bottom: 20px;

}



.t-book-widget .tickets .ticket-block {

    position: relative;

    margin-bottom: 10px;

}



.t-book-widget .tickets .tick-ttl {

    position: relative;

    line-height: 30px;

    padding: 12px 0;

    float: left;

}



.t-book-widget .tickets .tick-sel {

    position: relative;

    float: right;

}



.quantity-box .item-quantity {

    position: relative;

    display: inline-block;

    max-width: 140px;

    width: 100%;

    float: left;

    padding: 0px 45px;

}



.quantity-box .item-quantity .input-group {

    position: relative;

    display: table;

    border-collapse: separate;

    max-width: 124px;

    width: 100%;

    height: 54px;

}



.quantity-box .item-quantity input.qty-spinner {

    line-height: 54px;

    height: 54px;

    width: 54px !important;

    padding: 12px 0px !important;

    box-shadow: none !important;

    border: 1px solid rgba(0, 0, 0, 0.15);

    text-align: center;

    font-size: 16px;

    font-weight: 400;

    color: #353535;

    border-radius: 5px !important;

}



.quantity-box .item-quantity input.qty-spinner:focus {

    background: none;

    border-color: var(--primary-color);

}



.quantity-box .bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-down {

    position: absolute;

    height: 54px;

    width: 35px;

    background: none;

    padding: 12px 0px !important;

    line-height: 30px;

    left: -40px;

    top: -54px;

    font-weight: 700;

    border: none;

    border-radius: 0;

    margin: 0;

}



.quantity-box .bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-up {

    position: absolute;

    height: 54px;

    width: 35px;

    background: none;

    padding: 12px 0px !important;

    line-height: 30px;

    right: -40px;

    top: -54px;

    font-weight: 700;

    border: none;

    border-radius: 0;

    margin: 0;

}



.quantity-box .bootstrap-touchspin .glyphicon-chevron-up:before {

    content: "\f067";

    font-size: 16px;

    font-style: normal;

    color: #0c2957;

    font-family: 'Font Awesome 6 Free';

    font-weight: 400;

}



.quantity-box .bootstrap-touchspin .glyphicon-chevron-down:before {

    content: "\f068";

    font-size: 16px;

    font-style: normal;

    color: #0c2957;

    font-weight: 400;

    font-family: 'Font Awesome 6 Free';

}



.quantity-box .bootstrap-touchspin .input-group-btn-vertical {

    position: absolute;

    width: 100%;

}



.quantity-box .bootstrap-touchspin .input-group-btn-vertical i {

    top: 6px;

    left: 14px;

    font-size: inherit !important;

}



.quantity-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {

    margin-top: 0px;

}



.t-book-widget .add-ser {

    position: relative;

    padding-bottom: 20px;

}



.t-book-widget .add-ser ul {

    position: relative;

}



.t-book-widget .add-ser ul li {

    position: relative;

    display: block;

    line-height: 24px;

    margin-bottom: 8px;

}



.t-book-widget .add-ser ul li:last-child {

    margin-bottom: 0;

}



.t-book-widget .add-ser .cb-block {

    position: relative;

}



.t-book-widget .add-ser .cb-block input {

    position: absolute;

    left: 0;

    top: 0;

    opacity: 0;

    visibility: hidden;

}



.t-book-widget .add-ser .cb-block label {

    position: relative;

    display: block;

    margin: 0 0;

    font-weight: 400;

    font-size: 16px;

    color: var(--medium-gray-color);

    padding-left: 26px;

    cursor: pointer;

}



.t-book-widget .add-ser .cb-block label .amount {

    position: relative;

    float: right;

}



.t-book-widget .add-ser .cb-block label:before {

    content: '' ;

    position: absolute;

    left: 0;

    top: 4px;

    width: 16px;

    height: 16px;

    border: 1px solid rgba(0, 0, 0, 0.15);

    border-radius: 3px;

}



.t-book-widget .add-ser .cb-block input:checked+label:before {

    background: var(--primary-color);

    border-color: var(--primary-color);

}



.t-book-widget .add-ser .cb-block label:after {

    content: "\f00c";

    font-family: 'Font Awesome 6 Free';

    position: absolute;

    left: 4px;

    top: 5px;

    line-height: 16px;

    width: 16px;

    height: 16px;

    font-size: 10px;

    color: #fff;

    opacity: 0;

    visibility: hidden;

}



.t-book-widget .add-ser .cb-block input:checked+label:after {

    opacity: 1;

    visibility: visible;

}



.t-book-widget .total {

    position: relative;

    padding: 15px 0 0;

    margin-top: 5px;

    border-top: 1px solid rgba(0, 0, 0, 0.15);

}



.t-book-widget .total .t-ttl {

    position: relative;

    float: left;

    font-size: 24px;

    font-family: 'Gilroy_Bold', sans-serif;

    line-height: 30px;

    color: var(--dark-gray-gray);

}



.t-book-widget .total .ttl-amt {

    position: relative;

    float: right;

    font-size: 24px;

    font-family: 'Gilroy_Bold', sans-serif;

    line-height: 30px;

    color: var(--primary-color);

}



.t-book-widget .proceed-link {

    position: relative;

    padding: 25px 0 0;

}



.t-book-widget .proceed-link .theme-btn {

    display: block;

    width: 100%;

}



.dsp-container .get-help-widget {

    position: relative;

}



.dsp-container .get-help-widget .inner {

    position: relative;

    display: block;

    background: var(--anti-flash-white-color);

    padding: 45px 45px 45px;

    border-radius: 10px;

}



.dsp-container .get-help-widget h6 {

    text-transform: capitalize;

    color: var(--primary-color);

    margin-bottom: 10px;

}



.dsp-container .get-help-widget h3 {

    font-size: 34px;

    text-transform: capitalize;

    color: var(--dark-gray-gray);

    margin-bottom: 25px;

}



.dsp-container .get-help-widget .travilo-text {

    line-height: 1.65em;

    margin-bottom: 50px;

}



.dsp-container .get-help-widget .call-to {

    position: relative;

    font-family: 'Gilroy_Bold', sans-serif;

}



.dsp-container .get-help-widget .call-to a {

    position: relative;

    display: block;

    font-size: 14px;

    line-height: 20px;

    color: var(--dark-gray-gray);

    padding-top: 8px;

    padding-left: 70px;

    min-height: 56px;

}



.dsp-container .get-help-widget .call-to .icon {

    position: absolute;

    left: 0;

    top: 0;

    width: 56px;

    height: 56px;

    font-size: 18px;

    background: var(--primary-color);

    color: #fff;

    line-height: 56px;

    text-align: center;

    border-radius: 50%;

}



.dsp-container .get-help-widget .call-to a .nmbr {

    position: relative;

    display: block;

    font-size: 18px;

    line-height: 26px;

}



.dsp-container .similar-widget {

    position: relative;

}



.dsp-container .similar-widget .inner {

    position: relative;

    display: block;

    padding: 45px 45px;

    border: 1px solid rgba(0,0,0,0.15);

    border-radius: 10px;

}



.dsp-container .similar-widget h3 {

    position: relative;

    margin-bottom: 30px;

}



.dsp-container .similar-widget .posts {

    position: relative;

}



.dsp-container .similar-widget .post {

    position: relative;

    padding-left: 105px;

    padding-top: 3px;

    min-height: 84px;

    margin-bottom: 24px;

}



.dsp-container .similar-widget .post:last-child {

    margin-bottom: 0;

}



.dsp-container .similar-widget .post .image {

    position: absolute;

    display: block;

    left: 0;

    top: 0;

    width: 84px;

    height: 84px;

    border-radius: 4px;

    overflow: hidden;

}



.dsp-container .similar-widget .post .image img {

    position: relative;

    display: block;

    width: 100%;

    border-radius: 4px;

    -moz-transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.dsp-container .similar-widget .post h6 {

    font-size: 16px;

    line-height: 22px;

    margin-bottom: 16px;

}



.dsp-container .similar-widget .post h6 a {

    color: var(--dark-gray-gray);

}



.dsp-container .similar-widget .post h6:hover, .dsp-container .similar-widget .post h6 a:hover {

    color: var(--primary-color);

}



.dsp-container .similar-widget .post .price {

    position: relative;

    font-size: 14px;

    line-height: 20px;

    color: var(--medium-gray-color);

}



.dsp-container .similar-widget .post .price .amount {

    color: var(--primary-color);

    font-family: 'Gilroy_Bold', sans-serif;

}



.dsp-container .dsp-stat-widget {

    position: relative;

}



.dsp-container .dsp-stat-widget .inner {

    position: relative;

    display: block;

    padding: 40px 45px;

    border: 1px solid rgba(0,0,0,0.15);

    border-radius: 10px;

}



.dsp-container .dsp-stat-widget h3 {

    position: relative;

    margin-bottom: 25px;

}



.dsp-container .dsp-stat-widget .stats {

    position: relative;

}



.dsp-container .dsp-stat-widget ul {

    position: relative;

}



.dsp-container .dsp-stat-widget ul li {

    position: relative;

    line-height: 24px;

    margin-bottom: 15px;

}



.dsp-container .dsp-stat-widget ul li:last-child {

    margin-bottom: 0;

}



.dsp-container .dsp-stat-widget ul li .ttl {

    position: relative;

    color: var(--dark-gray-gray);

    display: inline-block;

    width: 70%;

    font-family: 'Gilroy_Bold', sans-serif;

}



.dsp-container .dsp-stat-widget ul li .dtl {

    position: relative;

    display: inline-block;

    width: 28%;

}



.hot-single .t-book-widget .proceed-link {

    padding-top: 10px;

}



.dsp-container .why-us-widget {

    position: relative;

}



.dsp-container .why-us-widget .inner {

    position: relative;

    display: block;

    padding: 40px 45px 45px;

    border: 1px solid rgba(0,0,0,0.15);

    border-radius: 10px;

}



.dsp-container .why-us-widget h3 {

    position: relative;

    margin-bottom: 30px;

}



.dsp-container .why-us-widget .info {

    position: relative;

}



.dsp-container .why-us-widget ul {

    position: relative;

}



.dsp-container .why-us-widget ul li {

    position: relative;

    line-height: 24px;

    padding-left: 80px;

    min-height: 60px;

    padding-top: 6px;

    margin-bottom: 20px;

}



.dsp-container .why-us-widget ul li:last-child {

    margin-bottom: 0;

}



.dsp-container .why-us-widget ul li .icon {

    position: absolute;

    left: 0;

    top: 0;

    width: 60px;

    height: 60px;

    border: 1px solid rgba(0, 0, 0, 0.15);

    text-align: center;

    font-size: 30px;

    font-weight: 700;

    color: var(--dark-gray-gray);

    line-height: 58px;

    border-radius: 50%;

}



.dsp-container .why-us-widget ul li .icon img {

    max-height: 50px;

}



/*** 



====================================================================

  Packages Section

====================================================================



***/

.similar-section {

    position: relative;

    padding: 0 0 130px;

}



.similar-section .title-box {

    margin-bottom: 42px;

}



.similar-section .carousel-box {

    position: relative;

    margin: 0 -12px;

}



.similar-section .carousel-box .slick-list {

    overflow: hidden;

}



.similar-section .slick-slider .package-block {

    margin: 10px 12px;

}



.similar-section .carousel-box .prev-btn {

    position: absolute;

    right: 66px;

    top: -90px;

    width: 44px;

    height: 44px;

    text-align: center;

    color: var(--primary-color);

    line-height: 42px;

    border: 1px solid rgba(0, 0, 0, 0.20);

    border-radius: 50%;

    transition: all 500ms linear;

    z-index: 5;

    cursor: pointer;

}



.similar-section .carousel-box .next-btn {

    position: absolute;

    right: 12px;

    top: -90px;

    width: 44px;

    height: 44px;

    text-align: center;

    color: var(--primary-color);

    line-height: 42px;

    border: 1px solid rgba(0, 0, 0, 0.20);

    border-radius: 50%;

    transition: all 500ms linear;

    z-index: 5;

    cursor: pointer;

}



.similar-section .carousel-box .prev-btn:hover, .similar-section .carousel-box .next-btn:hover {

    background: var(--primary-color);

    color: #fff;

}



/*** 



====================================================================

  Activity Banner

====================================================================



***/

.activity-single-banner {

    position: relative;

    padding: 0 0;

}



.activity-single-banner .carousel-box {

    position: relative;

    margin: 0 -12px;

}



.activity-single-banner .slick-list {

    overflow: visible;

}



.activity-single-banner .carousel-box .slide {

    margin: 0 12px;

}



.activity-single-banner .carousel-box .image {

    position: relative;

    display: block;

    border-radius: 10px;

    overflow: hidden;

}



.activity-single-banner .carousel-box .image img {

    position: relative;

    display: block;

    width: 100%;

    border-radius: 10px;

}



.activity-single-banner .carousel-box .prev-btn {

    position: absolute;

    left: -94px;

    top: 50%;

    margin-top: -30px;

    width: 60px;

    height: 60px;

    text-align: center;

    color: var(--primary-color);

    background: #fff;

    font-size: 18px;

    line-height: 60px;

    border: none;

    border-radius: 50%;

    transition: all 500ms linear;

    opacity: 0.50;

    z-index: 5;

    cursor: pointer;

}



.activity-single-banner .carousel-box .next-btn {

    position: absolute;

    right: -94px;

    top: 50%;

    margin-top: -30px;

    width: 60px;

    height: 60px;

    text-align: center;

    color: var(--primary-color);

    background: #fff;

    font-size: 18px;

    line-height: 60px;

    border: none;

    border-radius: 50%;

    transition: all 500ms linear;

    opacity: 0.50;

    z-index: 5;

    cursor: pointer;

}



.activity-single-banner .carousel-box .prev-btn:hover, .activity-single-banner .carousel-box .next-btn:hover {

    opacity: 1;

}



/*** 



====================================================================

  Activity Banner

====================================================================



***/

.hotel-single-banner {

    position: relative;

    padding: 0 0;

}



.hotel-single-banner .outer-container {

    position: relative;

}



.hotel-single-banner .row {

    margin: 0 -12px;

}



.hotel-single-banner .image-col {

    padding: 0 12px;

    width: 60%;

}



.hotel-single-banner .sm-col {

    width: 20%;

}



.hotel-single-banner .image-block {

    position: relative;

    display: block;

    margin-bottom: 24px;

}



.hotel-single-banner .image-block .inner {

    position: relative;

    display: block;

    height: 720px;

    border-radius: 10px;

    overflow: hidden;

}



.hotel-single-banner .sm-block .inner {

    height: 348px;

}



.hotel-single-banner .image-block .image-layer {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;

    border-radius: 10px;

}



.hotel-single-banner .image-block .image {

    position: relative;

    border-radius: 10px;

    overflow: hidden;

    display: block;

    background: var(--primary-color);

}



.hotel-single-banner .image-block .image img {

    display: block;

    width: 100%;

    border-radius: 10px;

    transition: all 600ms ease;

    -moz-transition: all 600ms ease;

    -webkit-transition: all 600ms ease;

    -ms-transition: all 600ms ease;

    -o-transition: all 600ms ease;

}



.hotel-single-banner .image-block .image:hover img {

    opacity: 0.60;

}



.hotel-single-banner .image-block .over-link {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 2;

}



.hotel-single-banner .image-block .img-link {

    position: absolute;

    right: 25px;

    bottom: 25px;

    z-index: 5;

}



.hotel-single-banner .image-block .img-link .theme-btn {

    position: relative;

    display: inline-block;

    line-height: 24px;

    padding: 10px 25px;

    background: #fff;

    border-radius: 22px;

    color: var(--dark-gray-gray);

    font-family: 'Gilroy_Bold', sans-serif;

}



.hotel-single-banner .image-block .img-link .theme-btn:hover {

    background: var(--primary-color);

    color: #fff;

}



.dsp-container .facilities {

    position: relative;

    padding-bottom: 30px;

}



.dsp-container .fac-block {

    position: relative;

    margin-bottom: 30px;

}



.dsp-container .fac-block .inner {

    position: relative;

    padding-left: 95px;

    min-height: 70px;

    padding-top: 5px;

}



.dsp-container .fac-block .icon {

    position: absolute;

    left: 0;

    top: 0;

    width: 70px;

    height: 70px;

    line-height: 68px;

    font-size: 36px;

    color: var(--dark-gray-gray);

    font-weight: 700;

    text-align: center;

    border: 1px solid rgba(0, 0, 0, 0.15);

}



.dsp-container .fac-block .icon img {

    max-height: 70px;

}



.dsp-container .upper-content .fac-block h5 {

    margin-bottom: 12px;

}



.dsp-container .policies {

    position: relative;

    padding-bottom: 20px;

}



.dsp-container .policies .u-text {

    position: relative;

    margin-bottom: 35px;

}



.dsp-container .pol-block {

    position: relative;

    margin-bottom: 35px;

}



.dsp-container .pol-block .inner {

    position: relative;

    padding-left: 90px;

    min-height: 60px;

}



.dsp-container .pol-block .icon {

    position: absolute;

    left: 0;

    top: 0;

    width: 60px;

    height: 60px;

    line-height: 60px;

    font-size: 30px;

    color: var(--dark-gray-gray);

    font-weight: 700;

    text-align: center;

    background: var(--anti-flash-white-color);

    border-radius: 50%;

}



.dsp-container .pol-block .icon img {

    max-height: 60px;

}



.dsp-container .upper-content .pol-block h5 {

    margin-bottom: 12px;

}



.dsp-container .part-one .content-side .upper-content {

    margin-bottom: 0;

}



.rooms-avail-box {

    position: relative;

    margin-bottom: 60px;

}



.rooms-avail-box .art-outer {

    position: relative;

    width: 100%;

}



.rooms-avail-box .art-outer .ar-table {

    position: relative;

    min-width: 970px;

}



.rooms-avail-box .table {

    width: 100%;

    border: 1px solid rgba(0, 0, 0, 0.15);

    border-radius: 10px;

}



.rooms-avail-box .table thead {

    background: var(--tertiary-color);

    border-radius: 10px 10px 0 0;

}



.rooms-avail-box .table thead th {

    padding: 15px 30px;

    line-height: 30px;

    width: 25%;

    border-right: 1px solid rgba(0, 0, 0, 0.0);

    color: #fff;

}



.rooms-avail-box .table thead th.price {

    width: 20%;

}



.rooms-avail-box .table tbody tr td {

    padding: 30px 30px;

    width: 25%;

    color: var(--medium-gray-color);

    border-right: 1px solid #dee2e6;

}



.rooms-avail-box .table tbody tr td.price {

    width: 20%;

}



.rooms-avail-box .table tbody tr td:last-child {

    border-right: none;

}



.rooms-avail-box .table .styled-list-one li, .rooms-avail-box .table .styled-list-two li, .rooms-avail-box .table .un-styled-list li {

    font-size: 14px;

    margin-bottom: 7px;

}



.rooms-avail-box .table .styled-list-one li, .rooms-avail-box .table .styled-list-two li {

    padding-left: 24px;

}



.rooms-avail-box .table .styled-list-one li:before, .rooms-avail-box .table .styled-list-two li:before {

    font-size: 16px;

}



.rooms-avail-box .type-block {

    position: relative;

}



.rooms-avail-box .type-block .image {

    position: relative;

    display: block;

    border-radius: 5px;

    margin-bottom: 15px;

}



.rooms-avail-box .type-block .image img {

    position: relative;

    width: 100%;

    border-radius: 5px;

}



.rooms-avail-box .type-block h5 {

    margin-bottom: 10px;

}



.rooms-avail-box .type-block .travilo-text {

    font-size: 16px;

    margin-bottom: 20px;

}



.rooms-avail-box .type-block .room-specs {

    position: relative;

}



.rooms-avail-box .type-block .room-specs li {

    position: relative;

    line-height: 24px;

    margin-bottom: 10px;

}



.rooms-avail-box .type-block .room-specs li .icon {

    position: relative;

    display: inline-block;

    padding-right: 10px;

    font-size: 20px;

    color: var(--dark-gray-gray);

    line-height: 24px;

    width: 35px;

}



.rooms-avail-box .type-block .room-specs li img {

    max-height: 24px;

}



.rooms-avail-box .table .price .rate {

    position: relative;

    font-family: 'Gilroy_Bold', sans-serif;

    font-size: 18px;

    color: var(--dark-gray-gray);

    margin-bottom: 10px;

}



.rooms-avail-box .table .price .rate .amount {

    position: relative;

    font-size: 36px;

    color: var(--primary-color);

    line-height: 40px;

}



.rooms-avail-box .table .price .p-for {

    position: relative;

    font-size: 13px;

    color: var(--medium-gray-color);

    line-height: 20px;

    margin-bottom: 15px;

}



.rooms-avail-box .table .price .theme-btn {

    display: block;

}



.ui-state-default, .ui-widget-content .ui-state-default {

    text-align: center;

}



.insta-feed .img img {

    width: 300px;

    height: 300px;

    object-fit: cover;

}

.mflex{

	

    display: flex;

    justify-content: space-around;

}





.requestinfo li h5

{

	    margin-bottom: 5px !important;

}



.requestinfo .travilo-text

{

	font-size: 20px;

    font-weight: 700;

}



.requestinfo h5

{

	

	    text-decoration: underline;

}



@media screen and (max-width: 767px) 

{

    .mflex{

        display: flex;

    flex-wrap: wrap;

    justify-content: space-evenly;

    align-content: center;

    }

    

    .contact-section .info li .icon {

    position: absolute;

    left: 0;

    top: 0;

    width: 45px;

    height: 45px;

    line-height: 50px;

    text-align: center;

    font-size: 20px;

    background: var(--primary-color);

    color: #fff;

    border-radius: 50%;

}

    .requestinfo li h5{

        font-size: 15px;

    }

    

    .requestinfo .travilo-text

{

	font-size: 16px;

    font-weight: 700;

}

    

    .contactpa{

         display: flex;

    flex-wrap: wrap;

    justify-content: space-evenly;

    align-content: center;

    }

}



.float{

	position:fixed;

	width:60px;

	height:60px;

	bottom:40px;

	left:40px;

	background-color:transparent;

	color:#FFF;

	border-radius:50px;

	text-align:center;

  font-size:30px;

  z-index:100;

}



.my-float{

	margin-top:16px;

}



.flatpickr-mobile{

    width: 100% !important;

}

.carsoption li{
    font-size: 18px;
    margin-bottom: 5px;
}

.carsoption i{
    color: #ea5906;
}

.carsoption li{
    color: black;
}

.bookonbutton {
    float: right;
}

.banner-section .formg .row .form-group {
    position: relative;
    padding: 0 6px;
    margin-bottom: 12px;
}

.site-form .formg .form-group .field-label {
    position: relative;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Gilroy_Bold', sans-serif;
    line-height: 20px;
    margin-bottom: 12px;
}

.site-form .formg .form-group .field-inner {
    position: relative;
}
.site-form .formg .form-group input[type="text"]{
    height: 54px;
    line-height: 24px;
    padding: 11px 20px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    color: var(--dark-gray-gray);
    font-weight: 400;
    background: #fff;
    border-radius: 4px;
}

.banner-section .site-form .formg button {
    position: absolute;
   
    top: 30px;
}

.site-form .formg .f-btn {
    position: relative;
    display: block;
    font-size: 16px;
    color: #ffffff;
    font-weight: 400;
    text-transform: capitalize;
    background: #ff5522;
    padding: 12px 20px;
    font-family: 'Gilroy_Bold', sans-serif;
    text-align: center;
    line-height: 30px;
    border-radius: 4px;
}

.banner-section .site-form .formg .form-group .alt-icon {
    right: 15px;
    font-size: 14px;
}

.site-form .formg .form-group .field-inner .alt-icon {
    position: absolute;
    right: 30px;
    top: 50%;
    margin-top: -15px;
    height: 30px;
    color: #a8b1b5;
    font-size: 16px;
    line-height: 30px;
    pointer-events: none;
}