@charset "utf-8";
/* CSS Document */
body, html{  color: #191919; font-family: 'Mulish', sans-serif; outline: none !important; height: 100%; font-size: 16px; line-height: 1.4; under-line:none;}
.top_animation {    position: fixed;    background: #fff;    height: 100%;    width: 100%;    z-index: 10000; display: block;}
*{ padding: 0px ; margin: 0px; outline: none !important }
a {cursor: pointer; text-decoration: none;}
a:hover {text-decoration: none;}
.dflex{display: flex;}
p{color: #191919; margin-top: 0; }
.mb_1{margin-bottom: 0.5rem}
.mb_2{margin-bottom:2rem}
a:hover, a:focus {text-decoration: none; color: inherit;}
/*header*/
.font10{font-size: 0.625rem;}/*10px*/
.font11{font-size: 0.688rem;}/*11px*/
.font12{font-size: 0.750rem;}/*12px*/
.font13{font-size: 0.813rem;}/*13px*/
.font14{font-size: 0.875rem;}/*14px*/
.font15{font-size: 0.938rem;}/*15px*/
.font16{font-size: 1.000rem;}/*16px*/
.font17{font-size: 1.063rem;}/*17px*/
.font18{font-size: 1.125rem;}/*18px*/
.font19{font-size: 1.188rem;}/*19px*/
.font20{font-size: 1.250rem;}/*20px*/
.font21{font-size: 1.313rem;}/*21px*/
.font22{font-size: 1.375rem;}/*22px*/
.font23{font-size: 1.438rem;}/*23px*/
.font24{font-size: 1.500rem;}/*24px*/
.font25{font-size: 1.563rem;}/*25px*/
.font26{font-size: 1.625rem;}/*26px*/
.font27{font-size: 1.688rem;}/*27px*/
.font28{font-size: 1.750rem;}/*28px*/
.font29{font-size: 1.813rem;}/*29px*/
.font30{font-size: 1.875rem;}/*30px*/
.font31{font-size: 1.938rem;}/*31px*/
.font32{font-size: 2.000rem;}/*32px*/
.font33{font-size: 2.063rem;}/*33px*/
.font34{font-size: 2.125rem;}/*34px*/
.font35{font-size: 2.188rem;}/*35px*/
.font36{font-size: 2.250rem;}/*36px*/
.font37{font-size: 2.313rem;}/*37px*/
.font38{font-size: 2.375rem;}/*38px*/
.font39{font-size: 2.438rem;}/*39px*/
.font40{font-size: 2.5rem;}/*40px*/
.font45{font-size: 2.813rem;}/*45px*/
.font46{font-size: 2.875rem;}/*46px*/
.font48{font-size: 3rem;}/*48px*/
.font49{font-size: 3.063rem;}/*49px*/
.font50{font-size: 3.125rem;}/*49px*/
.font54{font-size: 3.375rem;}/*54px*/
.font55{font-size: 3.438rem;}/*55px*/
.font58{font-size: 3.625rem;}/*58px*/
.font63{font-size: 3.938rem;}/*63px*/
.font64{font-size: 4rem;}/*64px*/
.font65{font-size: 4.063rem;}/*65px*/
.font74{font-size: 4.625rem;}/*74px*/
.font80{font-size: 5rem;}/*80px*/
.font88{font-size: 5.5rem;}/*88px*/
.font108{font-size: 6.75rem;}/*108px*/


.fw100{font-weight: 100!important;}
.fw200{font-weight: 200!important;}
.fw300{font-weight: 300!important;}
.fw400{font-weight: 400!important;}
.fw500{font-weight: 500!important;}
.fw600{font-weight: 600!important;}
.fw700{font-weight: 700!important;}
.fw800{font-weight: 800!important;}
.fw900{font-weight: 900!important;}
/* GLOBAL START */

@font-face {
  font-family: 'Butler';
  src: url('../fonts/Butler-UltraLight.woff2') format('woff2'),
  url('../fonts/Butler-UltraLight.woff') format('woff');
  font-weight: 200;
  font-style: normal;
  }
  
  @font-face {
  font-family: 'Butler';
  src: url('../fonts/Butler-Medium.woff2') format('woff2'),
  url('../fonts/Butler-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  }
  
  @font-face {
  font-family: 'Butler';
  src: url('../fonts/Butler-Light.woff2') format('woff2'),
  url('../fonts/Butler-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  }
  
  @font-face {
  font-family: 'Butler';
  src: url('../fonts/Butler-Black.woff2') format('woff2'),
  url('../fonts/Butler-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  }
  
  @font-face {
  font-family: 'Butler';
  src: url('../fonts/Butler-Bold.woff2') format('woff2'),
  url('../fonts/Butler-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  }
  
  @font-face {
  font-family: 'Butler';
  src: url('../fonts/Butler-ExtraBold.woff2') format('woff2'),
  url('../fonts/Butler-ExtraBold.woff') format('woff');
  font-weight: 800;
  font-style: normal;
  }
  
  @font-face {
  font-family: 'Butler';
  src: url('../fonts/Butler.woff2') format('woff2'),
  url('../fonts/Butler.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  }

  

:root{ 

  --theme-color: #FAE5DC;
  /* --theme-color-dark:#FFC6AC; */
  --theme-color-dark:#f4a582;
  --theme-color-text:#B1A494;
  --secondary-color:#E1E1E1;
  --theme-color-green:#8AA590;
  --white: hsl(0, 0%, 100%);
  --white10: hsla(0, 0%, 100%, 0.01);
  --white20: hsla(0, 0%, 100%, 0.02);
  --white30: hsla(0, 0%, 100%, 0.03);
  --white40: hsla(0, 0%, 100%, 0.04);
  --white50: hsla(0, 0%, 100%, 0.05);
  --white100: hsla(0, 0%, 100%, 0.10);
  --white200: hsla(0, 0%, 100%, 0.20);
  --white300: hsla(0, 0%, 100%, 0.30);
  --white400: hsla(0, 0%, 100%, 0.40);
  --white500: hsla(0, 0%, 100%, 0.50);
  --white600: hsla(0, 0%, 100%, 0.60);
  --white700: hsla(0, 0%, 100%, 0.70);
  --white800: hsla(0, 0%, 100%, 0.80);
  --white900: hsla(0, 0%, 100%, 0.90);
  
  --black: hsl(0, 0%, 0%);
  --black10: hsla(0, 0%, 0%, 0.01);
  --black20: hsla(0, 0%, 0%, 0.02);
  --black30: hsla(0, 0%, 0%, 0.03);
  --black40: hsla(0, 0%, 0%, 0.04);
  --black50: hsla(0, 0%, 0%, 0.05);
  --black100: hsla(0, 0%, 0%, 0.10);
  --black200: hsla(0, 0%, 0%, 0.20);
  --black300: hsla(0, 0%, 0%, 0.30);
  --black400: hsla(0, 0%, 0%, 0.40);
  --black500: hsla(0, 0%, 0%, 0.50);
  --black600: hsla(0, 0%, 0%, 0.60);
  --black700: hsla(0, 0%, 0%, 0.70);
  --black800: hsla(0, 0%, 0%, 0.80);

}
.color_green{color: var(--theme-color-green)!important;}
.color_dark{color: var(--black)!important;}
    .color_dark10{color: var(--black10)!important;}
    .color_dark20{color: var(--black20)!important;}
    .color_dark30{color: var(--black30)!important;}
    .color_dark40{color: var(--black40)!important;}
    .color_dark50{color: var(--black50)!important;}
    .color_dark100{color: var(--black100)!important;}
    .color_dark200{color: var(--black200)!important;}
    .color_dark300{color: var(--black300)!important;}
    .color_dark400{color: var(--black400)!important;}
    .color_dark500{color: var(--black500)!important;}
    .color_dark600{color: var(--black600)!important;}
    .color_dark700{color: var(--black700)!important;}
    .color_dark800{color: var(--black800)!important;}
    .color_dark900{color: var(--black900)!important;}
    .theme_color_text {color: var(--theme-color-text);}
/* GLOBAL END */
.font_butler{font-family: 'Butler';}
.color_white {color: var(--white);}
.theme_color  {color: var(--theme-color);}
.theme_color_dark  {color: var(--theme-color-dark);}
/* .home_accordion_content {display: none; } */
#ui-datepicker-div {z-index: 99 !important;}

.main_inner_box{  }
header {    position: relative; top: 0px; left: 0; right: 0; z-index: 100000 ; background: var(--theme-color)}
.logo{ float: left; padding: 26px 0px;}
.head_search input{ width: 240px; height: 30px;  font-size: 13px; background: none; border:none; border-left: 1px solid #e1e1e1; padding-left: 10px;}
.head_search button {    position: absolute;    right: 11px;    top: 0px; background: none;border: none;}
.search_select select {border:none; background: none; font-size: 13px;
   -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%;}
.search_select select::expand {display: none}
.search_select {display: inline-block; position: relative;}

@media(max-width:991px){
	.head_search {border: none;}
	.search_select {width: 25%; float: left; margin-top: 10px;}
	/* .head_search input {width: 50% !important; padding-left: 15px !important;} */
}
@media(max-width:619px){
	.head_search {border: none;}
	.search_select {width: 40%; float: left; margin-top: 0px;}
	/* .head_search input {width: 40% !important; padding-left: 15px !important;} */
	.mobileicon.back {margin-left: -10px;}
}
.top_nav > ul > li {    float: left;    list-style: none;    margin: 20px 0px 0px 20px;}
.icon.login.inner {display: none;}
.top_nav > ul > li > a{ font-size: 12px; text-transform: uppercase; color: #01afae;  text-decoration: none; padding: 0px 5px;}
.top_nav > ul > li:last-child a{  }
nav > ul > li{ float: left; list-style: none;}
nav > ul > li > a {    display: block;    padding: 30px 0px 20px 37px;    font-size: 13px;    text-transform: uppercase;    color: #7b7b7b;    font-weight: 400;    text-decoration: none;    letter-spacing: 1px;}
nav > ul > li > a:hover{ text-decoration: none; }
.nav_outer {    width: 60%;    float: right;}
.mobile_search {display: none;}
.log_out_btn{  display: none;}
.memss_box .desktop_view{padding: 0px 0px 0px 0px;}
section.login_form.innerpages {margin-bottom: 50px;}
@media(min-width:992px){
	.nav_overlay {display: none !important}
}
.memo_form_grid:after {content: ''; display: block; clear: both;}
/*header*/
/*fab Icon*/
.icon{ width: 17px;height: 17px;float: left; margin: 6px 6px 0px 0px;}
.icon.search{ background: url(../images/icon/marg_images.png); background-repeat: no-repeat !important; background-size: cover; background-position: -22px 0px;margin-top: 7px; }
/*fab Icon*/
.menu{ display: none; }
.logo img {max-width: 100%;}
.banner {position: relative;    height: 100%;    background-size: cover !important;    background-position: top center !important; max-width: 100%; max-height: 950px; min-height:550px}
.banner_text_contener {    position: absolute;    left: 0;    right: 0; top: 40%; transform: translate(0px, -31%);}
.banner_text{ text-align: center}
.banner_text h3{  font-family: 'Merriweather', serif;  font-size: 70px; color: #fff;text-shadow: 0px 0px 3px rgba(0,0,0,0.6); }
.banner_text p{ font-family: 'Allura', cursive; font-size: 70px;color: #90f1f0;text-shadow: 0px 0px 3px rgba(0,0,0,0.6);   }
.banner_button {    position: absolute;    bottom: 10%;    left: 0;    right: 0;}
.banner_inner_buttn a:first-child {    float: left;    width: 60%;    text-align: center;    background: #001c28;    font-size: 50px; font-family: 'Allura', cursive; color: #fff; text-decoration: none; border-radius: 80px; padding-top: 45px; height: 113px; transition: 0.3s }
.banner_inner_buttn a:first-child:hover{ background: #000000; }
.banner_inner_buttn a:last-child {    float: left;    width: 50%;    text-align: center;    background: #72e4e3;    font-size: 50px;    font-family: 'Allura', cursive;    color: #224d4d;    text-decoration: none;    border-radius: 80px;   margin-left: -10%;  padding-top: 45px; height: 113px; transition: 0.3s}
.banner_inner_buttn a:last-child:hover{ background:#fff}
.about_section{ background: #f2f2f2; padding: 50px 0px; position: relative}
.about_left_box {    position: relative;    z-index: 1;}
.about_left_box h3{ font-size: 52px; color:#000; font-family: 'Allura', cursive; position: relative;margin-bottom: 20px;     margin-top: 0px;}
.about_left_box h3::after {    content: "";    background: url(../images/icon/headingborder.png);        background-repeat: repeat;    width: 100%;    height: 40px;   display: block;    background-repeat: no-repeat;}
.about_left_box a {    background: #5ed0cf;    padding: 10px 30px;    display: inline-block;    color: #fff;    text-transform: uppercase;    font-size: 13px;    font-weight: 400; margin-top: 25px;border-radius: 40px; text-decoration: none; transition: 0.3s;} 
.about_left_box a:hover{ background: #01afae }
.forward_icon {    float: right;    margin: -1px 0px 0px 7px;}

.vide_box{ width: 100%; position: relative; padding: 20px; }
.vide_box img{ width: 100%; }
.vide_box span {    position: absolute;    top: 0;    left: 0;    right: 0;    bottom: 0;}
.vide_box span {    position: absolute;    top: 0;    left: 0;    right: 0;    bottom: 0;}
.vide_box a{ text-decoration: none; }
.about_section::after {    content: "";    background: url(../images/about_bg_top.jpg);    background-repeat: no-repeat !important;    position: absolute;    width: 225px;
    height: 245px;    display: block;    left: 0;    top: 0;}
.about_section::before {    content: "";    background: url(../images/about_bg_bottom.jpg);background-repeat: no-repeat !important; position: absolute; width: 225px;
    height: 245px;    display: block;    right: 0;    bottom: 0;}
.about_left_box p {    color: #a9a9a9; font-size: 14px;}
.video_player img {    width: auto;}
.video_player h3 {font-size: 52px;font-family: 'Allura', cursive;color: #fff;text-decoration: none;float: left;width: 66%;padding: 0px;margin: 0px;text-align: right;}
.video_palay {transition: 0.3s;    float: left;    width: 52px;    height: 52px;    margin-left: 19px;    background: #5ed0cf;    position: relative; border-radius: 50%;}
.video_palay::after{transition: 0.3s;width: 0;height: 0;border-top: 10px solid transparent;border-left: 15px solid #f6f6f6;border-bottom: 10px solid transparent;content: "";position: absolute;right: 30%;top: 32%;}
.video_player {   }
.mobile_slider{ display: none; }
.fram_box {    margin: 50px 0px;}
.desktop_view .memorial_item{ width:25%; padding:0px 15px; float: left; margin-bottom: 30px; }
.mobile_viewall a{ display: inline-block;width: auto;height: 86px;background: #72e4e3;color: #000;border-radius: 50px;font-family: 'Allura', cursive;font-size: 40px;text-decoration: none;padding-top: 30px;margin-top: 60px;transition: 0.3s;  transition: 0.3s; text-align: center ; padding-left: 60px;padding-right: 60px;}
.mobile_viewall a:hover{ background:#01afae; text-decoration: none; color: #fff}
.mobile_viewall{ text-align: center;}
.desktop_view {    max-width: 1240px;    margin: 0 auto;    padding: 90px 0px 0px 0px;}
.memorial{ padding: 80px 0px; }
.main_heading{ text-align: center;  font-size: 38px; font-weight: 700; font-family: 'Merriweather', serif; position: relative; color:#000}
.main_heading::after {    content: "";    background: url(../images/icon/recent_border.png);    background-repeat: no-repeat;    display: block;    position: absolute;    right: 0;    width: 230px;    height: 40px;    text-align: center;    margin: 0 auto;    left: 0;    top: 40px;}
.photos {    width: 100%;     border-radius: 130px;    overflow: hidden;    position: relative;    margin: 0 auto;     z-index: 10;     max-width: 100%;}
.photo_fram {    background-size: 100% 100% !important;    padding: 23px; background: url(../images/recent_images/frame.png)}
.photos img{ width: 100%; background-size: cover !important; background-repeat: no-repeat !important;}
.frame {    position: absolute;    top: -20px;    left: 0;    right: 0;    bottom: 0;    text-align: center;}
.photo_text {    background: linear-gradient(transparent, black);    position: absolute;    bottom: -3px;    left: 0px;    right: 0px;    padding: 10px 15px; transition: 0.3s}
.plus_icon {    display: inline-block;    width: 30px;    height:30px;    position: absolute;    top: 60%;    left: 0;   right: 0;    text-align: center;    margin: 0 auto; background: url(../images/icon/marg_images.png); background-repeat: no-repeat; background-size: cover;background-position: -310px 0px; opacity: 0; transition:0.3s }
.photos:hover .plus_icon{ opacity: 1;  top:45%;  }
.photos:hover .photo_text{ padding-top: 88.5px; }
.vide_box:hover .video_palay{ background: #fff; }
.vide_box:hover .video_palay::after { border-left: 15px solid #5ed0cf;}
.photo_text h3 {    color: #fff;    font-size: 28px;    font-family: 'Allura', cursive;    text-align: center;    margin: 50px 0px 0px 0px;    line-height: 25px;}
.photo_text p{ color:#fff; font-weight: 400; font-size: 12px; text-align: center}
.new_btn{  background: #5ed0cf; transition: 0.3s; }
.file_list_img {margin-bottom: 13px;}
.file_list_img .label {display: block; margin-top: 5px}
.file_list_img img{  width: 100%; }
#file_list .col-md-3 {padding: 0px 5px;}
/*#ui-datepicker-div {z-index: 10 !important;}*/
.choose_option.select select {width: 100%;border: 1px solid #ddd;}
.memo_form_grid label{ font-weight: 400 !important; }
.photos a {    position: absolute;    z-index: 1100;    color: #fff;    top: 0;    left: 0;    right: 0;    text-align: center;    font-size: 28px;
    font-family: 'Allura', cursive;    bottom: 0px;    padding-top: 51%; transition: 0.3s}
.photos a:hover{ background:#01afae; text-decoration: none; }

.lef_box{ background: #001c28; position: relative; width: 50%; float: left;}
.lef_box::after{ content: "";    background: url(../images/topleft.jpg);background-repeat: no-repeat !important; position: absolute; width: 225px;
    height: 245px;    display: block;    right: 0;    top: 0;}
.lef_box::before {    content: "";    background: url(../images/topright.jpg);    background-repeat: no-repeat !important;    position: absolute;    width: 225px;    height: 245px;    display: block;    left: 0;    bottom: 0;}
.support{ background: #01afae; }
.left_text{ padding: 165px 20px; text-align: center; position: relative;    z-index: 10;}
@media(max-width:1400px){
	.left_text {padding: 120px 20px;}
}
@media(max-width:1300px){
	.left_text {padding: 100px 20px;}
}
.left_text h3{ font-size: 70px; color:#0dd9d8; font-family: 'Allura', cursive;   }
.left_text p{ font-size: 30px; color:#fff; font-weight: 300; }
.left_text a {   display: inline-block;    width: 336px;    height: 86px;    background: #72e4e3;    color: #000;    border-radius: 50px;    font-family: 'Allura', cursive;    font-size: 40px;    text-decoration: none;    padding-top: 30px;    margin-top: 40px; transition: 0.3s;}
.left_text a:hover{ background: #fff; }
.right_box{ width: 50%; float: left; background: #01afae; }
.right_text{ padding: 90px 0px 0px;  text-align: center;}
.main_right_text{ color:#fff; font-size: 40px; font-weight: 400;  position: relative;  font-family: 'Merriweather', serif; font-weight: 700;}
.main_right_text::after{ content: "";background: url(../images/end_border.png);background-repeat: no-repeat;display: block;position: absolute;right: 0;
width: 230px;height: 40px;text-align: center;margin: 0 auto;left: 0;top: 40px; }
.clent_section {    text-align: center;    margin-top: 80px;}
.clent_section ul{ margin: 0px; padding: 0px; }
.clent_section ul > li{ list-style: none; display: inline-block;  padding: 0px 0px;}
.clent_section ul > li > a{background: #fff;  display: block; box-shadow: 0px 2px 3px rgba(0,0,0,0.4);        padding: 20px 26px; 	margin-bottom: 20px;}
.clent_section img{text-align: center;}
.testimonial {    padding: 0px 100px;}
.footer_menu{ text-align: center;}
.footer_menu > ul > li{ display: inline-block;}
.footer_menu > ul > li > a{ display: block; padding: 0px 15px; color: #000; font-weight: 400; text-decoration: none;}
.footer_social {    text-align: center;     padding-top: 50px;}
.footer_social > ul > li { display: inline-block;     margin: 0px 3px;}
.footer_social > ul > li > a{    width: 46px;    height: 46px;    display: block;  text-align: center;     padding-top: 8px;  }
.footer_social > ul > li:nth-child(1){ background: #3b5998;  border-radius: 50px; }
.footer_social > ul > li:nth-child(2){ background: #46bcd9;  border-radius: 50px; }
.footer_social > ul > li:nth-child(3){ background: #2694c8;  border-radius: 50px; }
footer{ background-repeat: no-repeat !important; background-size: cover !important; background-position:top center !important; padding: 80px 0px;}
.footer_end{ text-align: center; box-shadow: 0px 0px 3px rgba(0,0,0,0.3)}
.botom_text > li {    display: inline-block;   margin: 22px 50px 0px 40px; color:#969696;}
/*--sticky---*/
.mobile{  display: none;}
@media(min-width:992px){
.home_page .sticky .brouser{ display: none; }
.home_page .sticky .mobile{ display: block}
.home_page .sticky .top_nav{ display: none }
.home_page .sticky nav > ul > li > a {   padding: 23px 0px 23px 37px;}
.home_page .sticky .logo {    float: left;    padding: 10px 0px;}
.home_page .sticky .logo img {    max-width: 80%;}
.home_page .sticky { position: fixed;width: 100%;z-index: 1000;animation-name: slidedown;animation-duration: 1s;transition: 0.3s;top: -110px;   animation-fill-mode: forwards; box-shadow: 0px 0px 3px rgba(0,0,0,0.5);}
@keyframes slidedown{	from{top:-100px}	to{ top: 0px;  }}
.inner_pages header{ position: static}
}

.memorial_slider .owl-prev {    float: left;    width: 45px;    height: 45px;    margin-left: -34px;    font-size: 0px;    transition: 0.3s;    opacity: 1;
    background: url(../images/icon/prev.png);        background-repeat: repeat;    background-repeat: no-repeat;    position: absolute;    top: 40%;    left: 0;}
.memorial_slider .owl-next {   float: right;    width: 45px;    height: 45px;    margin-right: -54px;    font-size: 0px;    transition: 0.3s;    opacity: 1;
    background: url(../images/icon/next.png);        background-repeat: repeat;    background-repeat: no-repeat;    position: absolute;    top: 40%;    right: 0;}
.owl-nav > div.disabled {opacity: 0.3;}
/*--sticky---*/

/*--memorial_pages---*/
.inner_pages header {    box-shadow: 0px 0px 5px rgba(0,0,0,0.3);}
.site_conten_slider {    margin-bottom: 30px;    display: block; float: left; width: 100%;}

.user_left_images {    width: 290px;    float: left; transition: 0.3s}
.user_left_pennel {    width: 290px;    float: left; /*transition: 0.3s*/}

.cover_banner{background-repeat:no-repeat;background-size:cover;background-position:center center;height:295px;position:relative;margin-bottom:110px; float: left; width: 100%}  
.cover_banner:before {content:''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background:rgba(0,0,0,.3)}
.user_left_images .photo_fram {    background-size: 100% 100% !important;    padding: 23px; background: url(../images/recent_images/inner_frame.png)}
.inner_banner h3{ font-size: 52px;font-family: 'Allura', cursive; color:#FFFFFF; margin-right:200px;}
.inner_banner > ul{  margin: 0px; padding: 0px;}
.inner_banner > ul > li{ display: inline-block;  font-size: 17px; color:#fff; font-weight: 400; position: relative}
.inner_banner > ul > li:first-child::after {    /*content: ""; */   position: absolute;    width: 2px;    height: 16px;    right: -19px;    display: block;    top: 6px;    background: #fff;}
.right_banner_pannel {    margin-left:346px; position: relative; height: 210px;}

.right_banner_pannel .inner_banner {position: absolute; bottom: 0; left: 0; width: 100%;}
@media(max-width:991px){
	.inner_banner h3 {margin-right: 0}
	.right_banner_pannel {min-height: 50px; height: auto;}
	.right_banner_pannel .inner_banner {position: relative;}
}
.inner_banner_outer {    position: absolute;    left: 0;    right: 0;    bottom: 0px;    height: 230px;}
.pay_btn {text-align:center; margin-top: 40px; padding-top: 40px; border-top:1px solid #ddd;}
.pay_btn a {    font-size: 30px;    color: #fff;    font-family: 'Allura', cursive;    height: 47px;    background: #14cad5;    display: inline-block;    text-align: center;    padding: 13px 40px;    border-radius: 70px;    text-decoration: none; box-shadow: 0px 2px 3px rgba(0,0,0,0.3);transition: 0.3s; text-decoration:none !important;}

.pay_btn_log{ float: right;margin-top: -50px; }
.pay_btn_log a {font-size: 25px;color: #fff;font-family: 'Allura', cursive;height: 44px;background: #14cad5;display: block;text-align: center;padding: 10px 30px;border-radius: 70px;text-decoration: none;box-shadow: 0px 2px 3px rgba(0,0,0,0.3);transition: 0.3s;}
.pay_btn_log a:hover{ background: #0fb7c2; }

.pay_btn a:hover{ background:#0fb7c2; color:#fff}
.btn_proceed_big a {font-size: 40px;height: 68px; padding: 11px 70px; line-height: 50px;}
.inner_pagemain {    padding: 0px 0px;    position: relative;}
.user_left_pennel > ul > li{ list-style: none; }
.mem_detail {position: relative;font-style: italic;display: block;float: left;margin-bottom: 20px;}
.user_left_pennel > ul > li:first-child > a{  border-radius: 4px 4px 0px 0px;    overflow: hidden;  }
.user_left_pennel > ul > li:last-child > a{ border-radius: 0px 0px 4px 4px;    overflow: hidden;  border-bottom: 0px solid #83cfcb;   }
.left_icon{width: 19.5%;height: 53px;float: left;background: #4dbab5; }
.message{ width: 56px; height: 53px; background: url(../images/icon/left_pannel_icon.png);    background-repeat: repeat;background-size: auto 360px;background-position: -5px -52px; float: left; border-bottom: 1px solid #83cfcb; }
.photo{ width: 56px; height: 53px; background: url(../images/icon/left_pannel_icon.png);    background-repeat: repeat;background-size: auto 360px;background-position: -4px -210px; float: left; border-bottom: 1px solid #83cfcb; }
.light{ width: 56px; height: 53px; background: url(../images/icon/left_pannel_icon.png);    background-repeat: repeat;background-size: auto 360px;background-position: -5px -282px; float: left; border-bottom: 1px solid #83cfcb;}
.quat{ width: 56px; height: 53px; background: url(../images/icon/left_pannel_icon.png);    background-repeat: repeat;background-size: auto 360px;background-position: -5px -510px; float: left;border-bottom: 1px solid #83cfcb;}
.video{ width: 56px; height: 53px; background: url(../images/icon/left_pannel_icon.png);    background-repeat: repeat;background-size: auto 360px;background-position: -5px -463px; }
.user_left_pennel > ul > li > a:hover .right_icon_text{ background:#4dbab5;border-bottom: 0px solid #4d6169;}
.user_left_pennel > ul > li > a:hover .right_icon_text h3{ color:#fff; }
.user_left_pennel > ul > li:last-child .right_icon_text{ border-bottom: none;  padding: 19px 17px 13px;}
.right_icon_text {  padding: 19px 17px 12px;border-bottom: 1px solid #4d6169;width: 80.5%;float: left; transition: 0.3s; background: #001c28;}
.right_icon_text h3{ float: left; font-size: 14px; font-weight: bold; color:#d3d5d6; text-decoration: none; margin: 0px;   font-family: 'Merriweather', serif; }
.right_icon_text span {    float: right;    /*width: 40px;*/    height: 27px;    background: #263e48;    color: #fff;    font-size: 14px;    display: block;    border-radius: 12px;    text-align: center;    margin: -6px 0px 0px 0px;    padding-top: 0px;    font-weight: 400;}
.right_sec{ margin-left: 290px; padding-left: 56px; }
.mem_detail{ position: relative}
/* .mem_detail::after {    content: "";    background: url(../images/icon/quote.png);    background-repeat: no-repeat !important;    position: absolute;    width: 60px;    height: 40px;    display: block;   left:0px;    top: 0;} */
.mem_detail { position: relative;font-style: italic;}
div#counter {    display: inline-block;    width: 20%;    float: left;    margin-top:20px;    margin-left: 3px; color:#000 ; font-size: 16px; font-weight: 300; opacity: 0.7}
.inner_carasule{   margin-top: -48px; position: relative;}
.fram_cara{ background-size: 100% 100% !important;padding: 23px;background: url(../images/icon/videofram.png); z-index:100;}
.memoria_slider .owl-next {    float: left;    width: 30px;    height: 40px;    opacity: 1;    font-size: 0;    position: relative;  margin-top:16px;}
.memoria_slider .owl-prev{ float: left;width: 30px;height: 40px;font-size: 0;position: relative;opacity: 1;	margin-top:16px;  }
.memoria_slider .owl-prev::after{content: "";background: url(../images/icon/right_go.png);background-repeat: repeat;background-size: cover !important;background-position: center !important;background-repeat: no-repeat !important;width: 11px;height: 19px;display: block;position: absolute;top: 11px;left: 8px; }
.memoria_slider{position: relative}
.memoria_slider .owl-next::after{	content: "";background: url(../images/icon/LEFT_GO.png);background-repeat: repeat;background-size: cover !important;background-position: center !important;background-repeat: no-repeat !important;width: 11px;height: 19px;display: block;position: absolute;top: 11px;left:8px; }
.memoria_slider .owl-nav {    width: 20%;    display: block;    float: right;    margin-right: -18px; position: relative}
.memoria_slider .owl-next.disabled{ opacity: 0.5 }
.memoria_slider .owl-prev.disabled{ opacity: 0.5 }
.memorial_album_outer {position: relative; width: 100%; padding: 20px;}
.memorial_album_outer .fram_cara {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;}
.videos_new_box .vide_box{ padding: 30px; }
.slider {    background: #ffffff;   padding: 30px 30px 30px;    box-shadow: 1px 1px 1px rgba(0,0,0,0.1);    border: 1px solid #ddd; position: relative}
.footer {float: left;width: 100%;height: 60px;}
.slider .new_tab > p{ background: #fff;   }
.slider .pannel_heading h3 {	font-size: 35px;}
.left_navs {background:#001c28; margin-bottom: 20px;}
/*--memorial_pages---*/

/*--left_social_icon---*/
.share_on a {    width: 33px;    height: 40px;    display: inline-block;      margin-top: -6px;}
.share_on {    margin-top: 30px;}
.share_on span {    float: left;    margin-right: 10px; font-size: 30px; font-family: 'Allura', cursive; }
.face_book{ background: url(../images/icon/left_social.png); background-repeat: repeat;    background-size:cover;    background-position: -6px -1px; background-repeat: no-repeat}
.twitter{ background: url(../images/icon/left_social.png); background-repeat: repeat;    background-size:cover;    background-position: -43px -1px; background-repeat: no-repeat }
.whats_up{ background: url(../images/icon/left_social.png); background-repeat: repeat;    background-size:cover;        background-position: -80px -1px; background-repeat: no-repeat }

.pannel_heading h3{     font-size: 52px;    color: #000;    font-family: 'Allura', cursive;    position: relative;    margin-bottom: 20px;    margin-top: 0px; }
.pannel_heading h3:after{ content: "";    background: url(../images/icon/headingborder.png);width: 100%;    height: 40px;    display: block;    background-repeat: no-repeat; }
/* .video_player a{ font-family: 'Allura', cursive;    color: #fff;    background: #01afae;    font-size: 25px;    display: inline-block;    padding: 10px 30px;
    border-radius: 40px; transition: 0.3s; cursor:pointer;}
.video_player a:hover{ background: #0fb7c2; text-decoration:none;} */
/*--left_social_icon---*/
.new_tab span{ background: url(../images/icon/marg_images.png);background-repeat: no-repeat !important;background-size: cover;background-position: -204px 0px; width: 17px;
height: 17px;float: left;margin: 5px 6px 0px 0px; }
.new_tab{ position: relative; overflow: hidden;}
.new_tab::after {    content: "";    width:220%;    height: 1px;    background: #ddd;    position: absolute;    top: 22px;    right: 0%;}
.new_tab > p {    float: right;    background: #fff;    padding: 10px;    z-index: 9;    position: relative;}
/*---tab--*/
.tab_main{ background: #001c28; width: 100%; padding: 50px;  position: relative;     margin-bottom: 20px;}
.tab_main::after{content: "";background:url(../images/icon/pay_tri_left.jpg);    background-repeat: repeat;background-repeat: no-repeat !important;position: absolute;
width: 142px;height: 154px;display: block;right: 0;top: 0;  }
.tab_main::before{ content: "";background: url(../images/icon/pay_tri_right.jpg);background-repeat: no-repeat !important;position: absolute;width: 138px;height: 156px;display: block;left: 0;bottom: 0; }
.tab_section h3{  font-family: 'Allura', cursive;  font-size: 60px; color:#fff; position: relative; z-index: 9; margin: 0px;padding-bottom: 40px; }
/*---new_tab--*/
.new_tab_box { position: relative; z-index:3}
.new_tab_box .tab { background: none;; width: 100%; border-bottom:2px solid #5b676d}
.new_tab_box .tab:after {content:''; display:block; clear:both;}
.new_tab_box .tab button {font-size: 18px;color:#889398; font-weight: bold; font-family: 'Merriweather', serif; background: none; border:none; position: relative; border-bottom: 2px solid transparent; float: left;padding: 11px 23px;}
.new_tab_box .tab button:focus{ outline: none; }
.new_tab_box .tab button:hover {    color: #72e4e3; }
.new_tab_box .tab button.active {    color: #72e4e3; position: relative}
.new_tab_box .tab button.active::after{ background:url(../images/icon/tab_bg.png) bottom 1px center no-repeat; position: absolute;content: "";display: block;width: 100%;height: 20px;left: 0;
right: 0;top:100%;bottom: 0; background-repeat: no-repeat;  }
.new_tab_box .tabcontent {    display: none;  padding: 50px 0px 0px 0px }
.tabcontent {color:#fff;}
.main_form:after {content: ''; display: block; clear: both;}
.main_form input {    border: 1px solid var(--theme-color-text);    width: 100%;    padding: 8px 15px;    color: #858c90;    background: none;    border-radius: 3px; }
.main_form input:focus{ outline: none; }
.main_form {    margin-bottom: 15px; display: flex; align-items: flex-end;}
.main_form textarea{ border: 1px solid var(--theme-color-text); width: 100%; resize:vertical;     padding: 8px 15px;    color: #858c90;    background: none;    border-radius: 3px; height: 100px; }
.main_form textarea:focus{ outline: none; }

.check_box input {    display: none;}
.check_box input:checked + span {    background: #72e4e3;    color: #fff;  border: 1px solid #72e4e3;     display: block;  background: #72e4e3 ;  }
.check_box span {     text-align: center;    border: 1px solid #fff;      display: block; padding: 5px; background: #fff ; }
.main_form > ul{  margin: 20px 0px 0px 0px}
.main_form > ul > li {    list-style: none;    float: left;    padding: 0px 7px;}
.main_form h3{ font-family: 'Merriweather', serif;     font-size: 20px; color:#fff; }
.candle {    width: 40px;    max-width: 100%;}
.quat_lines{  width: 30px; float: left; margin-top: 8px;     clear: both;}
.quat_text_area{ margin-left: 30px; }
.quat_area {    margin-bottom: 30px;}

/*---new_tab--*/
/*---messages_slider--*/
.slider {    margin: 20px 0px;}
.main_outer_all > ul > li{ display: inline-block; list-style: none; margin-right:20px;  }
/*---messages_slider--*/
/*---perfix--*/
.inner_pagemain.fix_pannel .user_left_pennel{ position: fixed; top: 10px; z-index: 1000; }
/*---perfix--*/
/*---announcement---*/
.btn-danger {background: #999; border-color: #888}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active {background: #aaa !important; border-color: #888 !important}
.anauncement{ padding: 0px 0px;border-radius: 3px;  border-bottom: 1px solid#ddd; padding-bottom: 15px}
.announce_matter{ display: table; width: 100%; margin-bottom: 10px;}
.announce_left {    float: left;    width: 100%;      color: #000; line-height: 20px;   font-size: 15px;    margin-bottom: 10px; color:#777; padding-top: 12px;	}
.annouce_main > ul {margin-bottom: 0}
.annouce_main > ul > li{ display:block;list-style: none; color:#777; margin-right: 10px; font-size: 13px; margin-bottom: 10px; line-height: normal;}  
.annouce_main + .annouce_main {margin-top: 10px; padding-top: 10px; border-top: 1px solid #ddd;}
.left_pannel_heading h3{line-height: 11px; font-size:40px;font-family: 'Allura', cursive;  margin-bottom: 20px; color:#000; text-align: left; margin: 0px; line-height: 50px;}
.left_pannel_heading.summary h3::after {margin-top: -20px;}
.user_left_pennel.summary > ul {margin-bottom: 30px;}
.announce_right {color: #000; line-height: normal; margin-bottom: 5px;}
.left_pannel_heading h3:after {    content: "";    background: url(../images/icon/headingborder.png);    width: 100%;    height: 40px;    display: block;    background-repeat: no-repeat;}
.view_detail {    display: inline-block;      text-align:left;    padding: 0px 0px 1px;    color: #4dbab5;    text-decoration: none;    font-size: 13px; position: relative; text-transform: uppercase; font-weight: 500; cursor: pointer;}
.view_detail::after {display: block;content: "";width: 0%;height: 1px;background: #4dbab5;margin-top: 3px;transition: 0.3s;position: absolute;top: 21px;}
.view_detail:hover {color: #4dbab5; text-decoration: none}
.view_detail:hover::after{ width: 100%; }
.left_pannel_heading:last-child{ border-bottom: 0px solid#000; }
.announce_list > li {position: relative; padding-left: 22px;}
.announce_list > li img {position: absolute; left: 0; top: 0}
.accounce_more_outer {text-align: right;}
.view_more {    margin: 30px 0px;    text-align: center;}
.view_more a{ font-family: 'Allura', cursive;color: #fff;background: #01afae;font-size: 25px;display: inline-block;padding: 10px 40px;border-radius: 40px;transition: 0.3s; text-decoration: none; }
.view_more a:hover {    background: #0fb7c2;}
/*---announcement---*/
/*---announcement-page--*/
.announcement_pages { box-shadow: 0px 2px 8px rgba(0,0,0,0.2); padding: 80px 50px; margin-bottom: 30px; width: 820px; margin: 0 auto 50px auto;}
.announce_images{ width: 290px; margin: 0 auto; margin-bottom: 60px;}
.anna_body_box{ text-align: center; margin-bottom: 40px;}
.anna_body_box h1{ font-size: 42px; color:#4dbab5;font-family: 'Allura', cursive;  }
.anna_body_box h3{font-size:35px;font-weight: 400;color: #4dbab5;margin-top: 20px; }
.anna_body_box p{ font-size: 20px;color: #777;width: 67%;margin: 0 auto;padding-top: 13px; padding-bottom: 30px;} 
.anna_body_box span{ display: block; text-align: center;font-size: 20px; color:#000000;  font-family: 'Merriweather', serif; font-weight: bold; line-height: 30px;}
.announce_line{ width: 80%; margin: 0 auto}
.announce_line ul > li {    display: inline-block;    width: 49%;    padding: 0px 5px;}
.announce_line ul > li > a{ display: block;padding: 25px 0px; width: 100%; border-radius: 50px; color: #fff; background: #4dbab5; font-size: 40px;   font-family: 'Allura', cursive; text-align: center; text-decoration: none; transition: 0.3s}
.announce_line ul > li > a:hover{ background: #0fb7c2; }
/*---announcement-page--*/
.candel_send {    float: left;    width: 90px;    overflow: hidden;    padding: 0px 15px;}
.candel_send img{ width: 100%; }
/*__innerform__*/

.memory_form .main_heading{ margin-bottom: 90px; color:#000 }
.form_list{ text-align: center}
.form_list > li {   list-style: none;margin-right: 12px; display: inline-block}
.form_list > li:last-child{ margin-right: 0px; }
.form_list p {    margin: 0px;    line-height: 37px;    font-size: 16px;    color: #000;    float: left;    text-align: right;}
.form_list {    margin: 0px;    margin-bottom: 20px;    display: block; }
label.gender_select.mail span {    border-left: none !important;}

.text-red{color:red;     font-size: 13px;}
.disabled_required .iti__selected-dial-code {     opacity: 0.6;}
.disabled_required .iti__selected-flag {     opacity: 0.6;}
.gender_select{   float: left; color:#777;margin: 0px; }
.gender_select input {    display: none;}
.gender_select input:checked + span {    background: #4dbab5;    color: #fff;     display: block;  background: #4dbab5 ; }
.gender_select span { border-left: 1px solid #4dbab5 !important;      text-align: center;    display: block;        background: transparent;    font-size: 15px;    color: #4dbab5;    font-weight: 400;    padding: 5px 30px;    cursor: pointer;}
.memo_form_grid select{-moz-appearance: none; -webkit-appearance: none;}
.memo_form_grid {margin-bottom: 15px;}
.memo_form_grid_ind {margin-bottom: 15px;}
.memo_form_grid_ind input {width: 100%;border: 1px solid #ddd;padding: 7px 5px;border-radius: 3px;color: #000;font-weight: 300;}
.memo_form_grid_ind label{ width: 100%; }
.search_bto {background: #01afae;border: none;color: #fff;width: 160px;padding: 8px 0px;float: right;}
.memo_form_grid input {width: 100%;border: 1px solid #ddd;padding: 7px 5px;border-radius: 3px;color: #000;font-weight: 300;float: left;margin-right: -170px;}
.choose_option {    position: relative;    width: 100%;}
.choose_option::after{ content: '';position: absolute;top: 20px;right: 8px; background: url(../images/down_arow.png); width: 10px;height: 10px; background-repeat: no-repeat; }
.memo_form_grid textarea{   width: 100%;    border: 1px solid #ddd;    padding: 5px;    border-radius: 3px; height: 100px; }
.select_text {    color: #000;    padding-right: 14px;    line-height: 40px;    font-size: 16px;    text-align: right;  }

.memo_form_grid_brouser {border: 1px dashed #a0a0a0;padding: 50px 20px;background: #f9f9f9;text-align: center;}
.memo_form_grid_brouser label {    display: block;    width: 100%;         color: #a0a5aa;    font-size: 20px;     font-weight: 400;     margin-bottom: 12px;}

.memo_form_grid_brouser span#upload-file-info {    display: block;    padding: 0px;    line-height: 26px;    margin-top: 17px;    color: #131313;    background: transparent;    font-size: 15px;    font-weight: 400; height: 0px;}
.memo_form_grid_brouser span#upload-file-info1 {    display: block;    padding: 0px;    line-height: 26px;    margin-top: 17px;    color: #131313;    background: transparent;    font-size: 15px;    font-weight: 400;height: 0px; }
.select_file_btn {font-size: 15px;color: var(--theme-color-text);border: 1px solid var(--theme-color-text) !important;padding: 8px 20px;border-radius: 6px;
  background: #fff;font-weight: 400;position: relative;display: inline-block;}
a.select_file_btn input {  position: absolute !important;top: 0 !important;left: 0 !important;bottom: 0 !important;cursor: pointer;width: 100%; transition: 0.3s}
.select_file_btn input:hover{  color:#fff; }
.default_cover_listing  { padding-left: 0;}
.img_upload_btn {margin-top: 0rem;
  margin-bottom: 1rem;}

.select_file_btn:hover{ text-decoration: none; }
.next_go {text-align: center;}
.next_go .btn{ text-decoration: none; padding: 0.6rem 1.875rem; background-color: var(--theme-color);
   color: var(--black); border-radius: 50px; display: inline-block; border: solid 1px var(--theme-color);
    transition: 0.5s; font-weight: 500; }
    .next_go .btn:hover {background-color: transparent !important;}
.top_heading_form h3 {     margin-bottom: 20px;   color: #000;    font-size: 20px;    font-weight: bold; position: relative ; display: inline-block}
.top_heading_form h3::after{ content: "";    display: block;    height: 2px;    background: #000;    top: 110%;    position: absolute;    left: 0;    right: 0;}
.form_inner_outer_grid {width: 50rem; margin: 0 auto; padding: 2.125rem 1.563rem;  }
.outer_grid_new {margin-bottom: 1.875rem;}
fieldset {    position: absolute;    top: -34px;    display: inline-block;    font-size: 18px;    background: #fff;    padding: 0px 9px;
    margin-left: -11px;    color: #000;}
.insite_text{ line-height: 37px !important; }
.memory_form .memo_form_grid select {height: 42px;width: 100%;border: 1px solid #ddd; padding: 0px 5px;}
.next_go.next_form .btn {    margin: 0 auto;}
/*__innerform__*/

/*__jan-20__*/	

.editor_box { position: absolute; top: 0;  z-index: 99;    left: 0;    right: 0;}
/*__jan-20__*/

/*__login_form_design__*/	
.login_form { }
.login_main{ width: 500px;padding: 30px;margin: 0 auto; }
.login_heading {    text-align: center;    font-weight: 400;    font-size: 25px;    margin-bottom: 20px;    display: block;}
.login_sumb {text-decoration: none; padding: 0.6rem 1.875rem;
   background-color: var(--theme-color); color: var(--black); border-radius: 50px; display: inline-block; 
    border: solid 1px var(--theme-color); transition: 0.5s; }
.login_main {width: 70%;margin: 70px auto;background: #ffffff;}
.for_get_pass {  text-decoration: none !important;  margin-top: 15px;   text-align: right;  display: block;   color: var(--theme-color-green);}
/*__login_form_design__*/	
.pag_nation{ text-align: center}
.pag_nation > ul > li{display: inline-block;}
.pag_nation > ul > li > a .active { background-color: #46bcd9; border-color:none; }
/*__desboard__*/	
.desbord{ padding: 80px 0px; }
.user_info h3{ font-size: 20px; color:#000; margin: 0px; }
.user_info p{ font-size: 12px; margin-bottom: 10px;  }
.user_info {min-height: 83px; width: 100%;}
.desbord_list {border-top: 1px solid #ddd;padding-top: 30px;}
.desbord_list > ul > li{ list-style: none;}
.desbord_list > ul > li > a{ display: block ; color:#777; font-size: 14px; text-decoration: none; padding: 3px 0px;}
.desbord_list > ul > li:last-child > a{ padding-bottom: 0;}

.desboard_innerpages{ padding: 80px 0px; }
.right_sec.desboard {    margin-left: 300px;   padding-left: 40px;}
.logout {background: var(--theme-color-green) !important;text-align: center;width: auto;color: #fff !important;border-radius: 20px;margin-top: 0px;font-size: 12px !important;float: left;transition: 0.3s;padding: 3px 17px !important;}
.more_btn {color: var(--theme-color-green);
  border: solid 1px var(--theme-color-green);
  padding: 3px 17px !important;
  display: inline-block;
  border-radius: 20px;
  font-size: 12px; transition: 0.5s;}
  .more_btn:hover {background-color: var(--theme-color-green); color: var(--white);}
  .btn-primary:hover { color: var(--theme-color-dark) !important;}
/*__desboard-end__*/	
.memories_msg {padding-top: 40px;}
.memories_msg .alert-success {background: none; border:none; color:#333; font-size:17px; text-align:center; line-height:32px;}
.alert-success {     background: transparent;
  border: none !important;
  text-align: center !important; padding: 0 !important;}
  .sm_icon_opacity { opacity: 0.5;     height: 20px;}
.registered_msg {font-size:20px;}
.memories_msg .glyphicon, .memories_msg .close {display:none;}
.des_info {margin-top: 23px;}
.memory_img_panel {position: relative;}
.upload_pd_box {position: absolute; left: 0; bottom:50px; width: 100%; text-align:center; z-index: 33;}
/* .img_action {background: #fff; font-weight:400 !important; color:#001c28 !important; box-shadow:1px 1px 3px rgba(0,0,0,.5); padding: 5px 15px !important; transition:.2s; -webkit-transition:.2s; -moz-transition:.2s; -ms-transition:.2s; -o-transition:.2s;} */
/* .img_action:hover {background: #4dbab5; color:#fff !important;} */
.close_pop {position: absolute; top: -18px; right: -10px; padding: 10px;      background: var(--theme-color);   border-radius: 50%; width: 40px; height: 40px; display:block;  border:1px solid var(--theme-color-dark); cursor:pointer; font-size:14px; transition:.2s; -webkit-transition:.2s; -moz-transition:.2s; -ms-transition:.2s; -o-transition:.2s;}
.close_pop:hover {background: var(--theme-color-dark); color:#000;}
.popup_view {display:block; position: fixed; top: 0; left: 0; width: 100%; bottom: 0; z-index: 9999; background: rgba(0,0,0,.2); transition:.2s; -webkit-transition:.2s; -moz-transition:.2s; -ms-transition:.2s; -o-transition:.2s; opacity: 0; visibility:hidden;}
.popup_view.active {opacity:1; visibility:visible;}
.popup_view_inner {background: #fff; padding: 3.125rem; position: absolute; border-radius: 12px;}
[data-pop-class*="_active"] {overflow:hidden;}
@media(min-width:992px){
.popup_view_inner {left: 50%; top: 50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%);}
}
@media(max-width:991px){
	[data-pop-class*="_active"] .banner_main_inner {z-index: 9999}
	.popup_view_inner {width: 100%; height:auto;}
	.upload_photo_box {width: 100% !important; max-height:100% !important;}
	.popup_view {overflow-y:auto; overflow-x: hidden; background: #fff; bottom: -60px; padding-bottom: 0px;}
}
.upload_photo_box {width: 500px;}
.profile_upload_pic {text-align:center;}
.browse_photo {text-align: center;}
.browse_photo label {font-weight:400; margin-bottom: 10px;}
.uploaded_file_info {font-size:13px; margin:10px 0;}
.uploaded_image {text-align:center; max-height: 600px; overflow:auto}
.uploaded_image img {cursor:crosshair;}
.manage_album_pop {text-align:center;}
#uploadifive-file_upload {margin:0 auto !important;}
.update_album_btn {}
.file_list_cell {margin-bottom:0px !important; margin-top: -1px; border-radius:0px !important; padding: 10px 40px 10px 10px; border:none; border-bottom:3px solid #fff;}
#file_list {max-height: 400px; overflow:auto; margin-top: 10px; background:none; padding: 18px 15px;}
.uploadifive-button {background: #fff !important; border:1px solid var(--theme-color-dark) !important; color:var(--theme-color-dark) !important; text-shadow:none !important; cursor:pointer;}
#uploadifive-file_upload {margin-top:10px; cursor:pointer; width: 80% !important; height: 40px !important; padding-top: 5px !important;}
.album_upload_msg {color:#222; margin-bottom: 10px;}
.album_upload_msg span {font-size:13px; color:#666;}
.manage_btn {font-size:13px; border-radius: 30px; cursor:pointer; line-height:20px; display:inline-block;}
.manage_album_btn {font-size: 13px;border-radius: 30px;cursor: pointer;line-height: 20px;display: inline-block; text-decoration: none;} 
/* .manage_btn:hover {color:#fff; text-decoration:none;} */
/* .manage_album_btn:hover {color:#fff; text-decoration:none;} */
.manage_message {float:right; position: relative; z-index: 3;}
.cover_action {font-weight: 400 !important; }
.cust_icon{display:inline-block; width: 22px; height: 22px; margin-top: 5px;}
.icon_edit {background: url(../images/edit.png) 0 0 no-repeat;}
#editstory {float:right; margin-top: -80px; position: relative; cursor:pointer; text-align:right;}
#profile_image .upload_photo_box {width:600px; max-height: 600px;}
#message_editor {margin-bottom:30px;}
.check_options {margin: 0; padding: 0;}
.check_options li {list-style:none; margin: 0; padding:0; background:rgba(255,255,255,.1); float:left; height: 110px; overflow:hidden; border:1px solid rgba(255,255,255,.2)}
.check_options li:first-child {border-radius:4px 0 0 4px;}
.check_options li:last-child {border-radius:0 4px 4px 0;}
.check_options li + li {border-left:none;}
.check_group input[type="radio"] {display:none;}
.check_group > span {display:block; height: 110px; padding: 7px 15px; cursor:pointer; position: relative; min-width: 110px;}
.check_group > span .candle_img {display:none;}
.check_group input[type="radio"]:checked + span {background-color: #fff; background-image:none !important;}
.check_group > input[type="radio"]:checked + span:after {width: 30px; height: 30px; background:#01afae; position: absolute; right: 0; bottom: 0; content:'';}
.check_group > input[type="radio"]:checked + span:before {content:''; display:block; width: 15px; height: 8px; border-left:3px solid #fff; border-bottom:3px solid #fff; position: absolute; bottom:12px; right: 6px; z-index: 2; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg);}
.candle_bg {background-position: bottom 4px center; background-repeat:no-repeat;}
.candle_img {margin-top: -9px;}
.check_group input[type="radio"]:checked + span .candle_img {display:block;}
.flower_candle_box {float:left;}
.form_submit_box{float:right; margin-top:27px;}
.qoute_list {margin-bottom: 20px;}
.qoute_list > li {list-style:none; border:1px solid rgba(255,255,255,.2); overflow:hidden;}
.qoute_list > li:first-child {border-radius:4px 4px 0 0;}
.qoute_list > li:last-child {border-radius:0 0 4px 4px;}
.qoute_list > li + li {border-top:none;}
.quote_check {margin: 0; display: block;}
.quote_check input[type="radio"] {display:none;}
.quote_check > span {display:block; background: rgba(255,255,255,.1); padding:15px 20px; color:#fff; font-weight:normal; line-height:normal;cursor:pointer}
.quote_check > span:hover {background: rgba(255,255,255,.2);}
.quote_check > span p {margin: 0;}
.quote_check > span p em {font-style:normal;}
.quote_check input[type="radio"]:checked + span {background: #01afae;}
.page_cms_section {padding: 50px 0;}
.user_dropdown > a {text-transform:none !important; }
.action_dropdown {position: relative;}

.dropdown_menu {position: absolute; top: 100%; right: 0; background: #fff; padding: 8px 0; box-shadow:0 1px 3px rgba(0,0,0,.4); font-size:14px; width:200px; z-index: 33; margin-top: 5px; opacity: 0; visibility:hidden; transition:.2s; -webkit-transition:.2s; -moz-transition:.2s; -ms-transition:.2s; -o-transition:.2s;}
.action_dropdown:hover .dropdown_menu {opacity: 1; visibility:visible; margin-top: 0;}


.dropdown_menu_header {position: absolute; top: 100%; right: 0;     width: 23.75rem; z-index: 33;  transition:.2s; -webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; background: #FCFCFC;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25); border-radius: 10px; pointer-events: none;     transform: translateY(5rem); opacity: 0;}

  .dropdown_menu_header.active {     opacity: 1;
    transform: translateY(1px);
    pointer-events: all;}
/* 
.action_dropdown:hover .dropdown_menu {opacity: 1; visibility:visible; margin-top: 0;} */
.dropdown_menu > li {list-style:none;}
.dropdown_menu > li > a {display:block; padding: 6px 20px !important; color:#444 !important; transition:.2s; -webkit-transition:.2s; -moz-transition:.2s; -ms-transition:.2s; -o-transition:.2s; text-align: left}
.dropdown_menu li a:hover {background: #f6f6f6; text-decoration:none;}
/* .dropdown_menu li.last {padding-top: 5px; border-top:1px solid #ddd; margin-top: 5px;} */
.area_img {max-width: 100%; height:auto; width: 100%; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.create_album_box {top:40%; z-index:5}
.choose_option.select {width: 100%; } 
.choose_option.select select{ padding: 8px 8px; }
.time_select > li{  list-style: none;width: 50%; float: left;    }
.time_select > li:first-child {padding-right: 21px;}
.tribut_table {   width: 100%;    margin-bottom: 30px;}
.tribut_table {    width: 100%; background: #f1f1f1;}
.tribut_table th {border-bottom: 1px solid #ddd;    padding: 10px 15px; font-size: 14px; line-height: 15px; font-weight: 300; color: #000; font-weight: 500; vertical-align: middle;}
.tribut_table a{ color:#4dbab5 !important; text-decoration: none; }
.tribut_table td{ background: #fff; border-bottom: 5px solid#f8f8f8; padding: 10px 15px; color: #000;  text-align:left; vertical-align: top;}
.change_password{ width: 500px; }
.delete_reply {text-align: right; font-size: 12px; font-style: italic;}
.delete_reply a {color: #f00; padding: 2px;}
.Update_btn{ display: inline-block;background: #5ed0cf;margin: 0 auto;    margin-top: 0px;margin-top: 30px;font-family: 'Allura', cursive;font-size: 30px;
border: none;border-radius: 50px;padding: 16px 46px;transition: 0.3s;color: #fff; }
.Update_btn:hover{text-decoration: none; color:#fff; background: #01afae;  }
.update_btn{background: #4dbab5;text-align: center;color: #fff !important;border-radius: 40px;margin-top: 8px;font-size: 26px !important;float: left;border: none;padding: 10px 37px;transition: 0.3s;font-family: 'Allura', cursive;}.update_btn:hover{ background: #01afae;  }
.story_content:after {content:''; display:block; clear:both;}
.story_content iframe {width: 100%; height: 300px;}
#load_tribute_message img {display: none !important;}
#success {color:#72e4e3 !important;}
.memss_box {margin-top: 40px;	 color: #000}
.memss_box a{ text-decoration: none; color: #4dbab5 }
.three_donts > ul{ margin: 0px; cursor: pointer ;}
.three_donts > ul > li{ list-style: none; background: #8f8f8f; width: 4px; height: 4px; border-radius: 50px; margin: 2px auto; display: block}
.three_donts {padding: 5px 0px;width: 10px; margin: 0 auto;}
.table{ margin: 0px; }
.three_donts:hover li{ background: #4dbab5 }
.table_input{ width: 300px; }
.table_candel_box {}
.table_message_box {    margin-left:0px;}
.action_dropdown.table {    float: right;    width: 25px;   margin-left: 12px;    cursor: pointer;}
.pagination > li > a, .pagination > li > span{ border: none; color:#000 }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{ background: #4dbab5;	 }
.outer_box_file{ position:relative; float: left; padding-left: 20px; }
.uploaded_images img {   max-width: 100%;    height: auto;      }
.uploaded_images {width: 170px;overflow: hidden;float: right;margin-left: 15px;height: 83px;}	
/* create memory */
/*  .create_memory_page {background: #eef5f4;}*/
.box_style{background: url(../images/box_bg1.png) 0 0 no-repeat,  url(../images/box_bg2.png) right bottom no-repeat; background-color: #fff; box-shadow:0px 1px 3px rgba(0,0,0,.2); padding: 60px 60px 100px;}
.box_style_inner {border:4px solid #4dbab5; background: #fff;}
.box_style_inner > .main_heading {margin:-15px 0 30px; font-style:italic; font-size:34px;}
.box_style_inner > .main_heading:after {display:none;}
.box_style_inner > .main_heading > span {background: #fff; padding: 0 20px; display:inline-block;}
.box_form_outer {width: 84%; margin:0 auto; padding: 30px;}
.form_list {text-align:left;}
.radio_toggle {margin: 0;padding: 0;}
.radio_toggle > li {list-style:none; float:left;}
.radio_toggle > li + li {margin-left: -30px;}
.radio_toggle label {display: block; text-align:center;}
.radio_toggle label input[type="radio"] {display:none;}
.radio_toggle label span {display:block; height: 40px; border-radius:20px; background: #eaeaea; font-size:15px; font-weight:400; padding:7px 40px; position: relative; cursor:pointer; white-space:nowrap;}
.radio_toggle label input[type="radio"]:checked + span {background: #4dbab5; z-index: 9; color:#fff;}
.radio_toggle label span i {display:inline-block; width: 17px; height: 25px; vertical-align:middle; margin-right: 4px; opacity: .5;}
.radio_toggle label span i.icon_male {background:url(../images/icon_male.png) 0 0 no-repeat;}
.radio_toggle label span i.icon_female {background:url(../images/icon_female.png) 0 0 no-repeat;}
.radio_toggle label [type="radio"]:checked + span i {background-position: 0 -30px; opacity: 1;}
.form_fields_outer > label {font-family: 'Allura', cursive; font-size:30px; font-weight:normal; color:#333; float:left; padding-top: 10px; margin-right: 20px;}
.name_panel .form_fields {margin-left: 100px;}
.form_fields_outer.name_panel > label {margin-right: 0;}
.form_fields_outer {margin-bottom: 30px;}
.relation_panel {float:left;}
.relation_panel .form_fields {float:left;}
.form_style2 {margin:0; padding:4px 5px; border:none; background: none; border-bottom:2px solid #9ad7d4; width: 100%; resize:none; line-height:26px; color: #111;}
.form_style2:focus {border-color:#4dbab5;}
.date_of_panel .form_fields {margin-left: 180px;}
.date_of_panel .form_fields_outer > label {margin-right: 0;}
.proceed_btn {height: 60px; font-size:40px !important; min-width: 300px; background: #4dbab5 !important; margin-bottom: -30px !important; margin-top:0 !important; display:block; margin:0 auto;}
.form_fields span.text-red {font-size:12px;}
.form_fields span.text-red p {margin-bottom: 0;}
.file_list_cell.form-group.form-inline {display: none;}
.login_form.login_pages .login_main { width: 50rem; margin: 0 auto; padding: 2.125rem 1.563rem;  }
.login_form.login_pages .memo_form_grid input, .form-control {width: 100%;border: 1px solid #ddd;padding: 7px 5px;    border-radius: 3px;    color: #000;    font-weight: 300; margin-right:0px; float: none;}
.form-control:not(textarea) {height: 42px;}

#profile_image .select_file_btn  {    margin: 1rem 0;}
.refresh_icon {display: block; width:25px; height: 25px; background: url(../images/reset.png) 0 0 no-repeat}
.re_captcha {float: right; margin-top: 7px; cursor: pointer;}
.img_captcha_contact_page img {max-width:calc(100% - 30px); height: 42px; border-radius: 4px;}
/*__newtable---*/
.tribut_table.my_tribute .user_name {margin-bottom: 3px;}
.tribut_table.my_tribute .user_name {display: inline-block;margin-right: 2px;}
.inner_right_box.inner_tribute {overflow: visible;}
.tribut_table.my_tribute tr th:nth-child(2){ width: 20%}
.tribut_table.my_tribute .label.label-info {font-weight: 300;background: #e3e3e3;font-size: 12px;padding: 2px 11px;color: #000;}
.tribut_table.my_tribute .live_date {font-size: 14px;}
.choose_option.select select{ -moz-appearance: none;-webkit-appearance: none; }
.boxl_such_left {max-width: 180px;min-width: 180px;}
.live_date span{ display: inline-block;}
.form_fields_outer.relation_panel .form_fields {    margin-left: 38px;}
.col-md-6.col-xs-12.no_spance {    padding: 0;}
.element_box {text-align: center;box-shadow: 0px 0px 3px rgba(0,0,0,0.3);padding: 20px 10px; background: #fff; margin-bottom: 30px; height: 360px;}
#charaties_list a {    text-decoration: none;    color: #545454;}
.element_box h3 {    font-size: 16px;    color: #01afae;}
.element_box p{ font-size: 14px;min-height: 88px; }
.element_box figure {    width: 100px;    margin: 0 auto; height: 100px;   display: flex;  align-items: center;  justify-content: center; padding: 10px;}
.element_box figure img{max-width: 100%; height: auto}
.inner_pagemain.page_cms_section.cherety {background-size: cover; background-repeat: no-repeat; background-position: center top}
	.select_pannels_box select{ -moz-appearance:none; -webkit-appearance:none; border: 1px solid#ddd; padding:5px 5px; font-size: 14px; color: #545454; width: 230px; font-family: 'Roboto', sans-serif; }
.select_pannels_box::after{ content: '';position: absolute;top: 14px;right: 8px; background: url(../images/down_arow.png); width: 10px;height: 10px; background-repeat: no-repeat; }
.select_pannels_box{position: relative}
.select_custome {float: right; position: relative; z-index:3; margin-top: 10px;}

.forward_icon_button {display: block;position: relative;width: 30px;height: 30px; border: 1px solid #01afae;margin: 20px auto 0 auto;border-radius: 50%; transition: 0.3s}
.forward_icon_button::after {content: "";display: block;width: 10px;margin: 0 auto;height: 2px;background:#01afae;position: absolute;top: 37%;left: 38%;transform: rotate(40deg);}
.forward_icon_button::before {content: "";display: block;width: 10px;margin: 0 auto;height: 2px;background: #01afae;position: absolute;top: 56%;left: 38%;transform: rotate(-40deg);}

.text-green { color: green; }


.element_box:hover .forward_icon_button{ background: #01afae; }
.element_box:hover .forward_icon_button::after{ background: #fff; }  
.element_box:hover .forward_icon_button::before{ background: #fff; } 
.left_images_box{float: left; width: 100px; overflow: hidden; display: flex; align-items: center;justify-content: center; border: 1px solid #ddd}
.left_images_box img{ width: 100%; }
.name_main {    margin-left: 130px; padding-top: 10px}
.name_main h3{ font-size:25px;color: #000;position: relative;margin-bottom: 20px;margin-top: 0px;font-family: 'Roboto', sans-serif; }
.bottom_text {margin-top: 60px;}
.bottom_text > ul > li {display: inline-block; text-align: center; margin-right: 6px;}
.bottom_text > ul > li > a{ display: block; width: 100%;color:#757575; text-decoration: none;padding: 7px 40px; background:#eaeaea; border-radius: 5px;font-size: 13px; }
.bottom_text > ul{ margin-bottom: 60px;margin-top: 30px; }
.bottom_text h3{ font-size: 20px; color: #000 }
/*__newtable---*/

/* guide */
.pop_overlay {position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.2); z-index: 9991}
.guide_pop_box {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999}
.guide_pop_inner {position: absolute; left: 200px; top: 300px; background: #fff; max-width: 400px; border-radius:6px; box-shadow: 1px 1px 6px rgba(0,0,0,.4); opacity: 0; visibility: hidden; transition: .3s; -webkit-transition: .3s; -o-transition: .3s;}
.guide_pop_inner.active {visibility: visible; opacity: 1;}
.guide_pop_inner:before {content: ''; display: block; position: absolute; top: -10px; border-bottom: 10px solid #fff; border-left:10px solid transparent; border-right:12px solid transparent;}
.btn-primary {background: var(--theme-color) !important; border-color: var(--theme-color) !important; color: var(--black);}
.guide_pop_body, .guide_pop_bottom {padding: 20px 30px;}
.guide_pop_bottom {border-top: 1px solid #ddd;}
.guide_pop_bottom .btn + .btn {float: right;}
.guide_pop_body h4 {color: #000}
.guide_pop_body p {margin-bottom: 0; line-height: 140%;}
.guide_pop_inner#update_coverpic {margin-left: -284px; margin-top: 35px;}
.guide_pop_inner#update_profilepic {margin-left: -30px; margin-top: 40px;}
.guide_pop_inner#update_brief {margin-top:45px; margin-left: -320px;}
.guide_pop_inner#update_story {margin-top:38px; margin-left: -350px;}
.guide_pop_inner#upload_album {margin-left: -100px; margin-top:57px;}
.guide_pop_inner#update_coverpic:before {right: 45px;}
.guide_pop_inner#update_profilepic:before {left:70px;}
.guide_pop_inner#update_brief:before {right:15px;}
.guide_pop_inner#update_story:before {right:12px;}
.guide_pop_inner#upload_album:before {left:50%; margin-left: -12px;}
@media(max-width:991px){
	.guide_pop_inner {max-width: 280px;}
	.guide_pop_inner#update_profilepic {margin-left: -88px}
	.guide_pop_inner#update_profilepic::before {left: 50%; margin-left: -10px;}
	.guide_pop_inner#update_coverpic {margin-left: -163px;}
	.guide_pop_inner#update_brief {margin-left: -250px;}
	.guide_pop_inner#update_story {margin-left: -250px;}
	.guide_pop_inner#upload_album {margin-left:-40px}
}

.default_cover_listing > li {list-style:none; display:inline-block; width: 6rem; vertical-align: top; margin: 2px 4px;}
.cover_list_check {display: block; transition: .2s; -webkit-transition: .2s; -o-transition: .2s;}
.cover_list_check input[type="radio"] {display: none; display: none;}
.cover_list_check span {display: block; height: 40px; background-position: center center; background-repeat: no-repeat; background-size: cover; border: 2px solid #ccc; cursor:pointer;}
.default_cover_listing:hover .cover_list_check:not(:hover) {opacity: .6}
.cover_list_check input[type="radio"]:checked + span {border-color: #01afae}
/*.missed_by:not(:last-child):after {content:', '; margin-left: -3px;}*/
/* .missed_by {white-space: nowrap; display: block; border-bottom: 1px solid #ddd; padding-bottom: 5px;}
.missed_by:not(:first-child) {margin-top: 5px;}
.missed_by > span:not(.missed_relation) {display: inline-block;}
.missed_by + div {margin-top: 5px;} */
.missed_relation {display: none}
.panel-heading {font-family: 'Merriweather', serif; border-radius:0 !important}
.panel {border-radius:0 !important}
.title {font-size: 15px; display: block; line-height: normal;}
.tab_section {position: relative; z-index: 3;}
.tab_section span#success {line-height:normal; display: block;}
a.title {color: #000}
.relation_box .form-control {margin-bottom: 5px;}
.relation_box {white-space: normal; background: #f1f1f1; padding: 0.8rem; margin-bottom: 0.8rem; border-radius: 4px;}
.relation_box  .btn-primary { color: #222 !important;}
.add_relation_box {padding-top: 10px;}
.add_relation_box .form-group {margin-bottom: 8px;}
.reply_user_img {width: 40px; height: 40px; overflow: hidden; border-radius: 50%; background:#eee;}
.reply_user_img img {max-width: 100%; min-width: 100%; min-height: 100%;}
.reply_user_info {float: left; width: 40px; text-align: center;}
.reply_user_info span {color: #666; line-height:18px; display: block; font-size:14px; margin-top: 5px;}
.reply_text_box {margin-left: 60px; color: #777; font-size:13px; line-height: 160%; position: relative;}
/*.reply_text_box:before {content: ''; display: block; border-right: 7px solid #ddd; border-top: 8px solid transparent; border-bottom: 8px solid transparent; position: absolute; left: -7px; top: 10px;}*/
.reply_user_name {color:#000; font-size: 14px;}
#update_message { background-color: var(--theme-color);padding: 2rem; border-radius: 12px;}
#update_message .quote_list { background-color: var(--white); border-radius: 8px; border: solid 2px transparent; padding: 1rem; margin-bottom: 1rem; transition: 0.5s;}
#update_message .quote_list:hover, #update_message .quote_list.active {border-color: var(--theme-color-green); background-color: var(--theme-color-green); color: var(--white) !important;}
#update_message .quote_list:hover p, #update_message .quote_list.active p  {color: var(--white) !important;}
#update_message .login_sumb { background-color: var(--white); }
#update_message .quote_list p {     margin-bottom: 0rem;}
#update_message textarea {    color: #191919; font-size: 16px !important; font-weight: 400 !important; }
.tribute_reply {margin-top: 20px;}
#update_message .theme_btn {background-color: var(--theme-color-green); color: var(--white);}
.post_reply_panel {text-align: right; margin-left: 80px; margin-top: 20px;}
.post_reply_panel textarea.form-control {margin-bottom: 10px;}
[data-pop-class="profile_image_active"] .editor_box {z-index: 9}
.donate_form_outer {background: #eee; padding: 50px 30px 10px;}
.login_main:after {content: ''; display: block; clear: both;}
.donate_form_outer .proceed_btn {margin-bottom:0 !important}
.action_col_box {   gap: 0 1rem;   display: flex
  ;
      align-items: center;}
.date_col_box {min-width: 100px;}
label {font-weight: normal;}
.loging_to_reply {text-align: center; padding-top: 10px; color: #f00}
.messages_show .story_content > span b {font-weight: 400; font-family:Roboto; color: #000; font-size: 18px;}
.error_box p {padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px;}
.alert .glyphicon {display: none;}
.alert-error, .error_box p {color: #a94442; background-color: #f2dede; border-color: #ebccd1;}
.element_hide {display: none;}
.input_error_msg {color: #f00; font-size: 12px;}
.input_error_msg p {color: #f00; font-size: 12px;}
.register_success_msg {text-align: center; font-size: 18px;}
.register_success_msg .alert {background: none; border: none;}
.register_success_msg .alert .close {display: none;}
.login_here_msg {font-size: 16px;}
.login_here_msg a, .form_bottom a {color: var(--theme-color-green); border-bottom: 1px solid var(--theme-color-green)}
.login_here_msg a:hover, .form_bottom a:hover {border: none; text-decoration: none;}
.login_bottom {padding-top:20px; border-top: 1px solid #ddd; margin-top: 30px;}
#addButton {all: unset;  margin-left: 130px;color: var(--theme-color-text); padding: 0; font-size: 1rem; cursor: pointer; }
.missed_by_group > div + div {margin-top: 2rem;}

.missed_by_group .append_form_fields { background: var(--black50);padding: 2rem;border-radius: 12px;}
.missed_by_group .btn-danger {position: absolute; top: 0; right: 0;}

@media(max-width: 991px){
	#addButton {margin-top:-30px}
	.del_more {height: 1px;}
}
.msg_send_box {margin-top: 10px;}
.user_left_img {float: left;}
.user_left_img.reply_user_img {width: 60px; height: 60px;}
.user_left_img + .user_right_msg {margin-left: 80px; }
.user_right_msg {padding: 10px 20px; border: 1px solid #ddd; position: relative; color: #222}
.user_right_msg:after {content:'';display: block; clear: both;}
.user_right_msg:before {content: ''; display: block; border-right: 7px solid #ddd; border-top: 8px solid transparent; border-bottom: 8px solid transparent; position: absolute; left: -7px; top: 10px;}
.user_sender {color: #666;}
.user_sender b {font-size:18px; font-weight: 400; color: #000;}
.user_right_msg .candel_send {padding-left: 0} 
 .cropit-preview {
        background-color: #f8f8f8;
        background-size: cover;
        border: 1px solid #ccc;
        border-radius: 3px;
        width: 280px;
        height: 280px; margin: 10px auto;
      }

      .cropit-preview-image-container {
        cursor: move;
      }

      .image-size-label {
        margin-top: 10px;
      }
      .memo_form_grid .search_bto {
      margin-top: 0px!important;
	  }
	  
	  .head_search.search_bto {
      margin-top: 0px!important;
	  }

      #result {
        margin-top: 10px;
        width: 900px;
      }

      #result-data {
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        word-wrap: break-word;
      }
      .cropit-image-input {position:absolute;z-index:2;top:0;left:0;filter: alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";opacity:0;background-color:transparent;color:transparent; height: 44px; cursor: pointer;}
input[type=range] {
  -webkit-appearance: none; /* Hides the slider so that custom slider can be made */
  width: 100%; /* Specific width is required for Firefox. */
  background: transparent; /* Otherwise white in Chrome */
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
}

input[type=range]:focus {
  outline: none; /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
}

input[type=range]::-ms-track {
  width: 100%;
  cursor: pointer;

  /* Hides the slider so custom styles can be added */
  background: transparent; 
  border-color: transparent;
  color: transparent;
}
/* Special styling for WebKit/Blink */
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #444;
  cursor: pointer;
  margin-top: -7px;  border: none

}

/* All the same stuff for Firefox */
input[type=range]::-moz-range-thumb {
  -webkit-appearance: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #444;
  cursor: pointer;
  margin-top: -7px; border: none
}

/* All the same stuff for IE */
input[type=range]::-ms-thumb {
  -webkit-appearance: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #444;
  cursor: pointer;
  margin-top: -7px;  border: none
}

input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  background: #ddd;
}

input[type=range]:focus::-webkit-slider-runnable-track {
  background: #bbb;
}

input[type=range]::-moz-range-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  background: #ddd;
}

input[type=range]::-ms-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  background: #ddd;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  width: 100%;
  height: 4px;
  cursor: pointer;
  background: #ddd;
}
input[type=range]:focus::-ms-fill-lower {
  background: #bbb;
}
input[type=range]::-ms-fill-upper {
 width: 100%;
  height: 4px;
  cursor: pointer;
  background: #ddd;
}
input[type=range]:focus::-ms-fill-upper {
  background: #bbb;
}
.reply_button_outer {text-align:right; padding-top: 15px;}
.reply_data_box {padding-left: 80px;}

/* LANDING PAGE */
.landing_page { background-color: var(--theme-color); }
.landing_inner {height: 100%;display: flex;align-items: center;
  justify-content: center; flex-direction: column;background: url(../images/home_bg.jpg);
  background-repeat: no-repeat;background-size: cover;position: relative;z-index: 9;background-position: bottom;}
.common_padding { padding: 5rem 0;}
.logo_you{animation: pulsee 2s infinite;  position: relative; left: -20px; top: 24px; }

 /* @-webkit-keyframes pulsee {
  0% {
  -webkit-box-shadow: 0 0 0 0 var(--theme-color);
  }
  70% {
  -webkit-box-shadow: 0 0 0 20px rgba(204,169,44, 0);
  }
  100% {
  -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
  } */
  @keyframes pulsee {
  0% {
transform: scale(0.8);
  }
  /* 70% {
    transform: scale(0.8);
  } */
  100% {
    transform: scale(1);
  }
  }


  /* MAIN HEDER CSS */
  .remembering_header {display: flex;      align-items: center;  justify-content: space-between;}
  .logo {  padding: 1rem 0;  margin-inline: auto; float: none;}
  .head_search button { left: -6px; right: auto; ;}
  .head_search {background: transparent; border-bottom: 1px solid var(--theme-color-text);position: relative}
  header {padding: 0px 3rem;}
  .head_search input {padding-left: 1.5rem; border-left: none; width: 10.375rem;}      
  .search_select select {  padding-left: 1rem;  text-align-last: right;
  color: #FFC6AC; padding-right: 1rem;} 
  .search_select:after {content: ''; display: block; position: absolute; top:7px; right: 1px; border: 1px solid #FFC6AC; /* border-right: none; */ /* border-left: none; */ height: 8px; width: 8px; border-right: 0; border-bottom: 0; transform: rotate(-133deg);}    

  .header_search, .user_login { min-width: 300px}
  .header_search {position: relative;}
  /* .header_search:after { display: inline-block; background: url(../images/icon/search-icon.png); background-repeat: no-repeat !important; content: ''; height: 15px; width: 15px;     position: absolute;
    top: 9px; } */
  .search_select {float: right; position: relative; top: 6px;}
  .user_login .responsive_droupdown a {color: var(--theme-color-text); display: block;}
  .user_login { display: flex;align-items: center; 
    justify-content: end}
  .user_login  div[data-dropdown_btn="login-dropdown"] {display: flex; align-items: center; cursor: pointer;}
  .user_login  div[data-dropdown_btn="login-dropdown"]
   .user_logo { width: 2.5rem; object-fit: cover; border-radius: 50%; height: 2.5rem; background-color: var(--white); display: flex ; align-items: center; margin-left: 0.5rem; justify-content: center; font-size: 1.2rem; }

  /* .user_login .responsive_droupdown a:before {content: ''; display: inline-block; height: 5px; width: 5px; background-color: #FFC6AC; border-radius: 10px;    position: relative;
    top: -2px; } */
.user_login .theme_btn { background-color: var(--white);    font-size: 1rem;}
.responsive_droupdown { margin-left: auto; display: flex ; align-items: center; gap: 0 1rem}
.user_login .theme_btn:hover {background-color: var(--theme-color-green); color: var(--white) !important;}
.view_memorial::after {content: ''; display: inline-block; height: 71%; width: 1.7px; background-color: #b1a494; position: absolute; margin: 0 0; right: -8px; top: 50%; transform: translateY(-50%); }
.view_memorial {position: relative;}
    .user_login .registeration { margin-left: 0.5rem;}
.mainSwiper img {width: 100%;}
 .user_login .dropdown_menu a:before { display: none; }
 .notification_get { padding: 1.5rem 1rem;     border-bottom: solid 1px var(--black200);}
 .notification_get  .icon_notification { height: 2.375rem; width: 2.375rem; margin-right: 1rem; }
 .notification_get  .icon_notification img { height: 100%; width: 100%; object-fit: cover;}
 .notification_item {display: flex; }
 .notification_get .notification_item:not(:last-child) { padding-bottom: 1rem;}
 .resend_otp_link {
  text-decoration: underline;
  cursor: pointer;
}


/* .mainSwiper .slider_img { opacity: 0;}
.mainSwiper  .swiper-slide-prev .slider_img { opacity: 1;}
.mainSwiper  .swiper-slide-next .slider_img { opacity: 1;}
.main_banner .swiper-slide-active .slider_img { opacity: 1;} */

.main_banner { margin-block: 0rem;}
.slider_item { text-align: center;}
.slider_text { margin-top: 1rem; opacity: 0; transition: 0.5s;}
.main_banner .swiper-slide-active .slider_text  { opacity: 1;}


.theme_btn.lg_btn { font-size: 1.125rem; padding: 0.8rem 3rem;}

.theme_btn {  text-decoration: none;  padding: 0.6rem 1.875rem;  background-color: var(--theme-color); color: var(--black); border-radius: 50px; display: inline-block; font-weight: 500; border: solid 1px var(--theme-color); transition: 0.5s;  }
.theme_btn:hover { background-color: transparent; color: var(--black); text-decoration: none;}


.theme_btn_dark {  text-decoration: none;  padding: 0.6rem 1.875rem;  background-color: var(--theme-color-green); color: var(--white); border-radius: 50px; display: inline-block; font-weight: 600; border: solid 1px var(--theme-color-green); transition: 0.5s; }
.theme_btn_dark:hover { background-color: transparent; color: var(--theme-color-green); text-decoration: none;}
.theme_btn_lg {padding: 0.6rem 3.5rem !important;}

.memorial_public {max-width:42rem;}
.memorial_public .custom_checkbox { justify-content: space-between;}
.memorial_public .custom_checkbox span {color: var(--black); font-size: 1.125rem;}
.memorial_public .custom_checkbox span a {text-decoration: underline;     color: var(--black);}
.memorial_public .custom_radio span {color: var(--black); font-size: 1.125rem;}
.memorial_public .custom_checkbox .check {display: flex; align-items: center;    font-weight: 400;
  margin: 0}
  .memorial_public .custom_radio .check {display: flex; align-items: center;    font-weight: 400;
  margin: 0; position: relative;}
.memorial_public input[type="checkbox"] {margin: 0;}
.memorial_public .custom_checkbox {margin-top: 1rem; position: relative;     padding-left: 1rem;}
.memorial_public .custom_radio {margin-top: 1rem; position: relative;     display: block;    padding-left: 1rem;}
.memorial_public .custom_checkbox:before { content: ''; display: inline-block; width: 11px; margin-right: 1rem; height: 10px; background-image: url(../images/icon/strike-icon.png); position: absolute;     top: 0px;
  left: 0;}
  .memorial_public .custom_radio:before { content: ''; display: inline-block; width: 11px; margin-right: 1rem; height: 10px; background-image: url(../images/icon/strike-icon.png); position: absolute;     top: 0px;
  left: 0;}

.theme_btn_text span {display: flex; align-items: center;}
.theme_btn_text svg { transition: 0.5s;}
.theme_btn_text:hover svg { margin-left: 0.5rem;}
.theme_btn_text:hover {color: var(--black);}
.home_cta_inner {    display: flex;justify-content: center;align-items: center; gap:0 1rem;}
.tag_hindi {font-family: 'Poppins', sans-serif; line-height: 71px;letter-spacing: -0.02em;color: #191919; margin-bottom: 2.5rem;}
.tag_home_wrap .tag_home_inner { position: relative; padding-left: 5rem;}
.tag_home_wrap .quote_icon {position: absolute; top: -38%; left: -5%; z-index: -1;}
.tag_home_wrap {  padding-bottom: 10rem;}
.tag_home_wrap .container { position: relative;}
.tag_home_wrap .leaf_icon {position: absolute;    top: -72%;
  right: 16%; z-index: -1;}
.tag_home_wrap .leaf_icon svg {width: 75%;}
.home_cta_inner .theme_btn_text { margin-left: 1rem;}
.tag_home_wrap  .tag_home_box {    max-width: 62.5rem;}

/* ABOUT HOME SECTION */
.about_home_inner .about_home_right {width: 40%; margin-left: 10%;}
.about_home_inner .about_home_left {width: 50%;}
.about_home_right img{width: calc(100% + var(--white-space)); object-fit: cover; max-width: initial; padding-left: 1rem; height: 100%;}
.about_home_inner .theme_btn  { margin-top: 4rem;}
.about_home_inner .about_home_right .images { position: relative;    margin-top: 4rem;}
.about_home_inner .about_home_right .images .star { position: absolute; top: -37%;right: -22%;}
.about_home_text { max-width: 25rem; }
.about_home_inner  { align-items: center;}

/* MID IAMGES HOME SECTION */
.mid_images {position: relative;padding: 7rem 0 3rem;   height: 41.875rem;}
.mid_images .img {max-width: 100%;position: absolute; top: 0; left: 0;height: 100%;width: 100%;object-fit: cover; }
.mid_images .container {position: relative; height: 100%;}
.mid_images .text_box {max-width: 30rem;}
.mid_images .text { margin-bottom: 2rem;}
.mid_images .wish_btn {display: flex;position: absolute;top: -148px;}
.mid_images .theme_btn:hover {color: var(--theme-color);}
.mid_images .wish_btn a {height: 80px; width: 80px; border-radius: 100px; transition: 0.5s; background-color: var(--white); border: solid 2px var(--theme-color);display: flex; margin-right: 2.5rem;align-items: center;justify-content: center;}
.mid_images .wish_btn a:nth-child(2) { height: 95px; width: 95px; background-color: #FFC6AC; border: solid 2px var(--white); }
.mid_images .wish_btn a:nth-child(3) { height: 80px; width: 80px; background-color: #FAE5DC; border: solid 2px #FAE5DC; }
.mid_images .wish_btn a:hover { margin-top: -1rem;}

/* HOME BENEFIT CSS */
.benefit_home_inner .benefit_home_left, .benefit_home_inner .benefit_home_right   {width: 50%;}
.benefit_home_right .tab_list {list-style: none; margin: 0; padding: 0;}
.benefit_home_right .tab_list a { text-decoration: none; font-size: 2rem; color: var(--black); display: inline-block; padding: 1rem 0; position: relative;}
.benefit_home_right .tab_list a:after{content: ''; position: absolute; bottom: 0; left: 0; height: 3px; width: 0%;
   background-color: var(--theme-color-green); transition: 0.5s;}
.benefit_home_right .tab_list a.active:after {width: 100%;}
.benefit_home_left_content {max-width: 22rem;     height: 100%; display: flex;flex-wrap: wrap;}
.benefit_home_left_content a {    margin-top: auto; }
.benefit_home_left_content .tab_content  {    display: flex;
flex-wrap: wrap;}
.tab_content:not(.active) {  display: none;}
.benefit_home_inner p {color: #000;}
.mid_images .star {right: 0; bottom: 0; position: absolute;}
.mid_images .star svg {width: 100%;}
.publish_main_btn {

  display: flex
;
  gap: 0 1.5rem;
  justify-content: center;
}
.publish_main_wrap {   margin-right: 10rem; margin-top: 3rem;}
.publish_main_wrap .del_post {    text-align: center;

  cursor: pointer;
  width: max-content;
  margin: 2rem auto 0 auto; }
/* HOME VIDEO CSS */
.home_video_text  {display: flex; justify-content: space-between;     padding: 4rem 5rem 8rem;    }
.home_video_text .text_inner{    width: 45%;}
.text_center {text-align: center;}


/* HOME ACCORDION  CSS */
.head_small {text-align: center; }
.home_accordion_inner .home_accordion_left  {width: 40%;}
.home_accordion_inner .home_accordion_right  {width: 50%; margin-right: 10%;} 
.home_accordion_right .home_accordion_title {margin-bottom: 1.5rem; cursor: pointer;}
.home_accordion_left .images { position: relative;}
.home_accordion_left .images img {width: 100%;}
.home_accordion_left .images  .sing{ position: absolute; top: -90px; left: -40px;}
.home_accordion_inner .home_accordion_right .fw700  {margin-bottom: 0.5rem; }
.home_accordion_inner .home_accordion_box {margin-bottom: 1.5rem;}
.home_accordion_inner  { margin-top: 0rem;flex-direction: row-reverse;}
.home_accordion_right .theme_color_dark p {   margin-bottom: 0;  color: var(--theme-color-dark);}
.home_accordion_right .haed {display: flex;align-items: center;    margin-left: 50px;    margin-bottom: 1.5rem;}

.heading_font {font-family: 'Butler'; margin-bottom: 4rem; line-height: 131%;}
.read_more { color: #696969; text-decoration: underline; transition: 0.5s; display: inline-block; font-weight: 500; }
.read_more:hover { color: var(--theme-color-dark);}
/* HOME SUPPORT  CSS */
.home_support ul { margin: 0; padding: 0; list-style: none;     flex-wrap: wrap; display: flex;}
.home_support ul li {width: 25%; margin-bottom: 5rem;}
.home_support .logo_box { text-decoration: none; display: block; transition: 0.5s;
  text-align: center;    font-family: 'Butler'; color: var(--black);}
  .home_support .logo_box:hover  {margin-top: -0.5rem;  }
  
.home_support .logo_box .font20 { font-weight: 500;}
.home_supporting_journey_inner {display: flex; flex-wrap: wrap; }
.home_supporting_journey_inner  .home_supporting_left {width: 50%;}
.home_supporting_journey_inner  .home_supporting_right{width: 50%;}
.home_support .logo_box .logo_client { margin-bottom: 1rem;}
.home_supporting_journey_inner .home_accordion_title {cursor: pointer; color: #4B4B4B; display: flex; align-items: center; justify-content: space-between;     margin-bottom: 1rem;}

.home_supporting_journey_inner .home_accordion_title:after { content: '';  transition: 0.5s;   margin-left: 1rem; display: inline-block; height: 15px; width: 15px; border: solid 2px var(--theme-color-text); border-left: none; border-top: none; transform: rotate(44deg); }
.home_supporting_journey_inner .home_accordion_box  {margin-bottom: 1.5rem; border-bottom: solid 1px var(--theme-color); padding-bottom: 1rem;}
.home_supporting_journey_inner .home_accordion_box.active .home_accordion_title  {color: var(--black);}
.home_supporting_right_inner {     max-width: 30rem;
margin-left: auto;}
.home_supporting_journey_inner .home_accordion_box.active .home_accordion_title:after {transform: rotate(222deg);}
.home_supporting_right_inner .read_more { margin-top: 2rem;}
.home_supporting_journey {border-bottom: solid 3px var(--theme-color-text);}

.home_footer .form-control { border-radius: 40px; border: solid 2px var(--theme-color-text);height: 48px;   padding-left: 2rem; }
.home_footer .text {  margin-left: 0.5rem;margin-left: 2rem; }

.home_footer input::-webkit-input-placeholder { color: #707070 !important; font-size: 1.125rem; font-weight: 500; }
.home_footer input:-moz-placeholder {color: #707070 !important;  font-size: 1.125rem;font-weight: 500; } 
.home_footer input::-moz-placeholder {color: #707070 !important;  font-size: 1.125rem; font-weight: 500;}
.home_footer input:-ms-input-placeholder { color: #707070 !important;  font-size: 1.125rem; font-weight: 500; }
.home_footer .radio_btn { margin-top: 2rem; margin-left: 2rem; display: flex;} 
.home_footer .submit_btn { margin-top: 3rem;     width: 100%;
  float: left;}
  .home_footer .radio_btn .radio_btn_group:first-child { margin-right: 1rem;}

/* FOOTER START */
.main_footer { padding: 3rem 0 1rem; }
.footer_menu_social {display: flex;     gap: 0 0.5rem;}
.footer_inner_left {width: 40%;}
.footer_inner_right {width: 60%;}
.main_footer{ background-size: cover; background-repeat: no-repeat; }
.footer_menu_inner { display: flex;     margin-bottom: 3rem;   justify-content: space-between; }
.footer_logo { margin-bottom: 5rem; display: block; }
.footer_menu_box ul { list-style: none; margin: 0; padding: 0; }
.footer_menu_box { width: 30%; }
.footer_menu_box .ftitle  { margin-bottom: 1rem; }
.footer_menu_box ul.footer_menu_social img {height: 35px;}
.footer_menu_box ul.footer_menu_social li a:hover {    margin-left: 0rem;}
.footer_menu_box li a { font-size: 14px; color: #35393C; text-decoration: none;display: inline-block;
padding-bottom: 0.3rem; transition: 0.5s;}
/* .footer_menu_box li a:before { display: inline-block; content: ''; width: 20px;height: 1px;     position: relative;
top: -3px;background-color: #35393C; } */
.footer_menu_box li a:hover { margin-left: 0.5rem;}
.suscribe_box{position: relative;}
.suscribe_box .btn { position: absolute; top: 0;     right: 0;}
.suscribe_box .form-control {border-radius: 0; padding-inline: 0; background-color: transparent;  border: none; box-shadow: none; border-bottom: solid 1px var(--theme-color-text);}
.footer_social ul {list-style: none; margin: 0; padding: 0;}
.footer_social ul li a{font-size: 14px; color: #35393C; text-decoration: none;display: inline-block;
padding-bottom: 0.2rem; transition: 0.5s;}
.footer_social ul li a:hover { margin-left: 0.5rem;}
.footer_logo img {    width: 30%;}
.copyright {color: var(--theme-color-text); font-size: 12px;     margin-top: 3rem;}
.footer_inner_right .custom_form  { position: relative;}
.footer_inner_right .custom_form .btnSubscribe  { position: absolute; right: 0; top: -2rem; background-color: #FEFBF6;     color: var(--black);
  border-radius: 50px;
  display: inline-block;
  font-weight: 600;
  border: solid 1px #FEFBF6;
  transition: 0.5s;
  font-size: 1.2rem;     text-decoration: none;
  padding: 0.6rem 1.875rem;}
  .footer_inner_right .custom_form .btnSubscribe:hover {    background-color: transparent;
    color: var(--black);
    text-decoration: none;}
/* FOOTER END */


/* CREATE MEMORIES PAGE */
.theme_form {border-radius: 40px; border: solid 2px var(--theme-color-text); height: 48px; padding-left: 2rem;}
.theme_form:focus {box-shadow:none !important; border-color: var(--theme-color);}
.memory_form_inner input::-webkit-input-placeholder { color: #707070 !important; font-size: 14px; font-weight: 500;  }
.memory_form_inner input:-moz-placeholder {color: #707070 !important;  font-size: 14px;font-weight: 500; } 
.memory_form_inner input::-moz-placeholder {color: #707070 !important;  font-size: 14px; font-weight: 500; }
.memory_form_inner input:-ms-input-placeholder { color: #707070 !important;  font-size: 14px; font-weight: 500;  }

.login_form input::-webkit-input-placeholder { color: #707070 !important; font-size: 1.125rem; font-weight: 500;  }
.login_form input:-moz-placeholder {color: #707070 !important;  font-size: 1.125rem;font-weight: 500; } 
.login_form input::-moz-placeholder {color: #707070 !important;  font-size: 1.125rem; font-weight: 500; }
.login_form input:-ms-input-placeholder { color: #707070 !important;  font-size: 1.125rem; font-weight: 500;  }



.memory_form_inner { max-width: 800px; margin: 0 auto;}
.form_group_label { display: flex; flex-wrap: wrap;}
.memory_form_inner .form_group_label  {    gap: 0 1rem; }
.memory_form_inner  #relationshipOptions .relationship_choice {
  text-align: center;
}
.memory_form_inner  #relationshipOptions .relationship_choice span {cursor: pointer; color: var(--theme-color-text);}
.memory_form_inner  #relationshipOptions .relationship_choice.active span { background-color: var(--theme-color); color: var(--black);}
.memory_form_inner  #relationshipOptions {  display: grid ;    grid-template-columns: repeat(4, 1fr);  grid-gap: 8px;}
.memory_form_inner  #relationshipOptions  span {display: inline-block;    padding: 0.5rem 1rem; border-radius: 12px;}
.memory_form_inner .to_text { color: var(--theme-color-text); position: relative;}
.memory_form_inner .to_text:after {    position: absolute;
  content: '';
  top: 50%;
  height: 20px;
  width: 2px;
  background-color: var(--theme-color-text);
  transform: translateY(-50%);}
.memory_form_inner form { margin-top: 2rem;}
.form_flex {display: flex;    align-items: center; margin-bottom: 2rem;}
.form_flex.form_group_2  {flex-wrap: wrap; justify-content: space-between;}
.form_flex .form_group { flex-grow: 1;}
.form_flex.form_group_2 .form_group{ flex-grow: inherit; width: 48%;}
.mt30{margin-top: 60px;}
.memory_form_inner .form-select {background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjZmNjY2NjIiBkPSJNMjMzLjQgNDA2LjZjMTIuNSAxMi41IDMyLjggMTIuNSA0NS4zIDBsMTkyLTE5MmMxMi41LTEyLjUgMTIuNS0zMi44IDAtNDUuM3MtMzIuOC0xMi41LTQ1LjMgMEwyNTYgMzM4LjcgODYuNiAxNjkuNGMtMTIuNS0xMi41LTMyLjgtMTIuNS00NS4zIDBzLTEyLjUgMzIuOCAwIDQ1LjNsMTkyIDE5MnoiLz48L3N2Zz4=) }


.form_flex label { min-width: 130px; color: #130F26; font-weight: 600;}
.ui-widget.ui-widget-content {background: var(--theme-color); border: none !important;     border-radius: 15px;}
.ui-widget-header{background: var(--theme-color); border: none;}
.ui-widget-header { background-color: transparent !important; border: none !important; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {background: transparent; border: none;}
.ui-state-default, .ui-widget-content .ui-state-default {    border: solid 1px transparent !important;
background: #e5c7ba !important;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight {background: #b18f81 !important;
color: #fff;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover {border: 1px solid transparent !important;
background: transparent !important;}
.otpForm .theme_form  {width: 3.75rem; height: 3.75rem; font-weight: 600;  padding-left: 0;   border-radius: 12px;}
.otpForm  .d-flex {gap: 0 1rem;}
.login_or { color: var(--black600); font-weight: 600;    margin: 1rem 0;}
.otpForm .theme_form:focus { border-color: var(--theme-color);}


/* CAUSE CSS START */
.cause_list_single li:nth-child(3n+1) .cause_card_box { background-color: #FFE5DA;}
.cause_list_single li:nth-child(3n+2) .cause_card_box { background-color: #EDE3D5;}
.cause_list_single li:nth-child(3n+3) .cause_card_box { background-color: #D7ECDA;}
.cause_card_box { background: #FFE5DA; display: block; border: solid 2px transparent;     font-weight: 400;
  border-radius: 17px; padding: 1rem; position: relative;}

  .cause_card_box  .check_select {    position: absolute; right: 8px; top: 5px; transition: 0.5s;   transition: 0.5s;  display: flex ; gap: 0 0rem; justify-content: flex-end; align-items: center; background-color: var(--theme-color-green); color: var(--white) !important; padding: 0rem 0rem 0rem 0.5rem; border-radius: 5px;}
  .cause_card_box  .check_select .check_select_box i { opacity: 0;}
 .cause_list_single li.active_radio .check_select .check_select_box i { opacity: 1;}
    /* .cause_list_single li.active_radio .check_select  { opacity: 1;} */

  /* .cause_card_box  .check_select i {  transition: 0.5s; opacity: 0;} */
   .cause_card_box  .check_select .check_select_box {border-radius: 4px; width: 30px; height: 30px; display: flex ; align-items: center; justify-content: center; cursor: pointer; /* border: solid 1px #00000047; */ background: #fff; margin-left: 0.5rem;}

.cause_card_box .check_select > span {font-weight: 600;}

    .cause_card_box label > span {font-size: 12px; padding: 3px 10px; display: inline-block; border: solid 1px var(--theme-color-green); color: var(--theme-color-green); border-radius: 4px; cursor: pointer;     margin-top: 1rem;}
    .cause_list_single li.active_radio   .cause_card_box label > span {background-color: var(--theme-color-green); color:var(--white) !important; }
.cause_card_box .check_select .check_select_box i { color: var(--theme-color-green);}

.cause_card_box_selected { background-color: #FFF4F0; border: solid 5px var(--theme-color-dark); display: flex;    padding: 3rem;
  justify-content: space-between; }
.cause_card_box_selected  .brief_text p {    color: var(--black500) !important; }
.cause_card_box_selected .des { }
.cause_card_box_selected .icon_cause {margin-left: 1rem;}
.cause_list_single li.active .see_more {display: none !important; }
  .cause_list_single .hidden_data ul { list-style: none; margin: 0; padding: 0; }
  .cause_list_single .hidden_data ul li { color: var(--black500) !important; font-weight: 400; position: relative;  margin-bottom: 0.5rem !important;  margin-top: 0 !important;      padding-left: 1.2rem; text-decoration: underline;}
  .cause_list_single .hidden_data ul li:after {height: 8px; width: 8px; background-color: var(--black600); content: ''; display: inline-block; position: absolute; top: 0; left: 0; border-radius: 50px; top: 9px;}
  .cause_list_single {list-style: none;display: grid ; grid-template-columns: repeat(2, 1fr); grid-gap: 2rem; margin: 0; padding: 0; margin-bottom: 2rem; }
  .hidden_data {display: none;}

  .cause_card_box .hidden_data ol,  .cause_card_box .hidden_data ul  { list-style: none; padding: 0; margin: 0;}
  .cause_card_box .hidden_data ol li, .cause_card_box .hidden_data ul li  { list-style: none; padding: 0; margin-top: 0 !important; margin-bottom: 0.5rem !important; position: relative;padding-left: 1rem;}
  .cause_card_box .hidden_data ul li:before,  .cause_card_box .hidden_data ol li:before  {height: 8px; width:8px; background-color: #000000ad; content: ''; position: absolute; top: 7px; left: 0; border-radius: 30px; }

  .cause_card_box_selected  ol,  .cause_card_box_selected  ul  { list-style: none; padding: 0; margin: 0;}
  .cause_card_box_selected ol li, .cause_card_box_selected ul li  { list-style: none; padding: 0; margin-top: 0 !important; margin-bottom: 0.5rem !important; position: relative;padding-left: 1rem;}
  .cause_card_box_selected ul li:before,  .cause_card_box_selected ol li:before  {height: 8px; width:8px; background-color: #000000ad; content: ''; position: absolute; top: 7px; left: 0; border-radius: 30px; }
  .have_pancard_box {
    margin-right: 1rem;
   }

  .cause_card_box input[type="radio"] {display: none;}
  .auto_msg_wrap  {position: relative;}
  .auto_msg_content {display: none; position: absolute; right: 0;left: 0; background-color: #fff;padding: 1.5rem; box-shadow: 2px 3px 10px #00000042; border-radius: 5px; top: 15.2rem; z-index: 999; }
  .auto_msg_content .quote_list { background-color: var(--white); border-radius: 8px; border: solid 2px var(--theme-color-green); padding: 1rem; margin-bottom: 1rem; transition: 0.5s;}
  .auto_msg_content .quote_list  p { margin-bottom: 0 !important;}
  .auto_msg_content .quote_list:hover {     background-color: var(--theme-color-green);
  color: var(--white) !important;}
  .auto_msg_content .quote_list:hover p { color: var(--white) !important; }
  .auto_msg_label  {padding: 1rem 0; cursor: pointer; display: flex; align-items: center; justify-content: center;font-weight: 700;font-size: 1.1rem;}
  #update_message textarea::placeholder {font-size: 1.1rem;}
  .upload_notification_image .dynamic-upload-btn {margin-bottom: 0.5rem;}
  .auto_msg_label i {margin-left: 0.2rem;pointer-events: none;}
  .cause_card_box .see_more {text-decoration: underline; cursor: pointer;}
  .cause_card_box .icon_cause  {min-height: 88px;display: flex !important;align-items: center;}
  .cause_card_box:not(.cause_card_box_selected) .icon_cause  img { height: 4.375rem;}
  .cause_card_box:has(input[type="checkbox"]:checked) { border-color: var(--theme-color-dark);}
  .cause_card_box_selected .icon_cause img {filter: drop-shadow(2px 4px 6px black);}
 .create_memory_bottom .cause_list_single  .title_cause br {display: none;}
 /* #update_coverimage .img_upload_btn {display: none; } */
 .cause_card_box .upload_img_btn  {top: -2px;left: -1px; right: auto;border-radius: 17px 0; opacity: 0; transition: 0.5s;}
 .cause_list_single li.active .upload_img_btn  { opacity: 1; }
/* CREATE PREVIEW PAGE CSS */
.create_banner {position: relative; height: 16.25rem; padding-bottom: 2rem;     background: #d9d9d9; }
.create_banner .container { position: relative; height: 100%; display: flex; align-items: flex-end; justify-content: flex-end; }
.create_banner > img { position: absolute; top: 0; left: 0; height: 100%; object-fit: cover; width: 100%; }
.edit_btn  {display: flex; align-items: center; cursor: pointer;}
.create_banner .edit_btn:hover { color: #ffff;}
.edit_btn img { margin-right: 0.5rem;}

.user_intro_box { max-width: 875px; margin: 0 auto; text-align: center; margin-top: -17rem; position: relative; }
.user_intro_box .user_img {width: 17rem; height: 17.625rem;margin: 0 auto; position: relative; margin-bottom: 2rem;}
/* .user_intro_box .user_img #profileimage {position: absolute; right: 10px; bottom: 12px; color: #fff;} */
.user_intro_box  #profileimage {position: relative; justify-content: center;     margin-top: 1rem;}
.user_intro_box .user_img img { height: 100%; width: 100%; object-fit: cover;  object-position: top;}
/* .user_img img:not(.w-auto) { border: solid 5px #fff; }  */
.user_img img:not(.w-auto) { border: none; } 
.user_img.no_frame .main_profile {border: solid 5px #fff; }

.user_text { padding-block: 1rem; width: max-content;
  margin: 0 auto; position: relative; }
  /* .user_text .edit_btn_name {position: absolute; right: -2rem; top: 1rem; cursor: pointer; } */
  .user_text .edit_btn_name  {margin-top: 1rem;}
.user_intro_sec .edit_btn { text-align: right; }
.user_intro_sec { border-bottom: solid 1px #ccc; } 
.create_memorial_wrap { --sidebar-width: 350px;}
.create_memorial_sidebar { /* display: flex; */ width: var(--sidebar-width); }
.create_memorial_inner { display: flex; align-items: flex-start; }
.create_memorial_inner .create_memorial_sidebar { min-width: var(--sidebar-width); border: solid 1px var(--theme-color); padding: 2rem 1rem;}
.create_memorial_inner .create_memorial_left { padding-left: 2%;width: calc(100% - var(--sidebar-width)); }
.create_memorial_sidebar .missed_by_box { margin-bottom: 2rem; } 
.create_memorial_sidebar .missed_by_box.last_box {margin-bottom: 0;}
.create_memorial_sidebar .missed_by_box.last_box  p {margin-bottom: 0;}
.create_memorial_sidebar .missed_by_head { display: flex; justify-content: space-between; margin-bottom: 1rem; }
.create_memorial_sidebar .missed_by_head .head{display: flex; align-items: center;}
.create_memorial_sidebar .missed_by_head .head span {    margin-left: 0.8rem;}
.create_memorial_sidebar .missed_by_box .missed_by_title{ margin-bottom: 1rem; justify-content: space-between;     display: flex;}
.missed_by_edit_option { margin-left: auto; min-width: 2.5rem;}
.missed_by_edit_option > span {cursor: pointer;}
.create_memorial_sidebar .fw600.font18 { line-height: 1; } 
.create_memorial_left .edit_heading { display: flex; align-items: flex-end; justify-content: space-between; align-items: center; margin-bottom: 2rem; }
.special_moments_gallery { margin-top: 2rem;     margin-bottom: 4rem; } 
.special_moments_in { display: flex; --offset: 0.5rem; flex-direction: column; }
/* .special_moments_in .gallery_top { display: flex;  margin: calc(0px - var(--offset)); }
.special_moments_in .gallery_top .images_box { padding: var(--offset); width: 50%;  height: 360px; position: relative;} */

.special_moments_in .gallery_top { display: grid ; grid-template-columns: repeat(2, 1fr); grid-gap: 0.5rem; list-style: none; margin: 0; padding: 0;}
.special_moments_in .gallery_top .images_box  {     height: 360px;
  position: relative;}
.special_moments_in .gallery_top .images_box .border_radius12 {height: 100%;}
.special_moments_in .gallery_top .images_box .images {height: 100%;}
.special_moments_in .gallery_top .images_box .thum_img {width: 100%; height: 100%; object-fit: cover; }
.special_moments_in img { max-width: 100%;}
.special_moments_in .gallery_bottom .images_box .images { height: 315px; }
.special_moments_in .gallery_bottom .memoria_slider, .special_moments_in .gallery_bottom .owl-stage-outer, .special_moments_in .gallery_bottom .owl-stage, .special_moments_in .gallery_bottom .owl-item, .special_moments_in .gallery_bottom .item {height: 100%;}
.special_moments_in .gallery_bottom .images_box .images img { object-position: top center; height: 100%; object-fit: cover;}
.special_moments_in .gallery_bottom { margin-top: calc(var(--offset) + var(--offset)); }
.intro_text_inner { display: flex; align-items: flex-start;     justify-content: center;}
.intro_text_inner .font_butler::before {    content: '';
  display: inline-block;
  width: 29px;
  margin-right: 1rem;
  height: 26px;
  background-image: url(../images/quote-green.png); 
}
.intro_text {margin-top: 1rem;}
.create_memory_bottom {  margin-left: auto; padding-left: 0; margin-top: 0rem; }
.loving_memory_text  {position: relative;}
.create_memory_bottom .cause_card_box:not(.cause_card_box_selected) .icon_cause img {max-width: 10rem;}  
.cause_card_box_selected .title_cause  {margin-bottom: 0.5rem;}
.cause_card_box_selected .title_cause br {display: none;}
.loving_memory_text_inner {text-align: center; max-width: 600px; margin: 0 auto; }
.loving_memory_text_inner .right {position: absolute; right: 0; top: 0;}
.loving_memory_text .edit_btn { position: absolute; right: 0; top: 0; }
.share_cause_edit { background: #F8F8F8; border: 1px solid #CFCFCF; border-radius: 17px; padding: 5rem 5rem 3rem; text-align: center; margin: 2rem 0; }
.share_cause_edit .add_icon_lg { background: #CFCFCF; display: inline-block; padding: 1rem; border-radius: 4px; transform: rotate(6.35deg); margin-bottom: 3rem; }
.share_cause_cta { text-align: center; border-bottom: solid 1px #E3E3E3; padding-bottom: 2rem; margin-bottom: 4rem; }
.form_group.memory_editor_flex { display: flex; align-items: flex-start; } 
.memory_editor_flex .memory_editor_type { margin-right:0rem;     flex: 1; }
.memory_editor_bottom { display: flex; padding-top:0rem; padding-bottom: 0rem;  align-items: center; }
.emoji_box { display: flex; margin-right: 1.5rem; }
.emoji_box label.active {  
  box-shadow: 2px 3px 19px #00000038;}

  .emoji_box label {display: flex;  border-radius: 30px;  cursor: pointer;  padding: 0.2rem;
    align-items: center;  height: 40px; width: 40px;
    justify-content: center;}
.add_field {width: 100%;}
.memory_editor_type textarea { border: solid 1px var(--theme-color-text);height: 120px !important; border-radius: 0; font-size: 1.125rem;    resize: none;      margin-right: 2rem;}
.collabrators_list {    gap: 1rem 0rem;
  display: flex
;
  flex-direction: column; }
.get_mesg_box {border-bottom: solid 1px #E3E3E3; padding-bottom: 1rem; margin-bottom: 3rem;}
textarea.editor_textarea::-webkit-input-placeholder { color: #8C8C8C !important; font-size: 1.125rem;     font-style: italic;}
 textarea.editor_textarea:-moz-placeholder { color: #8C8C8C !important;font-size: 1.125rem;    font-style: italic; }
textarea.editor_textarea::-moz-placeholder {  color: #8C8C8C !important; font-size: 1.125rem;    font-style: italic;}
 textarea.editor_textarea:-ms-input-placeholder { color: #8C8C8C !important; font-size: 1.125rem;    font-style: italic;}
 .alert-danger {     background: transparent !important; text-align: center; border: none;}
.emoji_box>div { padding: 0.3rem; }
.memory_editor_bottom .give_offering { margin-right: 1rem; }
.add_pic { margin-right: 1rem; }
.add_pic img {margin-right: 0.3rem;}
.pay_tribute img { margin-right: 0.3rem; }
.share_social_merory { padding:3rem 0;  margin-right: 10rem; border-top: solid 1px #f1f1f1;
  margin-top: 0rem; display: flex;}
ul.social_btn { margin: 0 0 0 5rem; padding: 0; list-style: none; display: flex; gap: 0 0.5rem; justify-content: center; }
.create_memory_get_emoji {    display: flex;}
.create_memory_get_emoji > div { padding-left: 0.5rem;} 
.share_cause_view .right { position: absolute; right: 0; top: 0; }
.share_cause_view img { margin-bottom: 1rem;}
.share_cause_view {background-color: var(--theme-color); position: relative; } 
.share_cause_view .leaf_left{    position: absolute; left: 1rem; top: 1rem;}
.share_cause_view .leaf_right { position: absolute; right: 1rem; top: 1rem; transform: rotate(103deg); }
.share_cause_view .img_create{mix-blend-mode: color-burn; opacity: 0.4; }
.get_mesg_box_inner{display: flex;     justify-content: space-between;}
ul.get_mesg_list { list-style: none; padding-left: 0; }
ul.get_mesg_list li {    margin-bottom: 1.5rem;}
.share_social_merory .social_btn li:first-child { }
.share_social_merory .social_btn li a {display: block;}
.share_social_merory .social_btn li a{ transition: 0.5s;}
.share_social_merory .social_btn li:hover a { transform: translateY(-10px);}

/* GLOBAL */
.mb_0 { margin-bottom: 0;}
.mb_1 { margin-bottom: 1rem;}
@media (min-width: 1300px){
  .container {
    width: 1280px !important;
}
}



.select_radio_button .button input[type="radio"]:checked + label {background: var(--theme-color);color: var(--black) !important;}
.select_radio_button .button label {background-color: #FBF6F3;border-radius: 15px;min-width: 16.875rem;max-width: 16.875rem;height: 5.375rem;border: solid 2px var(--theme-color) !important;color: var(--primary-color) !important;font-size: 1.875rem;font-weight: 700;display: flex;align-items: center;justify-content: center;}
.select_radio_button .button input[type="radio"] {opacity: 0.011;z-index: 100;}
.select_radio_button {display: flex;margin-top: 2rem;margin-bottom: 2rem;justify-content: center;flex-wrap: wrap;}
.select_radio_button>.button{margin-right: 1.3rem;}
.amt_box .memory_form_inner{max-width: 750px;}
.skip_btn{position: absolute;left: 50%;transform: translateX(-50%);bottom: 5rem;color: var(--black);font-weight: bold;}
.cause_li{display: flex;flex-wrap: wrap;padding: 0;justify-content: center;margin-top: 4rem;}
.cause_li li{list-style: none;width: 18rem;margin-right: 5rem;margin-bottom: 3rem;}
.cause_li .element_box{height: 219px;background: #FBF6F3;border-radius: 20px;border: 1px solid #FCCCCC;box-shadow: none;margin-bottom: 1rem;padding: 2rem;}
.cause_li .element_box figure{width: auto;height: 100%;padding: 0;}
.cause_text a{text-decoration: underline!important;}
.cause_dtl_main .memory_form_inner{max-width: 950px;}
.cause_dtl_main .after_img_text {margin: 0 13rem;}
.client_box .client_img{margin-right: 1rem;border: 1px solid transparent;transition: 0.5s;}
.client_box .client_img img{width: 100%;height: 100%;}
.client_box ul{display: flex;flex-wrap: wrap;padding: 0;justify-content: center;}
.client_box ul li{list-style: none;width: 20%;}
.text-red p { color: red; }
.client_img:hover{border: 1px solid #ccc;}

.not_found {text-align: center;}

/* MAIN BANNER CSS */
.main_banner_inner { background-color: #FFF8F8; display: flex; overflow: hidden; justify-content: space-between;}

.main_banner_inner .main_banner_left {width: 53%; padding-left: 5rem; padding-top: 10rem; }
.main_banner_inner .main_banner_right {width: 45%; position: relative; padding-block: 2rem; display: flex; justify-content: flex-end;}
.main_banner_inner .main_banner_right .bg_fixed {position: absolute; top: 0; right: 0; max-width: 100%;}
.main_banner_left .logo_text { font-size: 2.625rem;     font-family: 'Butler';}
.main_banner_left .text_lg_dark {}
.main_banner_left .text_lg_dark, .main_banner_left .text_lg_light {font-size: 2.375rem;font-family: 'Butler'; }
.main_banner_left .text_lg_light, .main_banner_left .text_lg_light p  {color: #7E7E7E;}
.banner_main_text { width: 38rem; line-height: 3.5rem;  margin-top: 1rem;}
.home_cta_inner {     justify-content: flex-start; margin-top: 10rem;}
.theme_btn_text { transition: 0.5s; display: inline-block; color: var(--theme-color-text); text-decoration: underline; }
.main_banner_inner  .main_img {position: relative;}

.home_intro .heading_box {max-width: 44.375rem; margin: 0 auto; }
.tag_line {color: #FFAF8D;        max-width: 20rem;
  margin: 0 auto 5rem auto;}
.home_intro_inner {border-bottom: solid 1px var(--black100); padding-bottom: 3rem;}
.purpose_home { background-color: #FFF8F8; position: relative;}
.purpose_home  .heading_box { padding-left: 5rem;     margin-bottom: 2rem;}
.purpose_home .intro_text { max-width: 34.688rem;}
.purpose_home .logo_circle { position: absolute; right: 6rem; top: 4rem;}

.home_footer { }
.home_footer .radio_btn_group input[type=radio] {
  position: absolute;
  opacity: 0;
}
.home_footer .radio_btn_group input[type=radio] + .radio-label:before {
  content: "";

  border-radius: 100%;
  border: 2px solid var(--black);
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  position: relative;
  top: 0;
  margin-right: 1em;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  transition: all 250ms ease;
}
.home_footer .radio_btn_group input[type=radio]:checked + .radio-label:before {
  background-color: var(--theme-color-dark);
  box-shadow: inset 0 0 0 4px #fff;
}
.home_footer .radio_btn_group input[type=radio]:focus + .radio-label:before {
  outline: none;
  /* border-color: var(--theme-color-dark) */
}

/* THEME HEADING CSS */
.heading_box {margin-bottom: 4rem; }
.heading_box .sm_haed { font-size: 2.188rem;}
.heading_box .lg_haed { font-size: 3.125rem;line-height: 1.2;}

/* USER DASHBOARD PAGE */
.logged_user_Wrap {text-align: center;}
.logged_user_Wrap .name { font-size: 2rem; font-weight: 600;font-family: 'Butler';  }
.logged_user_Wrap .email { color: var(--black600); }
.logged_user_icon { height: 11.875rem; width: 11.875rem; border-radius: 50%; margin: 0 auto 1rem auto; overflow: hidden;} 
.logged_user_icon img {height: 100%; width: 100%; object-fit: cover; }
.sec_heading_sm {font-size: 2.188rem;font-family: Butler; }
.logged_user_Wrap {margin-bottom: 5rem;}
.memorials_created_box .memorials_name {font-size: 1.375rem; font-weight: 500; color: var(--black); }
.memorials_created_box { background-color: #FFF4EF;     position: relative;
  overflow: hidden;    padding: 2rem; border-radius: 17px; border: 2px solid var(--theme-color);     display: flex;flex-direction: column;}
.memorials_created_box .text .memorials_name, .memorials_created_box .text .memorials_relation  {font-family: 'Butler'; }
.memorials_created_box .text { max-width: 16rem; margin-left: 2rem; padding-top: 1rem; margin-bottom: 1rem;}
.memorials_created_intro {display: flex;     align-items: flex-start;}
.memorials_created_list {    display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 2rem;}
.memorials_created_box .btn_group {margin-left: auto; display: flex;    gap: 0 1rem;}
.btn_group_multiple_bottom a img {display: block; margin: 0 auto;}
.btn_group_multiple_bottom a {text-align: center; font-size: 13px;}
.memorials_created_box .btn_group_multiple_bottom  {gap: 0 2rem;     justify-content: space-evenly; margin-left: 0;
  margin-top: auto !important;}
.btn_group_multiple_bottom a.edit_btn {flex-direction: column; }
.iti--separate-dial-code .iti__selected-flag { background-color: transparent !important;}
.memorials_created_intro .memorials_icon { height: 3.438rem; width: 3.438rem; min-width: 3.438rem; }
.memorials_created_intro .memorials_icon img {height: 100%; width: 100%; object-fit: contain; object-position: top center;     border-radius: 50%;}
.user_logo { width: 3rem;      object-fit: cover;   border-radius: 50%;
  height: 3rem;}
.responsive_droupdown .user_logo { width:1.875rem;      object-fit: cover;   border-radius: 50%;
  height: 1.875rem;}


  .tribut_status { background: #fff; padding: 0.2rem 0.5rem; border-radius: 6px; font-size: 14px; position: absolute; top: -1px; left: 0; }
  .action_dropdown a { color: var(--black900); }
  .user_name, .mobile_hide { color: var(--theme-color-text); }
  .user_menu {list-style: none; margin: 0;    padding: 1.5rem 1rem;}
  .user_menu li { position: relative; padding-left: 2.2rem;    }
  .user_menu li:not(:last-child) { margin-bottom: 0.8rem;}
  .user_menu li::before {height: 1.25rem;     width: 1.25rem; background-color: #9E9E9E; content: ''; position: absolute; top: 0; left: 0; border-radius: 30px;}
  .user_menu li a {color: var(--black900) !important;}
/* USER DASHBOARD END */


/* COMMON NOTIFICATION CSS */
.common_edit_profile{background:rgba(0,0,0,.5);position:fixed;top:0;left:0;width:100%;height:100%;z-index:99;display:flex;overflow:auto}
.common_notification{background:rgba(0,0,0,.5);position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;display:flex;overflow:auto}
.upload_notification_image{background:rgba(0,0,0,.5);position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;display:flex;overflow:auto}

.upload_profile_frame{background:rgba(0,0,0,.5);position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;display:flex;overflow:auto}

.common_notification_box{background-color:var(--white);max-width:23.75rem;border-radius:12px;margin:1rem}
.common_notification_box.fixed_width { min-width: 23.75rem;}
.common_notification_inner{margin:auto}
.notification_head{border-bottom:solid 1px var(--black200);font-weight:500;font-size:1.063rem;padding:.8rem;display:flex;align-items:center;gap:0 .8rem; position: relative;}
.notification_head:before { display: inline-block; content: "\f104"; font-family: FontAwesome;      color: var(--theme-color-text);   font-size: 1.250rem;}


.upload_notification_image .common_notification_box {width: 50rem;     max-width: 50rem;}
.upload_profile_frame .common_notification_box {width: 50rem;     max-width: 50rem;}
.modal-header {padding:.8rem !important;display:flex;align-items:center; justify-content: flex-start;  position: relative; }
.modal-header .modal-title {font-weight:500;font-size:1.063rem;}
.modal-header .modal-title:before { display: inline-block; content: "\f104"; font-family: FontAwesome; color: var(--theme-color-text); font-size: 1.250rem;     margin-right: 0.5rem;}

.dynamic-upload-btn {margin-top: 1rem;}

.close_noti { height: 30px; width: 30px; background: var(--theme-color-green); display: flex ; align-items: center; justify-content: center; position: absolute; right: -12px; top: -8px; border-radius: 50px; color: var(--white); cursor: pointer;}
.upload_profile_frame .cover_list_check span {aspect-ratio: 1/1; height: auto;}

.notification_body{padding:1rem 2rem;text-align:center}
.confirm_btn_group{display:flex;justify-content:center;padding:0 1rem;gap:0 1rem;margin-top:1rem}
.notification_footer{padding-bottom:1.5rem}
.notification_footer .notification_action input[type=radio]{display:none}
.notification_footer .notification_action{text-decoration:none;padding:.4rem 2.5rem;background-color:var(--theme-color);color:var(--black);border-radius:50px;display:inline-block;font-weight:500;border:solid 1px var(--theme-color);transition:.5s}
.confirm_btn_group .notification_action:last-child{background-color:var(--secondary-color);border:solid 1px var(--secondary-color); cursor: pointer;}
.notification_body .form-control:focus { box-shadow: none; border-color: var(--theme-color-dark); }
.dates_put { display: flex; align-items: center;}
.dates_put .dob_field { position: relative;}
.dates_put .dob_field .clear-date-btn {position: absolute;}
.deleteInputImage {
  position: absolute;

  right: 15px;
  bottom: 15px;
  background: var(--theme-color-dark);
  padding: 0.1rem 0.3rem;
  border-radius: 6px;
}
.dates_put .or_text {padding: 0 0.5rem;}
.deleteInputImage i {color: var(--white); cursor: pointer;}

.user_log_haeding{display:flex;justify-content:space-between; margin-bottom: 3rem;}
.user_log_haeding .theme_btn {display: flex; align-items: center;}
.user_left_pennel.desboard{background-color:#fff;box-shadow:0 4px 16px 0 rgba(0,0,0,.16);padding:2rem 1.5rem;border-radius:6px}
.desbord_list{padding-top:1rem}
.desbord_list ul{margin:0;padding:0}
.desbord_list>ul>li>a{font-size:1rem;padding:.5rem 0}
.user_info{display:flex}
.user_left_pennel.desboard .logged_user_icon{height:3.875rem;width:3.875rem;min-width:3.875rem;margin:0 .5rem 0 0}
.user_left_pennel.desboard .user_info{align-items:center}
.desbord_list>ul>li{position:relative;padding-left:1.5rem;display:flex;align-items:center}
.desbord_list>ul>li::before{height:10px;width:10px;background-color:#9e9e9e;content:'';position:absolute;top:13px;left:0;border-radius:30px}

.inner_right_box.inner_tribute {display: grid ; grid-template-columns: repeat(3, 1fr); grid-gap: 2rem; list-style: none; margin: 0; padding: 0; }
.tribute_box { border-radius: 12px; position: relative; overflow: hidden; background-color: var(--white); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16); display: flex ; flex-direction: column; height: 100%; }
.tribute_box_img {    overflow: hidden;
  position: relative;
  flex-grow: 1;}

  .tribute_box_img .thum_img {
    aspect-ratio: 380 / 235;
    transition: 0.5s;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tribute_box_content {
  padding: 1rem;
}
.tribute_box_btn {list-style: none; margin: 0; padding: 0; display: flex;justify-content: space-between;}
.tribute_box_btn li  a { height: 30px; width: 30px; display: inline-block; background-color: var(--theme-color-dark); border-radius: 20px; color: #fff; display: flex ; align-items: center; justify-content: center; margin-top: 1.5rem;}

/* DONATE PAGE CSS */
.amount_options{display:flex;gap:0.938rem;margin-bottom:1.25rem;     justify-content: center;}
.amount_box{border:2px solid var(--theme-color-text);border-radius:40px; font-family: 'Butler';    font-size: 1.375rem;
  padding:0.625rem 2.5rem;cursor:pointer;font-weight:500;color:var(--black);background-color:var(--white);transition:all .3s ease}
.amount_box input{display:none}
.amount_box input:checked+span{background-color:var(--theme-color-text) ;color:#fff}
.amount_box.selected{background-color:var(--theme-color-text);color:#fff}
.custom_amount input{    height: 36px; padding-left: 1rem;     margin-left: 1rem;
  min-width: 16rem;}
#payBtn{margin-top:20px;padding:10px 20px;background-color:#ffece4;border:none;border-radius:20px;cursor:pointer;font-weight:700}
.custom_amount input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.custom_amount input[type=number]{-moz-appearance:textfield}
.custom_amount label {     color: #130F26;
  font-weight: 600;}
  .custom_amount {
    padding-top: 1rem;
  }

  .custom_amount input[type=number]::placeholder {
    font-size: 14px; /* Change to whatever size you prefer */
    color: #aaa;     /* Optional: change placeholder color */
  }  
.mw_auto {min-width: auto !important;}
.form_group_label .grow_item {flex-grow: 1; }
.two_label .form_group {
  width: 50%;
}
.section_quick_details .form_flex label {  width: 90px;   min-width: 90px;}
.memorial_public_donate.memorial_public .custom_checkbox span {    font-size: 14px; }
.memorial_public_donate.memorial_public .custom_checkbox span a { text-decoration: underline; color: var(--black);}
.memorial_public_donate.memorial_public {    padding: 0.5rem 0 2rem;}
.contact_page_wrap {display: flex;}
.contact_page_wrap .contact_page_left {width: 30%;}
.contact_page_wrap .contact_page_left .heading_box  {height: 100%;display: flex;flex-direction: column;}
.contact_page_wrap .contact_page_left .mail_contact {margin-top: auto;}
.contact_page_wrap  .contact_page_right {width: calc(100% - 30%);}
.contact_page_right .form-control { border: none; border-bottom: solid 1px #FCCCCC; border-radius: 0; }
.contact_page_right .form-control:focus { box-shadow: none;}
.mail_contact a {color: var(--black);    font-family: 'Butler';}
.contact_page_right .form-group { margin-bottom: 6rem;}
.contact_page_right textarea {resize: none;}
.contact_page_right input::-webkit-input-placeholder { color: #707070 !important; font-style: italic; font-weight: 500;  }
.contact_page_right input:-moz-placeholder {color: #707070 !important;  font-style: italic;font-weight: 500; } 
.contact_page_right input::-moz-placeholder {color: #707070 !important;  font-style: italic; font-weight: 500; }
.contact_page_right input:-ms-input-placeholder { color: #707070 !important;  font-style: italic; font-weight: 500;  }
.next_go.end { text-align: right;}
.contact_page_right  .next_go .btn { min-width: 16.875rem; }
.contact_page_right textarea::-webkit-input-placeholder {
color: #707070 !important;  font-style: italic; font-weight: 500;
  }
   
  .contact_page_right textarea:-moz-placeholder { /* Firefox 18- */
color: #707070 !important;  font-style: italic; font-weight: 500;  
  }
   
  .contact_page_right textarea::-moz-placeholder {  /* Firefox 19+ */
color: #707070 !important;  font-style: italic; font-weight: 500;  
  }
   
  .contact_page_right textarea:-ms-input-placeholder {  
color: #707070 !important;  font-style: italic; font-weight: 500;  
  }


  
/*  CHECK BOX CSS */
.custom_checkbox { display: flex; align-items: center; cursor: pointer; color: var(--theme-color-text) !important; }
.custom_checkbox input[type="checkbox"] { appearance: none; -webkit-appearance: none; background-color: transparent; border: 2px solid var(--theme-color-text); border-radius: 50%; width: 20px; height: 20px; display: inline-block; position: relative; margin-right: 10px; cursor: pointer; transition: background-color 0.3s ease, border-color 0.3s ease; }
.custom_checkbox input[type="checkbox"]::after { content: ""; position: absolute; top: 50%; left:50%; width: 8px; height: 8px; border-radius: 50%; background-color: white; opacity: 0; transform: scale(0) translate(-50%, -50%); transition: transform 0.3s ease, opacity 0.3s ease; }

.custom_checkbox input[type="checkbox"]:checked { background-color: var(--theme-color-text); border-color: var(--theme-color-text); } 
.custom_checkbox input[type="checkbox"]:checked::after { opacity: 1; transform: scale(1) translate(-50%, -50%); }


.custom_radio { display: flex; align-items: center; cursor: pointer; color: var(--theme-color-text) !important; }
.custom_radio input[type="radio"] { appearance: none; margin-top: 0 !important; -webkit-appearance: none; background-color: transparent; border: 2px solid var(--theme-color-text); border-radius: 50%; width: 20px; height: 20px; display: inline-block; position: relative; margin-right: 10px; cursor: pointer; transition: background-color 0.3s ease, border-color 0.3s ease; }
.custom_radio input[type="radio"]::after { content: ""; position: absolute; top: 50%; left:50%; width: 8px; height: 8px; border-radius: 50%; background-color: white; opacity: 0; transform: scale(0) translate(-50%, -50%); transition: transform 0.3s ease, opacity 0.3s ease; }

.custom_radio input[type="radio"]:checked { background-color: var(--theme-color-text); border-color: var(--theme-color-text); } 
.custom_radio input[type="radio"]:checked::after { opacity: 1; transform: scale(1) translate(-50%, -50%); }


.memo_form_grid_ind input {
  width: 100%;
  border: solid 2px var(--theme-color-text);
  padding: 7px 2rem;
  border-radius: 40px;
  color: #000;
  font-weight: 300;
  height: 48px;
}
.choose_option.select select {
  border-radius: 40px;
  border: solid 2px var(--theme-color-text);
  padding: 7px 2rem;
  height: 48px;
}.BI_tablehead {
  background-color: var(--theme-color);
}
.tribut_table {   width: 100%;    margin-bottom: 30px;}
.tribut_table {    width: 100%; background: #f1f1f1;}
.tribut_table th {border-bottom: 1px solid #ddd;    padding: 10px 15px; font-size: 14px; line-height: 15px; font-weight: 300; color: #000; font-weight: 500; vertical-align: middle;}
.tribut_table a{ color:#4dbab5 !important; text-decoration: none; }
.tribut_table td{ background: #fff; border-bottom: 5px solid#f8f8f8; padding: 10px 15px; color: #000;  text-align:left; vertical-align: top;}
.delete_icon{position: relative;}
.delete_icon a{position: absolute;top: 0px;left: auto;font-size: 24px;border-radius: 50%;line-height: 0;}
.BI_tablehead{background-color: var(--theme-color);}
.BI_tablebody tr:nth-child(even) td {background-color: #FFF4EF; }
.update_tb{border-collapse: separate;border-spacing: 0;border: 1px solid black;border-radius: 25px;overflow: hidden;}
.tick_img {     width: 14rem;}

/* THEME TABLE CSS START */
.theme_table {border-radius: 14px; overflow: hidden; border: solid 2px var(--theme-color-dark);
background: #fff; position: relative;}
.theme_table thead tr th { }
.theme_table thead th, .theme_table td { padding: .75rem;}
.theme_table td {         border: 1px solid #dee2e6;}
.theme_table tbody tr:nth-of-type(odd) {background-color: rgba(0, 0, 0, .05);}
.theme_table thead th {border: none;}
.theme_table_message .expand_data {color: var(--black); text-decoration: underline;    font-weight: 600; }
.uploaded_user_img img { max-height: 80px;     border-radius: 500px;
aspect-ratio: 1 / 1;}
.uploaded_user_img { position: relative;width: max-content;}
.uploaded_user_img .cross_del { background-color: var(--theme-color-green); display: inline-block; /* line-height: normal; */ width: 20px; height: 20px; display: flex ; align-items: center; justify-content: center; font-size: 20px; color: #fff; right: 0; top: 5px; }
.d-none{ display:none; }

/* Search Tributes PAGE CSS */
.search_tributes {    border: 1px solid #ddd; max-width: 50rem; margin: 0 auto; padding: 0.5rem 0.5rem 0.5rem 1rem;  border-radius: 500px;     position: relative;}
.memo_form_grid {margin-bottom: 0;    display: flex;}
.memo_form_grid input { border: none; margin: 0;    padding: 0rem 1rem 0 1rem;}
.search_bto { background-color: var(--theme-color-dark);    border-radius: 50px;
  width: auto;
  padding: 0.8rem 3rem;}

  
  .tributes_grid_list {list-style: none; margin: 4rem 0 0 0; padding: 0; display: grid ; grid-template-columns: repeat(4, 1fr); grid-gap: 2rem;}
  .tributes_card .tributes_img img {aspect-ratio: 395 / 428;     border-radius: 15px; transition: 0.5s; width: 100%; height: 100%; object-fit: cover; transition: 0.5s; }
  .tributes_info {
    padding: 1.5rem 1.5rem 0;
}
.tributes_card { transition: 0.5s;}
.tributes_card .theme_btn {      margin-top: 1.2rem;  font-size: 0.875rem;}
.tributes_card:hover .tributes_img img { filter: grayscale(1); transform: scale(0.9) rotate(5deg); }
.load_more_btn { text-align: center;padding-top: 5rem;}
.load_more_btn a {color: var(--black300);  transition: 0.5s;    font-weight: 600;}
.load_more_btn a img {transition: 0.5s;  }
.load_more_btn a:hover img {    transform: rotate(270deg);}

.switch{position:relative;display:inline-block;width:50px;height:28px}
.switch input{opacity:0;width:0;height:0}
.switch .slider{position:absolute;cursor:pointer;    margin: 0;
  padding: 0; background-color:#ccc;border-radius:28px;top:0;left:0;right:0;bottom:0;transition:.4s}
.switch .slider:before{content:"";position:absolute;height:20px;width:20px;border-radius:50%;background-color:#fff;left:4px;
  bottom:3px;transition:.4s}
.switch input:checked+.slider{background-color:#4caf50}
.switch input:checked+.slider:before{transform:translateX(22px)}


.theme_table_inner {width: 100%;}
.theme_table_no_message {padding: 2rem;}

.faq_list { margin: 0; padding: 0; list-style: none;}
.faq_list .question { background-color: var(--theme-color);     border-radius: 4px; padding: 0.5rem;color: var(--black600); margin-bottom: 1rem;display: flex;align-items: center;justify-content: space-between; cursor: pointer;}
.faq_list .question:after {content: ''; background-image: url(../images/icon/faq-btn.png); height: 27px; width: 27px; display: inline-block; transition: 0.5s; min-width: 27px;  }
.faq_list .answer { padding-top: 0.5rem; display: none; margin-bottom: 2rem;  line-height: 1.6;    }
.faq_list li:first-child .answer {display: block;}
.faq_list li.active .question:after { transform: rotate(180deg);  }

.banner_main_inner {position: relative;}
.alert button {display: none;}



.list_style {     list-style: none;
  margin: 0;
  padding: 0;}
  .list_style li {
    position: relative;
   
    padding-left: 1.5rem;
    margin-bottom: 0.8rem;
}

.list_style li::before {
    content: '';
    height: 0.5rem;
    width: 0.5rem;
    border-radius: 50px;
    background-color: var(--theme-color-dark);
    position: absolute;
    top: 9px;
    left: 0;
}

.example_nav_caption {margin: 0 5rem; background: rgba(0, 0, 0, 0.85); -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -o-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; -webkit-box-shadow: 0 0 9px 4px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 9px 4px rgba(0,0,0,0.4); -o-box-shadow: 0 0 9px 4px rgba(0,0,0,0.4); box-shadow: 0 0 9px 4px rgba(0, 0, 0, 0.4); padding: 2rem; }
.example_nav {display:flex; margin-right: 1rem; 
  align-items: center;}
.example_nav > .nav_btn { height: 2.5rem; width: 2.5rem; background-color: var(--theme-color-dark); display: flex
  ;
      align-items: center;
      justify-content: center;}
      .example_nav_caption {
        display: flex
    ;
        align-items: center;
    }
.example_nav i {font-size: 2rem; color: var(--white);}
.example_caption {width: calc(100% - var(--navwidth));}
.example_nav_caption .des { font-size: 1.1rem; color: var(--white);}
.swiper-button-disabled {opacity: 0.4; }
.swiper-pagination-total {display: none;}
.example-pagination .swiper-pagination-current {font-size: 1.2rem; padding: 0 0.5rem; color: var(--white); font-weight: 600;}
.imageSwiper .slider_box  { position: relative;    text-align: center;}
.imageSwiper .slider_box .image { width: max-content; margin: 0 auto; position: relative;}
.current_num { position: absolute; top: 0; left: 0; background: var(--theme-color-green); width: 3rem; height: 2rem; font-size: 1.5rem; display: flex ; align-items: center; justify-content: center; color: var(--white); }
.slider_box img { border: solid 2px var(--theme-color); display: inline-block;
   aspect-ratio: 1025 / 540; object-fit: cover;}
.suscribe_box a { color: var(--black); text-decoration: underline;     font-style: italic;}
#search_results {position: absolute; background: #FCFCFC; left: 0; box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25); border-radius: 10px; width: 100%; top: 100%;     z-index: 99;     list-style: none; display: none;        padding: 0.5rem 0 0.5rem 0; margin: 0;}
#search_results li { font-size: 0.875rem;  transition: 0.5s;     padding: 0.5rem 1rem 0.5rem 2.2rem; cursor: pointer; position: relative;}
#search_results li:hover {background-color: #eee;}
#search_results li:before {    height: 0.625rem;
  width: 0.625rem;
  background-color: #9E9E9E;
  content: '';
  position: absolute;
  top: 12px;
  left: 17px;
  border-radius: 30px;}


.custom-file-upload {
  display: inline-block;
  padding: 0.8rem 2rem;
  cursor: pointer;
  border: solid 1px var(--theme-color-green);
  color: var(--theme-color-green);
  border-radius: 4px;
  font-family: sans-serif;
  font-size: 14px;
  transition: background-color 0.3s;
border-radius: 30px;
  text-align: center;
}

.custom-file-upload:hover {
  background-color: var(--theme-color-green);
  color: var(--white);
}
.upload_img_btn {background-color: var(--theme-color-green); padding: 3px 10px; display: inline-block; position: absolute; top: 20px; right: 20px; font-size: 12px; border-radius: 30px; color: #fff; cursor: pointer;}

#coverimage {position: relative; z-index: 1;}
.theme_btn.disabled {opacity: 0.5;}

/* TOOLTIPS CSS START */
/* TOOLTIPS CSS */
.tooltip_custom { position: absolute; top: 0; left: 0; display: inline-block; } 
.tooltip_custom .tooltiptext { visibility: hidden; width: 270px; font-size: 14px !important; background-color: var(--theme-color-green); color: #fff !important; text-align: center; border-radius: 0px; padding: 5px 0;  position: absolute; z-index: 1; top: 0px; left: 105%; } 
.tooltip_custom:hover .tooltiptext { visibility: visible; }

.memorial_public .tooltip_custom  {   top: -7px; left: auto; right: -14px; }

.ver_secrool_side {max-height: 19rem; overflow-x: auto;}
/* width */
/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}


/* SEARCH CSS  */
.memo_form_grid .search_multiple {width: 100%;     display: flex
;
}
.search_calender {display: flex; align-items: center;}
.search_calender .line { height: 50%; width: 2px; background-color: #ccc;}
.search_calender .input_wrap {position: relative; padding-left: 1.8rem;}
.search_calender  .input_wrap::before { font-family: FontAwesome; content: "\f073"; position: absolute; left: 8px; top: 50%; transform: translateY(-50%); color: #666; pointer-events: none; }
 .search_calender .input_wrap input { padding: 0; }


 .user_intro_box .user_img { height: 22rem; width: 22rem; }
 .frame_img, .frame_img2, .frame_img3 { position: absolute; top: 0; left: 0;}
/* .main_profile {padding: 2.7rem;background: #fff;} */

.main_profile {padding: 0 0 2rem 0;background: #fff;}
.frame_img3, .frame_img2 {left: -35px; border: none !important;     top: 24px; }


.user_img.no_frame .main_profile { padding: 0; }
.search_tributes {overflow: hidden;}

/* LODER CSS START */
.loader {
  width: 50px;
  padding: 8px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #25b09b;
  --_m: 
    conic-gradient(#0000 10%,#000),
    linear-gradient(#000 0 0) content-box;
  -webkit-mask: var(--_m);
          mask: var(--_m);
  -webkit-mask-composite: source-out;
          mask-composite: subtract;
  animation: l3 1s infinite linear;
}
@keyframes l3 {to{transform: rotate(1turn)}}
/* LODER CSS END */

#update_profile_frame .back_slide { padding: 0.4rem 1.4rem; 
    border: solid 1px var(--theme-color-dark);
    border-radius: 40px; color: var(--theme-color-dark); font-size: 0.875rem; transition: 0.5s;}

    #update_profile_frame .next_slide { padding: 0.4rem 1.4rem;
    border: solid 1px var(--theme-color-green);
    border-radius: 40px; color: var(--theme-color-green); font-size: 0.875rem;}

    .edit_btn_sm {padding: 0.4rem 1.4rem; cursor: pointer;
    border: solid 1px var(--theme-color-green);
    border-radius: 40px; color: var(--theme-color-green) !important; font-size: 0.875rem; transition: 0.5s;     display: inline-block;}
    .edit_btn_sm img {transition: 0.5s;}
.edit_btn_sm:hover { background-color: var(--theme-color-green); color: var(--white) !important;}
.edit_btn_sm:hover img { filter: brightness(100); }
    .first_slider_item .back_slide {display: none; }
    .step_action_btn_wrap { display: flex ; align-items: center; gap: 0 0.5rem; justify-content: center;}
   #update_profile_frame  #save_frame_btn { display: none;    padding: 0.4rem 1.4rem;     font-size: 0.875rem;}
 #update_profile_frame.last_slider_item  #save_frame_btn  { display: block;}
  #update_profile_frame.last_slider_item .next_slide  {display: none; }
@media(max-width:767px){
  .memo_form_grid { flex-wrap: wrap;}
  .memo_form_grid .search_multiple  { flex-wrap: wrap;}
  .memo_form_grid input.trib_search_box {           padding-top: 1rem;  text-align: center; margin-bottom: 1rem;}
  .memo_form_grid .search_bto {  padding: 0.4rem 2rem;   margin: 1.5rem auto 0 auto !important;}
  .search_tributes { border-radius: 20px;}
  .search_calender { border-top: dotted 1px #ccc; padding-top: 1rem;}
}