@import url('https://fonts.googleapis.com/css2?family=Titan+One&display=swap');

ul{margin: 0px;padding: 0px;list-style: none;}
img{object-fit: cover;}
:focus, a:focus, input:focus, .btn.focus, .btn:focus, button:focus{outline: 0 !important;outline-offset: 0 !important;box-shadow: none !important;}
a, a:hover{text-decoration: none !important;}
section{float: left;width: 100%;}
body{font-family: 'Arial' !important;}
.title {float: left;width: 100%;}
.title h3 {
    float: left;
    width: 100%;
    color: #414143;
    font-size: 45px;
    margin-bottom: 0px;
    font-family: 'Titan One';
    text-transform: uppercase;
}
p {
    float: left;
    width: 100%;
    font-family: 'Arial';
    color: #858080;
    font-size: 25px;
    margin-bottom: 0px;
}
/*start-header*/
li.active.has-sub ul.sub-menu a {color: #91c82a !important;border-bottom: 0px !important;}
header#header {
    float: left;
    width: 100%;
    /* background: #fff; */
    /* box-shadow: 0px 3px 43px 0px rgba(0, 0, 0, 0.25); */
    /* padding-top: 15px; */
    background: #040404;
    padding-bottom: 25px;
}
.deskmenu {
    z-index: 9;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0;
    border-top: 2px solid #272525;
    margin-top: 32px;
}
.main_menu .menu li a {
    font-size: 22px;
    color: #ffffff;
    line-height: 1.2;
    text-align: left;
    /* font-family: robotomedium; */
    text-transform: capitalize;
    font-weight: bold;
    /* letter-spacing: 2px; */
}
ul.sub-menu a {font-size: 17px !important;}
.main_menu .menu li.active a {color: #91c82a;/* border-bottom: 2px solid; */}
.main_menu .menu li a:hover {
    /* color: #91c82a; */
}
.main_menu .menu > li {margin-top: 0px;}
.main_menu li:not(:last-child) {margin-right: 35px;}
.main_menu li:not(:first-child) {margin-right: 35px;}
.main_menu li:not(:first-child) {margin-right: 35px;}
.icon-submenu {
    position: absolute;
    top: 50%;
    right: -2px;
    transform: translate(-50%, -50%);
    margin-top: -7px;
}
.icon-submenu::before {
    position: absolute;
    content: '\f107';
    font-family: 'Font Awesome 5 Free';
    font-size: 16px;
    font-weight: bold;
    top: 47%;
    color: #fff;
    line-height: 1;
}
.menubar {
    position: relative;
    z-index: 99;
    float: left;
    width: 100%;
    /* border-top: 4px solid #424244; */
}
.main_logo a {
    display: flex;
    align-items: center;
    justify-content: start;
}
.main_log a span {display: none;}
.main_logo a img {
    width: 225px;
    margin-top: -87px;
}
header#header .lern-btn {width: unset;float: unset;margin: 0px;margin-left: 20px;margin-right: 20px;}
.navigation {float: left;width: 100%;display: flex;align-items: center;}
.cart-btn {margin-left: 33px;margin-right: 20px;}
.main_logo {
    float: left;
    /* width: 100%; */
}
.serch a,.cart-btn a {color: #000000;font-size: 27px;}
a.openBtn {float: left;width: 100%;}
.serch form {float: left;width: 100%;display: flex;}
.serch form input[type="text"] {border: none;padding: 10px;border-radius: 25px 0 0 25px;outline: none;/* flex: 1; */font-size: 18px;color: #000;background-color: #fff;width: 100%;font-style: italic;display: none;}
.serch button {background-color: transparent;border: none;/* border-radius: 0 25px 25px 0; *//* padding: 10px 20px; */cursor: pointer;}
.overlay-content {position: relative;top: 46%;width: 80%;text-align: center;margin-top: 30px;margin: auto;}
.overlay-content input[type="text"] {display: block !important;}
.serch {
    margin-right: 16px;
    margin-left: 16px;
}
.overlay {height: 100%;width: 100%;display: none;position: fixed;z-index: 999;top: 0;left: 0;background-color: rgb(0,0,0);background-color: rgba(0,0,0, 0.9);}
.overlay button {float: left;width: 5%;padding: 16px 10px;background: #000!important;font-size: 14px;border: none;cursor: pointer;height: 67px;border-radius: 0 !important;border-top-right-radius: 20px !important;border-bottom-right-radius: 20px !important;}
.overlay button svg {height: 25px;width: 25px;fill: #fff;}
.serch span {color: #000000;font-size: 27px;}
span.closebtn {position: absolute;top: 20px;right: 45px;font-size: 60px;cursor: pointer;color: white;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.menu-icon {/* position: fixed; */top: 20px;left: 20px;cursor: pointer;}
.close-icon {font-size: 30px;color: white;position: absolute;top: 10px;right: 20px;cursor: pointer;}
.sidebar-item {text-align: center;/* border-bottom: 1px solid #666; */}
.sidebar-item li {padding: 15px;border-bottom: 1px solid #fff;}
.sidebar-item a {color: white;text-decoration: none;font-size: 18px;font-family: 'myriad_proregular';}
.sidebar li {margin-right: 0px !important;}
#sidebar {background-color: #333;position: fixed;top: 0;right: -400px;width: 400px;height: 100%;color: white;width: 340px;transition: right 0.3s ease;z-index: 1000;background-color: #027bbf;}
.sidebar_sub_menus > a::after {content: '\25BC'; /* Unicode for downward triangle â–¼ */font-size: 12px;  /* Adjust size as needed */color: white;margin-left: 10px; /* Space between text and icon */transition: transform 0.3s ease; /* For rotation animation */}
.sidebar_sub_menus .sub-menu a:hover {background: unset !important;}
.sidebar_sub_menus.active > a::after {transform: rotate(180deg); /* Rotate the icon when active */}
.sidebar_sub_menus .sub-menu a {padding: 0px !important;text-align: center !important;border-bottom: unset !important;width: 100% !important;justify-content: center !important;text-transform: capitalize !important;}
.servi-submenu {display: none;}
.servi-submenu.open {display: block;}
#sidebar.open {right: 0;}
.sidebar_sub_menus .sub-menu {
    display: none;
    background-color: #000;
    position: absolute;
    top: 186px;
    left: 0;
    z-index: 9;
    border-radius: 0;
    width: 100%;
    text-align: center !important;
    /* bottom: 0; */
}
.sidebar_sub_menus.active .sub-menu {display: block; /* Show submenu when parent is active */}
.sidebar_sub_menus .sub-menu > li:first-child {display: block;}
.sidebar_sub_menus.active .sub-menu .servi-submenu {display: block;}
.cont-btn {
    margin-left: 20px;
    float: left;
    margin-top: 3px;
}
.cont-btn a {
    background: #101013;
    color: #fff;
    font-size: 22px;
    padding: 37px 38px;
}
.top-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    padding: 0;
    font-size: 14px;
    border-bottom: 1px solid #ddd;
    float: left;
    width: 100%;
    padding-bottom: 10px;
}
.contact-info {
    display: flex;
    gap: 15px;
    color: #333;
}

.contact-info i {
    color: #82b440;
    margin-right: 5px;
    font-size: 20px;
}
.social-icons {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 20px;
}
.social-icons a {
    color: #333;
    text-decoration: none;
    font-size: 21px;
}
.social-icons a:hover {
    color: #82b440;
}
.contact-info a {
    color: #3e3e40;
    font-size: 20px;
}
.lg-none {
    display: none !important;
}
.header-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #000;
    color: #fff;
    /* padding: 10px 20px; */
    font-family: Arial, sans-serif;
    padding-top: 33px;
}
.client-login a {
    display: flex;
    align-items: center;
    color: #474545;
    text-decoration: none;
    font-size: 21px;
    font-weight: bold;
}

.client-login a i {
    margin-right: 5px;color: #fff;
}
/*end-header*/

/*start-bnner*/
.bnner-img {
    float: left;
    width: 100%;
    position: relative;
}
.bnner-img img {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: -2;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.bnner-content {
    position: relative;
    float: left;
    width: 100%;
    padding-top: 390px;
    padding-bottom: 300px;
    text-align: center;
}
.bnner-content h1 {
    float: left;
    width: 100%;
    color: #ffffff;
    font-weight: 500;
    font-size: 65px;
    font-family: Titan One;
    text-transform: uppercase;
}
.bnner-content .lern-btn {
    display: flex;
    justify-content: center;
}

.lern-btn {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.lern-btn a {
    background: transparent;
    border: 1px solid #fff;
    color: #ffffff;
    text-transform: capitalize;
    font-size: 22px;
    padding: 14px 56px;
    float: left;
    font-weight: bold;
}
.lern-btn a:hover{background:#000;color: #fff;transition: 0.6s;border: 1px solid #000}
/*end-bnner*/

.about {
    background: #0c060f;
    padding-top: 100px;
    padding-bottom: 100px;
}
.about .title h3 {
    width: 65%;
    color: #ffffff;
    float: unset;
    margin: 0 auto;
}
.about .title span {
    border-radius: 50%;
    background-color: rgb(255, 255, 255);
    float: left;
    width: 75%;
    height: 4px;
    display: flex;
    justify-content: center;
}
.about-border {
    float: left;
    width: 100%;
    margin: 12px 0px;
    display: flex;
    justify-content: center;
}
.about .title p {
    color: #ffffff;
    width: 69%;
    float: unset;
    margin: 0 auto;
}
.about .lern-btn {
    display: flex;
    justify-content: center;
}
.about-imgs {
    float: left;
    width: 100%;
}
.about-imgs .row {
    float: left;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
}
.about-imgs {
    float: left;
    width: 100%;
    margin-top: 120px;
}
.about-img img {
    float: left;
    width: 100%;
    height: 700px;
    object-position: top;
}
.about-img.about-imgess {
    border: 7px solid #0c060f;
    /* margin-top: 10px; */
    float: left;
    width: 100%;
}
.about-img {
    float: left;
    width: 100%;
}
.about-img.about-imgess img {
    height: 340px;
}
.event {
    float: left;
    width: 100%;
    margin-top: 100px;
}
.kitchen-box-img {
    float: left;
    width: 100%;
    margin-top: 60px;
    position: relative;
}
.kitchen-box-img img {
    float: left;
    width: 100%;
    height: 565px;
    object-position: top;
}
.kitch-bix-txt {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
}
.kitch-bix-txt h4 {
    float: left;
    width: 100%;
    color: #fae8e8;
    text-shadow: 0px 9px 10px rgba(30, 29, 29, 0.65);
    font-size: 32px;
    text-transform: uppercase;
    font-weight: 400;
    font-family: 'Titan One';
}
.love-img {
    float: left;
    width: 100%;
    position: relative;
}
.love-img img
{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: -2;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.love-content {
    position: relative;
    float: right;
    width: 100%;
    padding-top: 200px;
    padding-bottom: 200px;
}
.love-content h3 {
    float: right;
    width: 100%;
    color: #fae8e8;
    /* font-weight: bold; */
    font-family: 'Titan One';
    text-transform: uppercase;
    font-size: 40px;
}
footer {
    float: left;
    width: 100%;
    background: #0c060f;
    padding-top: 100px;
}
.footer-logo {
    float: left;
    width: 100%;
    text-align: center;
}
.footer-logo a {
    float: left;
    width: 100%;
}
.footer-logo a img {
    width: 300px;
}
.footer-menu {
    float: left;
    width: 100%;
    margin-top: 60px;
}
.footer-menu ul {
    float: left;
    width: 100%;
    display: flex;
    justify-content: center;
}
.footer-menu ul a {
    color: #ffffff;
    font-size: 21px;
    font-weight: bold;
}
.footer-menu ul li {margin: 0px 13px;
}
.copy {
    float: left;
    width: 100%;
    border-top: 2px solid #353037;
    margin-top: 50px;
    padding-top: 30px;
    display: flex;
    justify-content: space-between;
}
.copyright p {
    margin: 0;
    font-size: 14px;
    color: #ffffff;
    font-size: 19px;
}
.social-media {
    display: flex;
    align-items: center;
    gap: 10px;
}

.social-media span {
    color: #474545;
    font-size: 18px;
}
.social-media a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background-color: transparent;
    border: 1px solid white;
    border-radius: 50%;
    text-decoration: none;
    color: white;
    font-size: 19px;
    transition: all 0.3s ease;
}

.social-media a:hover {
    background-color: white;
    color: black;
}
.inner-bnner-img {
    float: left;
    width: 100%;
    position: relative;
}
.inner-bnner-img img {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: -2;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.inner-content {
    position: relative;
    float: left;
    width: 100%;
    padding: 160px 0px;text-align: center;
}

.breadcrumb {
    font-size: 20px;
    color: white;
    float: left;
    width: 100%;
    justify-content: center;
}
.breadcrumb a {
    color: white;
    text-decoration: none;
    font-weight: bold;
    text-transform: capitalize;
}
.separator {
    margin: 0 12px;
    position: relative;
}
.separator:before {
    content: '';
    position: absolute;
    background: #fff;
    height: 10px;
    width: 10px;
    top: 7px;
    left: -5px;
    border-radius: 50px;
}
.separator:after {
    content: '';
    position: absolute;
    border: 1px solid #fff;
    height: 10px;
    width: 10px;
    top: 10px;
    left: -2px;
    border-radius: 50px;
}
.djs-inner {
    background: #0c060f;
    padding-top: 150px;
    padding-bottom: 150px;
}
.djs-inner .title h3 {
    color: #fff;
}
.djs-block {
    float: left;
    width: 100%;
    margin-top: 100px;    position: relative;
}
.djs-block img {
    float: left;
    width: 100%;
    height: 400px;
    object-position: top;
}
.wed-txt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
}
.wed-txt a {
    float: left;
    width: 100%;
    color: #ffffff;
    text-shadow: 0px 9px 10px rgba(30, 29, 29, 0.65);
    font-size: 32px;
    text-transform: uppercase;
    font-weight: 400;
    font-family: 'Titan One';
}
.inner-content h1 {
    float: left;
    width: 100%;
    color: #ffffff;
    font-size: 45px;    font-family: 'Titan One';text-transform: uppercase;
}
.about .title h4 {
    float: left;
    width: 100%;
    color: #fff;
    font-style: italic;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 25px;
}
.event.photobooth .title h3{width: 100%;}
.botth-box {
    float: left;
    width: 100%;
    margin-top: 50px;
}
.botth-box img {
    float: left;
    width: 100%;
    height: 295px;
    object-position: top;
    border-radius: 50px;
}
.botth-box h3 {
    float: lw;
    float: left;
    width: 100%;
    margin-top: 20px;
    color: #ffffff;
    font-family: 'Titan One';
    text-transform: uppercase;
    font-size: 29px;
    margin-bottom: 0;
}
.botth-box p {
    margin-top: 10px;
    color: #fff;
    font-size: 18px;
}
.botth-box .lern-btn {
    justify-content: start;
}
.about-inner {
    background: #0c060f;
    padding-top: 100px;
    padding-bottom: 100px;
}
.about-inner-img {
    float: left;
    width: 100%;
}
.about-inner-img img {
    float: left;
    width: 100%;
    height: 580px;
    /* object-position: top; */
}
.about-inner-detils {
    float: left;
    width: 100%;
}
.about-inner-detils .title h3 {
    color: #fff;
}
.about-inner-detils .title h4 {
    float: left;
    width: 100%;
    color: #fff;
    font-style: italic;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 22px;
}
.about-inner-detils .title p {
    color: #fff;
    font-size: 19px;
}

.contact-form {
    float: left;
    width: 100%;
    margin-top: 100px;
}
.contact-form label {
    float: left;
    width: 100%;
    color: #ffffff;
    font-size: 17px;
    margin-top: 15px;
    text-transform: capitalize;
}
.contact-form input {
    float: left;
    width: 100%;
    background: transparent;
    border: 1px solid #fff;
    margin-top: 10px;
    padding: 15px !important;
    color: #fff;
}
.contact-form input[type="submit"] {
    width: unset;
    text-transform: capitalize;
    margin-top: 20px;
    padding: 14px 60px !important;
}

.dj-slider.slick-initialized.slick-slider {float: left;width: 100%;position: relative;}

.dj-slider.slick-initialized.slick-slider .slick-list.draggable {float: left;width: 100%;overflow: hidden;}



.dj-slider.slick-initialized.slick-slider .slick-list.draggable .slick-track {display: flex;}

.dj-slider .class-to-style.slick-arrow, .dj-slider .class-style.slick-arrow {
    font-size: 25px;
    text-align: center;
    position: absolute;
    width: 50px;
    transform: none;
    left: -21px;
    color: #000;
    /* height: 50px; */
    line-height: 51px;
    top:50%;
    z-index: 1;
    border-radius: 30px;
    cursor: pointer;
    background: #dfdee0;
}
.dj-slider .class-to-style.slick-arrow {
    right: -21px;
    left: unset;
}
.djs-slider-box {
    float: left;
    width: 100%;
    padding: 0px 10px;margin-top: 50px;
}
.djs-slider-box img {
    float: left;
    width: 100%;
    object-position: top;
    height: 308px;
}
.search-result-data,#inner-page,.defult_pages_content {
    margin: 100px 0px;
}
.alert.alert-info {
    float: left;
    width: 100%;
}
.search-result-data h1.page-title, .search-result-data h2, .Not_found.text-center h2 {
    float: left;
    width: 100%;
    color: #4b5265;
    font-size: 40px;
    margin-bottom: 0px;
    margin-bottom: 10px;
    font-weight: 500 !important;
    margin-bottom: 5px;
    font-family: 'Titan One';
    text-transform: uppercase;
}
.search-result-count.default-max-width, p.grey-text, .service-txt p {
    float: left;
    width: 100%;
    font-size: 19px;
    line-height: 32px;
    word-spacing: normal;
    color: #8c95a2;
}
section.search-result-data ul li {
    color: #9198a5;
    font-size: 19px;
    margin-bottom: 0px;
    /* font-family: robotomedium; */
    margin-top: 0;
    float: left;
    width: 100%;
    text-transform: uppercase;
    box-shadow: 0 0 8px 0 #999;
    padding: 20px;
    margin-top: 15px;
}
.page-not-link.grey-text a.btn {
    font-size: 20px;
    background: #000;
    color: #fff;
}
.defult_pages_content span.alignleft,.service-img {
    width: 45%;
    float: left;
    margin-right: 20px;
}
.defult_pages_content span.alignleft img,.service-img img {
    width: 100%;
}
.about_us_main p,.service-txt p {
    width: unset;
    float: unset;
    font-size: 20px;
}
.ginput_container.ginput_container_date {
    float: left;
    width: 100%;
}
div#gform_confirmation_message_1 {
    color: green;
}

.video {
    margin-top: 100px;
    margin-bottom: 100px;
}
.video .title h3:before {
    width: 45px;
    left: 48%;
}
.gallry-inner {
    float: left;
    width: 100%;
    margin-top: 20px;
}
.gallry-inner-box img {
    float: left;
    width: 100%;
    height: 430px;
}
.gallry-inner-box {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.video-data video {
    max-width: 100%;
}



.video-data {
    text-align: center;
    padding: 100px 20px 20px;
}

section.gallery {
    padding-bottom: 100px;
}

.dj-txt a {
    float: left;
    width: 100%;
 
    color: #000;
}

.dj-txt a h3 {
    font-size: 24px;
}
.event-service img {
    margin-top: 30px;
 
}
.event-service {
    margin-bottom: 100px;
}

.about .title li {
    color: #ffffff;
    width: 69%;
    float: unset;
    margin: 0 auto;
    font-size: 25px;
    padding-top: 20px;
}


@media screen and (max-width: 991px) {
 .about .title li {
        width: 100%;
        float: left;
    }
}

@media screen and (max-width: 767px) {
    .about .title li {
        font-size: 18px;
    }
}