@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@font-face {
    font-family: 'tommy-bold';
    src: url('../fonts/TOMMY/MADETOMMY-Bold.woff2') format('woff2'),
        url('../fonts/TOMMY/MADETOMMY-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'tommy-light';
    src: url('../fonts/TOMMY/MADETOMMY-Light.woff2') format('woff2'),
        url('../fonts/TOMMY/MADETOMMY-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'tommy-bold-1';
    src: url('../fonts/TOMMY/MADETOMMYOutline-Bold.woff2') format('woff2'),
        url('../fonts/TOMMY/MADETOMMYOutline-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'tommy-extrabold';
    src: url('../fonts/TOMMY/MADETOMMY-ExtraBold.woff2') format('woff2'),
        url('../fonts/TOMMY/MADETOMMY-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'tommy-medium';
    src: url('../fonts/TOMMY/MADETOMMY-Medium.woff2') format('woff2'),
        url('../fonts/TOMMY/MADETOMMY-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'tommyo-extrabold';
    src: url('../fonts/TOMMY/MADETOMMYOutline-ExtraBold.woff2') format('woff2'),
        url('../fonts/TOMMY/MADETOMMYOutline-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'tommybold';
    src: url('../fonts/TOMMY/MADETOMMYOutline-Black.woff2') format('woff2'),
        url('../fonts/TOMMY/MADETOMMYOutline-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'tommyo-light';
    src: url('../fonts/TOMMY/MADETOMMYOutline-Light.woff2') format('woff2'),
        url('../fonts/TOMMY/MADETOMMYOutline-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MADE TOMMY';
    src: url('../fonts/TOMMY/MADETOMMY-Black.woff2') format('woff2'),
        url('../fonts/TOMMY/MADETOMMY-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MADE TOMMY';
    src: url('../fonts/TOMMY/MADETOMMY.woff2') format('woff2'),
        url('../fonts/TOMMY/MADETOMMY.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MADE TOMMY';
    src: url('../fonts/TOMMY/MADETOMMY-Thin.woff2') format('woff2'),
        url('../fonts/TOMMY/MADETOMMY-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MADE TOMMY Outline';
    src: url('../fonts/TOMMY/MADETOMMYOutline.woff2') format('woff2'),
        url('../fonts/TOMMY/MADETOMMYOutline.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MADE TOMMY';
    src: url('../fonts/TOMMY/MADETOMMY-Medium.woff2') format('woff2'),
        url('../fonts/TOMMY/MADETOMMY-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MADE TOMMY Outline';
    src: url('../fonts/TOMMY/MADETOMMYOutline-Thin.woff2') format('woff2'),
        url('../fonts/TOMMY/MADETOMMYOutline-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}




* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
    overflow-x: hidden;
    position: relative;
}
:root{
    --c1:#fff;
    --c2:#2222;
    --c3-dark:#2a2a2a;
    --c4-light:#fff;
}
html {
    overflow-x: auto;
}
a, button {
  transition: all .5s ease-in-out;
  text-decoration: none;
  outline: none;
  border: none;
  cursor: pointer;
  font-family: 'Poppins';
}
a:hover, button:hover {
    text-decoration: none;
}
header.header:before {
    position: absolute;
    content: '';
    background: #333333;
    height: 2px;
    width: 325px;
    top: 39px;
    left: 492.5px;
    opacity: 20%;
}
h1,h2,h3,h4,h5,h6 {
  margin: 0;
  font-family: 'MADE Gentle';
}
p,span,small {
  margin: 0;
  display: block;
}

input,select {
  font-family: 'MADE Gentle', sans-serif;
}

ul, ul.list-inline {
    margin: 0;
    padding: 0;
}

li {
    padding: 0;
    list-style: none;
  font-family: 'MADE Gentle', sans-serif;
}

.col-center{
    margin: 0 auto;
    display: block;
}
.pdt-10{
    padding-top: 10px;
    
}
.pdt-20{
    padding-top: 20px;
    
}
.pdt-30{
    padding-top: 30px;
    
}
.pdt-40{
    padding-top: 40px;
    
}
.pd-50{
    padding-top: 50px;
    
}
.pdt-60{
    padding-top: 60px;
    
}
.events-con {
    color: #fff;
    text-align: center;
    height: 400px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.events-con h6 {
    font-size: 90px;
    margin-bottom: 30px;
    text-transform: capitalize;
}

.events-con p {
    font-size: 20px;
}
section.events-banner {
    background-image: url(../images/123.webp);
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-blend-mode: overlay;
    background-color: #0000007a;
    background-position:center;
}
.pdt-70{
    padding-top: 70px;
    
}
.pdt-80{
    padding-top: 80px;
    
}
.pdt-90{
    padding-top: 90px;
    
}
.pdt-100{
    padding-top: 100px;
    
}
.pdy-10{
    padding-top: 10px;
    padding-bottom: 10px;
}
.pdy-20{
    padding-top: 20px;
    padding-bottom: 20px;
}
.pdy-30{
    padding-top: 30px;
    padding-bottom: 30px;
}
.pdy-40{
    padding-top: 40px;
    padding-bottom: 40px;
}
.pdy-50{
    padding-top: 50px;
    padding-bottom: 50px;
}
.pdy-60{
    padding-top: 60px;
    padding-bottom: 60px;
}
.pdy-70{
    padding-top: 70px;
    padding-bottom: 70px;
}
.pdy-80{
    padding-top: 80px;
    padding-bottom: 80px;
}
.pdy-90{
    padding-top: 90px;
    padding-bottom: 90px;
}
.pdy-100{
    padding-top: 100px;
    padding-bottom: 100px;
}

/* RESET CSS END */

/* UTILITY CSS START */

.text-uppercase {
    text-transform: uppercase !important;
}
.text-capital {
    text-transform: capitalize !important;
}
.col-center {
    margin: 0 auto;
}
/* MAIN-BTNS */

.primary-btn {
    display: inline-block;
    position: relative;
    font-size: 16px;
    font-weight: 500;
    padding: 8px 40px;
    text-align: center;
    z-index: 1;
    border-radius: 50px;
    text-transform: capitalize;
    overflow: hidden;
    transition: all 1s ease-in-out;
    border: 2px solid;
    outline: none;
}

.primary-btn::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 0%;
    height: 100%;
    transition: inherit;
    z-index: -1;
    border-radius: inherit;
    overflow: hidden;
    outline: none;
}

.primary-btn.primary-bg:hover::before {
    width: 100%;
    left: 100%;
}

.primary-btn.primary-bg {
    background: linear-gradient(301deg, #D1CFE2, #FFBE98);
    border-color: transparent;
    color: var(--c3-dark);
}

.primary-btn.primary-bg:hover {
    color: #0064d2 !important;
    background-color: #fff;
}
.primary-thr {
    color: #fff;
    margin-left: 1.5rem;
}
.primary-sec {
    color: var(--c3-dark);
}
.bg-primary {
    background-color: #e7ecf5 !important;
}

.bg-grey {
    background-color: #4B4B4B !important;
}


/* MAIN-HEADING */
.color-dark h2,.color-dark h3,.color-dark h4,.color-dark h5, .color-dark h6 ,.color-dark p ,.color-dark a {
    color: var(--c3-dark);
}
.color-light h2,.color-light h3,.color-light h4,.color-light h5,.color-light h6, .color-light p {
    color: var(--c4-light)
}

/* SLICK SLIDER CSS START */
.swiper {
    width: 100%;
    height: 100%;
  }
  .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: "\f054";
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: "\f053";
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
}
  /* .slick-prev:before{content:'\f104'}.slick-next:before{content:'\f105'}.slick-next:before,.slick-prev:before{font-size:25px;line-height:1;font-family:"Font Awesome 5 Pro";font-weight:900;opacity:1;color:#fff;background:#0064d2;display:flex;align-items:center;justify-content:center;width:40px;height:40px;transition:.8s ease-in-out;border-radius:50%;border:1px solid #fff}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:1}.slick-next,.slick-prev{position:absolute;top:50%;transform:translate(-50%)}.slick-next{right:-3%;z-index:1}.slick-prev{left:-3%;right:auto;z-index:1}.slick-dots li button:before{left:0;width:15px;height:15px;content:"";opacity:1;background:#fff;border-radius:50%}.slick-dots{bottom:-80px} */

/* SLICK SLIDER CSS END */

/* UTILITY CSS END */

/* MOBILE-MENU CSS START */
.mobile-menu,.mobile-menu .mobile-menu-body li.dropdown-li>ul.dropdown-list.dropdown-list-2{background:#da0}.hamburger .hamburger-container{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;width:25px}.hamburger span:not(:last-child){margin-bottom:4px}.hamburger span{width:100%;height:3px;background:#707070;border-radius:100px;transition:.5s ease-in-out}.hamburger span:first-child{width:50%}.hamburger span:last-child{width:70%}.hamburger:hover span{width:100%}.mobile-menu{position:fixed;top:0;right:0;width:300px;height:100vh;padding:30px 0;box-shadow:0 0 20px rgb(0 0 0 / 10%);z-index:100;transform:translateX(100%);transition:.5s ease-in-out}.mobile-menu .mobile-close{text-align:right}.mobile-menu .mobile-close a{display:inline-block;font-size:30px;color:#fff;transition:.8s ease-in-out;margin-right:20px}.mobile-menu .mobile-close a:hover{transform:rotate(360deg)}.mobile-menu .mobile-menu-body{max-height:100%;overflow-y:auto;padding:30px 0}.mobile-menu-body span{display:none}.mobile-menu .mobile-menu-body .navigation-list{text-align:left!important}.mobile-menu .mobile-menu-body li.dropdown-li>ul.dropdown-list>li,.mobile-menu .mobile-menu-body>.navigation-list>li{display:block;margin:0!important}.mobile-menu .mobile-menu-body>.navigation-list>li:not(:last-child)>a{border-bottom:1px solid #fff}.mobile-menu .mobile-menu-body li.dropdown-li>ul.dropdown-list>li>a,.mobile-menu .mobile-menu-body>.navigation-list>li>a{display:block;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;text-transform:capitalize;color:#fff;padding:10px 20px}.mobile-menu.mobile-view{transform:translateX(0)}.mobile-menu .mobile-menu-body li.dropdown-li{position:relative}.mobile-menu .mobile-menu-body li.dropdown-li>ul.dropdown-list{display:none;background:#da0}.mobile-menu .mobile-menu-body li.dropdown-li>ul.dropdown-list.dropdown-list-1{margin-left:30px}.mobile-menu .mobile-menu-body li.dropdown-li>a>i{float:right;font-size:16px;transition:inherit}.mobile-menu .mobile-menu-body li.dropdown-li.open>a>i{transform:rotate(90deg)}
/* MOBILE-MENU CSS END */

/* content style  */

.content h1{
    font-size: 70px;
    font-weight: 700;
  
}
.content h2 ,.content h2 span{
    font-size: 72px;
    font-weight: 800;
}
.content h3{
    font-size: 72px;
    font-weight: 600;
}
.content h4{
    font-size: 24px;
    font-weight: 400;
    border-bottom: 2px solid #000;
    padding-bottom: 10px;
    margin-bottom: 10px;
    color: #000;
}
.content h5{
    font-size: 24px;
    font-weight: 300;
  
}
.content h6{
    font-size: 16px;
    font-weight: 300;
  
}
.content p{
    font-size: 14px;
    font-weight: 400;
    font-family: 'Poppins';
}


/* HEADER CSS START */

.header {
    position: relative;
    background: linear-gradient(45deg, #D7E3FC, #CFF1D6);
    position: relative;
}
.header .logo h2 {
    color: #fff;
}
.header .top-row {
    padding: 20px 0;
    background: #063a69;
    border-bottom: 1px solid #fff;
}

.submenu a {
    font-size: 30px;
    line-height: 40px;
    color: #fff;
}

.header .top-row .header-social {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.header .top-row .header-social li:not(:last-child) {
    margin-right: 30px;
}

.header .top-row .header-social li:first-child {
    margin-right: 30px;
}

.header .top-row .header-social li {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}

.header .top-row .header-social li a {
    color: #fff;
    font-size: 20px;
}

.header .top-row .header-social li a:hover {
    color: #ddaa00;
    transform: rotate(360deg);
}

.header .bottom-row {
    padding: 15px 0 15px;
    width: 100%;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    gap: 1.5rem;
    justify-content: end;
}


.header .bottom-row .navigation-list>li:not(:last-child) {
    margin-right: 20px;
}

.header .bottom-row .navigation-list>li>a {
    display: block;
    position: relative;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    color: var(--c3-dark);
}

.header .bottom-row .navigation-list>li>a::before {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 0;
    height: 3px;
    background: #063a69;
    transition: inherit;
}

.header .bottom-row .navigation-list>li>a:hover,
.header .bottom-row .navigation-list>li.active>a {
    color: #fff;
}

.header .bottom-row .navigation-list>li>a:hover::before,
.header .bottom-row .navigation-list>li.active>a::before {
    width: 100%;
}

.header .bottom-row .other-list>li:not(:last-child) {
    margin-right: 20px;
}

.header .bottom-row .other-list>li a {
    display: block;
    font-size: 18px;
    color: #fff;
    position: relative;
}

.header .bottom-row .other-list>li:not(:last-child)>a:hover {
    color: #32cd32;
}

.header .bottom-row .logo {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header .bottom-row .logo a {
    width: 80%;
}

.header .bottom-row .logo img {
    width: 100%;
    object-fit: cover;
}
ul.contact-us {
    display: flex;
    gap: 1.5rem;
    align-items: center;
}

/* HEADER CSS END */

/* main-BANNER-SEC  */
.main-banner {
    position: relative;
    overflow: hidden;
}

.main-banner:before {
    background: #00000057;
    position: absolute;
    content: "";
    z-index: 1;
    width: 100%;
    height: 100%;
}

.slider-content {
    position: absolute;
    top: 50%;
    transform: translate(0px, -50%);
    width: 100%;
    z-index: 3;
}

.main-banner-content {
    color: #fff;
}

.banner-bg img {
    width: 100%;
    height: 900px;
}


.main-banner-img img {
    width: 970px;
    overflow: hidden;
    position: relative;
    bottom: -50px;
    right: 240px;
}

/* main-BANNER-SEC  */

/* BANNER-SEC CSS START */


/* banner-inner-page start */

.banner-img img {
    width: 100%;
    height: 450px;
    object-fit: cover;
    background-repeat: no-repeat;
}

.banner-content {
    position: absolute;
    top: 50%;
    transform: translateY(-10%);
    width: 100%;
}

.banner-section {
    position: relative;
}


/* banner-inner-page end */

/* why choser sec start  */
.whychoose {
   
    width: 100%;
    height: 600px;
    align-items: center;
    display: flex;
    justify-content: center;
}

/* why choser sec end  */
/* wish list start */
.wish-list-img {
    position: relative;
}

.wish-list-content {
    position: absolute;
    bottom: 0;
    padding: 20px 20px;
}
.wish-list-img img {
    border-radius: 25px;
}
/* wish list end*/
/* BANNER-SEC CSS END */




/* FOOTER SECTION END */


.footer-soical ul li a {font-size: 26px;}


.footer-soical ul li:not(:last-child) a {
    margin-right: 10px;
}

.footer-soical ul li a i {
    color: var(--c3-dark);
}
.wish-list-color {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, #D1CFE2, #FFBE98);
    border-radius: 20px;
    transform: scale(0);
    transform-origin: 
bottom;
    transition: all .7s ease-in-out;
}
.wish-list-color-con {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}
.wish-list-box.color-light.content:hover .wish-list-color {
    transform: scale(1);
}
.wish-list-box.color-light.content {
    cursor: pointer;
}
.services-content.content h4 {
    border: 0;
    padding: 0;
    margin: 0;
}
.test-slide-con h4 {
    font-size: 74px;
    padding-bottom: 80px;
}
.testimonial-slider {
    background: linear-gradient(45deg, #CFF1D6, #D7E3FC);
    padding: 25px;
    border-radius: 20px;
    cursor: pointer;
}
section.Testi-Slide {
    /* margin: 0 0 0 250px; */
    padding: 120px 0;
}
.tesi-vect img {
    background: #000;
    padding: 18px 10px;
    border-radius: 13px;
    margin-bottom: 30px;
}
.client-name {
    margin-top: 25px;
}
.testimonial-slider.second {
    background: linear-gradient(45deg, #F5E6CA, #FAE3D9);
}
.tesi-vect.second-vect img {
    background: #fff;
}
.testimonial-slider.third {
    background: linear-gradient(45deg, #F5E6CA, #fff);
}


.swiper.testiSwiper.swiper-initialized.swiper-horizontal.swiper-backface-hidden {
    position: relative;
}

.cherv-main {
    position: absolute;
    top: -110px;
    right: 90px;
    display: flex;
    gap: 50px;
}
.swiper-main {
    position: relative;
}
.test-con p {
    font-family: 'Poppins';
    font-weight: 400;
}
.client-name span {
    font-family: 'Poppins';
}
.copyright p {
    font-family: 'Poppins';
    font-weight: 400;
}
.services-img span {
    font-size: 72px;
    font-family: 'Poppins';
    font-weight: 700;
    color: #333333;
    opacity: 20%;
    margin: -50px 0px 0 0;
    z-index: -1;
    position: relative;
}
.services-img {
    text-align: center;
}

.services-content.content {
    text-align: center;
}
section.services.pdy-90 {
    position: relative;
}

section.services:before {
    position: absolute;
    content: '';
    background-image: url(../images/border-vector.png);
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-repeat: no-repeat;
    top: 270px;
    z-index: -1;
}
.price-area {
    text-align: center;
}
.price-area span {
    font-size: 25px;
    font-weight: 700;
}
.price-area h6 {
    font-size: 30px;
    margin-bottom: 15px;
}
.time-detail input[type="date"] {
    border: 0;
    font-size: 20px;
}
.time-detail {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.loc-con h6 {
    font-size: 40px;
    margin-bottom: 10px;
}

.loc-con p {
    font-size: 20px;
}
.ticket-butt button.form-control {
    border: 0;
    background: #000;
    color: #fff;
    padding: 20px 0;
    border-radius: 10px;
}
.main-time-detail {
    display: flex;
    flex-direction: column;
    gap: 20px;
    border-bottom: 1px solid;
    padding-bottom: 40px;
    margin-bottom: 40px;
}
.event-con p {
    font-size: 20px;
    margin-bottom: 20px;
}
.share-icon {display: flex;gap: 30px;}

.share-icon i {
    font-size: 23px;
}
.loc-con {
    padding-left: 30px;
}
.share-friend h6 {
    font-size: 40px;
    margin-bottom: 20px;
}
input[type="time"] {
    border: 0;
}
h6.product-name {
    font-size: 35px;
    height: 85px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

span.product-price {
    font-size: 39px;
    font-weight: 700;
}

.product-wishlist {
    display: flex;
    align-items: center;
    gap: 30px;
    justify-content: space-between;
    margin-bottom: 30px;
    border-bottom: 1px solid;
    padding-bottom: 40px;
}
 .progress-container {
            width: 100%;
            background-color: #f3f3f3;
            border-radius: 5px;
            overflow: hidden;
            margin-bottom: 20px;
        }

        .progress-bar {
            width: 0;
            height: 30px;
            background-color: #4caf50;
            text-align: center;
            line-height: 30px;
            color: white;
            transition: width 0.5s ease;
        }
.event-con h6 {
    font-size: 50px;
    margin-bottom: 20px;
}
section.events-inner-sec {
    padding: 80px 0;
}
.contriute-button a {
    background: #000;
    padding: 20px 90px;
    color: #fff;
    border-radius: 20px;
    display: table;
}
.whistlist-progess {
    display: flex;
    align-items: center;
    gap: 30px;
}
.main-progess-wishlist {
    box-shadow: 0px 0px 3px #00000070;
    padding: 30px 30px;
    border: 1px solid;
    border-radius: 18px;
    margin-bottom: 30px;
}
.progress-bar-con h2 {
    margin-bottom: 30px;
}
.date h6 {
    font-size: 40px;
    margin-bottom: 15px;
}
.share-icon a {
    color: #000;
}
.wish-list-img img {
    width: 100%;
    height: 280px;
    object-fit: cover;
}

.wish-list-color-con img {
    width: 30px;
    height: 30px;
}
.wish-list-content.sub-content {
    width: 100%;
    background: #0000008f;
    border-radius: 0px 0 30px 30px;
}