.header {
    padding-top: 0px;
}
.site-logo img{
    max-width:130px;
}
.paymentLogo{
    margin-top:20px;
}
.paymentLogo h4{
    color:var(--base-color);
}
.cardsupport{
    display:grid;
    gap:6px;
    grid-template-columns: repeat(4, 1fr);
}
.faq-section .accordion-header .accordion-button{
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.testimonial-section{
    padding-top: clamp(50px, 8vw, 100px);
  padding-bottom: clamp(50px, 8vw, 100px);
}
.ul_disc ul{
    padding-left:18px;
}
.ul_disc ul li{
    list-style-type: disc;
    margin-bottom:10px;
}
.li_dic ul{
    padding-left:12px;
}
.li_dic ul li{
    list-style-type: disc;
    margin-bottom:4px;
    line-height: 1.3;
}
.accordion-item .accordion-header{
    margin-bottom:10px;
}
.p-margin p{
    margin-bottom:15px;
}
.choose-box{
    padding: 20px;
    border: 1px solid #d9d2d2;
    box-shadow: var(--box-shadow);
    border-radius: 6px;
}
.room-details-banner.innerbannerOuter{
    position:relative;
    height:210px;
}

.innerBanner{
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom:40px;
}
.missionVision{
    background-image:url(/assets/images/bb.jpg);
    background-size: cover;
    position:relative;
    z-index:1;
}
.missionVision:after{
    content:'';
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    z-index:-1;
    background: -webkit-gradient(linear, left top, left bottom, from(hsl(152.18deg 83.73% 13.41% / 72%)), to rgb(9 6 2 / 70%));
    background:linear-gradient(180deg, hsl(152.18deg 83.73% 13.41% / 72%) 0%, rgb(9 6 2 / 60%) 100%);
}
.room-category-slider__item a{
    width:100%;
}
.story-content p{
    margin-bottom:10px;
}
.faq-section .accordion{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 20px;
}
@media screen and (max-width: 991px) {
    .room-details-banner.innerbannerOuter{
        height:210px;
    }
    .faq-section .accordion{
        display: block;
    }
}

@media screen and (max-width: 767px) {
    .room-details-banner.innerbannerOuter{
        height:200px;
    }
}
/*Home Banner section*/
.homebanner-section{
    position:relative;
}
.homebanner-section .banner_filter{
    position:absolute;
    left:90px;
    top:50%;
    right:90px;
    transform: translateY(-50%);
    z-index:9;
}
.myMixedSwiper .video-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
}

.myMixedSwiper .video-wrapper iframe,.myMixedSwiper .swiper-slide video {
    width: 100%;
    height: 100%;
    border: 0;
    object-fit: cover;
}
.myMixedSwiper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
.myMixedSwiper{
    z-index:9;
    height: 650px;
}
.myMixedSwiper:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(75, 49, 19, 0)), to rgb(24 14 1 / 84%));
    background: linear-gradient(180deg, rgba(75, 49, 19, 0) 0%, rgb(24 14 1 / 84%) 100%);
    z-index: 3;
}
.myMixedSwiper:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #180E0133;
    z-index: 1;
}
.myMixedSwiper .swiper-button-next{
    top: 50%;
    bottom: unset !important;
    right: 50px;
    transform: translateY(-50%);
    z-index: 9;
}
.myMixedSwiper .swiper-button-prev{
    top: 50%;
  bottom: auto;
  left: 50px !important;
  transform: translateY(-50%);
  z-index: 9;
  right: unset !important;
}
@media (max-width:991px){
    .myMixedSwiper .swiper-button-prev{
        left: 15px !important;
    }
    .myMixedSwiper .swiper-button-next{
        right: 15px !important;
    }
    .homebanner-section .banner_filter{
        left:35px;
        right:35px;
    }
    .header .site-logo img{
        max-width:110px;
    }
    .btn--base.yellow-btn{
        padding: 12px 12px;
        font-size: 0.65rem;
    }
}
@media (max-width:767px){
    .header .site-logo img {
        max-width: 95px;
    }
}
@media (max-width:576px){
    .filter-section__bottom{
        display:none;
    }
    .header .site-logo img {
        max-width: 80px;
    }
}
/*all from basic style*/

.section-header p,

.caption-list li .caption,
[data-label]::before,

.select,

.custom--accordion .accordion-button[aria-expanded="true"],

.header .main-menu li a,

.language-select select option,

.overview-item__content .amount,

.sidebar .sidebar-close-btn {

    color: #212121;

}

.custom--radio input[type="radio"]:checked~label::after,

.pagination .page-item .page-link,

.header__bottom .navbar,

.header.menu-fixed .header__bottom,

.header .main-menu li .sub-menu,

.header-social-links::before,

.room-card__content,

.service-section .video-wrapper .video-icon,

.service-section .video-wrapper .video-icon::before,

.service-card:hover .icon,

.testimonial-card,

.contact-info-wrapper,

.qr-code-wrapper,

.d-widget__body {

    background-color: #fff;

}

.section-top-title,

.custom-icon-field .form--control:focus~i,

.custom-icon-field .select:focus~i,

.custom-icon-field.style--two>i,

.custom--checkbox label::before,

.header .site-logo.site-title,

.header .main-menu li a.active,

.header .main-menu li .sub-menu li a:hover,

.footer-widget .footer-contact-info li i,

.footer-short-links li a:hover,

.service-section .video-wrapper .video-icon,

.service-card:hover .icon,

.overview-item__icon i,

.testimonial-card i,

.contact-info .content a:hover,

.social-list li a,

.category-list li a:hover,

.other-room-slider .slick-arrow,

.user-sidebar__menu li a:hover,

.d-widget__body .amount {

    color: var(--base-color);

}



.room-card__thumb img,

.about-thumb-wrapper .about-thumb img,

.service-section .video-wrapper img,

.gallery-card img,

.testimonial-card__thumb img,

.blog-post__thumb img,

.s-post__thumb img,

.single-room__thumb img,

.room-details-thumb-slider .room-details-thumb img,

.room-details-nav-slider .room-details-nav-thumb img,

.room-booking-thumb img {

    object-fit: cover;

    -o-object-fit: cover;

    object-position: center;

    -o-object-position: center;

}

.testimonial-card__thumb {

    display: inline-block;

}



.dark--overlay,

.base--overlay,

.section-top-title span,

.header-social-links,

.language-select,

.footer-section,

.footer-short-links li,

.hero-section,

.inner-hero,

.room-card__thumb,

.room-card__content,

.service-section,

.service-section .video-wrapper,

.gallery-card,

.work-item,

.cta-section,

.overview-section,

.account-section .left,

.contact-wrapper,

.contact-left-area,

.sidebar-widget__title,

.room-details-features .title,

.room-booking-widget__title,

.qr-code-form,

.d-widget__body {

    position: relative;

}



.section-top-title span::before,

.section-top-title span::after,

.custom--accordion .accordion-button::before,

.header-social-links::before,

.language-select i,

.footer-line,

.footer-line::after,

.footer-short-links li::before,

.inner-hero::before,

.service-section::after,

.service-section .video-area,

.service-section .video-wrapper .video-icon,

.service-section .video-wrapper .video-icon::before,

.gallery-card .full-view,

.work-item::before,

.cta-section div[class*="-shape"],

.overview-section .overview-el,

.contact-wrapper .contact-wrapper-right-thumb,

.sidebar .sidebar-close-btn,

.sidebar-widget__title::after,

.room-details-features .title::after,

.room-booking-widget__title::after,

.qr-code-form__btn,

.d-widget__body i {

    position: absolute;

}



.dark--overlay::before,

.base--overlay::before,

.footer-section::before,

.hero-section::before,

.service-section .video-wrapper::before,

.gallery-card::before,

.account-section .left::before,

.contact-wrapper .contact-wrapper-right-thumb::before,

.contact-left-area::before {

    position: absolute;

    content: "";

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



.dark--overlay,

.base--overlay,

.footer-section,

.hero-section,

.inner-hero,

.service-section,

.service-section .video-wrapper .video-icon,

.overview-section,

.account-section .left,

.contact-wrapper,

.contact-left-area,

.other-room-slider .slick-arrow,

.d-widget__body {

    z-index: 1;

}



.dark--overlay::before,

.base--overlay::before,

.footer-section::before,

.hero-section::before,

.inner-hero::before,

.service-section::after,

.service-section .video-wrapper .video-icon::before,

.overview-section .overview-el,

.account-section .left::before,

.contact-wrapper .contact-wrapper-right-thumb,

.contact-left-area::before,

.d-widget__body i {

    z-index: -1;

}

.dark--overlay::before,

.footer-section::before,

.footer-section__bottom,

.inner-hero::before,

.service-section::after,

.service-section .video-wrapper::before,

.gallery-card::before,

.account-section .left::before,

.contact-left-area::before {

    background-color: #212121;

}



.footer-section,

.service-section .video-wrapper,

.gallery-card,

.cta-section,

.testimonial-card__thumb,

.blog-post,

.blog-details-thumb,

.contact-wrapper .contact-wrapper-right-thumb,

.contact-left-area,

.map-area,

.single-room__thumb,

.room-details-thumb-slider .room-details-thumb,

.room-details-nav-slider .room-details-nav-thumb,

.room-booking-thumb,

.user-sidebar {

    overflow: hidden;

}

.custom--nav-tabs .nav-item .nav-link,

.footer-line::after,

.inner-hero::before,

.room-card__thumb img,

.about-thumb-wrapper .about-thumb img,

.service-section .video-wrapper img,

.gallery-card img,

.overview-section .overview-el,

.testimonial-card__thumb img,

.blog-post__thumb img,

.map-area iframe,

.single-room__thumb img,

.room-details-thumb-slider .room-details-thumb img,

.room-details-nav-slider .room-details-nav-thumb img,

.room-booking-thumb img,

.support-upload-field__right button.btn {

    width: 100%;

}

.custom-icon-field>i,

.inner-hero::before,

.room-card__thumb img,

.about-thumb-wrapper .about-thumb img,

.service-section::after,

.service-section .video-wrapper,

.service-section .video-wrapper img,

.gallery-card,

.gallery-card img,

.overview-section .overview-el,

.overview-section .overview-el img,

.testimonial-card__thumb img,

.blog-post__thumb img,

.contact-wrapper .contact-wrapper-right-thumb,

.contact-left-area,

.contact-info-wrapper,

.single-room__thumb img,

.room-details-thumb-slider .room-details-thumb img,

.room-details-nav-slider .room-details-nav-thumb img,

.room-booking-thumb img {

    height: 100%;

}

.service-card,

.work-item,

.overview-item,

.testimonial-card {

    text-align: center;

}

.form--control,

.custom--accordion .accordion-button,

.header .main-menu li .sub-menu,

.filter-wrapper,

.room-card__content,

.testimonial-card,

.blog-details-thumb,

.qr-code,

.qr-code-copy-form .text-copy-btn,

.single-reply {

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}

.pagination .page-item .page-link,

.footer-widget .social-links li a,

.service-section .video-wrapper .video-icon,

.service-section .video-wrapper .video-icon::before,

.service-card .icon,

.gallery-card .full-view,

.work-item__step,

.testimonial-card__thumb,

.contact-info .icon,

.social-list li a,

.sidebar-range-slider .ui-slider-horizontal .ui-slider-handle {

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

}

body,

.custom--checkbox label::before,

.header .main-menu li.menu_has_children>a::before,

.header .main-menu li .sub-menu,

.header .main-menu li .sub-menu li a,

.header__search-btn i::before,

.footer-widget .social-links li a,

.footer-short-links li a,

.room-card__content,

.service-card,

.service-card .icon,

.gallery-card::before,

.gallery-card .full-view,

.social-list li a,

.category-list li a,

.other-room-slider .slick-arrow,

.user-sidebar__menu li a {

    -webkit-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

}



body::-webkit-scrollbar-thumb,

.base--overlay::before,

.section-top-title span::before,

.section-top-title span::after,

.btn--base,

.input-group.style--two .input-group-text,

.custom--radio input[type="radio"]:checked~label::before,

.custom--checkbox input:checked~label::before,

.custom--switch .form-check-input:checked,

.header__top,

.footer-line::after,

.footer-widget .social-links li a:hover,

.footer-short-links li::before,

.room-slider .slick-dots li.slick-active button,

.service-card:hover,

.service-card .icon,

.gallery-card .full-view,

.work-item__step,

.post-share li a:hover,

.blog-sidebar .title::after,

.contact-info .icon,

.social-list li a:hover,

.sidebar-widget__title::after,

.room-details-features .title::after,

.other-room-slider .slick-arrow:hover,

.room-booking-widget__title::after {

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

}



.alert--dark,

[class*="btn--"]:not(.btn--link):not(.btn--light),

.btn--dark,

.btn--dark:hover,

.btn--base,

.btn--base:hover,

.btn-outline--primary:hover,

.btn-outline--secondary:hover,

.btn-outline--success:hover,

.btn-outline--danger:hover,

.btn-outline--warning:hover,

.btn-outline--info:hover,

.btn-outline--light:hover,

.btn-outline--dark:hover,

.btn-outline--base:hover,

.icon-btn,

.icon-btn:hover,

.input-group.style--two .input-group-text,

.custom--checkbox input:checked~label::before,

.header__search-btn,

.header-info-list li a,

.header-social-links li a,

.language-select i,

.language-select select,

.header-user-btn,

.header-user-btn:hover,

.footer-widget__title,

.footer-widget .social-links li a,

.footer-widget .social-links li a:hover,

.footer-widget .footer-contact-info li p,

.footer-widget .footer-contact-info li a,

.footer-short-links li a,

.hero-section__title,

.service-card .icon,

.service-card .title,

.gallery-card .full-view,

.work-item__step,

.post-share li a:hover,

.contact-info .icon,

.social-list li a:hover,

.other-room-slider .slick-arrow:hover,

.d-widget__header i,

.d-widget__header .title,

.custom--file-upload::before {

    color: #fff;

}

.info-message-alert,

.custom-icon-field .input-eye,

.custom--checkbox label::before,

.custom--accordion .accordion-button::before,

.pagination .page-item .page-link,

.header-info-list,

.header-info-list li a,

.header-top-right,
.header-social-links,

.header-top-action-wrapper,
.footer-widget .social-links,

.footer-widget .social-links li a,

.footer-widget .footer-contact-info li,

.room-slider .slick-dots,
.room-card__bottom,

.about-thumb-wrapper,
.service-section .video-wrapper .video-icon,

.gallery-card .full-view,
.subscribe-form,

.overview-wrapper div[class*="col"],
.overview-item,

.blog-post .blog-meta,
.account-section,

.contact-info,
.contact-info .icon,
.social-list,

.social-list li a,
.category-list li a,

.range-slider-amount,
.rooms-wrapper.grid-style,

.single-room,
.single-room__meta,
.other-room-slider .slick-arrow,

.qr-code-copy-form,
.user-sidebar__menu li a,

.d-widget__header,
.support-upload-field,

.single-file-upload {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

}



.custom-icon-field .input-eye,

.custom--checkbox label::before,

.custom--accordion .accordion-button::before,

.pagination,

.pagination .page-item .page-link,

.footer-widget .social-links li a,

.room-slider .slick-dots,

.service-section .video-wrapper .video-icon,

.service-card .icon,

.gallery-card .full-view,

.work-item__step,

.overview-wrapper div[class*="col"],

.account-section .left,

.account-section .right,

.contact-info .icon,

.social-list li a,

.other-room-slider .slick-arrow {

    justify-content: center;

}

.info-message-alert,

.custom-icon-field>i,

.custom-icon-field .input-eye,

.custom--checkbox label::before,

.custom--accordion .accordion-button::before,

.pagination .page-item .page-link,

.header-info-list,

.header-info-list li a,

.header-social-links,

.footer-widget .social-links,

.footer-widget .social-links li a,

.room-card__bottom,

.service-section .video-wrapper .video-icon,

.service-card .icon,

.gallery-card .full-view,

.work-item__step,

.overview-item,

.blog-post .blog-meta,

.contact-info .icon,

.social-list li a,

.category-list li a,

.range-slider-amount,

.single-room__meta,

.other-room-slider .slick-arrow,

.user-sidebar__menu li a,

.d-widget__header {

    align-items: center;

}



.dark--overlay::before {

    opacity: 0.65;

}

.bg_img {

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;

}



/* testimonial section css start */

.testimonials .slick-dots li button {

    outline: 1px solid hsl(var(--white)/ 0.5);

}



.slick-dots li.slick-active button {

    background: hsl(var(--base-d-300));

}



.testimonial-slider .slick-arrow {

    backdrop-filter: blur(20px);

    color: hsl(var(--white));

    border: 2px solid hsl(var(--base));

    opacity: 1;

}



.testimonial-card {

    padding: 30px 15px;

    min-height: 395px;

}



@media screen and (min-width: 576px) {

    .testimonial-card {

        padding: 30px 20px;

    }

}



.testimonial-card__thumb {

    width: 70px;

    height: 70px;

    margin-bottom: 0.9375rem;

}



.testimonial-card i {

    font-size: 24px;

    margin: 1rem 0;

}



.testimonial-card__description {

    font-style: italic;

    overflow: hidden;

    text-overflow: ellipsis;

    -webkit-line-clamp: 5;

    display: -webkit-box;

    -webkit-box-orient: vertical;

}



.testimonial-slider .slick-list {

    margin: 0 -.5rem;

}



.testimonial-slider .single-slide {

    padding: 0 .5rem;

}





/* header start */

.header {

    position: relative;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 999;

}

.header.menu-fixed{
    position:fixed;
}

.header__top {

    padding: 0.9375rem 0;

}



@media (max-width: 991px) {

    .header__top {

        padding: 0.625rem 0;

    }

}



.header__bottom {

    background-color: transparent;

    padding: 0 30px;

}



@media (max-width: 1199px) {

    .header__bottom {

        padding: 0.625rem 0;

        background-color: #fff;

    }

}



.header__bottom .navbar {

    padding: 0 1.875rem;

}



@media (max-width: 1399px) {

    .header__bottom .navbar {

        padding: 0 1.25rem;

    }

}



@media (max-width: 1199px) {

    .header__bottom .navbar {

        padding: 0;

    }

}



.header.menu-fixed .header__top {

    display: none;

}



.header.menu-fixed .header__bottom {

    border-bottom: 1px solid rgba(255, 255, 255, 0.15);

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

}




@media (max-width: 1199px) {

    .footer-logo img {

        max-width: 100%;

    }

}



.header .site-logo.site-title {

    font-size: 1.5rem;

}



.header .main-menu {

    margin-left: 4.375rem;

}



@media (max-width: 1199px) {

    .header .main-menu {

        margin-left: 0;

        padding: 0.9375rem 0;

    }

}



.header .main-menu li {

    position: relative;

}



@media (max-width: 1199px) {

    .header .main-menu li {

        border-bottom: 1px solid rgba(255, 255, 255, 0.15);

    }

}



.header .main-menu li:last-child a {

    padding-right: 0;

}



.header .main-menu li.menu_has_children {

    position: relative;

}



.header .main-menu li.menu_has_children.open>.sub-menu {

    display: block;

}



.header .main-menu li.menu_has_children>a {

    padding-right: 1.5625rem;

}



@media (max-width: 1199px) {

    .header .main-menu li.menu_has_children>a {

        display: block;

    }

}



.header .main-menu li.menu_has_children>a::before {

    position: absolute;

    content: "\f107";

    font-family: "Line Awesome Free";

    font-weight: 900;

    top: 1.9375rem;

    right: 5px;

    color: #fff;

    font-size: 1rem;

}



@media (max-width: 1199px) {

    .header .main-menu li.menu_has_children>a::before {

        display: block;

        top: 0.5625rem;

        color: #fff;

    }

}



.header .main-menu li.menu_has_children:hover>a::before {

    color: var(--base-color);

    -webkit-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    transform: rotate(180deg);

}



.header .main-menu li a {

    font-family: var(--body-font);

    font-weight: 400;

    padding: 1.75rem 0.9375rem 1.75rem 0;

}



@media (max-width: 1199px) {

    .header .main-menu li a {

        color: #fff;

        padding: 0.5rem 0;

        display: block;

    }

}



.header .main-menu li a:hover,

.header .main-menu li a:focus {

    color: var(--base-color);

}



.header .main-menu li .sub-menu {

    position: absolute;

    width: 220px;

    top: 105%;

    left: 0;

    z-index: 9999;

    padding: 0.625rem 0;

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

    opacity: 0;

    visibility: hidden;

}



@media (max-width: 1199px) {

    .header .main-menu li .sub-menu {

        opacity: 1;

        visibility: visible;

        display: none;

        position: static;

        -webkit-transition: none;

        -o-transition: none;

        transition: none;

        width: 100%;

        background-color: #212121;

        border: none;

        padding-left: 0.9375rem;

        padding-top: 0;

    }

}



.header .main-menu li .sub-menu li {

    border-bottom: 1px dashed rgba(255, 255, 255, 0.25);

}



@media (max-width: 1199px) {

    .header .main-menu li .sub-menu li {

        border-color: rgba(255, 255, 255, 0.15);

    }

}



.header .main-menu li .sub-menu li:last-child {

    border-bottom: none;

}



.header .main-menu li .sub-menu li a {

    padding: 0.375rem 1.5625rem;

    display: block;

    color: #555555;

    position: relative;

    font-size: 0.9375rem;

    text-transform: capitalize;

}



@media (max-width: 1199px) {

    .header .main-menu li .sub-menu li a {

        color: #fff;

        padding: 0.5rem 0;

    }

}



.header .main-menu li .sub-menu li+li {

    margin-left: 0;

}



.header .main-menu li:hover>.sub-menu {

    top: 100%;

    opacity: 1;

    visibility: visible;

}



.header .main-menu li+li {

    margin-left: 1.25rem;

}



@media (max-width: 1199px) {

    .header .main-menu li+li {

        margin-left: 0;

    }

}



.header .main-menu .sub-menu li.menu_has_children>a::before {

    top: 9px;

    right: 8px;

}



.header .main-menu .sub-menu li.menu_has_children>.sub-menu {

    left: 100%;

    top: 0;

}



@media (max-width: 1199px) {

    .header .main-menu .sub-menu li.menu_has_children>.sub-menu {

        padding-left: 15px;

    }

}



.header .nav-right {

    padding-left: 3.125rem;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    align-items: center;

}



.header__search-btn {

    background-color: transparent;

    padding: 0;

    font-size: 1.375rem;

    margin-right: 1.25rem;

}



@media (max-width: 1199px) {

    .header__search-btn {

        display: none;

    }

}



.header__search-btn.active i {

    transform: rotate(0);

}



.header__search-btn.active i::before {

    content: "\f00d";

}



.header-info-list {

    margin: -0.1875rem -0.625rem;

}



.header-info-list li {

    padding: 0.1875rem 0.625rem;

}



.header-info-list li a i {

    margin-right: 0.3125rem;

    -webkit-transform: translateY(2px);

    -ms-transform: translateY(2px);

    transform: translateY(2px);

}



.header-top-right {

    justify-content: flex-end;

    margin: -0.125rem -1.5625rem;

}



.header-social-links {

    margin: -0.1875rem -0.4375rem;

    padding: 0.125rem 1.5625rem;

}



.header-social-links::before {

    content: "";

    right: 5px;

    top: 50%;

    width: 1px;

    height: 24px;

    margin-top: -12px;

}



.header-social-links li {

    padding: 0.1875rem 0.4375rem;

}



.header-top-action-wrapper {

    padding: 0.125rem 1.5625rem;

}



.language-select {

    padding-left: 1.25rem;

}



.language-select i {

    left: 0;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

}



.language-select select {

    background-color: transparent;

    border: none;

    font-size: .875rem;

    padding: 0;

    margin-right: 0.9375rem;

}



@media (max-width: 1199px) {

    .navbar-collapse {

        margin-top: 20px !important;

        background-color: #212121;

        padding: 0 1.875rem 1.25rem 1.875rem;

    }

}



@media (max-width: 575px) {

    .navbar-collapse {

        margin-top: 20px !important;

        background-color: #212121;

        padding: 0.875rem;

    }

}



@media (max-width: 767px) {

    .navbar-collapse {

        max-height: 20rem;

        overflow: auto;

    }

}



.navbar-toggler {

    padding: 0;

    border: none;

    color: #000;

}



.navbar-toggler:focus {

    outline: none;

    box-shadow: none;

}



.navbar-toggler[aria-expanded="true"] .navbar-toggler__icon i::before {

    content: "\f00d";

}



.navbar-toggler__icon {

    font-size: 30px;

    line-height: 1;

}



.menu-toggle {

    margin: 10px 0;

    position: relative;

    display: block;

    width: 2.1875rem;

    height: 1.25rem;

    cursor: pointer;

    background: transparent;

    border-top: 2px solid;

    border-bottom: 2px solid;

    color: #000;

    font-size: 0;

    -webkit-transition: all 0.25s ease-in-out;

    -o-transition: all 0.25s ease-in-out;

    transition: all 0.25s ease-in-out;

    cursor: pointer;

}



.menu-toggle:before,

.menu-toggle:after {

    content: "";

    display: block;

    width: 100%;

    height: 2px;

    position: absolute;

    top: 50%;

    left: 50%;

    background: currentColor;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    transition: -webkit-transform 0.25s ease-in-out;

    -webkit-transition: -webkit-transform 0.25s ease-in-out;

    -o-transition: -webkit-transform 0.25s ease-in-out;

    transition: transform 0.25s ease-in-out;

    -moz-transition: -webkit-transform 0.25s ease-in-out;

    -ms-transition: -webkit-transform 0.25s ease-in-out;

}



@media (max-width: 1199px) {



    .menu-toggle:before,

    .menu-toggle:after {

        background-color: #000;

    }

}



.animated {

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

}



.fadeInDown {

    -webkit-animation-name: fadeInDown;

    animation-name: fadeInDown;

}



@-webkit-keyframes fadeInDown {

    0% {

        opacity: 0;

        -webkit-transform: translateY(-20px);

        transform: translateY(-20px);

    }



    100% {

        opacity: 1;

        -webkit-transform: translateY(0);

        transform: translateY(0);

    }

}



@-moz-keyframes fadeInDown {

    0% {

        opacity: 0;

        -webkit-transform: translateY(-20px);

        transform: translateY(-20px);

    }



    100% {

        opacity: 1;

        -webkit-transform: translateY(0);

        transform: translateY(0);

    }

}



@-ms-keyframes fadeInDown {

    0% {

        opacity: 0;

        -webkit-transform: translateY(-20px);

        transform: translateY(-20px);

    }



    100% {

        opacity: 1;

        -webkit-transform: translateY(0);

        transform: translateY(0);

    }

}



@keyframes fadeInDown {

    0% {

        opacity: 0;

        -webkit-transform: translateY(-20px);

        transform: translateY(-20px);

    }



    100% {

        opacity: 1;

        -webkit-transform: translateY(0);

        transform: translateY(0);

    }

}



/* header end */





/* footer sectioncss start */

.footer-section {

    margin-top: auto;

}



.footer-section::before {

    opacity: 0.95;

}



.footer-section__top {

    padding-top: 6.25rem;

    padding-bottom: 6.25rem;

}



.footer-section__bottom {

    padding: 0.9375rem 0;

}



.footer-line {

    top: -100px;

    left: 0;

    width: 1px;

    height: calc(100% + 200px);

    background-color: rgba(255, 255, 255, 0.1);

}



.footer-line::after {

    content: "";

    top: 0;

    left: 0;

    height: 15px;

    animation: upDown 8s infinite linear;

}



.footer-line:nth-child(1) {

    left: 27%;

}



@media (max-width: 991px) {

    .footer-line:nth-child(1) {

        left: 25%;

    }

}



.footer-line:nth-child(2) {

    left: 45%;

}



@media (max-width: 991px) {

    .footer-line:nth-child(2) {

        left: 50%;

    }

}



.footer-line:nth-child(2)::after {

    animation-delay: 1.5s;

}



.footer-line:nth-child(3) {

    left: 70%;

}



@media (max-width: 991px) {

    .footer-line:nth-child(3) {

        left: 75%;

    }

}



.footer-line:nth-child(3)::after {

    animation-delay: 0.5s;

}



@-webkit-keyframes upDown {

    0% {

        top: 0%;

    }



    25% {

        top: 50%;

    }



    50% {

        top: 100%;

    }



    75% {

        top: 50%;

    }



    100% {

        top: 0%;

    }

}



@-moz-keyframes upDown {

    0% {

        top: 0%;

    }



    25% {

        top: 50%;

    }



    50% {

        top: 100%;

    }



    75% {

        top: 50%;

    }



    100% {

        top: 0%;

    }

}



@-ms-keyframes upDown {

    0% {

        top: 0%;

    }



    25% {

        top: 50%;

    }



    50% {

        top: 100%;

    }



    75% {

        top: 50%;

    }



    100% {

        top: 0%;

    }

}



@keyframes upDown {

    0% {

        top: 0%;

    }



    25% {

        top: 50%;

    }



    50% {

        top: 100%;

    }



    75% {

        top: 50%;

    }



    100% {

        top: 0%;

    }

}



.footer-widget__title {

    margin-bottom: 1.5625rem;

}



.footer-widget .social-links {

    margin: -0.1875rem -0.4375rem;

}



.footer-widget .social-links li {

    padding: 0.1875rem 0.4375rem;

}



.footer-widget .social-links li a {

    width: 35px;

    height: 35px;

    border: 1px solid #fff;

}



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

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

}



.footer-widget .footer-contact-info li+li {

    margin-top: 1.25rem;

}



.footer-widget .footer-contact-info li i {

    width: 30px;

    font-size: 1.125rem;

    line-height: 1;

    padding-top: 7px;

}



.footer-widget .footer-contact-info li p {

    width: calc(100% - 30px);

}



.footer-short-links li+li {

    margin-top: 0.625rem;

}



.footer-short-links li {

    padding-left: 1.25rem;

}



.footer-short-links li::before {

    content: "";

    top: 11px;

    left: 0;

    width: 8px;

    height: 8px;

}



.footer-short-links li a {

    display: block;

}



/* footer sectioncss end */



/* service section css start */
.service-section{
  padding-top: clamp(50px, 8vw, 100px);
  padding-bottom: clamp(50px, 8vw, 100px);
}

.service-section::after {

    content: "";

    top: 0;

    right: 0;

    width: calc(50% + 100px);

}



@media (max-width: 1199px) {

    .service-section::after {

        width: 100%;

    }

}



.service-section .video-area {

    top: 0;

    left: 0;

    bottom: 0;

    width: calc(50% - 100px);

}



@media (max-width: 991px) {

    .service-section .video-area {

        width: 100%;

        position: static;

        background-color: transparent;

        padding: 0;

    }

}



.service-section .video-wrapper::before {

    opacity: 0.45;

}



.service-section .video-wrapper .video-icon {

    top: 50%;

    left: 50%;

    width: 80px;

    height: 80px;

    margin-left: -40px;

    margin-top: -40px;

    font-size: 1.5rem;

    background: #fff;

    display: inline-block;

    text-align: center;

    line-height: 80px;

}



.service-section .video-wrapper .video-icon::before {

    content: "";

    top: 0%;

    left: 0%;

    transform: translate(-50%, -50%);

    width: 100%;

    height: 100%;

    opacity: 0.25;

    animation: custom-pulse 3s linear infinite;

}



.service-section .video-wrapper .video-icon::after {

    content: "";

    top: 0%;

    left: 0%;

    transform: translate(-50%, -50%);

    width: 100%;

    height: 100%;

    opacity: 0.25;

    animation: custom-pulse 3s linear infinite;

}



@keyframes custom-pulse {

    0% {

        transform: scale(1);

        opacity: 0.7;

    }



    20% {

        opacity: 1;

    }



    100% {

        opacity: 0;

        transform: scale(1.5);

    }

}



.service-card {

    padding: 2.1875rem 1.25rem;

    background-color: rgba(255, 255, 255, 0.07);

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

}



.service-card .icon {

    width: 53px;

    height: 53px;
    display: inline-flex;

}



.service-card .icon i {

    font-size: 1.25rem;

}



.service-card .title {

    margin-top: 1.125rem;

}

.mt-6 {
    margin-top: 6rem !important;
}

/* service section css end */
/*Button animation*/
.yellow-btn{
    -webkit-animation: yellow-btn 2s infinite;
  -moz-animation: yellow-btn 2s infinite;
  -o-animation: yellow-btn 2s infinite;
  animation: yellow-btn 2s infinite;
}
@-moz-keyframes yellow-btn {
  0%, 100% {
    -moz-box-shadow: 1px 0px 19px 4px #c59f41, inset 0px 0px 10px rgba(255, 255, 255, 0.5);
    box-shadow: 1px 0px 19px 4px #c59f41, inset 0px 0px 10px rgba(255, 255, 255, 0.5); }

  50% {
    -moz-box-shadow: 0px 0px 0px 0px rgba(255, 245, 3, 0), inset 0px 0px 0px rgba(255, 255, 255, 0);
    box-shadow: 0px 0px 0px 0px rgba(255, 245, 3, 0), inset 0px 0px 0px rgba(255, 255, 255, 0); } }

@-webkit-keyframes yellow-btn {
  0%, 100% {
    -webkit-box-shadow: 1px 0px 19px 4px #c59f41, inset 0px 0px 10px rgba(255, 255, 255, 0.5);
    box-shadow: 1px 0px 19px 4px #c59f41, inset 0px 0px 10px rgba(255, 255, 255, 0.5); }

  50% {
    -webkit-box-shadow: 0px 0px 0px 0px rgba(255, 245, 3, 0), inset 0px 0px 0px rgba(255, 255, 255, 0);
    box-shadow: 0px 0px 0px 0px rgba(255, 245, 3, 0), inset 0px 0px 0px rgba(255, 255, 255, 0); } }

@-o-keyframes yellow-btn {
  0%, 100% {
    box-shadow: 1px 0px 19px 4px #c59f41, inset 0px 0px 10px rgba(255, 255, 255, 0.5); }

  50% {
    box-shadow: 0px 0px 0px 0px rgba(255, 245, 3, 0), inset 0px 0px 0px rgba(255, 255, 255, 0); } }

@keyframes yellow-btn {
  0%, 100% {
    box-shadow: 1px 0px 19px 4px #c59f41, inset 0px 0px 10px rgba(255, 255, 255, 0.5); }

  50% {
    box-shadow: 0px 0px 0px 0px rgba(255, 245, 3, 0), inset 0px 0px 0px rgba(255, 255, 255, 0); } }