@charset "utf-8";

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
*{
    box-sizing: border-box;
}
body {
margin: 0;
padding: 0;
}

a {
color: #000;
margin: 0;
padding: 0;
text-decoration: none !important;

outline: none !important;
}

a:hover {
color: #222;
}

img {
max-width: 100%;
}

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

li {
margin: 0;
padding: 0;
}

p {
margin: 0;
padding: 0;

}

h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
padding: 0;
color: #353535;
}

button:focus,
input:focus {
outline: none;
}
img
{width: 100%;}
body{
/*font-family: 'Archivo Black', sans-serif;*/
/*font-family: 'Poppins', sans-serif;*/
font-family: 'Inter', sans-serif;
}
/*=======================*/
body {
/* padding-top: 85px; */
}






/* SWIPER */

.swiper {
  width: 300px;
  height: 450px;
  padding: 15px;
}

.swiper-slide {
  position: relative;
  box-shadow: 0 15px 50px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
      background-size: cover;
}

.swiper-slide span {
  position: absolute;
  top: 0;
  right: 0;
  color: #fff;
  padding: 7px 18px;
  margin: 10px;
  border-radius: 20px;
  letter-spacing: 2px;
  font-size: 0.8rem;
  font-weight: 700;
  font-family: inherit;
  background: rgba(255, 255, 255, 0.095);
  box-shadow: inset 2px -2px 20px rgba(214, 214, 214, 0.2), inset -3px 3px 3px rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(74px);
}

.swiper-slide h2 {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  font-weight: 400;
  font-size: 1.1rem;
  line-height: 1.4;
  margin: 0 0 20px 20px;
}

#slider_blk .text_col{
    display: none;
       animation: animate_silder linear .3s;
    animation-iteration-count: 1;
}
#slider_blk .text_col.active{
    display: block;
    width: 100%;
    float: left;
}


@keyframes animate_silder {
    0% {
       transform:scale(0.9);
        opacity: 0;
    }

    90% {
        transform:scale(1.01);
        opacity: 1;
    }

    100% {
      
        transform:scale(1);
    }
}


/*-----------------*/

.home_slider_content{
    width: 100%;
    float: left;
}



.home_slider_content .slider_blk{
    width: 100%;
    float: left;
}
.home_slider_content .col_image{width: 40%;float: left;}
.home_slider_content .col_txt{
    width: 50%;
    float: left;
    padding: 15px;
}
.home_slider_content .col_nav{
       width: 10%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    height: 400px;
    position: relative;
}

.home_slider_content .col_nav:before{
    content: '';
    position: absolute;
    width: 1px;
    /* height: 50%; */
    height: calc(50% - 50px);
    top: 0;
    background-color: #ffbeaf;
}
.home_slider_content .col_nav:after{
  content: '';
  position: absolute;
  width: 1px;
  height: calc(50% - 50px);
  bottom: 0;
  background-color: #ffbeaf;
}


.home_slider_content .col_nav .btn_nav_blk{
    width: 100%;
    float: left;
    width: 50px;
}
.home_slider_content .col_nav .btn_nav_blk .btn_nav:nth-child(1){
    padding: 2px 2px;
    width: auto;
    float: left;
    border-radius: 50%;
    border-right: solid 1px #ff7670;
}.home_slider_content .col_nav .btn_nav_blk .btn_nav:nth-child(2){
    padding: 2px 2px;
    width: auto;
    float: left;
    border-radius: 50%;
    border-left: solid 1px #ff7670;
}

.home_slider_content .col_nav .btn_nav_blk .btn_nav span{
    width: 46px;
    float: left;
    height: 46px;
    background-color: #ffbdae;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(284deg, rgb(233 141 104) 0%, rgb(231 55 55) 100%);
    color: #fff;
    cursor: pointer;
/*    margin: 5px 0;*/
}





 .page_loader{
        width: 100%;
        float: left;
        height: 100vh;
        position: fixed;
        z-index: 9999;
        display: none;
       }
       .page_loader .page_loader_inner{
            width: 100%;
    float: left;
    height: 100vh;
    position: fixed;
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;
   background-color: rgb(255 255 255 / 39%);
        
       }
       .page_loader .page_loader_inner .loader_blk{
        width: 50px;
    height: 50px;
    background: rgb(255 255 255 / 53%);
    color: #ff5800;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 45px;
    /* box-shadow: 0 0 6px 3px rgb(0 0 0 / 29%); */
       }





.alert-success{
       color: #fdfffe;
    background-color: #b0231e;
    border-color: #badbcc;
    background: linear-gradient(284deg, rgb(104 233 169) 0%, rgb(93 164 12) 100%);
    font-size: 14px;
    border: none;
}


.alert-error {
    color: #fdfffe;
    background-color: #b0231e;
    border-color: #badbcc;
    background: linear-gradient(284deg, rgb(233 141 104) 0%, rgb(231 55 55) 100%);
        font-size: 14px;
        border: none;
}
.alert button{
        position: absolute;
    right: 10px;
    top: 5px;
    z-index: 1033;
    border: none;
    background-color: rgb(255 87 34 / 37%);
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
}




.wpr{
width: 100%;
float: left;
}


.body_bg{
    background-color: #fffcfb;
}







.site_header{
    width: 100%;
    float: left;
    padding: 10px 0;
    /* background-color: #fff9f9; */
    border-radius: 0 0 25px 25px;
    margin-bottom: 5px;
}
.site_header .mheader{
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.site_header .logo_blk{
    width: 80px;
    float: left;
}
.site_header .logo_img{
    width: 100%;
    float: left;
}
.site_header .col_menu{
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.site_header ul{
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
}
.site_header li{
    width: auto;
    float: left;
    padding: 5px;
}
.site_header a{
    width: auto;
    float: left;
    padding: 5px;
    font-size: 14px;
    text-transform: capitalize;
    min-width: 100px;
    text-align: center;
    color: #ff3100;
    font-weight: 500;
}
.site_header .col_login{
    width: auto;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 15px;
    text-wrap: nowrap;
}


.site_header .col_login .login_btn{
    width: auto;
    float: left;
    color: #ff6400;
    background-color: #fffbf6;
    padding: 10px 15px;
    border-radius: 5px;
}

.loginuser{
    width: 100%;
    float: left;
}
.loginuser .loginuser_head{
    width: 100%;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    background: #fffbf6;
    border-radius: 25px;
}
.loginuser .profile_pic{
    width: 60px;
    float: left;
    border-radius: 50%;
    margin-right: 10px;
}
.loginuser .profile_pic img{
       border-radius: 50%;
}
.loginuser .profile_name{
    width: 100%;
    float: left;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 500;
    color: #000;
}






.dropdown_menu{
    width: 100%;
    float: left;
    position: relative;
    height: 50px;
    display: flex;
    align-items: center;
}
.dropdown_menu .dropdown_menu_head{
    width: auto;
    float: left;
    display: flex;
    justify-content: right;
    align-items: center;
    color: #ff3100;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    padding: 35px 15px;
}
.dropdown_menu .dropdown_menu_head i{
    margin-left: 15px;
    font-size: 12px;
}
.dropdown_menu .dropdown_menu_body{
    width: 580px;
    min-width: 580px;
    float: left;
    position: absolute;
    background-color: #ffffff;
    z-index: 999;
    border-radius: 12px;
    box-shadow: 0 6px 12px 1px rgb(0 0 0 / 11%);
    top: 55px;
    padding: 15px;
    animation: animate_dropdown linear .2s;
    animation-iteration-count: 1;
    display: none;
}

.dropdown_menu .dropdown_menu_body.account_drop_down{
     width: 225px;
     min-width: 225px;
     right: 0;
}

.dropdown_menu:hover  .dropdown_menu_body{
    display: block;
}

@keyframes animate_dropdown {
    0% {
        width: 100%;
        float: left;
        transform: translate(0px,-10px);
        opacity: 0;
    }

    90% {
        width: 100%;
        float: left;
        transform: translate(0px,5px);
        opacity: 1;
    }

    100% {
        width: 100%;
        float: left;
        transform: translate(0px,0px);
    }
}

.dropdown_menu .dropdown_menu_body::after{
        width: 100%;
    float: left;
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 6px solid white;
    top: -6px;
    position: absolute;
    left: 20px;
}

.profile_menu .dropdown_menu_body::after{
     left: auto;
     right: 20px;
}


.dropdown_menu .collection_menu_wpr{
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-between;
}
.dropdown_menu .d_col_menu{
    width: 100%;
    float: left;
    margin-right: 50px;
}
.dropdown_menu .menu_title{
    width: 100%;
    float: left;
    height: 50px;
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 15px;
    border-radius: 15px;
    color: #000;
}
.dropdown_menu .menu_title.active{

background-color: rgb(255 230 220 / 27%);

color: #f00;
}


.dropdown_menu .d_col_menu_img{
    width: 100%;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
}
.dropdown_menu .img_blk{
    width: 100%;
    float: left;
}








.header_menu{
    width: auto;
    float: left;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    padding: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 0;
}
.header_menu .header_menu_blk{
    width: 100%;
    float: left;
    max-width: 65px;
    background-color: #fff;
    padding: 15px 5px;
    border-radius: 5px;
    box-shadow: 0 0 0px 4px rgb(255 146 84 / 19%);
}
.header_menu .logo_blk{
    width: 100%;
    float: left;
    /* margin-bottom: 15px; */
}
.header_menu .menu_blk{
    width: 100%;
    float: left;
}
.header_menu .menu_row{
  width: 100%;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
}
.header_menu .icon{
    width: 100%;
    float: left;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #f3975c;
    font-size: 22px;
}
.header_menu .icon_img{
    width: 50px;
    float: left;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #f3975c;
    font-size: 22px;
    overflow: hidden;
    border-radius: 50%;
}


.home_page_slider{
    width: 100%;
    float: left;
/*    padding: 50px 0;*/
}



.page_container{
    width: 100%;
    float: left;
}




.slider_blk_main{
       width: 100%;
       float: left;
       padding: 15px;
}

.slider_blk{
    width: 100%;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
    background: rgb(255,219,195);
    background: linear-gradient(284deg, rgb(255 219 210) 0%, rgb(255 212 201) 100%);
    border-radius: 12px;
    /* box-shadow: 0 0 15px 0px rgb(0 0 0 / 7%); */
    min-height: 300px;
    padding: 15px;
    margin-bottom: 25px;
}
.slider_blk .img_col{
    width: 100%;
    float: left;
}
.slider_blk .text_col{
    width: 100%;
    float: left;
    color: #fff;
    margin: 30px 0;
    padding-left: 15px;
}
.slider_blk .title_m{
    width: 100%;
    float: left;
    font-size: 35px;
    line-height: 38px;
    font-weight: 800;
    color: #090072;
    /* text-shadow: 2px 2px 3px rgb(220 201 255 / 36%); */
}
.slider_blk .title{
    width: 100%;
    float: left;
    font-size: 15px;
    margin: 10px 0;
    color: #ff2d28;
    font-weight: 600;
}
.slider_blk .amount_wpr{
    width: 100%;
    float: left;
    font-weight: 800;
    color: #0d0d0d;
    font-size: 25px;
    margin: 10px 0;
    align-items: center;
    display: flex;
        flex-wrap: wrap;
}

.slider_blk .amount_wpr .amout{
    width: auto;
    float: left;
    font-size: 35px;
}
.slider_blk .amount_wpr .amout_line{
    width: auto;
    float: left;
    text-decoration: line-through;
    margin-left: 15px;
    font-size: 20px;
    color: #0009;
}
.slider_blk .amount_wpr .offer_per{
       width: auto;
    float: left;
    margin-left: 15px;
    font-size: 16px;
    color: #fff;
    background-color: #4CAF50;
    padding: 2px 10px;
    border-radius: 26px;
}


.slider_blk .btn_wpr{
    width: 100%;
    float: left;
}
.slider_blk .btn_try{
    width: auto;
    float: left;
    padding: 15px 40px;
    background-color: #e09768;
    color: #fff;
    font-weight: 700;
    border-radius: 5px;
    background: linear-gradient(284deg, rgb(233 141 104) 0%, rgb(231 55 55) 100%);
}

/*--------------------------*/

.slideStyle {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  /* height: 100vh; */
  background: var(--white);
  color: var(--black);
  transition: 0.25s;
}
.slideStyle.darkStyle {
  background: var(--black);
  color: var(--white);
}

.swiperParallax.swiper {
  width: 100%;
  overflow: hidden;
}
.swiperParallax .swiper-wrapper {
  flex-direction: row;
  align-items: center;
  display: flex;
}
.swiperParallax .swiper-slide {
  width: 50vw;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-column-gap: 1.5rem;
  /* grid-row-gap: 1.5rem; */
  flex-direction: column;
  flex: none;
}
.swiperParallax .swiper-slide.swiper-slide-active .gallery-img__wrapper {
  opacity: 1;
  transform: scale(1);
}
.swiperParallax .swiper-slide.swiper-slide-active .gallery-info__wrapper {
  opacity: 1;
  transform: translateY(0%);
}
.swiperParallax .gallery-img__wrapper {
  position: relative;
  /* overflow: hidden; */
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  /* padding-top: 66.7%; */
  /* border-radius: 0.75rem; */
  opacity: 0.25;
  transform: scale(0.6);
  transition: transform 0.6s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.8s cubic-bezier(0.77, 0, 0.175, 1);
}
.swiperParallax .gallery-img__wrapper .gallery-img {
  position: absolute;
  top: 0;
  width: 130%;
  height: 100%;
  max-width: none;
  -o-object-fit: cover;
     object-fit: cover;
}
.swiperParallax .gallery-info__wrapper {
  display: flex;
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transform: translateY(50%);
  transition: transform 0.6s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.8s cubic-bezier(0.77, 0, 0.175, 1);
}
.swiperParallax .gallery-info__wrapper .heading-medium {
  text-transform: uppercase;
  font-size: 1.5rem;
  line-height: 1;
}

/* Toggle direction button */
.toggle {
  position: absolute;
  top: 30px;
  right: 30px;
  z-index: 99;
  cursor: pointer;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  transition: all 0.3s ease-in-out;
  background-color: #fff;
  box-shadow: inset 15px -16px 0px 7px gold;
  border: 0;
  font-size: 0;
}
.toggle.darkStyle {
  background-color: transparent;
  box-shadow: inset -9px -8px 1px 1px var(--white);
}

.copyright {
  position: fixed;
  z-index: 1;
  bottom: 0;
  left: 50%;
  width: 100%;
  padding: 15px;
  text-align: center;
  letter-spacing: 1.5px;
  /* From https://css.glass */
  background: rgba(255, 255, 255, 0.2);
  border-radius: 16px;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  transform: translateX(-50%);
  transition: 0.25s;
}
/*-------------------------------------------*/

.page_title{
    width: 100%;
    float: left;
    font-size: 45px;
    font-weight: 800;
    /* text-align: center; */
    text-transform: uppercase;
    color: rgb(255 156 132);
}


.page_btn_wpr{
    width: 100%;
    float: left;
}
.btn_view_all{
    width: auto;
    float: left;
    display: flex;
    padding: 15px 25px;
    background-color: #fb7b59;
    background: linear-gradient(284deg, rgb(233 141 104) 0%, rgb(231 55 55) 100%);
    color: #fff;
    font-weight: 600;
    border-radius: 5px;
    margin-bottom: 15px;
    cursor: pointer;
}
.btn_view_all .title{
    width: 100%;
    float: left;
    white-space: nowrap;
    padding-right: 15px;
}
.btn_view_all .icon{
    width: 100%;
    float: left;
}





.top-menu-category{
    width: 100%;
    float: left;
  width: 100%;
  float: left;
  padding: 15px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

#top-category-carousel .title{
    width: 100%;
    float: left;
    /* color: #de6c22; */
}

.menu-category-wpr{
    width: 100%;
    float: left;
  width: 100%;
  float: left;
}

.menu-category-wpr .col-blk{
    width: 100%;
    float: left;
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding-top: 5px;
}
.menu-category-wpr .col-blk .icon{
    width: 100%;
    float: left;
  width: 80px;
  height: 80px;
  float: left;
  /* padding: 15px; */
  border-radius: 50%;
  overflow: hidden;
  border: solid white 4px;
  box-shadow: 0px 2px 5px 1px rgb(0 0 0 / 11%);
  margin: 2px 0;

}

/*.round_img{

}*/
.menu-category-wpr .col-blk .title{
    width: 100%;
    float: left;
  width: 100%;
  float: left;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
}
.menu-category-wpr .col-blk .title:after{
    width: 100%;
    float: left;
    content: '';
    width: 25px;
    float: left;
    height: 20px;
    position: absolute;
    right: 0;
    background: rgb(255 255 255);
    /* background: linear-gradient(90deg, rgba(75,31,208,0) 0%, rgb(255 218 194) 70%); */
}

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


.invite_wpr{
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-between;
/*    align-items: center;*/
}
.invite_wpr .col_demo{
    width: 100%;
    float: left;
    /* background-color: #fff; */
    /* border-radius: 0 35px 0 0; */
}
.invite_wpr .demo_wpr{
    width: 100%;
    float: left;
}
.invite_wpr .col_form{
    width: 100%;
    float: left;
    max-width: 420px;
    min-width: 310px;
    min-height: 100vh;
    background-color: white;
    padding: 15px;
    border-radius: 25px 0 0 25px;
    box-shadow: 0 0 20px 8px rgb(0 0 0 / 4%);
    position: relative;
}
.invite_wpr .form_wed_wpr{
    width: 100%;
    float: left;
}
.invite_wpr .title_1{
    width: 100%;
    float: left;
    font-size: 28px;
    font-weight: 600;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}
.invite_wpr .title_2{
    width: 100%;
    float: left;
    text-align: center;
    font-size: 14px;
}
.invite_wpr .form_in_wpr{
    width: 100%;
    float: left;
    margin-top: 15px;
}
.invite_wpr .form_group {
    width: 100%;
    float: left;
    margin-bottom: 15px;
    position: relative;
}
.invite_wpr .form_group label{
    width: 100%;
    float: left;
    font-weight: 500;
    font-size: 14px;
    color: #ff7b25;
    margin-bottom: 5px;
}
.invite_wpr .form_group .txt_input{
    float: left;
    width: 100%;
    height: 45px;
    padding: 10px;
    font-weight: 500;
    border-radius: 2px;
    border: solid 1px #ffecdf;
    background-color: #fffcfb;
    font-size: 14px;
    font-weight: 500;
    color: #000;
}
.invite_wpr .form_group .txt_input.error{
    border: solid 1px #ff3d00;
    outline: solid 2px rgb(255 0 0 / 25%);
}
.invite_wpr .form_group .btn_submit{
    width: 100%;
    float: left;
    height: 50px;
    padding: 10px;
    font-weight: 500;
    border-radius: 2px;
    border: solid 1px #ffdac2;
    background-color: #ffdac2;
    color: #000;
    background: linear-gradient(284deg, rgb(233 141 104) 0%, rgb(231 55 55) 100%);
    border-radius: 6px;
    border: none;
    color: #fff;
    cursor: pointer;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.dflex{
    width: 100%;
    float: left;
    display: flex;
}
.invite_wpr .form_group .btn_upload{
    width: 100px;
    float: left;
    height: 45px;
    padding: 10px;
    font-weight: 500;
    border-radius: 2px;
    border: solid 1px #ffdac2;
    background-color: #ffdac2;
    color: #000;
    background: linear-gradient(284deg, rgb(233 141 104) 0%, rgb(231 55 55) 100%);
    border-radius: 6px;
    border: none;
    color: #fff;
    text-align: center;
    cursor: pointer;
}

label.error{
        color: #f00 !important;
        background-color: #fff6f6;
        width: auto !important;
        padding: 0px 5px;
        font-size: 12px !important;
        border-radius: 3px;
        margin-top: 4px;
        position: absolute;
        right: 0;
        top: 0;
}

/*-----------*/
.invite_wpr .head_preview{
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px;
}
.invite_wpr .preview_btn_wpr{
    width: auto;
    float: left;
    padding: 15px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}


.change_theme{
    width: auto;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    background-color: #fff4f4;
    padding: 0 10px;
    border-radius: 5px;
    background: linear-gradient(284deg, rgb(255 232 232 / 37%) 0%, rgb(255 233 233 / 45%) 100%);
    color: #000000;
    cursor: pointer;
}
.change_theme .icon{
    width: 40px;
    float: left;
    text-align: center;
    font-size: 20px;
    height: 40px;
    align-items: center;
    display: flex;
    justify-content: center;
    color: #ff3737;
}
.change_theme .title{
    width: 100%;
    float: left;
    font-size: 14px;
    font-weight: 500;
}

.publish_theme{
    width: auto;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    background-color: #fff4f4;
    padding: 0 10px;
    border-radius: 5px;
    background: linear-gradient(284deg, rgb(233 141 104) 0%, rgb(231 55 55) 100%);
    color: #ffffff;
    cursor: pointer;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
}

.publish_theme:hover{
    color: #fff;
    background: linear-gradient(284deg, rgb(250 114 59) 0%, rgb(255 67 67) 100%);
}

.publish_theme .icon{
    width: 40px;
    float: left;
    text-align: center;
    font-size: 20px;
    height: 40px;
    align-items: center;
    display: flex;
    justify-content: center;
}
.publish_theme .title{
    width: 100%;
    float: left;
    font-size: 14px;
    font-weight: 500;
}


.invite_wpr .tab_blk{
    width: 45px;
    float: left;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 25px;
    border-bottom: solid 4px transparent;
    margin: 0 5px;
    cursor: pointer;
}.invite_wpr .tab_blk.active{

color: #ff6020;

border-bottom: solid 4px #ff5e62;
}
.invite_wpr .demo_frame_wpr{
    width: 100%;
    float: left;
    position: relative;
    height: calc(100vh - 175px);
}

.demo_iframe{
     width: 100%;
     float: left;
     height: 100%;
     border-radius: 5px;
     box-shadow: 0 0 14px 0px rgb(0 0 0 / 21%);
}



.invite_wpr .demo_frame_inwpr{
    width: 100%;
    float: left;
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    transform-origin: top;
}



.invite_wpr .demo_frame_inwpr.desktop{
    width: 1280px;
    height: 97vh;
    transform: scale(0.8);
    left: calc(50% - 640px);
}



.invite_wpr .demo_frame_inwpr.tablet{
    width: 1060px;
    height: 98vh;
    transform: scale(0.7);
    left: calc(50% - 530px);
}

.invite_wpr .demo_frame_inwpr.mobile{
    width: 530px;
    height: 125vh;
    transform: scale(0.7);
    left: calc(50% - 265px);
}


.page_container_incard{
    width: 100%;
    float: left;
    background-color: #ffffff;
    border-radius: 30px 30px 0 0;
    padding: 15px;
    min-height: calc(100vh - 90px);
    overflow: hidden;
}





 .payment_wpr{
    width: 100%;
    float: left;
    padding: 15px;
}
.payment_wpr .checkout_title{
    width: 100%;
    float: left;
    color: #ff7272;
    font-weight: 600;
    margin-bottom: 15px;
    font-size: 26px;
}
.payment_wpr .demo_frame_payment{
    width: 100%;
    float: left;
    display: flex;
    justify-content: center;
    /* overflow: hidden; */
    height: 400px;
    padding: 25px;
    position: relative;
}
.payment_wpr .demo_iframe_payment_in{
        width: 1236px;
        transform: scale(0.42);
        transform-origin: top;
        position: absolute;
}





.payment_wpr .demo_iframe_payment{
    width: 100%;
    float: left;
    height: 760px;
    box-shadow: 0 0 13px 0px rgb(0 0 0 / 7%);
    border-radius: 10px;
}
.payment_wpr .payment_info_wpr{
    width: 100%;
    float: left;
    max-width: 420px;
    margin-top: 15px;
}
.payment_wpr .order_title{
    width: 100%;
    float: left;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
}
.payment_wpr .payment_row{
    width: 100%;
    float: left;
    display: flex;
    margin-bottom: 10px;
    font-weight: 500;
}
.payment_wpr .payment_row.head{
    font-size: 19px;
    font-weight: 800;
}
.payment_wpr .title{
    width: 100%;
    float: left;
}
.payment_wpr .amount{
    width: 100%;
    float: left;
    text-align: right;
}
.payment_wpr .payment_btn{
    width: 100%;
    float: left;
    width: 100%;
    float: left;
    height: 50px;
    padding: 10px;
    font-weight: 500;
    border-radius: 2px;
    border: solid 1px #ffdac2;
    background-color: #ffdac2;
    color: #000;
    background: linear-gradient(284deg, rgb(233 141 104) 0%, rgb(231 55 55) 100%);
    border-radius: 6px;
    border: none;
    color: #fff;
    text-align: center;
    cursor: pointer;
}
.payment_wpr .razorpay-payment-button{
    width: 100%;
    float: left;
    width: 100%;
    float: left;
    height: 50px;
    padding: 10px;
    font-weight: 500;
    border-radius: 2px;
    border: solid 1px #ffdac2;
    background-color: #ffdac2;
    color: #000;
    background: linear-gradient(284deg, rgb(233 141 104) 0%, rgb(231 55 55) 100%);
    border-radius: 6px;
    border: none;
    color: #fff;
    text-align: center;
    cursor: pointer;
}

.col_center{
    display: flex;
/*    align-items: center;*/
    justify-content: center;
}

.back_edit{
    width: 100%;
    float: left;
    display: flex;
    cursor: pointer;
    color: #000;
}
.back_edit .icon{
    width: 30px;
    float: left;
}
.back_edit .title{
    width: 100%;
    float: left;
    font-size: 14px;
    font-weight: 500;
}




.change_theme_popup{
    width: 100%;
    float: left;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    height: 100vh;
    display: none;
        transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
}


.change_theme_popup.show{
    display: block;
}



.change_theme_popup .overlay{
    width: 100%;
    float: left;
    background-color: rgb(0 0 0 / 6%);
    height: 100vh;
    position: absolute;
        transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
}
.change_theme_popup .change_theme_sel_wpr{
    width: 100%;
    float: left;
    max-width: 360px;
    margin-left: -380px;
    height: calc(100vh - 60px);
    background-color: #fff;
    z-index: 9999;
    position: relative;
    margin-top: 30px;
    border-radius: 0 25px 25px 0;
    padding: 15px;
        transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
}

.change_theme_popup .change_theme_sel_wpr.show{
      margin-left: 0px;
}


.change_theme_popup .title{
    width: 100%;
    float: left;
    font-size: 18px;
    margin: 10px 0;
    color: #ff6300;
    position: relative;
}
.change_theme_popup .title .close_popup{
         top: -8px;
         width: auto;
         float: left;
         position: absolute;
         right: 0;
         font-size: 14px;
         color: #000;
         cursor: pointer;
}

.change_theme_popup .list_blk{
    width: 100%;
    float: left;
}
.change_theme_popup .row_theme{
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px;
    margin-bottom: 5px;
    background-color: #fff8f6;
    border-radius: 5px;
    cursor: pointer;
}
.change_theme_popup .img_blk{
    width: 180px;
    float: left;
}
.change_theme_popup .col_txt{
    width: 100%;
    float: left;
    margin-left: 5px;
}
.change_theme_popup .card_title{
    width: 100%;
    float: left;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
}
.change_theme_popup .amount_wpr{
    width: auto;
    float: right;
    text-align: right;
    font-size: 14px;
    font-weight: 700;
    color: #f00;
}



.from_tab_wpr{
    width: 100%;
    float: left;
}
.from_tab_wpr .form_tab_head{
    width: 100%;
    float: left;
    display: flex;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    padding: 5px 0;
    color: #474747;
    justify-content: space-around;
    background-color: #fffcfb;
    border-radius: 25px;
}
.from_tab_wpr .tab_head{
    width: 100%;
    float: left;
}
.from_tab_wpr .tab_head.active{/* border-bottom: solid 2px #ff5055; */color: #ff3a00;background-color: #ff3a00;color: #fff;border-radius: 25px;}
.from_tab_wpr .tab_head{
    width: 100%;
    float: left;
}
.from_tab_wpr .tab_head{
    width: 25%;
    float: left;
    cursor: pointer;
    padding: 5px;
    font-weight: 600;
}
.from_tab_wpr .form_tab_body{
    width: 100%;
    float: left;
}
.from_tab_wpr .tab_body_blk{
    width: 100%;
    float: left;
    display: none;
    animation: animate_popup linear .2s;
    animation-iteration-count: 1;
/*    max-height: calc(100vh - 270px);*/
/*    overflow: auto;*/
}




.from_tab_wpr .tab_body_blk.active{
    width: 100%;
    float: left;
    display: block;
}

 .gallery_wpr{
    width: 100%;
    float: left;
}
.gallery_wpr .col_gallery{
    width: 33.3%;
    float: left;
    padding: 4px;
    position: relative;
         transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
}
.gallery_wpr .btn_delete{
    width: 30px;
    height: 30px;
    float: left;
    position: absolute;
    z-index: 11;
    background-color: rgb(255 37 0 / 45%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    right: 8px;
    top: 8px;
    cursor: pointer;
    color: #fff;
    opacity: 0.5;
}

.gallery_wpr .col_gallery:hover .btn_delete{
    opacity: 1;
}

.gallery_wpr .image_blk{
    width: 100%;
    float: left;
    border-radius: 5px;
    overflow: hidden;
}


.map_wpr{
    width: 100%;
    float: left;
}

.map_frame{
   width: 100%;
    float: left;  

    height: 250px;
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
    border-radius: 5px;
}

.map_search_txt{
    padding: 5px 15px;
        position: absolute;
    left: 5px !important;
    top: 5px !important;
    width: calc(100% - 10px) !important;
    border: none !important;
    height: 35px !important;
    box-shadow: 0 0px 7px 2px rgb(0 0 0 / 34%) !important;
}


.add_location_wpr{
    width: 100%;
    float: left;
    padding: 5px;
    border: solid 1px #fffafa;
    border-radius: 6px;
    display: none;
    animation: animate_popup linear .2s;
    animation-iteration-count: 1;

}

.add_location_wpr.show{
    display: block;
}    

.add_location_wpr .title{
    width: 100%;
    float: left;
    font-size: 16px;
    font-weight: 600;
    color: #000000;
    position: relative;
    margin-bottom: 5px;
    border-bottom: solid 1px #f6f6f6;
    padding-bottom: 10px;
}
.add_location_wpr .title .close_form{
    width: auto;
    float: right;
    font-size: 13px;
    color: #000;
    padding-top: 5px;
    cursor: pointer;
}


.event_wpr{
    width: 100%;
    float: left;
       display: none;
    animation: animate_popup linear .2s;
    animation-iteration-count: 1;
}

.event_wpr.show{
    display: block;
}



@keyframes animate_popup {
    0% {
        width: 100%;
        float: left;
        transform: translate(-2px,0px);
        opacity: 0;
    }

    90% {
        width: 100%;
        float: left;
        transform: translate(2px,0px);
        opacity: 1;
    }

    100% {
        width: 100%;
        float: left;
        transform: translate(0px,0px);
    }
}



.event_wpr .add_event_wpr{
    width: 100%;
    float: left;
    display: flex;
    justify-content: flex-end;
    margin-top: 5px;
}
.event_wpr .btn_add_event{
    width: auto;
    float: left;
    font-size: 14px;
    font-weight: 500;
    background-color: #FF5722;
    padding: 8px 15px;
    border-radius: 5px;
    cursor: pointer;
    background: linear-gradient(284deg, rgb(233 141 104) 0%, rgb(231 55 55) 100%);
    border-radius: 6px;
    color: #fff;
}
.event_wpr .event_list_wpr{
    width: 100%;
    float: left;
    margin-top: 15px;
}
.event_wpr .row_event{
    width: 100%;
    float: left;
    text-align: center;
    border: solid 1px #fff0f0;
    padding: 5px;
    margin-bottom: 10px;
    border-radius: 8px;
    background-color: #ffffff;
    position: relative;
}
.event_wpr .event_title{
    width: 100%;
    float: left;
    font-size: 16px;
    font-weight: 600;
}.event_wpr .date{
    width: 100%;
    float: left;
    font-size: 14px;
    font-weight: 500;
}
.event_wpr .address{
    width: 100%;
    float: left;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
}
.event_wpr .location_btn_wpr{
    width: 100%;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 5px;
}
.event_wpr .see_location{
    width: auto;
    float: left;
    font-size: 14px;
    font-weight: 500;
    background-color: #fff1e7;
    padding: 5px 15px;
    border-radius: 18px;
    cursor: pointer;
}

.event_wpr  .row_event .btn_delete{
  width: 30px;
    height: 30px;
    float: left;
    position: absolute;
    z-index: 11;
    background-color: rgb(255 37 0 / 45%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    right: 8px;
    top: 8px;
    cursor: pointer;
    color: #fff;
    opacity: 0.5;
     box-shadow: 0 0 4px 1px rgb(0 0 0 / 16%);
}

.event_wpr  .row_event .btn_delete:hover{
    opacity: 1;
     box-shadow: 0 0 4px 1px rgb(0 0 0 / 26%);
}

.event_wpr  .row_event .btn_edit{
     width: 30px;
    height: 30px;
    float: left;
    position: absolute;
    z-index: 11;
    background-color: rgb(255 255 255 / 45%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    right: 48px;
    top: 8px;
    cursor: pointer;
    color: #000;
    opacity: 0.5;
    box-shadow: 0 0 4px 1px rgb(0 0 0 / 16%);
}

.event_wpr  .row_event .btn_edit:hover{
    box-shadow: 0 0 4px 1px rgb(0 0 0 / 26%);
    opacity: 1;
}

/*txt_event*/

.event_suggestions{
       width: 100%;
    float: left;
    position: absolute;
    top: 70px;
    background-color: #fff;
    z-index: 99;
    box-shadow: 0 3px 11px 2px rgb(0 0 0 / 5%);
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
}
.event_suggestions div{
    padding: 8px 15px;
    cursor: pointer;
}

.close_popup{
        width: 35px;
    height: 35px;
    border-radius: 50%;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #f00;
    background-color: transparent;
    font-size: 30px;
}

.modal-header {
        padding: 10px 15px;
}
.modal-header .modal-title{
    font-size: 16px;
    font-weight: 600;
}

.projects_wpr{
    width: 100%;
    float: left;
}
.projects_wpr .projects_list_row{
    width: 100%;
    float: left;
}


.projects_single_wpr {
    width: 100%;
    float: left;
    background: #fff6f6;
    padding: 5px;
    /* min-height: 330px; */
    box-shadow: 0 0 18px 6px rgb(0 0 0 / 1%);
    border-radius: 5px;
    margin-bottom: 20px;
}
.projects_single_wpr .iframe_main_wpr {
    width: 100%;
    float: left;
    position: relative;
    /* overflow: hidden; */
    height: 270px;
}
.projects_single_wpr .iframe_wpr {
    width: 100%;
    float: left;
    /* width: 1236px; */
    /* transform: scale(0.5); */
    /* transform-origin: top; */
    /* position: absolute; */
    /* left: 0; */
}
.projects_single_wpr .card_demo_iframe {
    width: 100%;
    float: left;
    width: 200%;
    float: left;
    height: 520px;
    box-shadow: 0 0 13px 0px rgb(0 0 0 / 7%);
    border-radius: 10px;
    transform: scale(0.5);
    position: absolute;
    left: 0;
    transform-origin: 0 0;
}

.projects_single_wpr .project_info{
  width: 100%;
  float: left;
  padding: 5px;
  height: 100%;
}
.projects_single_wpr .project_info .project_title{
  width: 100%;
  float: left;
  font-size: 19px;
  font-weight: 600;
}
.projects_single_wpr .project_info .date_title{
  width: 100%;
  float: left;
  font-size: 14px;
}






.projects_single_wpr .project_info .row_info{
 display: flex;
 align-items: center;
 width: 100%;
 float: left;
 padding: 15px 0;
 font-size: 15px;
 font-weight: 500;
}


.projects_single_wpr .project_info .row_info .title{
 width: auto;
 float: left;
 padding-right: 15px;
}


.projects_single_wpr .project_info .row_info .title_status{
 width: auto;
 float: left;
 color: #f00;
 background-color: #ffeff5;
 padding: 2px 10px;
 border-radius: 22px;
}


.projects_single_wpr .project_info .row_info .title_status.success_status{
 color: #ffffff;
 background-color: #14aa1a;
}


.qr_code_wpr{
    width: 100%;
    float: left;
    padding: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.qr_code_wpr .qr_code{
        width: auto;
    float: left;
/*    box-shadow: 0 0 7px 1px rgb(0 0 0 / 17%);*/
    padding: 5px;
/*    background-color: #fff;*/

}

.btn_download_qr_code{
      width: auto;
      float: left;
      font-size: 12px;
      text-align: center;
      font-weight: 500;
      background-color: white;
      padding: 10px;
      border-radius: 5px;
      cursor: pointer;
      min-width: 160px;
}



.project_info .btn_wpr{
    width: 100%;
    float: left;
    padding: 5px 0;
    display: flex;
    justify-content: flex-end;
}
.project_info .btn_wpr .btn_edit{
    width: auto;
    float: left;
    padding: 6px 15px;
    font-size: 14px;
    font-weight: 500;
    background-color: #FF5722;
    border-radius: 135px;
    margin-left: 10px;
    background: linear-gradient(284deg, rgb(233 141 104) 0%, rgb(231 55 55) 100%);
    color: #fff;
    cursor: pointer;
}

.responsive_btn_wpr{
    width: calc(100% - 30px);
    float: left;
    position: absolute;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -28px;
    display: none;
}
.responsive_btn_wpr .btn_edit{
    width: 45px;
    float: left;
    height: 45px;
    background: #ffb4ac;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    border-radius: 50%;
    color: #ffffff;
    cursor: pointer;
    background: linear-gradient(284deg, rgb(233 141 104) 0%, rgb(231 55 55) 100%);
    border: solid 4px #fffcfb;
    box-shadow: 0 0 7px 1px rgb(0 0 0 / 7%);
}



.page_footer_wpr .page_footer_wpr{
    width: 100%;
    float: left;
}

.page_footer_wpr .footer_wpr_out{
    width: 100%;
    float: left;
    /* padding: 0 15px; */
    /* padding-top: 15px; */
    /* background-color: #fff; */
    margin-top: 10px;
    }
.page_footer_wpr .footer_wpr{
    width: 100%;
    float: left;
    background-color: #fff8f6;
    border-radius: 30px 30px 0 0;
    padding: 25px 10px;
    padding-bottom: 5px;
}
.page_footer_wpr .copy_wpr{
    width: 100%;
    float: left;
    text-align: center;
    font-size: 12px;
    border-top: solid 1px #ffeeea;
    padding: 10px;
    font-weight: 500;
}
.page_footer_wpr .footer_link_wpr{
    width: 100%;
    float: left;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    padding: 5px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.page_footer_wpr .ft_nav_link{
    width: auto;
    float: left;
    font-size: 12px;
    padding: 5px 15px;
    background-color: #f8efed52;
    margin: 2px;
    border-radius: 25px;
    color: #f00;
}

.page_info_wpr{
    width: 100%;
    float: left;
}
.page_info_wpr h2{
     width: 100%;
    float: left;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #000;
}
.page_info_wpr h3{
     width: 100%;
    float: left;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #000;
    
}


.page_info_wpr p{
      width: 100%;
    float: left;
    font-size: 13px;
    margin-bottom: 30px;
    line-height: 20px;
}
.page_info_wpr li{
      width: 100%;
    float: left;
    font-size: 13px;
}





.contact_form_wpr{
    width: 100%;
    float: left;
}

.contact_form_wpr .form-group{
    width: 100%;
    float: left;
    margin-bottom: 15px;
}
.contact_form_wpr label{
    width: 100%;
    float: left;
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 5px;
}
.contact_form_wpr .form_control_1{
    width: 100%;
    float: left;
    width: 100%;
    float: left;
    height: 60px;
    border-radius: 4px;
    border: solid 1px #525006;
    /* background-color: #3232327a; */
    padding: 15px 20px;
    font-size: 14px;
    color: #040404;
    position: relative;
    border-image-source: linear-gradient(#FF9800, #FF5722);
    border-width: 1px;
    border-image-slice: 1;
}
.contact_form_wpr .btn_submit{
    max-width: 360px;
    width: 100%;
    float: left;
    height: 62px;
    border: none;
    border-radius: 2px;
    font-size: 23px;
    font-weight: 500;
    background-color: #ffc107;
    cursor: pointer;
    background: #FF9800;
    color: #ffffff;
    background: linear-gradient(284deg, rgb(233 141 104) 0%, rgb(231 55 55) 100%);
    border-radius: 8px;
}

.support_info_blk{
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    padding: 5px;
    margin: 20px 0;
}
.support_info_blk .icon{
    min-width: 50px;
    float: left;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #7a7a7a;
    border-radius: 50%;
    margin-right: 25px;
    background: rgb(253 86 66);
    color: #ffffff;
    font-size: 22px;
    background: linear-gradient(284deg, rgb(233 141 104) 0%, rgb(231 55 55) 100%);
}
.support_info_blk .text_blk{
    width: 100%;
    float: left;
}
.support_info_blk h6{
    width: 100%;
    float: left;
    color: #ff6868;
    font-size: 17px;
    margin-bottom: 5px;
}
.support_info_blk p{
    width: 100%;
    float: left;
    font-size: 15px;
    color: #040404;
    font-weight: 500;
    margin-bottom: 0;
}


.coming_soon_wpr{
    width: 100%;
    float: left;
    height: calc(100vh - 300px);
    display: flex;
    justify-content: center;
    align-items: center;
}



 .copy_url_blk{
    width: 100%;
    float: left;
    display: flex;
    position: relative;
 }
.copy_url_blk .input_wpr{
    width: 100%;
    float: left;
}
.copy_url_blk .text_input{
    width: 100%;
    float: left;
    height: 40px;
    border-radius: 5px;
    border: solid 1px #ffacac;
    padding: 5px 10px;
}


.copy_url_blk .btn_share_copy{
    width: 40px;
    min-width: 40px;
    float: left;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ffc3c3;
    color: #000;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    margin-left: 5px;
}

.copy_url_blk .copy_msg{
       width: auto;
    float: left;
    position: absolute;
    right: 0;
    bottom: -25px;
    font-size: 12px;
    background-color: #470404;
    font-weight: 500;
    background: linear-gradient(284deg, rgb(233 141 104) 0%, rgb(231 55 55) 100%);;
    padding: 1px 7px;
    color: #fff;
    border-radius: 2px;
    display: none;

}

.share_social_wpr{
    width: 100%;
    float: left;
    padding: 15px 0;
    display: flex;

}
.share_social_wpr .btn_share_whatsapp{
       width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #00aa87;
    color: #fff;
    font-size: 25px;
    border-radius: 50%;
    margin: 4px;
}

.share_social_wpr .btn_share_facebook{
       width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #0068fe;
    color: #fff;
    font-size: 25px;
    border-radius: 50%;
    margin: 4px;
}



.discount_wpr{
    width: 100%;
    float: left;
    padding: 15px;
    background-color: #fff8f8;
    border-radius: 8px;
    margin-bottom: 10px;

}
.discount_wpr label{
    width: 100%;
    float: left;
    font-size: 16px;
    font-weight: 500;
    color: #ff2d28;
}
.discount_wpr .discount_input_form{
    width: 100%;
    float: left;
    display: flex;
    margin-top: 10px;
       animation: animate_popup linear .2s;
    animation-iteration-count: 1;
}
.discount_wpr input{
    width: 100%;
    float: left;
    height: 50px;
    padding: 8px;
    font-weight: 500;
    border-radius: 5px 0 0 5px;
    border: solid 1px #ff8280;
    text-transform: uppercase;
}
.discount_wpr button{
    width: auto;
    min-width: 100px;
    float: left;
    white-space: nowrap;
    background: linear-gradient(284deg, rgb(233 141 104) 0%, rgb(231 55 55) 100%);
    border-radius: 0 6px 6px 0;
    border: none;
    color: #fff;
    font-weight: 600;
}


.discount_wpr .discount_applied{
    width: 100%;
    float: left;
    margin-top: 10px;
    font-size: 14px;
    font-weight: 600;

        display: none;
      animation: animate_popup linear .2s;
    animation-iteration-count: 1;
}
.discount_wpr .remove_wpr{
    width: 100%;
    float: left;
    display: flex;
    justify-content: flex-end;
}
.discount_wpr .remove{
    width: auto;
    float: left;
    color: #f00;
    cursor: pointer;
}


.tutorialvideo{width: 100%;
    min-height: 510px;
    border-radius: 15px;}
/*------ responsive -------*/
@media (max-width:1200px) {

}

@media (max-width:1024px) {
    .site_header .col_menu .menu_ul{
        display: none;
    }
    .site_header .col_menu{
        justify-content: flex-end;
    }
    .container, .container-md, .container-sm {
        max-width: 100%;
    }

    .invite_wpr .col_form{
        position: fixed;
        border-radius: 20px 20px 0 0;
        /* width: 100vw; */
        /* max-width: 100%; */
        top: calc(100% - 30px);
        left: 15px;
        min-height: calc(100vh - 100px);
        padding-bottom: 25px;
        max-width: calc(100vw - 30px);
        min-width: calc(100vw - 30px);
        padding-top: 30px;
        transition: 0.3s;
        -moz-transition: 0.3s;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        -ms-transition: 0.3s;
    }

    .invite_wpr .col_form.active{
    top: auto;
    top: 140px;
    }
    .invite_wpr .form_in_wpr{
        max-height: calc(100vh - 240px);
        overflow: auto;
        padding-bottom: 65px;
    }
    .invite_wpr .demo_frame_wpr{
        /* overflow: hidden; */
    }
    .demo_wpr{
        overflow: hidden;
    }

    .invite_wpr .demo_frame_wpr {
    height: calc(100vh - 215px);
    /* overflow: auto; */
    /* padding-bottom: 260px; */
    }

    .responsive_btn_wpr{
        display: flex;
    }


    .from_tab_wpr .tab_body_blk{
   
    max-height: calc(100vh - 270px);
    overflow: auto;
}


.tutorialvideo{width: 100%;
    min-height: 483px;
    border-radius: 15px;}



}
@media (max-width:920px) {
    .slider_blk .title_m{
        font-size: 30px;
        line-height: 30px;
    }
    .tutorialvideo{min-height: 440px;}
}
@media (max-width:860px) {
    .slider_blk .title_m{
        font-size: 24px;
        line-height: 24px;
    }
    .home_slider_content .col_image {
    width: 100%;
    }
    .logo_img img{

    }
    .site_header .logo_img{
        min-width:auto;
    }
    .tutorialvideo{min-height: 350px;}
}


@media (max-width:680px) {
    .home_slider_content .slider_blk{
        flex-wrap: wrap;
    }
    .home_slider_content .col_txt{
        width: 90%;
        padding: 0;
        padding-left: 10px;
    }
    .tutorialvideo{min-height: 308px;}
}
@media (max-width:560px) {
   .page_title{
    font-size: 35px;
   }
   .invite_wpr .tab_blk {
    width: 35px;
    }

    .invite_wpr .demo_frame_inwpr.mobile{
        transform: scale(0.67);
        height: 95vh;
    } .invite_wpr .demo_frame_inwpr.tablet{
        transform: scale(0.37);
    } .invite_wpr .demo_frame_inwpr.desktop{
        transform: scale(0.34);
    }
    .invite_wpr .head_preview{
        flex-wrap: wrap;
    }
    
    .publish_theme{
        margin-bottom: 10px;
    }

    .swiper {
      width: 270px;
      height: 420px;
      padding: 15px;
    }
    .payment_wpr{
        padding: 0px;
    }

    .invite_wpr .title_1{
        font-size: 20px;
        font-weight: 800;
        margin-bottom: 2px;
    }
    .invite_wpr .title_2{
        font-size: 12px;
    }
    .from_tab_wpr .tab_head{
        font-size: 12px;
    }

    
.payment_wpr .demo_frame_payment{
     height: 200px;
}
.payment_wpr .demo_iframe_payment_in{
   transform: scale(0.22); 
}
.tutorialvideo{min-height: 254px;}
}

@media (max-width:430px) {
      .invite_wpr .demo_frame_inwpr.mobile{
        transform: scale(0.55);
        height: 115vh;
    } .invite_wpr .demo_frame_inwpr.tablet{
        transform: scale(0.27);
        height: 200vh;
    } .invite_wpr .demo_frame_inwpr.desktop{
        transform: scale(0.25);
    } 
    .tutorialvideo{min-height: 194px;}

}