/*=================== fonts ====================*/

@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800&display=swap");
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");
@import url("https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@400;500;600;700&family=Nunito:wght@300;400;500;600;700;800&display=swap");

/*================================================
Default CSS
=================================================*/

:root {
    --theme-color: #db9227;
}

html {
    scroll-behavior: smooth;
}

body {
    padding: 0;
    margin: 0;
    font-size: 16px;
    font-family: "Poppins", sans-serif;
}

a {
    text-decoration: none;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    color: #212529;
    display: inline-block;
}

a:hover,
a:focus {
    color: #292929;
    text-decoration: none;
}

button {
    outline: 0 !important;
}

p {
    font-size: 14px;
    color: #4e4e4e !important;
    font-weight: 500;
    line-height: 28px;
    /* text-align: justify; */
    margin-bottom: 15px;
    color: #4c4c4c !important;
    font-weight: 400;
    font-family: "Poppins", sans-serif;
    font-size: 15px;
}

i {
    line-height: normal;
}

.d-table {
    width: 100%;
    height: 100%;
}

.d-table-cell {
    vertical-align: middle;
}

img {
    max-width: 100%;
    height: auto;
    display: inline-block;
}

.align-items-center {
    /* align-items: center!important; */
}

.ptb-100 {
    padding-top: 70px;
    padding-bottom: 70px;
}

.pt-100 {
    padding-top: 36px;
}

.pt-70 {
    padding-top: 70px;
}

.pb-100 {
    padding-bottom: 100px;
}

.pb-70 {
    padding-bottom: 70px;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #424242;
    font-family: "Poppins", sans-serif;
    font-weight: bold;
}

/*================================================
Default Btn CSS
=================================================*/

.menu-btn {
    border: 1px solid green;
}

.btn-call {
    /* display: flex; */
    /* justify-content: center; */
}

.call-btn {
    font-size: 14px;
    font-weight: 500;
    font-family: "Poppins";
    line-height: 1.2;
    /* background-color: #111111; */
    color: #4d4d4d !important;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    padding: 17px 0px;
    border-radius: 36px;
    border: none;
    margin-top: 18px;
}

.call-btn span {
    margin-right: 10px;
}

/* .call-btn:hover {
    font-size: 14px;
    font-weight: 500;
    font-family: 'Poppins';
    line-height: 1.2;
    background-color: #db9227;
    color: #ececec !important;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    padding: 17px 57px;
    border-radius: 36px;
    border: none;
    margin-top: -20px;
} */

.template-btn {
    font-size: 14px;
    font-weight: 500;
    font-family: "Poppins";
    line-height: 1.2;
    background-color: #db9227;
    color: #ffffff !important;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    padding: 16px 69px;
    border-radius: 30px;
    border: none;
    margin-top: 10px;
}

@media (max-width: 575px) {
    .template-btn {
        padding: 18px 30px;
        font-size: 15px;
    }
}

.template-btn i {
    font-size: 15px;
    margin-left: 6px;
    color: #ececec;
}

@media (max-width: 575px) {
    .template-btn i {
        font-size: 14px;
    }
}

.template-btn:hover {
    background-color: #e50112;
    color: #ececec !important;
}

.fa-calendar {
    margin-right: 10px;
}

/*================================================
Section Title CSS
=================================================*/

.section-title {
    text-align: center;
    margin-bottom: 17px;
}

.section-title h2 {
    font-size: 36px;
    font-weight: 600;
    line-height: 47px;
    font-family: "Poppins", sans-serif;
    text-transform: capitalize;
}

.section-title h2 span {
    font-weight: 400;
    font-style: italic;
}

.section-title p {
    max-width: 650px;
    margin: auto;
}

.list {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

button:focus {
    outline: none;
    box-shadow: none;
}

.p_120 {
    padding-top: 120px;
    padding-bottom: 120px;
}

.pad_top {
    padding-top: 120px;
}

.mt-25 {
    margin-top: 25px;
}

@media (min-width: 1200px) {
    .container {
        max-width: 1340px;
    }
}

ul {
    list-style: none;
    padding: 0;
}

.subTitle {
   font-weight: 500;
    font-size: 18px;
    line-height: 0.9;
    color: #ea3441;
    margin: 18px 0 14px;
}

.subTitle span {
    display: inline-block;
    width: 50px;
    height: 2px;
    background: var(--theme-color);
    margin-right: 13px;
    position: relative;
    top: -5px;
}

/* ======== 2.1 Header Top ========*/

@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (max-width: 767px),
    only screen and (max-width: 575px) {
    .header-top {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (max-width: 767px) {
    /* .header-top {
        display: none;
    } */
}

/*-- Links --*/

.header-top-links {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.header-top {
    padding: 12px 0px 0px 0px;
    background: #e50112;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (max-width: 767px),
    only screen and (max-width: 575px) {
    .header-top-links {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 10px;
    }
}

.header-top-links li {
    color: #ffffff;
    padding: 0 9px;
    font-size: 13px;
    font-weight: 500;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
    only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (max-width: 767px) {
    .header-top-links li {
        padding: 0 12px;
        font-size: 13px;
    }
}

@media only screen and (max-width: 767px) {
    .header-top-links li {
        padding: 0 12px;
        font-size: 13px;
        border-left: 0px;
        margin-bottom: 5px;
    }
}

.header-top-links li:first-child {
    border-left: 0px;
    padding-left: 0px;
}

.header-top-links li a {
    color: #ffffff;
    font-size: 13px;
    font-weight: 400;
}

.header-top-links li a:hover {
    color: #fff;
}

.header-top-links li i {
    color: #fff;
    margin-right: 10px;
    font-size: 16px;
}

@media only screen and (max-width: 768px) {
    .header-top-links {
        display: none !important;
    }
}

@media only screen and (min-width: 998px) and (max-width: 1024px) {
    .header-logo a img {
        /* max-width: 100%; */
        /*width: 365px;*/
        margin-top: -104px !important;
    }
}
@media only screen and (min-width: 999px) and (max-width: 1199px) {
    .search-option {
        position: absolute;
        right: 142px !important;
        top: 22px;
        width: 147px !important;
    }
}

@media only screen and (min-width: 1199px) and (max-width: 1280px) {
    .search-option {
        position: absolute;
        right: 198px !important;
        top: 22px;
        width: 247px !important;
    }
}

/*-- Header Top Action --*/

.header-top-action {
    position: relative;
}

.expert-text {
    color: #fff;
    top: -5px;
    display: flex;
    justify-content: center;
}

.expert-text p {
    float: right;
    padding: 0px 10px;
    margin-bottom: 6px !important;
}

.expert-text span {
    font-size: 13px;
    color: #fff;
    font-weight: normal;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (max-width: 767px),
    only screen and (max-width: 575px) {
    .header-top-action {
        width: 290px;
        margin: 0 auto;
    }
}

.header-top-action .action-search {
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
    border: 1px solid #41414a;
    border-radius: 3px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 300;
    padding-right: 35px;
    background: transparent;
    outline: 0;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 250px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
    only screen and (max-width: 767px),
    only screen and (max-width: 575px) {
    .header-top-action .action-search {
        width: 100%;
    }
}

.header-top-action .action-search:focus {
    border: 1px solid #e50112;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.header-top-action .action-search::-webkit-input-placeholder {
    color: #ffffff;
    opacity: 1;
}

.header-top-action .action-search::-moz-placeholder {
    color: #ffffff;
    opacity: 1;
}

.header-top-action .action-search:-ms-input-placeholder {
    color: #ffffff;
    opacity: 1;
}

.header-top-action .action-search::-ms-input-placeholder {
    color: #ffffff;
    opacity: 1;
}

.header-top-action .action-search::placeholder {
    color: #ffffff;
    opacity: 1;
}

.header-top-action .action-btn {
    position: absolute;
    left: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 40px;
    right: 0;
    color: #ffffff;
    font-size: 16px;
    border: none;
    padding-right: 15px;
    padding-left: 5px;
    background: transparent;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.header-top-action .action-btn:hover {
    color: #e50112;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.expert-text p a {
    color: #ececec;
    font-size: 14px;
}

.expert-text p a span {
    margin-left: 7px !important;
}

/* ======== 2.2 Header Bottom ========*/

.header-bottom {
    background: transparent;
}

.header-bottom.header-sticky {
    min-height: 91px;
    max-height: 2px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

@media only screen and (max-width: 479px) {
    .header-bottom.header-sticky {
        min-height: 80px;
    }
}

.header-bottom.header-sticky.sticky {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #ffffff;
    width: 100%;
    -webkit-animation: 800ms ease-in-out 0s normal none 1 running slideInDown;
    animation: 800ms ease-in-out 0s normal none 1 running slideInDown;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
    z-index: 999;
}

/*-- Logo --*/

.header-logo a img {
    /* max-width: 100%; */
    width: 173px;
}

.header-logo {
    padding: 10px;
}

/*-- Main Menu --*/

.main-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-start;
}

.main-menu > ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.main-menu > ul > li {
    position: relative;
}

.main-menu > ul > li + li {
    margin-left: 30px;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .main-menu > ul > li + li {
        margin-left: 28px;
        margin-left: 45px;
    }
}

.main-menu > ul > li > a {
    font-size: 14px;
    line-height: 88px;
    text-decoration: none;
    letter-spacing: 0.5px;
    font-weight: 600;
    /* font-weight: 600; */
    font-family: "Poppins";
    color: #4c4c4c;
}

.main-menu > ul > li > a:hover,
.main-menu > ul > li > a.active {
    color: #e50112;
}

.main-menu > ul > li.has-children > a::after {
    content: "\f107";
    font-family: "fontAwesome";
    padding-left: 5px;
}

.main-menu > ul > li:hover .sub-menu {
    margin-top: 0;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.main-menu > ul .sub-menu {
    background-color: #ffffff;
    display: -webkit-box;
    display: -webkit-flex;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    left: 0;
    right: auto;
    width: 230px;
    padding: 15px 0;
    border-bottom: 3px solid #e50112;
    margin-top: 20px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: 9;
}

.main-menu > ul .sub-menu::before {
    content: "";
    position: absolute;
    top: -10px;
    left: 25px;
    text-align: center;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7.5px 10px 7.5px;
    border-color: transparent transparent #f7f7f7 transparent;
}

.main-menu > ul .sub-menu li a {
    font-weight: 500;
    letter-spacing: 0.5px;
    display: block;
    font-size: 13px;
    color: #222;
    padding: 5px 20px;
    text-transform: uppercase;
}

.main-menu > ul .sub-menu li {
    border-bottom: 1px solid #bbb9b9 !important;
    padding: 5px !important;
}

.main-menu > ul .sub-menu li:last-child {
    border-bottom: 0px solid #bbb9b9 !important;
    padding: 5px !important;
}

/*-- Mobile Menu Bar --*/

.main-menu-right-side {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.main-menu-right-side a {
    font-size: 25px;
    line-height: 100px;
    color: #303030;
}

.main-menu-right-side .header-language a {
    font-size: 14px;
    line-height: 80px;
    color: #e50112;
}

.main-menu-right-side a:hover {
    color: #2d2d2c;
}

@media only screen and (max-width: 479px) {
    .main-menu-right-side a {
        line-height: 80px;
    }
}

/* ======== 2.3 Mobile Menu ========*/

.mobile-menu-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    height: 100vh;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-transition-duration: 700ms;
    -o-transition-duration: 700ms;
    transition-duration: 700ms;
    z-index: 9999;
}

.mobile-menu-wrapper.open {
    opacity: 1;
    visibility: visible;
}

.mobile-menu-wrapper.open .mobile-menu-inner {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.mobile-menu-inner {
    width: 100%;
    height: 100%;
    width: 350px;
    background-color: #232323;
    position: relative;
    -webkit-transform: translateX(calc(100% - 50px));
    -ms-transform: translateX(calc(100% - 50px));
    transform: translateX(calc(100% - 50px));
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-transition-duration: 700ms;
    -o-transition-duration: 700ms;
    transition-duration: 700ms;
    margin-left: auto;
    position: relative;
    padding: 20px 0 40px;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: auto;
}

.mobile-menu-inner .btn-close-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: 36px;
    padding-left: 20px;
    color: #ffffff;
    opacity: 1;
}

.mobile-menu-inner .btn-close-bar i {
    cursor: pointer;
    -webkit-transform: rotate(0deg);
    font-size: 20px;
    font-weight: 400 !important;
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.mobile-menu-inner .btn-close-bar i:hover {
    color: #ffffff;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.mobile-menu-inner .widget-social {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: 40px;
}

.mobile-menu {
    text-align: start;
    padding: 17px 19px 14px;
}

.mobile-menu > .has-children > a i {
    -webkit-transform: rotate(0deg);
    font-size: 22px !important;
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.mobile-menu > .has-children .dropdown a {
    font-size: 13px;
    padding-top: 20px;
    display: block;
    color: #ececec;
    padding-left: 15px;
}

.mobile-menu > .has-children.active > a {
    color: #fcfcfc;
}

.mobile-menu > .has-children.active > a i {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.mobile-menu > li {
    margin-bottom: 20px;
    border-bottom: 1px solid #4a4a4a;
    padding: 7px;
}

.mobile-menu > li > a {
    color: #ffffff;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.mobile-menu > li > a:hover {
    color: #ffffff;
}

.form-control:focus {
    box-shadow: none;
}

.form-control-underlined {
    border-width: 0;
    border-bottom-width: 1px;
    border-radius: 0;
    padding-left: 0;
}

.form-control::placeholder {
    font-size: 12px;
    color: #aaa;
}

.fa-search {
    color: #4a3c49;
}

.search-option .border-0 {
    border: 0 !important;
    border-radius: 104px;
    padding: 0px;
}

.search-option .border {
    border: 1px solid #4a3c49 !important;
    padding: 3px;
}

.search-option {
    position: absolute;
    right: 229px;
    top: 22px;
    width: 252px;
}

.contact-links {
    text-align: left;
    padding: 0 0px 0 24px;
    /* margin-bottom: 128px; */
}

.contact-links li {
    color: #2b2b35;
    font-size: 14px;
    font-weight: 500;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 21px;
}

.contact-links li a {
    color: #ffffff;
}

.contact-links li a:hover {
    color: #ffffff;
}

.contact-links li i {
    color: #f6f4f4;
    /* margin-right: 10px; */
    font-size: 17px;
    background-color: #3a3939;
    border-radius: 30px;
    width: 31px;
    height: 30px;
    line-height: 30px;
}

.contact-block__title {
    color: #fff;
}

.contact-block__list {
    margin-bottom: 15px;
}

.contact-block__list li {
    color: #ffffffc9;
}

.btn__white {
    background-color: #fff;
    margin-top: 22px;
}

#contact-form {
    margin-top: 50px;
}

/* slider */

.single-banner-slide {
    height: 90vh;
    width: 100vw;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
    z-index: 2;
}

.single-banner-slide span {
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
}

.single-banner-slide h2 {
    font-weight: 600;
    color: #fff;
    text-align: center;
    text-align: center;
    line-height: 53px;
    text-transform: uppercase;
    font-size: 62px;
}

.single-banner-slide::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: rgb(73 73 73 / 8%);
    z-index: -1;
    width: 100%;
    height: 100%;
}

.single-banner-slide p {
    color: #fff !important;
    font-size: 14px;
    max-width: 50%;
    line-height: 31px;
    margin: 0 auto;
    text-align: center;
}

.single-banner-slide a {
    /*color: #000;*/
    /*background: #9fff05;*/
    color: #ffffff;
    background: #ea3441;
    padding: 10px 45px;
    border-radius: 100px;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    margin-top: 30px;
    transition: 0.3s;
}

.single-banner-slide a:hover {
    color: #fff;
    background: #e50112;
}

.all-banner-slide .owl-nav {
    margin-top: 0;
    -webkit-transition: 1s;
    transition: 1s;
    line-height: 0.01;
}

.all-banner-slide .owl-nav [class*="owl-"] {
    margin: 0;
    border-radius: 30px;
    position: absolute;
    left: 0;
    top: 45%;
    -webkit-transform: translateY(-45%);
    transform: translateY(-45%);
    padding: 0;
    background: white !important;
    color: #404242 !important;
    display: inline-block;
    width: 48px;
    height: 48px;
    line-height: 56px;
    font-weight: 600 !important;
    text-align: center;
    font-size: 17px !important;
}

.all-banner-slide .owl-nav [class*="owl-"]:hover {
    background: white;
    color: #e50112;
}

.all-banner-slide .owl-nav [class*="owl-"].owl-next {
    left: auto;
    right: 40px;
}

.all-banner-slide .owl-nav [class*="owl-"].owl-prev {
    right: auto;
    left: 40px;
}

.banner-call {
    padding-top: 31px;
    padding-bottom: 39px;
    position: relative;
    margin-top: 40px;
    z-index: 1;
}

.banner-call:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    background-color: #e50112;
    -webkit-clip-path: polygon(0 0, 88% 0, 95% 100%, 0% 100%);
    clip-path: polygon(0 0, 88% 0, 95% 100%, 0% 100%);
}

.banner-call .row {
    max-width: 1050px;
}

.banner-call .banner-call-content {
    position: relative;
    z-index: 1;
}

.banner-call .banner-call-content h3 {
    margin-bottom: 0;
    font-weight: 600;
    line-height: 35px;
    font-size: 21px;
    font-family: "Poppins", sans-serif;
    color: #ffffff;
}

.banner-call .cmn-btn {
    text-align: right;
}

.banner-call .cmn-btn .banner-btn-left {
    font-size: 14px;
    font-weight: 500;
    font-family: "Poppins";
    line-height: 1.2;
    background-color: #ffffff;
    color: #151415 !important;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    padding: 16px 67px;
    border-radius: 30px;
    border: none;
    margin-top: -20px;
}

.events_list {
    padding-top: 100px;
    padding-bottom: 100px;
}

.modern-list {
    background: #ffffff;
    position: relative;
    display: block;
    border-radius: 14px;
    overflow: hidden;
    margin-bottom: 30px;
    box-shadow: 0 0 20px 0 rgba(62, 28, 131, 0.1);
    -webkit-box-shadow: 0 0 20px 0 rgba(62, 28, 131, 0.1);
    -moz-box-shadow: 0 0 20px 0 rgba(62, 28, 131, 0.1);
}

.list-slide-box .modern-list {
    margin-bottom: 0;
}

.modern-list .popular {
    position: absolute;
    right: 30px;
    top: 30px;
}

.modern-list .hot {
    position: absolute;
    right: 30px;
    top: 30px;
}

.modern-list .new {
    position: absolute;
    right: 30px;
    top: 30px;
}

.grid-category-thumb {
    display: table;
    width: 100%;
    min-height: 200px;
    padding: 10px;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
}

.grid-category-thumb img {
    border-radius: 10px;
}

.modern-list-content {
    position: relative;
    padding: 5px 20px 15px;
    display: flex;
    width: 100%;
    align-items: center;
}

.lst-title {
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 0px;
}

.list-rates i {
    color: #6e778a;
    margin-right: 1px;
    font-size: 11px;
}

.list-rates i.filled {
    color: #ff8000;
}

.list-rates a {
    font-size: 14px;
    margin-left: 10px;
    color: #6e778a;
}

.overlay-cate {
    position: relative;
    height: 100%;
    display: block;
}

.overlay-cate:before {
    content: "";
    position: absolute;
    background: linear-gradient(to bottom, #00000014 57%, #262728);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    opacity: 1;
    border-radius: 6px;
}

.modern-list .property_meta {
    display: block;
    margin: 0;
    position: absolute;
    left: 30px;
    bottom: 30px;
}

.modern-list .listing-card-info-icon {
    font-size: 15px;
}

.modern-list .listing-card-info-icon {
    width: 100%;
    flex: 0 0 100%;
    margin-bottom: 1rem;
}

.modern-list .inc-fleat {
    margin-left: 15px;
    color: #ffffff;
}

.modern-list .inc-fleat.inc-add:before {
    background: url(../img/light-add.svg);
    content: "";
    position: absolute;
    background-size: contain;
    width: 23px;
    height: 23px;
    top: 1px;
    left: 4px;
}

.modern-list .inc-fleat.inc-call:before {
    background: url(../img/light-call.svg);
    content: "";
    position: absolute;
    background-size: contain;
    width: 23px;
    height: 23px;
    top: 1px;
    left: 4px;
}

.modern-list-cat {
    background: #f5203e;
    position: absolute;
    left: 30px;
    bottom: 104px;
    padding: 5px 16px;
    color: #ffffff;
    font-size: 14px;
    border-radius: 50px;
}

.modern-list.ml-2 .author-avater {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    display: table;
    margin: 0 auto;
    box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.3);
    -webkit-box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.3);
    overflow: hidden;
    top: -40px;
    position: absolute;
    right: 45px;
}

.modern-list.ml-2 .lst-title a {
    color: #ffffff;
}

.modern-list.ml-2 .list-rates a {
    font-size: 14px;
    margin-left: 10px;
    color: #ffffff;
}

.modern-list.ml-2 .list-rates {
    margin-bottom: 0px;
}

.m-listing_palce {
    font-size: 14px;
    color: #ffffff;
}

.modern-list.ml-2 .list-rates i {
    color: #ffffff;
}

.modern-list.ml-2 .list-rates i.filled {
    color: #ff8000;
}

.property_item .medium {
    background: #ff8d00;
}

.property_item .good {
    background: #6ebd17;
}

.property_item .great {
    background: #12b96c;
}

.property_item .poor {
    background: #f5225c;
}

.list-featured {
    background-color: #f95613;
    float: left;
    position: absolute;
    transform: rotate(45deg);
    right: -64px;
    top: 22px;
    text-align: center;
    width: 200px;
    font-size: 12.5px;
    margin: 0;
    z-index: 2;
    color: #fff;
    font-weight: 500;
    line-height: 28px;
}

.listing-cat {
    flex: 1;
    float: left;
}

a.cat-icon.cl-1 {
    color: red;
}

.cat-icon i {
    width: 32px;
    height: 32px;
    display: table;
    border-radius: 50%;
    text-align: center;
    line-height: 32px;
    color: #ffffff;
    margin-right: 5px;
    float: left;
}

span.more-cat {
    display: inline-block;
    width: 32px;
    height: 32px;
    text-align: center;
    background: #ffffff;
    border: 1px dashed #c8d8e8;
    border-radius: 50%;
    line-height: 28px;
    margin-left: 0.5rem;
    color: #5278a2;
    font-size: 14px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

a.cat-icon.cl-1 {
    color: #ffffff;
    font-weight: 500;
    background: #ea3441;
    padding: 5px 20px;
    border-radius: 30px;
}

.listing-footer-info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    text-align: left;
    padding: 1rem 1rem;
    border-top: 1px dashed #e8edfb;
}

.property_item .list-rate {
    position: absolute;
    left: 20px;
    bottom: 20px;
    background: #34a853;
    padding: 4px 12px;
    border-radius: 3px;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.3;
}

.place-status {
    color: #12b96c;
}

.place-status.closed {
    color: #e42f2f;
}

span.veryfied-author {
    position: relative;
}

span.veryfied-author:before {
    content: "\e64c";
    display: inline-block;
    font-family: "themify";
    width: 20px;
    height: 20px;
    color: #ffffff;
    background: #29af6a;
    border-radius: 50%;
    margin-left: 7px;
    top: 2px;
    font-size: 10px;
    line-height: 20px;
    text-align: center;
}

.listing-price-info {
    position: absolute;
    top: 25px;
    left: 25px;
    display: inline-block;
    border-radius: 50px;
    font-size: 14px;
}

.listing-price-info span {
    display: inline-block;
    background: #000000;
    padding: 4px 18px;
    border-radius: 50px;
    font-size: 14px;
    margin-right: 15px;
    color: #ffffff;
    box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.2);
}

.m-listing-status .l-status {
    font-size: 12px;
    font-weight: 500;
    padding: 5px 20px;
    border-radius: 50px;
    background: #f4f5f7;
    text-transform: uppercase;
    letter-spacing: 0.2px;
}

.m-listing-status .l-open {
    color: #09ab59;
    background: rgba(9, 171, 89, 0.1);
}

.m-listing-status .l-close {
    color: #dc143c;
    background: rgba(220, 20, 60, 0.1);
}

.fcopyright {
    position: relative;
    background: #100f0f;
    padding: 14px 0 14px;
    font-size: 16px;
    color: #fff;
}

.fcopyright p {
    margin: 0;
    font-size: 12px;
    color: #cbc4c4 !important;
}

.fcopyright p a {
    font-size: 12px;
    color: #cbc4c4 !important;
}

.contact-US .contact-item {
    margin-bottom: 30px;
}

.contact-US .contact-left h3 {
    font-size: 24px;
    margin-bottom: 30px;
    font-weight: 600;
}

.contact-US .contact-left p {
    margin: 0;
    font-size: 14px;
    margin-bottom: 25px;
}

.contact-US .contact-left ul {
    margin: 0;
    padding: 0;
}

.contact-US .contact-left ul li {

      list-style-type: none;
    display: block;
    display: flex;
    color: #333333;
    font-size: 14px;
    font-weight: 500;
    line-height: 27px;
    margin-bottom: 38px;
    border-bottom: 1px solid #dddddd69;
    padding-bottom: 20px;
}

.contact-US .contact-left ul li:last-child {
    margin-bottom: 0;
}

.contact-US .contact-left ul li i {
    font-size: 18px;
    color: #e50112;
    margin-right: 5px;
    position: relative;
    bottom: -5px;
}

.contact-US .contact-left ul li a {
    display: inline-block;
    color: #333333;
}

.contact-US .contact-left ul li a:hover {
    color: var(--theme-color);
}

.contact-US .contact-right h3 {
    font-size: 24px;
    margin-bottom: 30px;
    font-weight: 600;
}

.contact-US .contact-right .form-group {
    margin-bottom: 25px;
}

.contact-US .contact-right .form-group .form-control {
    border: 2px solid #9f9d9d;
    border-radius: 0;
    height: 50px;
    padding-left: 25px;
    font-size: 14px;
}

.contact-US .contact-right .form-group .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #333333;
}

.contact-US .contact-right .form-group textarea {
    height: auto !important;
    padding-top: 15px;
}

.contact-US .contact-right .form-group ::-webkit-input-placeholder {
    color: #333333;
}

.contact-US .contact-right .form-group :-ms-input-placeholder {
    color: #333333;
}

.contact-US .contact-right .form-group ::-ms-input-placeholder {
    color: #333333;
}

.contact-US .contact-right .form-group ::placeholder {
    color: #333333;
}

.contact-US .contact-right .form-group .list-unstyled {
    color: #dc3545;
    margin-top: 10px;
    font-size: 14px;
}

.contact-US .contact-right .contact-btn {
    background-color: #e50112;
    color: #ffffff;
    width: 100%;
    border-radius: 0;
    padding: 12px 0;
    text-transform: uppercase;
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease;
    opacity: 1;
    font-weight: 600;
}

.contact-US .contact-right .contact-btn:hover {
    background-color: #333333;
}

.contact-area .contact-right .text-danger {
    font-size: 20px;
    margin-top: 12px;
    color: #dc3545;
}

.contact-US .contact-right .text-success {
    font-size: 20px;
    margin-top: 12px;
    color: #28a745;
}

.contact-area {
    padding-top: 40px;
    padding-bottom: 20px;
}

.last-item a {
    font-size: 25px;
}

.last-item .fa-phone {
    font-size: 35px !important;
}

.map {
    position: relative;
    margin-top: 50px;
    margin-bottom: 60px;
    z-index: 0;
}

.map img {
    margin: 0 auto;
}

.map:before,
.map:after {
    position: absolute;
    bottom: -4vw;
    width: 50%;
    height: 7vw;
    background-color: #f5f5f5;
    z-index: 1;
    content: "";
}

.map:before {
    left: 0;
    transform: skewY(6deg);
}

.map:after {
    right: 0;
    transform: skewY(-6deg);
}

.map-container {
    overflow: hidden;
    padding-bottom: 26%;
    position: relative;
    height: 0;
}

.map-container iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}

/*  */

.contact-area {
    border-bottom: 1px solid #353c46;
}

.contact-content p {
    font-size: 14px;
    margin: 19px 0 51px;
    position: relative;
    text-align: center;
    color: #dedbdb !important;
}

.contact-content p::after {
    background: #353c46;
    bottom: -30px;
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;
    transform: translate(-50%);
    width: 80%;
}

.contact-content h6 {
    color: #e0e0e0;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
}

.contact-content span {
    color: #353c47;
    margin: 0 10px;
}

.contact-social {
    margin-top: 30px;
}

.contact-social > ul {
    display: inline-flex;
}

.contact-social ul li a {
    border: 1px solid #dcdcdc;
    color: #d7d7d7;
    display: inline-block;
    height: 40px;
    margin: 0 10px;
    padding-top: 7px;
    transition: all 0.4s ease 0s;
    width: 40px;
}

.contact-social ul li a:hover {
    border: 1px solid #fab702;
    color: #fab702;
}

.contact-content img {
    max-width: 210px;
}

.contact-area,
footer {
    background: #1a1e25;
    color: #868c96;
}

footer p {
    padding: 10px 0 10px 1px;
    text-align: center;
    margin-bottom: 0px;
    color: rgb(239, 239, 239) !important;
    font-size: 13px;
}

footer p a,
.footer_links a {
    color: rgb(239, 239, 239) !important;
}

footer img {
    width: 44px;
}

/*** 

====================================================================
	Page Title
====================================================================

***/

.page-title {
    position: relative;
    text-align: center;
    overflow: hidden;
    z-index: 1;
    padding: 145px 0;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
}

.page-title h1 {
    position: relative;
    display: block;
    font-size: 60px;
    color: #ffffff;
    line-height: 1em;
    font-weight: 700;
    margin-bottom: 20px;
}

.page-title .bread-crumb {
    position: relative;
}

.page-title .bread-crumb li {
    position: relative;
    display: inline-block;
    font-size: 18px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 400;
    cursor: default;
    padding-right: 15px;
    margin-right: 15px;
}

.page-title .bread-crumb li:before {
    position: absolute;
    right: -3px;
    font-size: 18px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 400;
    content: "|";
}

.page-title .bread-crumb li:last-child {
    padding-right: 0;
    margin-right: 0;
}

.page-title .bread-crumb li:last-child:before {
    display: none;
}

.page-title .bread-crumb li a {
    color: #ffffff;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.page-title .bread-crumb li a:hover {
    color: #e50112;
}

.sec-ptb-100 {
    padding: 70px 0px 50px 0px;
}

.mb-30 {
    margin-bottom: 30px;
}

.event-title {
    color: #454545;
    font-weight: 500;
}

/*====================================================================================================*/

/* sidebar section - start
==================================================================================================== */

.section-title .big-title {
    font-size: 30px;
}

.tickets-details-btn {
    padding: 4px 15px !important;
}

.map-wrapper #google-map {
    width: 100%;
    height: 300px;
}

.location-wrapper {
    border-radius: 3px;
    background-color: #f7f7f7;
}

.location-wrapper .title-wrapper {
    padding: 13px 30px;
    position: relative;
    border-bottom: 1px solid #f0f0f0;
}

.location-wrapper .title-wrapper .up-arrow-icon {
    top: 50%;
    right: 30px;
    position: absolute;
    color: #878787;
    font-size: 18px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.location-wrapper .title-wrapper .icon {
    float: left;
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin-right: 15px;
    text-align: center;
    color: #ffffff;
    border-radius: 100%;
    font-size: 18px;
    background-color: #ea3441;
}

.location-wrapper .title-wrapper .title-content {
    display: table;
}

.location-wrapper .title-wrapper .title-content small {
    font-weight: 600;
    font-size: 14px;
}

.location-wrapper .title-wrapper .title-content h3 {
    font-weight: 500;
    font-size: 18px;
    text-transform: uppercase;
}

.location-wrapper .location-info-list {
    padding: 10px 30px;
}

.location-wrapper .location-info-list .area-name {
    font-weight: 700;
    padding: 10px 30px;
    border-radius: 3px;
    text-align: center;
    color: #ffbe30;
    text-transform: capitalize;
    background-color: #ffffff;
}

.location-wrapper .location-info-list ul {
    width: 100%;
    display: table;
    margin-top: 5px;
}

.location-wrapper .location-info-list ul li {
    margin-bottom: 5px;
    color: #333333;
    font-size: 14px;
}

.location-wrapper .location-info-list ul li:last-child {
    margin-bottom: 0px;
}

.location-wrapper .location-info-list ul li i {
    color: #4c4b4b;
    margin-right: 5px;
}

.location-wrapper .button {
    padding: 30px;
    padding-top: 0px;
    border-bottom: 1px solid #f0f0f0;
}

.location-wrapper .custom-btn {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.location-wrapper .contact-links {
    padding: 12px 10px 12px 30px;
}

.location-wrapper .contact-links ul {
    width: 100%;
    display: table;
    margin-bottom: 1px;
}

.location-wrapper .contact-links ul li {
    margin-bottom: 5px;
}

.location-wrapper .contact-links ul li:last-child {
    margin-bottom: 0px;
}

.location-wrapper .contact-links ul li a {
    font-weight: 500;
    color: #333333;
}

.location-wrapper .contact-links ul li a .icon {
    width: 46px;
    height: 40px;
    line-height: 40px;
    margin-right: 5px;
    text-align: center;
    border-radius: 100%;
    color: #131111 !important;
    /* background-color: #494847; */
}

.ticke_booking {
    padding-top: 100px;
    padding-bottom: 100px;
    background: #eeecec;
}

/* ticket */

/*====================================
      ts-pricing
=====================================*/

.ts-pricing {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.ts-pricing .speaker-shap .shap2 {
    top: 150px;
    bottom: auto;
}

.ts-pricing.p-60 {
    padding-top: 20px;
}

.ts-pricing-bg {
    position: relative;
}

.ts-pricing-bg::before {
    position: absolute;
    content: "";
    background-color: transparent;
    background-image: -webkit-linear-gradient(
        306deg,
        rgba(68, 63, 198, 0.85) 0%,
        #ff007a 60%
    );
    background-image: -o-linear-gradient(
        306deg,
        rgba(68, 63, 198, 0.85) 0%,
        #ff007a 60%
    );
    background-image: linear-gradient(
        144deg,
        rgba(68, 63, 198, 0.85) 0%,
        #ff007a 60%
    );
    opacity: 0.95;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    -webkit-filter: brightness(57%) contrast(123%) saturate(100%) blur(0)
        hue-rotate(0deg);
    filter: brightness(57%) contrast(123%) saturate(100%) blur(0)
        hue-rotate(0deg);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.pricing-dot {
    width: 100%;
    display: block;
}

.pricing-dot1 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    display: block;
    width: 100%;
    margin-top: -2px;
}

.pricing-item {
    position: relative;
    max-width: 320px;
    margin: auto;
}

.pricing-item.disebled {
    /* opacity: 0.4; */
    cursor: no-drop;
    z-index: 99;
}

.pricing-item.disebled .btn {
    background: #606060;
    cursor: no-drop;
}

.ts-pricing-box {
    background: #fff;
    padding: 40px;
    text-align: center;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
}

.ts-pricing-box:hover {
    -webkit-box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.4);
}

.ts-pricing-box .ts-pricing-header .ts-pricing-name {
    font-size: 20px;
    font-weight: 800;
    color: #3b1d82;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.ts-pricing-box .ts-pricing-header .ts-pricing-price {
    font-size: 45px;
    font-weight: 900;
    color: #3b1d82;
    margin-bottom: 0px;
}

.ts-pricing-box .ts-pricing-header .ts-pricing-price span {
    margin-right: 10px;
}

.ts-pricing-box .ts-pricing-progress .ts-pricing-value {
    font-weight: 700;
    color: #e50112 !important;
    margin-bottom: 13px;
    text-align: center;
}

.ts-pricing-box .ts-progress {
    width: 100%;
    height: 10px;
    background: #ebedf4;
    margin-bottom: 10px;
}

.ts-pricing-box .ts-progress .ts-progress-inner {
    background-image: -webkit-linear-gradient(
        306deg,
        #321575 0%,
        #8d0b93 51%,
        #ff0066 100%,
        #ff057c 100%
    );
    background-image: -o-linear-gradient(
        306deg,
        #321575 0%,
        #8d0b93 51%,
        #ff0066 100%,
        #ff057c 100%
    );
    background-image: linear-gradient(
        144deg,
        #231a15 0%,
        #a60000 51%,
        #e50112 100%,
        #e50112 100%
    );
    height: 100%;
}

.ts-pricing-box .promotional-code .promo-code-text {
    font-weight: 400;
    color: #e7015e;
}

.ts-pricing-box .pricing-btn {
    margin-bottom: 25px;
    position: relative;
}

.ts-pricing-box .pricing-btn:before,
.ts-pricing-box .pricing-btn:after {
    position: absolute;
    left: -14px;
    top: 0;
    content: "";
    width: 25px;
    height: 25px;
    display: block;
    background: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    bottom: 0;
    margin: auto;
}

.ts-pricing-box .pricing-btn:after {
    position: absolute;
    left: auto;
    top: 0;
    right: -14px;
}

.ts-pricing-box .vate-text {
    margin-bottom: 0;
}

.ts-pricing-item {
    text-align: center;
    background: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    padding: 40px;
    margin-top: 50px;
}

.ts-pricing-item .ts-pricing-header i {
    font-size: 70px;
    height: 160px;
    width: 160px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    display: block;
    margin: auto;
    background: #3b1d82;
    color: #fff;
    padding: 45px 0;
    margin-top: -100px;
    margin-bottom: 40px;
}

.ts-pricing-item .ts-pricing-name {
    font-size: 24px;
    font-weight: 700;
    color: #3b1d82;
    margin-bottom: 35px;
}

.ts-pricing-item .ts-pricing-price {
    font-size: 48px;
    font-weight: 800;
    position: relative;
    margin-bottom: 50px;
}

.ts-pricing-item .ts-pricing-price img {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    top: 0;
}

.ts-pricing-item .ts-pricing-price span {
    position: relative;
    z-index: 1;
    color: #3b1d82;
}

.ts-pricing-item p {
    margin-bottom: 30px;
}

.ts-pricing-item .btn {
    background: #3b1d82;
}

.ts-pricing-item.disebled {
    cursor: no-drop;
    opacity: 0.7;
}

.ts-pricing-item.disebled .ts-pricing-header i {
    background: #e7e7e7;
}

.ts-pricing-item.disebled .ts-pricing-header .ts-pricing-name {
    color: #cccccc;
}

.ts-pricing-item.disebled .ts-pricing-price span {
    opacity: 0.5;
}

.ts-pricing-item.disebled .btn {
    background: #e7e7e7;
}

.ts-pricing-item.active .ts-pricing-header i,
.ts-pricing-item.active .btn {
    background: #e7015e;
}

.ts-pricing-item.active .ts-pricing-name,
.ts-pricing-item.active .ts-pricing-price span {
    color: #e7015e;
}

.ts-pricing.classic .ts-pricing-item {
    -webkit-box-shadow: 19.799px 19.799px 40px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 19.799px 19.799px 40px 0px rgba(0, 0, 0, 0.1);
}

.pricing-wrap .pricing-item .ts-pricing-box {
    background: #ffffff;
}

.pricing-wrap .pricing-item .ts-pricing-box .ts-pricing-name,
.pricing-wrap .pricing-item .ts-pricing-box .ts-pricing-price,
.pricing-wrap .pricing-item .ts-pricing-box .amount-progres-text,
.pricing-wrap .pricing-item .ts-pricing-box .vate-text {
    color: #e50112;
}

.pricing-wrap .pricing-item .ts-pricing-box .pricing-btn:before,
.pricing-wrap .pricing-item .ts-pricing-box .pricing-btn:after {
    background: #ffffff;
}

.pricing-wrap .btn {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    background: #ea3441;
    height: 50px;
    padding: 0 35px;
    line-height: 50px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    outline: none;
    text-decoration: none;
    cursor: pointer;
}

.product-count a {
    text-decoration: none;
    font-weight: 700;
    color: black;
}

.button-count {
    display: inline-block;
    width: 22px;
    height: 22px;
    background-color: #09090a;
    color: white;
    font-size: 16px;
    line-height: 14px;
    text-align: center;
    border: none;
    outline: none;
}

.button-count:active {
    background-color: #1565c0;
}

.number-product {
    display: inline-block;
    width: 31px;
    height: 25px;
    line-height: 20p;
    font-size: 17px;
    border: 1px solid silver;
    text-align: center;
}

:disabled {
    background-color: #a7a5a5;
}

.package_item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 9px;
    /* background: #e1e1e1; */
    padding: 10px;
    border-radius: 10px;
}

.package_name {
    font-size: 14px;
    color: #302d2d;
}

.package-details span {
    font-weight: 300;
    color: #4c455a;
    display: inline;
    width: 100%;
    font-size: 16px;
}

.package-details i {
    font-size: 16px;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    line-height: 12px;
}

.package-details .package-details-list-wrapper {
    position: relative;
}

.package-details .package-details-list-wrapper > span {
    cursor: pointer;
}

.package-details .package-details-list-wrapper .package-details-list {
    position: absolute;
    font-size: 14px;
    color: #e0dfdf;
    background: #020202;
    -webkit-box-shadow: -1.152px 32.98px 79px 0px rgba(0, 0, 0, 0.2);
    box-shadow: -1.152px 32.98px 79px 0px rgba(0, 0, 0, 0.2);
    border-radius: 16px;
    left: 50%;
    padding: 14px 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    visibility: hidden;
    top: 75px;
    z-index: 999;
    -webkit-transition: all 0.31s;
    -o-transition: all 0.3s;
    transition: all 0, 0.3s;
}

.package-details .package-details-list-wrapper .package-details-list:after {
    content: "";
    position: absolute;
    left: 50%;
    top: -7px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #303030;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.package-details .package-details-list-wrapper .package-details-list ul {
    margin: 0;
}

.package-details .package-details-list-wrapper .package-details-list ul li {
    border-bottom: 1px solid #2a2a2a;
    border-top: 1px solid #4d4d4d;
    padding: 9px;
    /* margin: 0 45px; */
    letter-spacing: 0.5px;
    width: 311px;
}

.package-details .active i {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    color: red;
}

.package-details .package-details-list-wrapper.active .package-details-list {
    visibility: visible;
    top: 36px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 0.5s;
}

.selected_package {
    background: #e1e1e1;
}

.total_price p {
    text-align: center;
    margin-bottom: 1px;
    font-size: 13px;
}

.total_price h6 {
    color: #e50112;
    font-weight: 500;
    font-size: 14px;
}

.package-details-list h3 {
    color: white;
    font-size: 18px;
    font-weight: 500;
}

.ticket_title h3 {
    text-align: center;
    font-size: 36px;
    font-weight: 500;
    /* color: rebeccapurple; */
}

.about-banner {
    padding-top: 100px;
    padding-bottom: 100px;
}

.btn-main {
    padding: 10px 35px;
    background-color: #ea3441;
    color: white;
    border-radius: 30px;
    margin-top: 15px;
    /* border: rebeccapurple; */
}

.btn-main:hover {
    color: white;
    background-color: #2d2c2c;
}

/* signin */

.sigin .wrapper {
    width: 470px;
    padding: 2rem 5px 1rem 14px;
    margin: 50px auto;
    background: #fff;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 20px 35px rgba(0, 0, 0, 0.1);
}

.sigin h1 {
    font-size: 2rem;
    color: #07001f;
}

.sigin p {
    margin-bottom: 1.7rem;
}

.sigin form input {
    width: 85%;
    outline: none;
    border: none;
    background: #dfe9f5;
    padding: 12px 14px;
    margin-bottom: 30px;
    border-radius: 10px;
}

.sigin .recover {
    text-align: right;
    font-size: 0.8rem;
    margin: 0.2rem 1.7rem 0 0;
}

.sigin .recover a {
    text-decoration: none;
    color: #ea3441;
    font-size: 14px;
}

.sigin button {
    font-size: 1.1rem;
    margin-top: 1rem;
    padding: 8px 0;
    border-radius: 5px;
    outline: none;
    border: none;
    width: 85%;
    background: #ea3441;
    color: #fff;
    cursor: pointer;
}

.sigin button:hover {
    background: rgba(122, 30, 30, 0.767);
}

.sigin .or {
    font-size: 0.8rem;
    margin-top: 1.5rem;
}

.sigin .icons i {
    color: #07001f;
    padding: 00.8rem 1.5rem;
    border-radius: 10px;
    margin-left: 0.9rem;
    font-size: 1.5rem;
    cursor: pointer;
    border: 2px solid #dfe9f5;
}

.sigin .icons i:hover {
    color: #fff !important;
    background: #07001f;
    transition: 1s;
}

.sigin .icons i:first-child {
    color: green;
}

.sigin .icons i:last-child {
    color: blue;
}

.sigin .not-member {
    font-size: 0.8rem;
    margin-top: 1.4rem;
}

.sigin .not-member a {
    color: #b92933;
    text-decoration: none;
}

.sigin a:hover {
    text-decoration: underline;
}

.sigin {
    padding-top: 80px;
    padding-bottom: 50px;
}

.sign-f {
    position: relative;
}

.signin .toggle-password {
    position: absolute;
    top: 57%;
    right: 50px;
}

.sigin form input:last-of-type {
    margin-bottom: 10px !important;
}

.signup .toggle-password {
    position: absolute !important;
    right: 50px !important;
    top: 86% !important;
}

.sigin .toggle-password {
    position: absolute;
    right: 50px;
    top: 57%;
}

.booking-details-area {
    padding: 80px 0 80px;
    background: #f7f7f7;
}

.booking-details-area .row .col-73 {
    width: 72.44%;
    flex: 0 0 72.44%;
}

.booking-details-area .primary-contact {
    display: flex;
    align-items: center;
    background: #e9e9e9;
    padding: 15px 30px;
    border-radius: 5px 5px 0 0;
}

.booking-details-area .primary-contact .title {
    color: #424242;
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 500;
}

.booking-details-area .primary-contact i {
    color: #5f5e5e;
    font-size: 20px;
    margin-right: 10px;
}

.booking-details-wrap {
    background: #ffffff;
    padding: 50px 40px 80px;
    border-radius: 0 0 5px 5px;
}

.booking-details-wrap .form-grp {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.booking-details-wrap .form-grp .icon {
    font-size: 26px;
    line-height: 0;
    color: #5b1734;
    margin-right: 12px;
}

.booking-details-wrap .form-grp .form {
    flex-grow: 1;
    position: relative;
}

.booking-details-wrap .form-grp .form .form-select {
    padding: 18px 60px 18px 20px;
    font-size: 16px;
    font-weight: 500;
    color: #6a2e4d;
    vertical-align: middle;
    background: url("../img/icon/select_down_arrow02.png") no-repeat scroll
        97.5% center;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: 0.3s ease-in-out;
    width: 100%;
    font-family: "Barlow", sans-serif;
    cursor: pointer;
    border: 1px solid #e1e1e1;
    background-color: transparent;
    border-radius: 5px;
}

.booking-details-wrap .form-grp .form label {
    font-size: 14px;
    font-weight: 500;
    color: #575556;
    opacity: 10.9;
    position: absolute;
    left: 10px;
    top: -10px;
    background: #fff;
    padding: 0 10px;
    z-index: 9999;
}

.booking-details-wrap ul {
    display: flex;
    align-items: center;
    margin: 0 -6px;
    flex-wrap: wrap;
}

.booking-details-wrap ul li {
    padding: 0 6px;
    width: 37%;
}

.booking-details-wrap ul li:first-child {
    width: 26%;
}

.booking-details-wrap ul li .form-grp .form .form-select {
    padding: 18px 40px 18px 20px;
}

.booking-details-wrap .form-grp input {
    width: 100%;
    background: transparent;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    padding: 18px 20px;
    font-size: 16px;
    color: #575556;
    font-weight: 500;
    opacity: 80%;
    font-family: "Barlow", sans-serif;
}

.booking-details-wrap .form-grp input::placeholder {
    font-size: 16px;
    color: #505050;
    font-weight: 500;
    opacity: 80%;
    font-family: "Barlow", sans-serif;
}

.booking-details-wrap .gender-select {
    margin-left: 40px;
    margin-bottom: 20px;
}

.booking-details-wrap .gender-select .title {
    font-size: 18px;
    font-weight: 500;
    color: #232323;
    margin-bottom: 20px;
}

.booking-details-wrap .gender-select ul {
    display: flex;
    align-items: center;
    margin: 0;
}

.booking-details-wrap .gender-select ul li {
    font-size: 16px;
    font-weight: 500;
    color: #1f1f1f;
    width: auto !important;
    font-family: "Barlow", sans-serif;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    padding: 18px 20px;
    display: flex;
    align-items: center;
    min-width: 142px;
    margin-bottom: 10px;
    margin-right: 10px;
    cursor: pointer;
}

.booking-details-wrap .gender-select ul li:last-child {
    margin-right: 0;
}

.booking-details-wrap .gender-select ul li i {
    line-height: 0;
    font-size: 23px;
    margin-right: 12px;
}

.booking-details-wrap .gender-select ul li.active {
    border-color: #222222;
}

.booking-details-wrap .optional-item .form-grp .form .form-select {
    background: url("../img/icon/select_down_arrow.png") no-repeat scroll 97.5%
        center;
    font-size: 18px;
    border: 1px solid #323232;
    padding: 16px 40px 16px 20px;
}

.booking-details-wrap .optional-item .form-grp {
    margin-bottom: 10px;
}

.booking-details-wrap .checkbox-grp {
    display: flex;
    align-items: flex-start;
    margin-top: -5px;
    margin-bottom: 0;
}

.booking-details-wrap .checkbox-grp input {
    width: auto;
    margin-top: 5px;
    margin-right: 9px;
}

.booking-details-wrap .checkbox-grp label {
    color: #575556;
    font-size: 16px;
    font-weight: 500;
    user-select: none;
}

.checkout-widget {
    padding: 30px 30px 11px 30px;
    margin-bottom: 30px;
    background: #ffffff;
    display: flex;
    justify-content: space-between;
}

@media (min-width: 768px) {
    .checkout-widget .title-area {
        width: calc(100% - 100px);
        margin-bottom: 0;
    }
}

@media (min-width: 768px) {
    .checkout-widget .title-area .title {
        margin-bottom: 23px;
    }
    .checkout-widget .title-area .title {
        margin-bottom: 20px;
        font-weight: 500;
    }
}

.checkout-widget p {
    color: #9aace5;
}

@media (min-width: 768px) {
    .checkout-widget .sign-in-area {
        width: 100px;
    }
}

.checkout-widget .sign-in-area {
    text-align: center;
    color: #fdfdfd;
    background: #eb3a47;
    padding: 6px 10px;
    border-radius: 30px;
    font-size: 14px;
}

.booking-summery {
    padding: 30px;
    /* border: 1px solid #11326f; */
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    /* border-bottom-style: dashed; */
    padding-bottom: 10px;
    position: relative;
    margin-top: 60px;
}

.booking-summery .title {
    font-weight: 600;
    text-transform: uppercase;
}

.booking-summery .title {
    text-align: center;
    border-bottom: 1px dashed #11326f;
    padding-bottom: 23px;
    margin-bottom: 35px;
    color: #251f1f;
}

.booking-summery ul {
    border-bottom: 1px dashed #11326f;
}

.booking-summery ul li {
    padding: 0;
    margin-bottom: 30px;
}

.booking-summery ul li:first-child {
    margin-top: 30px;
}

.booking-summery ul li .subtitle {
    text-transform: uppercase;
    -webkit-box-pack: justify;
    display: flex;
    -ms-flex-pack: justify;
    font-weight: 600;
    color: #eb3a47;
    justify-content: space-between;
    margin-bottom: 7px;
}

.booking-summery ul li .subtitle:last-child {
    margin-bottom: -5px !important;
}

.booking-summery ul li .info {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 14px;
    display: flex;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-weight: 500;
    color: #303238;
}

.booking-summery ul li .info:last-child {
    margin-bottom: -14px;
}

.booking-summery ul:last-child {
    border-bottom: none;
}

@media (min-width: 576px) {
    .booking-summery .title {
        font-size: 28px;
        margin-top: -9px;
        margin-bottom: 40px;
    }
}

@media (min-width: 992px) {
    .booking-summery {
        margin-top: 0;
    }
}

.proceed-area {
    background: #05245c;
    padding: 30px;
}

.proceed-area .subtitle {
    text-transform: uppercase;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 23px;
}

.booking-summery .side-shape {
    position: relative;
}

.booking-summery .side-shape::after,
.booking-summery .side-shape::before {
    width: 26px;
    position: absolute;
    content: "";
    height: 48px;
    background-color: #f7f7f7;
    border-radius: 50%;
    top: -48px;
}

.booking-summery .side-shape::after {
    left: -40px;
}

.booking-summery .side-shape::before {
    right: -38px;
}

.note {
    margin-top: 40px;
}

.note .title {
    text-transform: uppercase;
    margin-bottom: 26px;
}

.bg-one {
    background-color: #ffffff;
}

.booking-summery .pricing-dot {
    position: absolute;
    top: -16px;
    right: 0px;
    width: 417px;
}

.conf-btm-section {
    text-align: center;
    background: #e50112;
    margin-top: 20px;
    padding: 10px 30px;
    color: white;
    border-radius: 30px;
}

.conf-btm-section a {
    color: white;
}

.booking-summery .pricing-dot1 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    position: absolute;
    bottom: -17px;
    right: 0px;
    width: 417px;
    display: block;
    /* width: 100%; */
    margin-top: -2px;
}

.faq-item + .faq-item {
    margin-top: 31px;
    padding-top: 17px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #e9e9e9;
}

@media (max-width: 767px) {
    .faq-item + .faq-item {
        margin-top: 30px;
        padding-top: 32px;
    }
}

.faq-item:last-child {
    padding-bottom: 40px;
}

@media (max-width: 767px) {
    .faq-item:last-child {
        padding-bottom: 30px;
    }
}

.faq-item-title {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.25em;
    margin-bottom: 19px;
}

@media (max-width: 767px) {
    .faq-item-title {
        font-size: 20px;
        margin-bottom: 23px;
    }
}

@media (max-width: 575px) {
    .faq-item-title {
        font-size: 17px;
    }
}

.faq-item-content,
.faq-item-content p {
    font-size: 15px;
    /* line-height: 18px; */
}

@media (max-width: 767px) {
    .faq-item-content,
    .faq-item-content p {
        font-size: 15px;
        line-height: 23px;
    }
}

.faq-item-content strong,
.faq-item-content b,
.faq-item-content p strong,
.faq-item-content p b {
    font-weight: 600;
}

.faq-item-content p + p {
    /* margin-top: 28px; */
}

@media (max-width: 767px) {
    .faq-item-content p + p {
        margin-top: 23px;
    }
}

.faq-item-wrap--noborder .faq-item + .faq-item {
    padding-top: 0;
    border: 0;
}

.faq-holder {
    padding-top: 100px;
    padding-bottom: 100px;
}

.card {
    width: 400px;
    border: none;
    height: 300px;
    z-index: 1;
    display: flex;
    /* justify-content: center; */
    align-items: center;
}

.card h6 {
    color: red;
    font-size: 20px;
}

.inputs input {
    width: 40px;
    height: 40px;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

.card-2 {
    background-color: #fff;
    padding: 10px;
    width: 350px;
    height: 100px;
    bottom: -50px;
    left: 20px;
    position: absolute;
    border-radius: 5px;
}

.card-2 .content {
    margin-top: 50px;
}

.card-2 .content a {
    color: red;
}

.form-control:focus {
    box-shadow: none;
    border: 2px solid red;
}

.validate {
    border-radius: 20px;
    height: 40px;
    background-color: red;
    border: 1px solid red;
    width: 200px !important;
}

/*-------------------------------------------------
  Terms-Condition Page CSS
---------------------------------------------------*/

.terms_condition_page .ec-common-wrapper {
   padding: 30px 10px;
    border: 1px solid #ededed;
    max-width: 1140px;
    margin: 0 auto;
    background-color: #fff;
}

.terms_condition_page .ec-cms-block p {
    margin-bottom: 29px;
}

.terms_condition_page .ec-cms-block p b {
    font-weight: 500;
}

.terms_condition_page .ec-cms-block:last-child p {
    margin-bottom: 0;
}

.terms_condition_page {
   padding-top: 100px;
    padding-bottom: 100px;
}

.ec-cms-block-title {
    font-size: 19px;
}

.home-search .input-group.date .input-group-append .input-group-text {
    border-radius: 0 0.25rem 0.25rem 0;
    border: inherit;
    color: #7c8087;
}

.home-search .input-group.date .form-control {
    border-right: inherit;
    height: 60px;
}

.home-search
    .select2-container--default
    .select2-selection--single
    .select2-selection__arrow:before {
    color: #7c8087;
}

.errormsg {
    background: #fa2f3e;
    display: flex;
    margin: 0px auto;
    max-width: 377px;
    border-radius: 5px;
    padding: 12px;
    align-items: center;
    justify-content: space-between;
}

.successmsg {
    background: #0cae4b;
    display: flex;
    margin: 0px auto;
    max-width: 377px;
    border-radius: 5px;
    padding: 12px;
    align-items: center;
    justify-content: space-between;
}

.msg-error {
    margin-bottom: 0px !important;
    color: white !important;
    font-size: 13px;
}

.warning {
    color: white;
}

.close-error {
    background-color: #c71c1c;
    color: white;
    padding: 2px;
    border-radius: 30px;
    width: 25px;
    height: 25px;
    line-height: 21px;
}

@media only screen and (max-width: 450px) {
    .errormsg {
        background: #fa2f3e;
        display: flex;
        margin: 0px auto;
        max-width: 312px;
        border-radius: 5px;
        padding: 12px;
        align-items: center;
        justify-content: space-between;
    }
    .successmsg {
        background: #0cae4b;
        display: flex;
        margin: 0px auto;
        max-width: 312px;
        border-radius: 5px;
        padding: 12px;
        align-items: center;
        justify-content: space-between;
    }

    .msg-error {
        margin-bottom: 0px !important;
        color: white !important;
        font-size: 10px;
    }
}
.thankyou .wrapper-1 {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
}

.thankyou .wrapper-2 {
    padding: 70px 30px;
    text-align: center;
}

.thankyou h1 {
    font-family: "Kaushan Script", cursive;
    font-size: 4em;
    letter-spacing: 3px;
    color: #5892ff;
    margin: 0;
    margin-bottom: 20px;
}

.thankyou .wrapper-2 p {
    margin: 0;
    font-size: 17px;
    color: #aaa;
    font-family: "poppins", sans-serif;
    letter-spacing: 1px;
}

.thankyou .go-home {
    color: #fff;
    background: #eb3a47;
    border: none;
    padding: 10px 50px;
    margin: 30px 0;
    border-radius: 30px;
    text-transform: capitalize;
    box-shadow: 0 10px 16px 1px rgba(174, 199, 251, 1);
}

.thankyou .footer-like {
    margin-top: auto;
    background: #eb3a47;
    padding: 6px;
    text-align: center;
    color: white;
}

.thankyou .footer-like p {
    margin: 0;
    padding: 4px;
    color: #ffffff !important;
    font-family: "Source Sans Pro", sans-serif;
    letter-spacing: 1px;
}

.thankyou .footer-like p a {
    text-decoration: none;
    color: #5892ff;
    font-weight: 600;
}

@media (min-width: 360px) {
    .thankyou h1 {
        font-size: 49px;
        color: #eb3a47;
    }
    .thankyou .go-home {
        margin-bottom: 20px;
    }
}

@media (min-width: 600px) {
    .thankyou .content {
        max-width: 1000px;
        margin: 0 auto;
    }
    .thankyou .wrapper-1 {
        height: initial;
        max-width: 620px;
        margin: 0 auto;
        margin-top: 50px;
        box-shadow: 4px 8px 40px 8px rgba(88, 146, 255, 0.2);
    }
}
.pt-20 {
    padding-top: 20px;
}

.portfolio-evnts p {
    font-size: 12px;
    font-weight: 600;
    border-radius: 6px;
    text-align: center;
    padding: 8px;
    border: 1px solid red;
}

.portfolio-evnts p:hover {
    font-size: 12px;
    font-weight: 600;
    border-radius: 6px;
    text-align: center;
    color: white !important;
    padding: 8px;
    background-color: #e50112;
    border: 1px solid red;
}

.portfolio-evnts h4 {
    font-size: 17px;
    margin-bottom: 13px;
    color: red;
}
.social-links {
    display: flex;
    justify-content: center;
    margin-top: 22px;
}

.social-links a {
    width: 30px;
    height: 30px;
    text-align: center;
    text-decoration: none;
    color: #000;
    box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.05);
    margin: 0 14px;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    transition: transform 0.5s;
}

.social-links a .fab {
    font-size: 19px;
    line-height: 26px;
    position: relative;
    z-index: 10;
    transition: color 0.5s;
    color: white;
}

 .social-links .instagram::after {
            content: '';
            width: 100%;
            height: 100%;
            top: -90px;
            left: 0;
            background: #000;
            background: linear-gradient(-45deg, #ed1c94, #ffec17);
            position: absolute;
            transition: 0.5s;
        }
        
        .social-links .facebook::after {
            content: '';
            width: 100%;
            height: 100%;
            top: -90px;
            left: 0;
            background: #4267B2;
            position: absolute;
            transition: 0.5s;
        }
        
        .social-links .youtube::after {
            content: '';
            width: 100%;
            height: 100%;
            top: -90px;
            left: 0;
            background: #FF0000;
            position: absolute;
            transition: 0.5s;
        }
        
        .social-links .linkedin::after {
            content: '';
            width: 100%;
            height: 100%;
            top: -90px;
            left: 0;
            background: #0A66C2;
            position: absolute;
            transition: 0.5s;
        }
        .social-links .snap::after {
            content: '';
            width: 100%;
            height: 100%;
            top: -90px;
            left: 0;
            background: 	#FFFC00;
            position: absolute;
            transition: 0.5s;
        }

.social-links a:hover::after {
    top: 0;
}

.social-links a:hover .fab {
    color: #fff;
}

.social-links a:hover {
    transform: translateY(-10px);
}

/*----------------------------------------*/
/*  18. Error css start
    /*----------------------------------------*/

.bd-error__number h2 {
    font-size: 200px;
    color: #ea3441;
    line-height: 1;
}

@media (max-width: 575px),
    only screen and (min-width: 576px) and (max-width: 767px) {
    .bd-error__number h2 {
        font-size: 120px;
    }
}

@media (max-width: 450px) {
    .bd-error__number h2 {
        font-size: 100px;
    }
}

.bd-error__text h3 {
    font-size: 32px;
    font-weight: var(--bd-fw-sbold);
    margin-bottom: 10px;
}

@media (max-width: 575px),
    only screen and (min-width: 576px) and (max-width: 767px) {
    .bd-error__text h3 {
        font-size: 28px;
    }
}

.bd-error__text h3 {
    margin-bottom: 25px;
}

.bd-error__area {
    padding-top: 70px;
    padding-bottom: 100px;
}

.bd-error__btn {
    display: inline-flex;
    height: 60px;
    background: #ea3441;
    padding: 0 48px;
    color: white;
    font-size: 16px;
    /* font-weight: var(--bd-fw-medium); */
    border-radius: 50px;
    border: 1px solid #ea3441;
    align-items: center;
}

.bd-error__btn:hover {
    border: 1px solid #ea3441;
    background-color: transparent;
    color: rgb(40, 40, 40);
}

.search-box {
    position: absolute;
    top: 41%;
    right: 4%;
    transform: translate(0%, -50%);
    height: 46px;
    background: #353535;
    line-height: 37px;
    padding: 10px 9px;
    border-radius: 60px;
}

.search-input {
    /*background: #353535;*/
    /*outline: none;*/
    /*border: none;*/
    /*line-height: 41px;*/
    /*width: 0px;*/
    /*float: left;*/
    /*height: 27px;*/
    /*font-size: 14px;*/
    /*transition: 0.7s ease;*/
    /*font-family: sans-serif;*/
    
       background: #353535;
            outline: none;
            border: none;
            line-height: 41px;
            width: 89px;
            float: left;
            height: 27px;
            font-size: 14px;
            transition: 0.7s ease;
            font-family: sans-serif;
}

.search-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    background: #353535;
    padding: 6px;
    border-radius: 50%;
    float: right;
    transition: 0.4s ease;
    border: none;
}

.search-box:hover > .search-input {
    width: 130px;
    margin: 0px 0px;
}

.search-input:focus {
    width: 87px;
    margin: 0px 8px;
    color: white;
}

.search-box:hover > .search-btn {
    background: #fff;
}

.search-box .fa-search {
    color: #ffffff !important;
}

.search-box:hover .fa-search {
    color: #0b0b0b !important;
}

.search-box:focus .fa-search {
    color: #ffffff !important;
}

.search-box:focus .search-btn .fa-search {
    background: #fff !important;
    color: #202020 !important;
}

@media only screen and (max-width: 768px) {
    .search-box:hover > .search-input {
        width: 105px;
        margin: 0px 0px;
    }
    .search-box {
        position: absolute;
        top: 50%;
        right: 28%;
        transform: translate(0%, -50%);
        height: 46px;
        background: #353535;
        line-height: 37px;
        padding: 10px 9px;
        border-radius: 60px;
    }
}

@media only screen and (min-width: 769px) and (max-width: 991px) {
    .search-box {
        position: absolute;
        top: 50%;
        right: 14%;
        transform: translate(0%, -50%);
        height: 46px;
        background: #353535;
        line-height: 37px;
        padding: 10px 9px;
        border-radius: 60px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .search-box:hover > .search-input {
        width: 85px;
        margin: 0px 0px;
    }
    .search-box {
        position: absolute;
        top: 41%;
        right: -2%;
        transform: translate(0%, -50%);
        height: 46px;
        background: #353535;
        line-height: 37px;
        padding: 10px 9px;
        border-radius: 60px;
    }
}

.failed .wrapper-payment {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
}

.failed .wrapper-payment-container {
    padding: 70px 30px;
    text-align: center;
}

.failed h1 {
    font-family: "Kaushan Script", cursive;
    font-size: 4em;
    letter-spacing: 3px;
    color: #5892ff;
    margin: 0;
    margin-bottom: 20px;
}

.failed .wrapper-payment-container p {
    margin: 0;
    font-size: 17px;
    color: #aaa;
    font-family: "poppins", sans-serif;
    letter-spacing: 1px;
}

.failed .go-home {
    color: #fff;
    background: #eb3a47;
    border: none;
    padding: 10px 50px;
    margin: 30px 0;
    border-radius: 30px;
    text-transform: capitalize;
    box-shadow: 0 10px 16px 1px rgba(174, 199, 251, 1);
}

.failed .footer-like {
    margin-top: auto;
    background: #eb3a47;
    padding: 6px;
    text-align: center;
    color: white;
}

.failed .footer-like p {
    margin: 0;
    padding: 4px;
    color: #ffffff !important;
    font-family: "Source Sans Pro", sans-serif;
    letter-spacing: 1px;
}

.failed .footer-like p a {
    text-decoration: none;
    color: #5892ff;
    font-weight: 600;
}

@media (min-width: 360px) {
    .failed h1 {
        font-size: 49px;
        color: #eb3a47;
    }
    .failed .go-home {
        margin-bottom: 20px;
    }
}

@media (min-width: 600px) {
    .failed .content {
        max-width: 1000px;
        margin: 0 auto;
    }
    .failed .wrapper-payment {
        height: initial;
        max-width: 620px;
        margin: 0 auto;
        margin-top: 50px;
        box-shadow: 4px 8px 40px 8px rgba(88, 146, 255, 0.2);
    }
}

        .booking-summery {
            padding: 30px;
            /* border: 1px solid #11326f; */
            box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px;
            /* border-bottom-style: dashed; */
            padding-bottom: 10px;
            position: relative;
            margin-top: 16px;
        }
        
        @media (min-width: 576px) {
            .booking-summery .title {
                font-size: 18px;
                margin-top: -9px;
                margin-bottom: 40px;
            }
        }
        .section_padding {
    padding-top: 100px;
    padding-bottom: 100px;
}

.g-4,
.gx-4 {
    /* --bs-gutter-x: 30px; */
}

.single_card {
    border-radius: 10px;
    background-color: #f7f7f7;
    border: 1px solid #000;
    position: relative;
    margin-bottom: 11px;
}

.single_card .card_image {
    margin: -1px -1px 0 -1px;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
    display: block;
}

.single_card .card_content {
    padding: 0px 20px 17px 20px;
}

.p-4 {
    /* padding: 1.5rem!important; */
}

.primary_button {
    display: inline-block;
    font-size: 18px;
    line-height: 26px;
    padding: 14px 35px;
    background-color: #ea3441;
    color: white;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border: none;
    border-radius: 100px;
    text-align: center;
    font-weight: 500;
    font-family: poppins;
    outline: none;
}

.sq_button,
.single_card .outline_button {
    padding: 12px 30px;
    border-radius: 5px;
}

.single_card .outline_button {
    margin-top: 25px;
}

.outline_button {
    display: inline-block;
    font-size: calc(var(--body-font-size) - 1px);
    line-height: 26px;
    padding: 14px 33px;
    background: rgb(var(--gray-bg));
    color: rgba(var(--body-color), 1);
    position: relative;
    z-index: 1;
    overflow: hidden;
    border: none;
    -webkit-box-shadow: 0 0 0 1px rgba(var(--gray-alt-bg), 1);
    box-shadow: 0 0 0 1px rgba(var(--gray-alt-bg), 1);
    border-radius: 100px;
    text-align: center;
    font-weight: var(--font-weight-semibold);
    font-family: var(--heading-font-family);
    -webkit-transition: var(--normal-transition);
    transition: var(--normal-transition);
    outline: none;
}

.single_card.upload_form {
    padding: 40px;
}

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

.mb-4 {
    margin-bottom: 1.5rem!important;
}


/========= Update-Item-Page ========/

.single_card.upload_form {
    padding: 15px;
}

.upload_control .control_box {
    border: 1px solid #000;
    width: 100%;
    min-height: 200px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 5px;
    padding: 45px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgb(var(--body-bg));
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}

.upload_control {
    width: 100%;
    display: block;
}

.upload_form .label {
    display: inline-block;
    color: rgb(var(--heading-color));
    margin-bottom: 15px;
}

.upload_control .control_box .add_icon {
    width: 40px;
    height: 40px;
    display: inline-block;
    border: 1px solid rgb(var(--gray-alt-bg));
    line-height: 38px;
    text-align: center;
    border-radius: 100px;
    margin-top: 25px;
}

.box_control {
    width: 100%;
    display: block;
    background: white;
    border: 1px rgb(37, 37, 37);
    padding: 15px 22px;
    border-radius: 5px;
    min-height: 60px;
}

.profile-details,
.ticket-history {
    /* text-align: center; */
    text-align: center;
    padding: 20px 20px 0px 32px;
    color: #ea3441;
}

.profile-details h2 {
    font-size: 15px;
    font-weight: 500;
}

.profile-update h5 {
    color: #ea3441;
    margin-bottom: 21px;
    font-size: 22px;
    text-align: center;
    font-weight: 500;
}

.grecaptcha-badge {
    display: none;
}