/* ===== Common-CSS-Being ===== */
* { margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
body { font-family: "Montserrat", sans-serif; font-size: 20px; line-height: normal; font-weight: 400; color:#898A9B; }
.container { margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; float: none; box-sizing: border-box }
.container:after { clear: both; content: ""; display: table }
.row { margin-right: -15px; margin-left: -15px }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right }
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 { margin-top:0; font-weight:700; margin-bottom:10px; color:#C3992D; }
h1,.h1 { font-size: 70px; line-height: normal; }
h1.detail,.h1.detail { font-size: 58px; line-height: normal; }
h2,.h2 { font-size: 48px; line-height: normal; }
h3,.h3 { font-size: 30px; line-height: normal; }
h4,.h4 { font-size: 26px; line-height: normal; }
h5,.h5 { font-size: 20px; line-height: normal; }
h6,.h6 { font-size: 18px; line-height: normal; }
.title-h2 { font-size: 62px; line-height: normal; font-weight: 600; }
a { -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }

.primary-btn { width: max-content; display: flex; justify-content: center; align-items: center; font-size: 18px; font-style: normal; font-weight: 700; line-height: normal; color: #FFFFFF; background-color: #C3992D; border-radius: 5px; text-decoration: none; padding: 15.8px 10px 14.2px; }
.primary-btn:hover { background-color: #252972; }
.secondary-btn { width: max-content; display: flex; justify-content: center; align-items: center; font-size: 18px; font-style: normal; font-weight: 700; line-height: normal; color: #FFFFFF; background-color: #252972; border-radius: 5px; text-decoration: none; padding: 15.8px 10px 14.2px; }
.secondary-btn:hover { background-color: #C3992D; }
.primary-btn-full { width: 100%; display: flex; justify-content: center; align-items: center; font-size: 18px; font-style: normal; font-weight: 700; line-height: normal; color: #FFFFFF; background-color: #C3992D; border-radius: 5px; text-decoration: none; padding: 15.8px 10px 14.2px; }
.primary-btn-full:hover { background-color: #252972; }
.secondary-btn-full { width: 100%; display: flex; justify-content: center; align-items: center; font-size: 18px; font-style: normal; font-weight: 700; line-height: normal; color: #FFFFFF; background-color: #252972; border-radius: 5px; text-decoration: none; padding: 15.8px 10px 14.2px; }
.secondary-btn-full:hover { background-color: #C3992D; }
.bth-wh { width: 193px; height: 52px; }
button { font-family: "Montserrat", sans-serif; border: unset; cursor: pointer; }

.light { font-weight:300; } 
.regular { font-weight:400; } 
.medium { font-weight:500; } 
.semibold { font-weight:600; } 
.bold { font-weight:700; } 
.extrabold { font-weight:800; } 
.black { font-weight:900; } 

.brown { color: #C3992D; }
.brown-bg { background-color: #C3992D; }
.blue { color: #1E205D; }
.blue-bg { background-color: #1E205D; }
.dark-blue { color: #252972; }
.dark-blue-bg { background-color: #252972; }
.light-gray { color: #898A9B; }
.light-gray-bg {  background-color: #898A9B; }
.gray { color: #F6F6F6; }
.gray-bg {  background-color: #F6F6F6; }
.white { color: #FFFFFF; }
.white-bg {  background-color: #FFFFFF; }

.capitalize { text-transform: capitalize; }
.lowercase { text-transform: lowercase; }
.uppercase { text-transform: uppercase; }
.text-transform-none { text-transform: none; }

.underline { text-decoration: underline; }
.text-decoration-none { text-decoration: none; }

.pointer { cursor: pointer; }

.fieldset { width: 100%; display: inline-block; vertical-align: top; }
.form-group { width: 100%; display: flex; flex-direction: column; gap: 10px; margin: 0 0 20px; }
.form-group label { width: 100%; display: inline-block; vertical-align: top; font-size: 18px; font-style: normal; font-weight: 500; line-height: normal; color: #252972; }
.form-group input { width: 100%; display: inline-block; vertical-align: top; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; color: #252972; background-color: #F6F6F6; border: unset; border-radius: 5px; padding: 15px 25px; }
.form-group input::placeholder { color: #898A9B; }
.form-group textarea { width: 100%; height: 111px; display: inline-block; vertical-align: top; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; color: #252972; background-color: #F6F6F6; border: unset; resize: none; border-radius: 5px; padding: 18px 25px 15px; }
.form-group textarea::placeholder { color: #898A9B; }
.fieldset div.error { font-size: 14px; position: relative; top: -10px; }
.form-group input:focus-visible { outline-color: #C3992D; }
.form-group textarea:focus-visible { outline-color: #C3992D; }
.form-group-wrap { width: 100%; display: flex; justify-content: space-between; gap: 20px; }
.form-group-wrap .form-group { width: 50%; margin: 0 0 10px; }
.form-group.date, .form-group.time { gap: 20px; margin: 0 0 20px; position: relative; }
.form-group.date input { font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; color: #898A9B; }
.fieldset #date-error { top: -18px; }
.form-group-wrap { position: relative; z-index: 1; }
.form-group-wrap #client_name-error { height: max-content; position: absolute; top: 82px; }
.form-group-wrap #client_surname-error { width: 50%; position: absolute; top: 82px; right: -10px; }
input[type="date"]::-webkit-calendar-picker-indicator { width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M16.5 5V3M7.5 5V3M3.25 8H20.75M3 10.044C3 7.929 3 6.871 3.436 6.063C3.83003 5.34214 4.44184 4.76427 5.184 4.412C6.04 4 7.16 4 9.4 4H14.6C16.84 4 17.96 4 18.816 4.412C19.569 4.774 20.18 5.352 20.564 6.062C21 6.872 21 7.93 21 10.045V14.957C21 17.072 21 18.13 20.564 18.938C20.17 19.6589 19.5582 20.2367 18.816 20.589C17.96 21 16.84 21 14.6 21H9.4C7.16 21 6.04 21 5.184 20.588C4.44199 20.236 3.83019 19.6585 3.436 18.938C3 18.128 3 17.07 3 14.955V10.044Z' stroke='%23898A9B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; background-position: center; cursor: pointer; }
input[type="date"]::-moz-calendar-picker-indicator { width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M16.5 5V3M7.5 5V3M3.25 8H20.75M3 10.044C3 7.929 3 6.871 3.436 6.063C3.83003 5.34214 4.44184 4.76427 5.184 4.412C6.04 4 7.16 4 9.4 4H14.6C16.84 4 17.96 4 18.816 4.412C19.569 4.774 20.18 5.352 20.564 6.062C21 6.872 21 7.93 21 10.045V14.957C21 17.072 21 18.13 20.564 18.938C20.17 19.6589 19.5582 20.2367 18.816 20.589C17.96 21 16.84 21 14.6 21H9.4C7.16 21 6.04 21 5.184 20.588C4.44199 20.236 3.83019 19.6585 3.436 18.938C3 18.128 3 17.07 3 14.955V10.044Z' stroke='%23898A9B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; background-position: center; cursor: pointer; }
input[type="date"]::before { width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M16.5 5V3M7.5 5V3M3.25 8H20.75M3 10.044C3 7.929 3 6.871 3.436 6.063C3.83003 5.34214 4.44184 4.76427 5.184 4.412C6.04 4 7.16 4 9.4 4H14.6C16.84 4 17.96 4 18.816 4.412C19.569 4.774 20.18 5.352 20.564 6.062C21 6.872 21 7.93 21 10.045V14.957C21 17.072 21 18.13 20.564 18.938C20.17 19.6589 19.5582 20.2367 18.816 20.589C17.96 21 16.84 21 14.6 21H9.4C7.16 21 6.04 21 5.184 20.588C4.44199 20.236 3.83019 19.6585 3.436 18.938C3 18.128 3 17.07 3 14.955V10.044Z' stroke='%23898A9B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; background-position: center; cursor: pointer; }
.form-group.date input:focus-visible { outline: unset; }
.form-group-wrap.name-surname .error { margin-bottom: 10px; }
/* ===== Common-CSS-End ===== */

/* ===== Header-CSS-Being ===== */
header { width: 100%; display: inline-block; vertical-align: top; transition: top 0.3s; padding: 7px 0; }
header .header-wrap { width: 100%; display: flex; justify-content: space-between; align-items: center; }
header .header-wrap .left { width: max-content; margin: 0; }
header .header-wrap .left .logo a { display: flex; align-items: center; }
header .header-wrap .left .logo a img { height: 83px; display: flex; align-items: center; object-fit: contain; object-position: center; margin: 0; }
header .header-wrap .right { width: max-content; margin: 0; }
header .header-wrap .right .info { display: flex; justify-content: flex-end; align-items: center; gap: 40px; }
header .header-wrap .right .info .info-col { width: max-content; display: flex; justify-content: flex-start; align-items: center; gap: 10px; }
header .header-wrap .right .info .info-col .icon { width: 44px; height: 44px; display: flex; justify-content: space-between; align-items: center; border-radius: 100%; padding: 10px; }
header .header-wrap .right .info .info-col .icon a { display: flex; justify-content: center; align-items: center; }
header .header-wrap .right .info .info-col .caption { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 5px; }
header .header-wrap .right .info .info-col .caption .label { font-size: 14px; font-style: normal; line-height: normal; margin: 0; }
header .header-wrap .right .info .info-col .caption a { font-size: 18px; font-style: normal; line-height: normal; }
header .header-wrap .right .info .info-col:hover .icon { background-color: #C3992D; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
header .header-wrap .right .info .info-col:hover .caption a { color: #C3992D; }
header.sticky { width: 100%; z-index: 1000; background-color: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); position: fixed; top: 0; }

/* ===== Header-CSS-End ===== */

/* ===== Inner-Header-CSS-Being ===== */
section.inner-header { width: 100%; max-width: 1920px; display: block; padding: 28px 0; margin: 0 auto; }
section.inner-header .inner-header-wrap { width: 100%; display: flex; justify-content: space-between; align-items: center; }
section.inner-header .inner-header-wrap .menu { width: max-content; margin: 0; }
section.inner-header .inner-header-wrap .menu nav ul { display: flex; justify-content: flex-start; align-items: center; gap: 43px; list-style-type: unset; padding: 0; margin: 0; }
section.inner-header .inner-header-wrap .menu nav ul li { display: flex; justify-content: flex-start; align-items: center; }
section.inner-header .inner-header-wrap .menu nav ul li a { font-size: 18px; font-style: normal; font-weight: 500; line-height: normal; text-decoration: none; color: #252972; }
section.inner-header .inner-header-wrap .menu nav ul li a:hover, section.inner-header .inner-header-wrap .menu nav ul li a.active { color: #C3992D; }
section.inner-header .inner-header-wrap .cta { width: max-content; margin: 0; }
section.inner-header .inner-header-wrap .cta a { padding: 14.8px 33.357px 13.2px 32.643px; }
.menu-icon { display: none; cursor: pointer; flex-direction: column; gap: 5px; }
.menu-icon .bar { width: 25px; height: 3px; background-color: #333; transition: all 0.3s; }
/* ===== Inner-Header-CSS-End ===== */

/* ===== Hero-Banner-CSS-Being ===== */
section.hero-banner { width: 100%; display: inline-block; vertical-align: top; position: relative; z-index: 1; }
section.hero-banner:after { content: ""; width: 100%; height: 202px; display: flex; background-image: url('../assets/images/banner-main-bottom.png'); background-repeat: no-repeat; background-size: contain; background-position: bottom; position: absolute; left: 0; bottom: 0; z-index: -1; }
section.hero-banner .banner-wrap { width: 100%; max-width: 1920px; display: flex; justify-content: center; align-items: stretch; }
section.hero-banner .banner-wrap .content-col { width: 55%; margin: 0; padding-left: calc(50% - 1410px / 2); padding-right: 54px; padding-bottom: 85px; margin: 68px 0; }
section.hero-banner .banner-wrap .content-col .content { width: 100%; display: flex; flex-direction: column; gap: 20px; }
section.hero-banner .banner-wrap .content-col .content h1 { margin: 0; }
section.hero-banner .banner-wrap .content-col .content .cta { width: 100%; margin: 0; }
section.hero-banner .banner-wrap .content-col .content .cta a { font-size: 24px; padding: 21px 52px 20px 52px; margin: 0; }
section.hero-banner .banner-wrap .image-col { width: 45%; margin: 0; position: relative; z-index: -1; }
section.hero-banner .banner-wrap .image-col .image { width: 100%; display: flex; height: 100%; background-repeat: no-repeat; background-size: 100% 100%; background-position: 100% 100%; }
section.hero-banner .banner-wrap .image-col .image img { width: 100%; display: flex; object-fit: cover; object-position: center; }
/* ===== Hero-Banner-CSS-End ===== */

/* ===== Funeral-Services-CSS-Being ===== */
section.funeral-services { width: 100%; max-width: 1920px; display: flex; flex-wrap: wrap; padding: 100px 0 70px; margin: 0 auto; position: relative; z-index: 2; }
section.funeral-services:after { content: ""; width: 100%; height: 100%; display: inline-block; vertical-align: top; background-image: url('../assets/images/flower-funeral-services.png'); background-repeat: no-repeat; background-position: right bottom; background-size: 258px; position: absolute; right: 0; bottom: 0; z-index: -1; }
section.funeral-services .main-title { margin: 0 auto 40px; }
section.funeral-services .main-title h2 { margin-bottom: 12px; }
section.funeral-services .main-title p { max-width: 771px; margin: 0 auto; }
section.funeral-services .fs-wrap { width: calc(100% + 30px); display: flex; flex-wrap: wrap; align-items: stretch; row-gap: 30px; margin: 0 -15px; }
section.funeral-services .fs-wrap .fs-col { width: calc(100% / 3 - 30px); display: flex; flex-direction: column; border-radius: 10px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out; padding: 29px 30px 53px; }
section.funeral-services .fs-wrap .fs-col:hover { background-color: #ffffff; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
section.funeral-services .fs-wrap .fs-col .image { width: 100%; display: flex; margin: 0 auto 27px; }
section.funeral-services .fs-wrap .fs-col .image img { width: 100%; height: 245px; display: flex; object-fit: cover; object-position: center; border-radius: 10px; }
section.funeral-services .fs-wrap .fs-col .caption { width: 100%; display: flex; flex-direction: column; gap: 19px; padding: 0 9px; }
section.funeral-services .fs-wrap .fs-col .caption .h4 { margin: 0 auto; }
/* ===== Funeral-Services-CSS-End ===== */

/* ===== Img-Content-CSS-Being ===== */
section.img-content { width: 100%; display: inline-block; vertical-align: top; position: relative; z-index: 1; }
section.img-content .img-content-wrap { width: 100%; max-width: 1920px; display: flex; justify-content: center; align-items: stretch; }
section.img-content .img-content-wrap .image-col { width: 41%; margin: 0; position: relative; z-index: -1; }
section.img-content .img-content-wrap .image-col .image { width: 100%; display: flex; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; }
section.img-content .img-content-wrap .image-col .image img { width: 100%; display: flex; object-fit: cover; object-position: center; }
section.img-content .img-content-wrap .content-col { width: 59%; margin: 0; padding: 105px 0 173px 99px; padding-right: calc(50% - 1410px / 2); }
section.img-content .img-content-wrap .content-col .content { width: 100%; display: flex; flex-direction: column; gap: 20px; }
section.img-content .img-content-wrap .content-col .content h1 { margin: 0; }
section.img-content .img-content-wrap .content-col .content .cta { width: 100%; margin: 0; }
section.img-content .img-content-wrap .content-col .content .cta a { font-size: 24px; padding: 21px 52px 20px 52px; margin: 0; }
/* ===== Img-Content-CSS-End ===== */

/* ===== Parallax-CSS-Being ===== */
section.parallax { width: 100%; max-width: 1920px; display: block; margin: 0 auto; }
section.parallax .parallax-container { display: flex; position: relative; height: 100%; background-attachment: fixed; background-repeat: no-repeat; /*background-size: cover; background-position: bottom center;*/ background-size: 100% 100%; background-position: 100% 100%; padding: 109.5px 20px 108.5px; }
section.parallax .parallax-content { display: flex; flex-direction: column; gap: 29px; display: flex; justify-content: center; align-items: center; text-align: center; color: #ffffff; }
section.parallax .parallax-content p { max-width: 701px; }
section.parallax .parallax-content .cta a { padding: 14.8px 36.357px 13.2px 35.643px; }
/* ===== Parallax-CSS-End ===== */

/* ===== Detail-Banner-CSS-Being ===== */
section.detail-banner { width: 100%; max-width: 1920px; display: block; background-repeat: no-repeat; background-position: center; background-size: 100% 100%; padding: 59px 0 151px; margin: 0 auto; position: relative; z-index: 1; }
section.detail-banner:before { content: ""; width: 283.5px; height: 243px; display: block; background-image: url('../assets/images/detail-banner-left-img.png'); background-repeat: no-repeat; background-position: center; background-size: 100% 100%; position: absolute; bottom: 0; left: 0; z-index: 1; }
section.detail-banner:after { content: ""; width: 352px; height: 273px; display: block; background-image: url('../assets/images/detail-banner-right-img.png'); background-repeat: no-repeat; background-position: center; background-size: 100% 100%; position: absolute; bottom: 0; right: 0; z-index: 1; }
section.detail-banner .detail-banner-wrap { width: 100%; display: flex; flex-direction: column; gap: 6px; position: relative; z-index: 2;  }
section.detail-banner .detail-banner-wrap .breadcrumbs ul { width: 100%; display: flex; justify-content: center; align-items: center; gap: 5px; list-style-type: none; padding: 0; margin: 0 auto; }
section.detail-banner .detail-banner-wrap .breadcrumbs ul li { font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; color: #ffffff; margin: 0; position: relative; z-index: 1; }
section.detail-banner .detail-banner-wrap .breadcrumbs ul li:last-child { font-weight: 700; }
section.detail-banner .detail-banner-wrap .breadcrumbs ul li:after { content: "/"; padding: 0 0 0 6px; }
section.detail-banner .detail-banner-wrap .breadcrumbs ul li:last-child:after { display: none; }
section.detail-banner .detail-banner-wrap .breadcrumbs ul li a { text-decoration: none; color: #ffffff; }
section.detail-banner .detail-banner-wrap .breadcrumbs ul li a:hover { color: #1E205D; }
section.detail-banner .detail-banner-wrap h1.detail { margin: 0 auto; }
section.detail-banner .detail-banner-wrap p { max-width: 737px; font-size: 16px; margin: 0 auto; }
/* ===== Detail-Banner-CSS-End ===== */

/* ===== Detail-Form-CSS-Being ===== */
section.detail-form { width: 100%; max-width: 1920px; display: block; padding: 0 0 120px; margin: 0 auto; }
section.detail-form .detail-form-wrap { width: 100%; max-width: 917px; display: flex; flex-wrap: wrap; justify-content: center; border-radius: 10px; padding: 50px 106px 74px 106px; margin-bottom: -105px; position: relative; top: -105px; z-index: 2; }
section.detail-form .detail-form-wrap form { width: 100%; display: inline-block; vertical-align: top; }
section.detail-form .detail-form-wrap form .h3 { margin: 0 auto 40px; }
#time-grid { width: calc(100% + 11px); display: flex; flex-wrap: wrap; column-gap: 11px; row-gap: 20px; justify-content: flex-start; margin: 0; }
#time-grid button.time-slot { width: calc(100% / 5 - 11px); display: flex; justify-content: center; align-items: center; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; text-align: center; border: 2px solid #F6F6F6; border-radius: 5px; padding: 18px 25px; margin: 0; }
#time-grid button.time-slot.selected { color: #252972; border: 2px solid #C3992D; }
#time-grid button.time-slot:focus-visible { border: 2px solid #C3992D; outline: #C3992D; }
#time-grid button.time-slot.booked { text-decoration-line: line-through; }
.form-group.date .date-input { width: 100%; display: flex; align-items: center; background-color: #F6F6F6; border: unset; border-radius: 5px; padding: 14.5px 25px; position: relative; z-index: 1; }
.form-group.date .date-input input#funeral_date { font-family: "Montserrat", sans-serif; padding: 0 0 0 5px; }
.form-group.date .date-input .icon { display: flex; align-items: center; }
.form-group.date .date-input .arrow { display: flex; align-items: center; }
.form-group.date input { padding: 0; }
input[type="date"]::-webkit-calendar-picker-indicator { background: transparent; bottom: 0; color: transparent; cursor: pointer; height: auto; left: 0; position: absolute; right: 0; top: 0; width: auto; }
.radio-group { display: flex; align-items: center; margin: 5px 0 0; position: relative; }
.radio-group label { display: flex; justify-content: flex-start; align-items: center; gap: 5px; font-size: 16px; position: relative; }
.radio-group label input[type="radio"] { width: max-content; /*appearance: none; -webkit-appearance: none;*/ margin: 0; }
select#graveyard { width: 100%; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; border: unset; border-radius: 5px; color: #898A9B; background-color: #F6F6F6; appearance: none; -webkit-appearance: none; background-repeat: no-repeat; background-size: 24px; background-position: 97% center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5.34901 9.21499C5.27268 9.14631 5.18288 9.09263 5.08476 9.05699C4.98663 9.02135 4.8821 9.00447 4.77712 9.0073C4.67214 9.01012 4.56877 9.03261 4.47292 9.07347C4.37706 9.11433 4.2906 9.17276 4.21847 9.24543C4.14634 9.31811 4.08995 9.40359 4.05252 9.49701C4.01509 9.59044 3.99735 9.68996 4.00032 9.78991C4.00329 9.88985 4.02691 9.98826 4.06983 10.0795C4.11274 10.1708 4.17412 10.2531 4.25045 10.3218L11.4462 16.7919C11.5947 16.9255 11.7912 17 11.9955 17C12.1998 17 12.3963 16.9255 12.5448 16.7919L19.7414 10.3218C19.8194 10.2535 19.8824 10.1712 19.9267 10.0797C19.971 9.98806 19.9957 9.889 19.9995 9.78822C20.0033 9.68745 19.9859 9.58696 19.9486 9.4926C19.9112 9.39825 19.8545 9.3119 19.7818 9.23859C19.7091 9.16527 19.6218 9.10644 19.525 9.06551C19.4282 9.02458 19.3238 9.00238 19.2179 9.00018C19.112 8.99799 19.0067 9.01584 18.9081 9.05272C18.8095 9.08959 18.7196 9.14475 18.6436 9.21499L11.9955 15.1919L5.34901 9.21499Z' fill='%23252972'%3E%3C/path%3E%3C/svg%3E"); padding: 17px 20px; margin: 10px 0 0; }
select#graveyard:focus-within { outline: unset; }
section.detail-form .detail-form-wrap .form-group.date div#-error { display: none !important; margin: 0; }
section.detail-form .detail-form-wrap .form-group.date div#funeral_date-error { height: 8px; margin: -10px 0 0 !important; position: static; }
.radio-group div#graveyard_type-error { position: absolute; top: 17px; left: 0; }
.form-group.graveyard { margin: 0 0 30px; }
/* ===== Detail-Form-CSS-End ===== */

/* ===== Services-CSS-Being ===== */
section.services { width: 100%; max-width: 1920px; display: block; padding: 0 0 120px; margin: 0 auto; }
/* ===== Services-CSS-End ===== */

/* ===== Progressbar-CSS-Being ===== */
.progress-container { width: 100%; display: block; border-radius: 10px; padding: 43px 0 37px; margin: 0 auto -107px; position: relative; top: -107px; z-index: 2; }
.progress-container .progressbar { max-width: 1233px; display: flex; justify-content: space-between; list-style-type: none; padding: 0; margin: 0 auto; position: relative; }
.progress-container .progressbar::before { content: ''; width: 100%; height: 2px; position: absolute; top: 30%; left: 0; right: 0; background-image: url('../assets/images/progress-border.png'); background-size: contain; background-position: center; z-index: 0; }
.progress-container .progressbar li { position: relative; text-align: center; z-index: 1; flex: 1; }
.progress-container .progressbar li.active .icon-container { background-color: #002e76; }
.progress-container .icon-container { width: 56px; height: 56px; background-color: #ffffff; border-radius: 100%; padding: 16px; } 
.progress-container .icon-container img { width: 22px; height: 22px; }
.progress-container .progressbar li span { display: flex; justify-content: center; font-size: 18px; font-style: normal; font-weight: 500; line-height: normal; margin: 10px auto 0; }
.progress-container .progressbar li.active span { color: #252972; }
.progress-container .progressbar li .icon-container svg { width: 22px; height: 22px; }
.progress-container .progressbar li.active .icon-container svg path { fill: #ffffff; }
.progress-container .progressbar li span a { color: #898A9B; }
/* ===== Progressbar-CSS-End ===== */

/* ===== Cap-Price-Btn-CSS-Being ===== */
.cap-price-btn { width: 100%; display: inline-block; vertical-align: top; margin: 40px 0 0; }
.cap-price-btn .cpb-wrap { width: 100%; display: flex; justify-content: space-between; align-items: flex-start; }
.cap-price-btn .cpb-wrap .left-col { width: 918px; margin: 0; }
.cap-price-btn .cpb-wrap .left-col .caption { width: 100%; display: flex; flex-direction: column; gap: 5px; }
.cap-price-btn .cpb-wrap .left-col .caption .h4 { width: 100%; margin: 0; }
.cap-price-btn .cpb-wrap .left-col .caption p { width: 100%; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; margin: 0; }
.cap-price-btn .cpb-wrap .right-col { width: max-content; margin: 0; }
.cap-price-btn .cpb-wrap .right-col .price-btn { display: flex; justify-content: flex-end; align-items: flex-start; gap: 30px; }
.cap-price-btn .cpb-wrap .right-col .price-btn .price { display: flex; justify-content: space-between; flex-direction: column; gap: 3px; border-radius: 5px; padding: 16px 12px; margin: 0; }
.cap-price-btn .cpb-wrap .right-col .price-btn .price .pq-col { width: 100%; display: flex; flex-direction: row; align-items: center; column-gap: 10px; }
.cap-price-btn .cpb-wrap .right-col .price-btn .price .pq-col label { width: 83.3px; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; margin: 0; }
.cap-price-btn .cpb-wrap .right-col .price-btn .price .pq-col span { font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; margin: 0; }
.cap-price-btn .cpb-wrap .right-col .price-btn .cta { margin: 0; }
.cap-price-btn .cpb-wrap .right-col .price-btn .cta a { width: 193px; height: 52px; }
.cap-price-btn .cpb-wrap .right-col .price-btn .cta button { width: 193px; height: 52px; }
section.services.decor-page .cap-price-btn .cpb-wrap .right-col .price-btn .price { padding: 5.5px 12px; }
/* ===== Cap-Price-Btn-CSS-End ===== */

/* ===== Mortuary-Services-CSS-Being ===== */
.mortuary-services { width: 100%; display: inline-block; vertical-align: top; margin: 30px 0 0; }
.mortuary-services .ms-wrap { width: 100%; display: flex; justify-content: flex-start; align-items: stretch; gap: 30px; }
.mortuary-services .ms-wrap .ms-col { width: calc(100% / 5 - 0px); display: flex; flex-wrap: wrap; padding: 0; margin: 0; position: relative; z-index: 1; }
.mortuary-services .ms-wrap .ms-col a { width: 100%; display: flex; flex-wrap: wrap; background-color: #ffffff; border-radius: 10px; border: 0.782px solid #F1F1F1; cursor: default; padding: 10px; margin: 0; }
.mortuary-services .ms-wrap .ms-col .image-title { width: 100%; display: flex; position: relative; z-index: 1; }
.mortuary-services .ms-wrap .ms-col .image-title img { width: 100%; height: 226px; display: flex; object-fit: cover; object-position: center; border-radius: 7.818px; background: linear-gradient(180deg, rgba(14, 15, 56, 0.00) 50%, rgba(14, 15, 56, 0.62) 77.65%), url(<path-to-image>) lightgray 50% / cover no-repeat, var(--White, #FFF); }
.mortuary-services .ms-wrap .ms-col .image-title .title { width: 100%; display: flex; font-size: 22px; font-style: normal; font-weight: 600; line-height: normal; padding: 0 0 0 20px; position: absolute; left: 0px; bottom: 18px; }
.mortuary-services .ms-wrap .ms-col a:hover { border: 0.782px solid #C3992D; }
.mortuary-services .ms-wrap .ms-col a.checked { border: 2px solid #C3992D; -webkit-transition: unset; -moz-transition: unset; transition: unset; position: relative; z-index: 1; }
.mortuary-services .ms-wrap .ms-col a.checked:after { content: ""; width: 30px; height: 30px; display: flex; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Cpath d='M0 0H20C25.5228 0 30 4.47715 30 10V30H10C4.47715 30 0 25.5228 0 20V0Z' fill='%23C3992D'/%3E%3Cpath d='M12.7044 18.2733L10.2191 15.7897C10.0851 15.6559 9.90351 15.5807 9.71411 15.5807C9.52472 15.5807 9.34308 15.6559 9.20916 15.7897C9.07524 15.9235 9 16.105 9 16.2943C9 16.388 9.01847 16.4808 9.05436 16.5674C9.09025 16.654 9.14285 16.7326 9.20916 16.7989L12.2031 19.7906C12.4824 20.0698 12.9336 20.0698 13.213 19.7906L20.7908 12.2182C20.9248 12.0844 21 11.9029 21 11.7136C21 11.5243 20.9248 11.3428 20.7908 11.209C20.6569 11.0752 20.4753 11 20.2859 11C20.0965 11 19.9149 11.0752 19.7809 11.209L12.7044 18.2733Z' fill='white'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; background-position: center; position: absolute; top: -1px; right: -2px; z-index: 2; }
/* ===== Mortuary-Services-CSS-End ===== */

/* ===== category-types-CSS-Being ===== */
.category-types { width: 100%; display: inline-block; vertical-align: top; padding: 40px 0 0; }
.category-types .category { width: 100%; display: inline-block; vertical-align: top; }
.category-types .category .h5 { width: 100%; display: inline-block; vertical-align: top; margin: 30px 0 20px; }
.category-types .category .h5:first-of-type { margin-top: 0; }
.category-types .category-wrap { width: 100%; display: flex; flex-wrap: wrap; gap: 30px; }
.category-types .category-wrap .category-col { width: calc(100% / 4 - 23px); display: flex; flex-direction: column; margin: 0; }
.category-types .category-wrap .category-col a { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; background-color: #ffffff; text-decoration: unset; border: 2px solid #F1F1F1; border-radius: 10px; padding: 10px; }
.category-types .category-wrap .category-col a .image-icon { width: 100%; display: flex; position: relative; z-index: 1; }
.category-types .category-wrap .category-col a .image-icon .image { width: 100%; display: flex; }
.category-types .category-wrap .category-col a .image-icon .image img { width: 100%; height: 178px; display: flex; object-fit: cover; object-position: center; border-radius: 10px; }
.category-types .category-wrap .category-col a .image-icon .icon { width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; background-color: rgba(255, 255, 255, 0.80); border-radius: 100%; position: absolute; right: 6px; bottom: 5px; z-index: 2; }
.category-types .category-wrap .category-col a .image-icon .icon:hover { background-color: #ffffff; }
.category-types .category-wrap .category-col a .image-icon .icon svg { width: 16px; height: 16px; display: flex; justify-content: center; align-items: center; }
.category-types .category-wrap .category-col a .content { width: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; flex-grow: 1; padding: 30px 8px 20px; }
.category-types .category-wrap .category-col a .content .title { display: flex; justify-content: center; align-items: center; flex-grow: 1; font-size: 18px; font-style: normal; font-weight: 500; line-height: normal; text-align: center; margin: 0 auto 30px; }
.category-types .category-wrap .category-col a .content .price { font-size: 22px; font-style: normal; font-weight: 600; line-height: normal; margin: 0 auto 10px; }
.category-types .category-wrap .category-col a .content .counter { width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.category-types .category-wrap .category-col a .content .counter label { font-size: 15px; font-style: normal; font-weight: 400; line-height: normal; margin: 0 auto 5px; }
.category-types .category-wrap .category-col a .content .counter .counter-container { width: 100%; display: flex; justify-content: center; align-items: center; gap: 10px; margin: 0 auto; }
.category-types .category-wrap .category-col a .content .counter .counter-container button { width: 34px; height: 34px; display: flex; justify-content: center; align-items: center; background-color: #F1F1F1; border-radius: 100%; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out; padding: 5px; margin: 0; }
.category-types .category-wrap .category-col a .content .counter .counter-container button .icon { width: 24px; height: 24px; display: flex; justify-content: center; align-items: center; }
.category-types .category-wrap .category-col a .content .counter .counter-container input.counter-input { width: 87px; display: flex; justify-content: center; align-items: center; font-size: 20px; font-style: normal; font-weight: 600; line-height: normal; text-align: center; background-color: #F1F1F1; border: 1px solid #e4e4e4; border-radius: 5px; padding: 7.5px 0px; margin: 0; }
.category-types .category-wrap .category-col a:hover,.category-types .category-wrap .category-col a.checked { border: 2px solid #C3992D; -webkit-transition: unset; -moz-transition: unset; transition: unset; position: relative; z-index: 1; }
.category-types .category-wrap .category-col a:hover:after,.category-types .category-wrap .category-col a.checked:after { content: ""; width: 30px; height: 30px; display: flex; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Cpath d='M0 0H20C25.5228 0 30 4.47715 30 10V30H10C4.47715 30 0 25.5228 0 20V0Z' fill='%23C3992D'/%3E%3Cpath d='M12.7044 18.2733L10.2191 15.7897C10.0851 15.6559 9.90351 15.5807 9.71411 15.5807C9.52472 15.5807 9.34308 15.6559 9.20916 15.7897C9.07524 15.9235 9 16.105 9 16.2943C9 16.388 9.01847 16.4808 9.05436 16.5674C9.09025 16.654 9.14285 16.7326 9.20916 16.7989L12.2031 19.7906C12.4824 20.0698 12.9336 20.0698 13.213 19.7906L20.7908 12.2182C20.9248 12.0844 21 11.9029 21 11.7136C21 11.5243 20.9248 11.3428 20.7908 11.209C20.6569 11.0752 20.4753 11 20.2859 11C20.0965 11 19.9149 11.0752 19.7809 11.209L12.7044 18.2733Z' fill='white'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; background-position: center; position: absolute; top: -1px; right: -2px; z-index: 2; }
.category-types .category-wrap .category-col a .content .counter .counter-container button:hover { background-color: #252972; }
.category-types .category-wrap .category-col a .content .counter .counter-container button:hover .icon svg path { stroke: #ffffff; }
.category-types.caskets-wrap .category-wrap .category-col a .image-icon .image { background-color: #F6F6F6; border-radius: 10px; aspect-ratio: 16 / 9; padding: 20px; }
.category-types.caskets-wrap .category-wrap .category-col a .image-icon .image img { width: auto; height: 100%; mix-blend-mode: multiply; }
.category-types.caskets-wrap .category-wrap .category-col a .content .price { margin: 0 auto 4px; }
#popup-container { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 9999999; justify-content: center; align-items: center; }
#popup-content { width: 100%; max-width: 1084px; max-height: 653px; display: flex; justify-content: center; align-items: center; border-radius: 20px; background-color: #ffffff; aspect-ratio: 1 / 1; padding: 60px; margin: 0 auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
#popup-image { width: 100%; height: 533px; border-radius: 10px; }  
#popup-close { width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; background-color: #F6F6F6; border: 1px solid #E1E9EC; border-radius: 100%; cursor: pointer; padding: 8px; position: absolute; top: 20px; right: 20px; }
#popup-close:hover { background-color: #ffffff; }
/* ===== category-types-CSS-End ===== */

/* ===== Invoice-CSS-Being ===== */
section.invoice { width: 100%; max-width: 1920px; display: flex; justify-content: center; background-color: #F6F6F6; padding: 0 0 120px; }
section.invoice .invoice-container { width: 100%; max-width: 987px; background-color: #fff; border-radius: 10px; padding: 45px 70px 50px; margin: 0 auto -107px; position: relative; top: -107px; z-index: 2; }
section.invoice .header { display: flex; justify-content: space-between; align-items: center; margin: 0 0 22px; }
section.invoice .header a { margin: 0; }
section.invoice .header  a img { height: 56px; object-fit: contain; object-position: left; }
section.invoice .header .invoice-title { font-size: 40px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase; color: #C3992D; margin: 0; }
section.invoice .header .invoice-info { text-align: right; font-size: 14px; color: #777; }
section.invoice .info-address { width: 100%; display: flex; justify-content: space-between; align-items: flex-start; }
section.invoice .info-address .address { width: 366px; display: flex; gap: 7px; margin: 0; align-items: center; }
section.invoice .info-address .address .icon { width: 24px; height: 24px; display: flex; }
section.invoice .info-address .address p { font-family: "Inter", sans-serif; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; color: #898A9B; margin: 0; }
section.invoice .info-address .invoice-info { display: flex; flex-direction: column; gap: 6px; margin: 0; }
section.invoice .info-address .invoice-info span { display: flex; gap: 9px; font-family: "Inter", sans-serif; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; color: #898A9B; margin-left: 0; }
section.invoice .table { width: 100%; border-collapse: collapse; border: 1px solid #E9E9E9; margin: 36px 0 0; }
section.invoice .table th, section.invoice .table td { text-align: left; padding: 14px 29px; }
section.invoice .table th { font-family: "Inter", sans-serif; font-size: 14px; font-style: normal; font-weight: 700; line-height: normal; background-color: #C3992D; color: #fff; }
section.invoice .table td { font-family: "Inter", sans-serif; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; color: #898A9B; padding: 10px 29px; }
section.invoice tr.total td.total-label { text-align: right; }
section.invoice .table td ul { display: flex; flex-direction: column; gap: 20px; list-style-type: unset; padding: 0; margin: 0; }
section.invoice .table td ul li { text-align: left; margin: 0; }
section.invoice .table td:first-child ul li { list-style-type: disc; }
section.invoice .table td:first-child > ul > li { list-style-type: none; }
section.invoice .table td:first-child ul ul { padding-left: 30px; }
section.invoice .table td:first-child ul ul ul { padding-left: 20px; }
section.invoice .table td:nth-child(2) ul li::marker, section.invoice .table td:nth-child(3) ul li::marker, section.invoice .table td:nth-child(4) ul li::marker { color: #ffffff; }
/* section.invoice .table td:not(:last-child), section.invoice .table th:not(:last-child) { border-right: 1px solid #E9E9E9; } */
section.invoice .table tr.total { border-top: 1px solid #E9E9E9; }
section.invoice .table tr.total td { font-size: 20px; font-style: normal; font-weight: 500; line-height: normal; color: #252972; padding-top: 26px; padding-bottom: 23px; }
section.invoice table tr:first-of-type td { padding-top: 20px; }
/* section.invoice table tr:nth-last-of-type(2) td { padding-bottom: 38px; } */
section.invoice .footer { display: flex; justify-content: space-between; align-items: center; margin-top: 80px; }
section.invoice .footer button { width: 193px; height: 52px; padding: 10px 20px; border: none; border-radius: 5px; font-size: 16px; cursor: pointer; }
section.invoice .footer .print { background-color: #252972; color: #fff; }
section.invoice .footer .pay { background-color: #C3992D; color: #fff; }
/* ===== Invoice-CSS-End ===== */

/* ===== Confirm Payment-CSS-Being ===== */
section.invoice.confirm-payment .invoice-container { max-width: 917px; padding: 50px 155.5px; }
section.invoice.confirm-payment .invoice-container .title-date { width: 100%; display: flex; flex-direction: column; justify-content: center; gap: 29px; text-align: center; margin: 0 auto 5px; }
section.invoice.confirm-payment .invoice-container .title-date .h4 { margin: 0 auto; }
section.invoice.confirm-payment .invoice-container .title-date span { display: flex; justify-content: center; gap: 9px; font-family: "Inter", sans-serif; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; }
section.invoice.confirm-payment th:nth-child(1), section.invoice.confirm-payment td:nth-child(1) { width: 50%; padding-left: 53px; }
section.invoice.confirm-payment th:nth-child(2), section.invoice.confirm-payment td:nth-child(2) { width: 50%; text-align: center; }
section.invoice.confirm-payment td:nth-child(2) ul li { text-align: center; }   
section.invoice.confirm-payment .table tr.total td { padding: 18px 24px; }
section.invoice.confirm-payment .footer { margin-top: 60px; }
section.invoice.confirm-payment .footer button { width: 100%; }
/* ===== Confirm Payment-CSS-End ===== */

/* ===== Back-To-Top-Button-CSS-Being ===== */
a#scroll { width: 50px; height: 50px; background-color: burlywood; display: inline-block; position: fixed; right: 15px; bottom: 15px; border-radius: 50%; z-index: 9999999; }
#scroll span { position: absolute; top: 50%; right: 50%; height: 0; width: 0; margin-left: -9px; margin-top: -6px; border-bottom: 10px solid #fff; left: 50%; border-left: 10px solid transparent; border-right: 10px solid transparent; }
a#scroll:hover { background-color: #c3992d; }
/* ===== Back-To-Top-Button-CSS-End ===== */

/* ===== Footer-CSS-Being ===== */
section.footer { width: 100%; max-width: 1920px; display: block; margin: 0 auto; }
section.footer footer { width: 100%; display: inline-block; vertical-align: top; }
section.footer footer .footer-wrap { width: 100%; display: flex; justify-content: space-between; align-items: flex-start; padding: 58px 0  88px; }
section.footer footer .footer-wrap .left-col { width: 369px; margin: 0; }
section.footer footer .footer-wrap .left-col .logo-caption { width: 100%; display: flex; flex-direction: column; gap: 34px; }
section.footer footer .footer-wrap .left-col .logo-caption .logo { width: 100%; display: inline-block; vertical-align: top; }
section.footer footer .footer-wrap .left-col .logo-caption .logo a { display: inline-block; vertical-align: top; }
section.footer footer .footer-wrap .left-col .logo-caption .logo a img { height: 83px; display: inline-block; vertical-align: top; object-fit: contain; object-position: center; }
section.footer footer .footer-wrap .left-col .logo-caption .caption { width: 100%; display: inline-block; vertical-align: top; }
section.footer footer .footer-wrap .left-col .logo-caption .caption p { display: inline-block; vertical-align: top; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; color: #ffffff; }
section.footer footer .footer-wrap .right-col { width: 911px; margin: 0; }
section.footer footer .footer-wrap .right-col .menu-info { width: 100%; display: flex; gap: 50px; }
section.footer footer .footer-wrap .right-col .menu-info .link-col { width: 277px; }
section.footer footer .footer-wrap .right-col .menu-info .title { font-size: 24px; font-style: normal; font-weight: 500; line-height: normal; color: #ffffff; }
section.footer footer .footer-wrap .right-col .menu-info .link-col ul { width: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 20px; list-style-type: none; padding: 0; margin: 35px 0 0; }
section.footer footer .footer-wrap .right-col .menu-info .link-col ul li { width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; }
section.footer footer .footer-wrap .right-col .menu-info .link-col ul li a { width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; color: #ffffff; }
section.footer footer .footer-wrap .right-col .menu-info .link-col ul li a:hover { color: #C3992D; }
section.footer footer .footer-wrap .right-col .menu-info .git-col { width: 335px; margin: 0; }
section.footer footer .footer-wrap .right-col .menu-info .git-col ul { width: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 20px; list-style-type: none; padding: 0; margin: 35px 0 0; }
section.footer footer .footer-wrap .right-col .menu-info .git-col ul li { width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; column-gap: 5px; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; color: #ffffff; }
section.footer footer .footer-wrap .right-col .menu-info .git-col ul li a { width: 100%; display: flex; justify-content: flex-start; align-items: center; gap: 5px; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; color: #ffffff; }
section.footer footer .footer-wrap .right-col .menu-info .git-col ul li svg { width: 24px; height: 24px; margin: 0; }
section.footer footer .footer-wrap .right-col .menu-info .git-col ul li span { width: calc(100% - 29px); display: inline-block; vertical-align: top; margin: 0; }
section.footer footer .footer-wrap .right-col .menu-info .git-col ul li a:hover svg path { stroke: #C3992D; }
section.footer footer .footer-wrap .right-col .menu-info .git-col ul li a:hover span { color: #C3992D; }
section.footer footer .footer-wrap .right-col .menu-info .social-col { width: 199px; }
section.footer footer .footer-wrap .right-col .menu-info .social-col ul { width: 100%; display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; gap: 16px; list-style-type: none; padding: 0; margin: 21px 0 0; }
section.footer footer .footer-wrap .right-col .menu-info .social-col ul li { display: flex; padding: 0; margin: 0; }
section.footer footer .footer-wrap .right-col .menu-info .social-col ul li a { width: 34px; height: 34px; display: flex; justify-content: center; align-items: center; background-color: #ffffff; border-radius: 100%; margin: 0; }
section.footer footer .footer-wrap .right-col .menu-info .social-col ul li a svg { width: 18px; height: 18px; }
section.footer footer .footer-wrap .right-col .menu-info .social-col ul li a:hover { background-color: #C3992D; }
section.footer footer .footer-bottom { width: 100%; display: inline-block; vertical-align: top; border-top: 1px solid rgb(255 255 255 / 50%); padding: 34px 0 49px; }
section.footer footer .footer-bottom ul { width: 100%; display: flex; justify-content: center; align-items: center; gap: 32px; list-style-type: none; padding: 0; margin: 0 auto; }
section.footer footer .footer-bottom ul li { display: flex; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; color: #ffffff; margin: 0; position: relative; z-index: 1; }
section.footer footer .footer-bottom ul li:after { content: "|"; display: flex; align-items: center; position: absolute; left: -18px; }
section.footer footer .footer-bottom ul li:first-child:after { display: none; }
/* ===== Footer-CSS-End ===== */

/* Contact-Form-css-Being */
section.detail-form .detail-form-wrap.contact-us-wrap { margin-bottom: 0 !important; top: 0 !important;}
/* Contact-Form-End */

/* ===== About-Us-Page-CSS-Being ===== */
.block-wrapper { width: 100%; display: inline-block; vertical-align: top; padding: 60px 0; }
section.about-us-sec { width: 100%; display: inline-block; vertical-align: top; }
section.about-us-sec h1 { margin: 0 0 20px; }
section.vision-concept-sec { width: 100%; display: inline-block; vertical-align: top; padding: 40px 0 20px; }
section.vision-concept-sec .vc-wrap { width: 100%; display: flex; flex-direction: column;justify-content: space-between; gap: 30px; }
section.vision-concept-sec .vc-wrap .our-vision { width: 100%; }
section.vision-concept-sec .vc-wrap .our-concept { width: 100%; }
section.ecosystem-choose-sec { width: 100%; display: inline-block; vertical-align: top; padding: 20px 0 0; }
section.ecosystem-choose-sec .ec-wrap { width: 100%; display: flex; flex-direction: column; justify-content: space-between; gap: 30px; }
section.ecosystem-choose-sec .ec-wrap .funeral-ecosystem { width: 100%; }
section.ecosystem-choose-sec .ec-wrap .funeral-ecosystem ul { width: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 12px; padding: 0 0 0 20px; margin: 20px 0; }
section.ecosystem-choose-sec .ec-wrap .funeral-ecosystem ul li { width: 100%; }
section.ecosystem-choose-sec .ec-wrap .why-choose-us { width: 100%; }
section.ecosystem-choose-sec .ec-wrap .why-choose-us ul { width: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 12px; padding: 0 0 0 20px; margin: 20px 0; }
section.ecosystem-choose-sec .ec-wrap .why-choose-us ul li { width: 100%; }
/* ===== About-Us-Page-CSS-End ===== */

/* ===== Service-Page-CSS-Being ===== */
section.funeral-services-sec { width: 100%; display: inline-block; vertical-align: top; padding: 0 0 20px; }
section.funeral-services-sec .fs-wrap { width: 100%; display: inline-block; vertical-align: top; }
section.funeral-services-sec .fs-wrap h2 { margin: 0 0 20px; }
section.funeral-services-sec .fs-wrap p { width: 100%; display: inline-block; vertical-align: top; margin: 0 0 20px; }
section.funeral-services-sec .fs-wrap p:last-child { margin: 0; }
section.why-choose-us-sec { width: 100%; display: inline-block; vertical-align: top; padding: 20px 0 0; }
section.why-choose-us-sec .wcu-wrap { width: 100%; display: inline-block; vertical-align: top; }
section.why-choose-us-sec .wcu-wrap ul { width: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 12px; padding: 0 0 0 20px; margin: 20px 0; }
section.why-choose-us-sec .wcu-wrap ul li { width: 100%; }
/* ===== Service-Page-CSS-End ===== */

.btn-check:focus+.btn, .btn:focus { outline: 0; box-shadow: unset !important; }
.form-select:focus { border-color: unset !important;  outline: 0; box-shadow: unset !important; }
.form-control:focus { border-color: unset !important; outline: 0; box-shadow: unset !important; }
table.dataTable { width: 100% !important; }

/* ===== dashboard ===== */
.navbar-brand-box { padding: 1rem 1.3rem; }
span.logo-sidebar img { width: auto; height: 55px; display: flex; align-items: center; object-fit: contain; object-position: center; margin: 0; }
p.title { color: #C3992D; }
span.counter-value { color: #252972; }
a.view-books { color: #C3992D; }
a.view-books:hover { color: #252972; }

/* ===== bookings ===== */
.breadcrumb-item+.breadcrumb-item::before { font-size: 22px; line-height: 26px; font-weight: 700; }
th.fc-col-header-cell a { color: #C3992D !important; }
.fc-daygrid-day-number { color: #252972 !important; }
.fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number { background-color: #C3992D !important; }
.fc-event, .fc-event-dot { background-color: #252972 !important; }
.fc-daygrid-dot-event.fc-event-mirror, .fc-daygrid-dot-event:hover { background-color: #C3992D !important; color: #ffffff !important; }
.fc-toolbar-chunk .fc-today-button { background-color: #C3992D !important; border: #C3992D; }
.fc .fc-button-primary { background-color: #252972 !important; border-color: #252972 !important; }
.fc .fc-button-primary:hover {  background-color: #C3992D !important; border-color: #C3992D !important; }
.fc-icon-chevron-left::before { display: none !important; }
.fc-icon-chevron-right::before { display: none !important; }
table.dataTable>thead .sorting_asc:before, table.dataTable>thead .sorting_asc:after { font-size: 1.2rem; font-weight: 700; top: 3px; }
td a.btn-dark { color: #fff; background-color: #252972; border-color: #252972; }
td a.btn-dar:hover { background-color: #C3992D; }
.page-link { color: #252972; }
.page-item.active .page-link { background-color: #C3992D; border-color: #C3992D; }
.page-link:hover { color: #252972; background-color: #e9ecef; border-color: #dee2e6; }
button#back-to-top { border-radius: 50%; background-color: burlywood; border-color: burlywood; }

/* ===== booking-details ===== */
.card-header { background-color: #C3992D !important; }
.card-header .card-title { color: #ffffff; }
.detail-box span.badge { width: max-content; display: flex; justify-content: center; align-items: center; line-height: unset; padding: 1px 8px 5px; }
button#remove-image { background-color: #C3992D; border-color: #C3992D; }
button#remove-image:hover { background-color: #252972; border-color: #252972; }
.section-box button { background-color: #252972; border-color: #252972; }
.section-box button:hover { background-color: #C3992D; border-color: #C3992D; }

/* Contact us page re-design */
.contact-us-detail-wrap {
    display: flex;
    width: 100%;
    justify-content: space-between;
    gap: 30px;
    margin: 0 auto;
}

.contact-us-detail-wrap .contact-us-right-content {
    display: flex;
}

.contact-us-detail-wrap .contact-us-right-content .col-md-12 {
    display: flex;
    flex-direction: column;
    row-gap: 30px;
    background-color: #ffffff;
    padding: 30px;
    border-radius: 10px;
}


.contact-us-detail-wrap .contact-us-right-content ul.list-unstyled {
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 15px;
    padding-left: 20px;
}

.contact-us-detail-wrap .contact-us-right-content ul.list-unstyled li {
    width: 100%;
    font-size: 16px;
    line-height: 1.8;
}

.contact-us-detail-wrap .contact-us-right-content ul.list-unstyled li strong {
    color: #C3992D;
}

.contact-us-detail-wrap .contact-us-right-content ul.list-unstyled li::marker {
    color: #C3992D;
}

.contact-us-detail-wrap .contact-us-right-content .h4 {
    margin-bottom: 15px;
}
.contact-us-detail-wrap .contact-us-right-content .col-md-12 .white-bg {
    width: 100%;
}
.contact-us-detail-wrap .contact-us-right-content .contact-mail {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.contact-us-detail-wrap .contact-us-right-content .contact-mail p {
    width: 100%;
    font-weight: 600;
}

.contact-us-detail-wrap .contact-us-right-content .contact-mail p a {
    color: #C3992D;
    text-decoration: unset;
    font-weight: 600;
}
.contact-us-detail-wrap .contact-us-right-content .contact-mail p a:hover {
    color: #252972;
}

.contact-us-detail-wrap .contact-us-right-content .contact-mail p {
    font-size: 16px;
    font-weight: 400;
}

section.small-banner-img {
    width: 100%;
    display: flex;
    margin: 0 0 30px;
    position: sticky;
    top: 120px;
}

section.small-banner-img .banner-img {
    position: relative;
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    overflow: hidden;
}

/* section.small-banner-img .banner-img:before {
    display: block;
    content: "";
    padding-top: 56.25%;
}

section.small-banner-img .banner-img img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    -o-object-fit: cover;
    object-fit: cover;
} */

.cont-icon {
    width: 100%;
    display: flex;
    align-items: center;
    font-size: 16px;
}

.cont-icon .icon.blue-bg {
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    background-color: #C3992D;
    margin: 0 10px 0 0;
}

.cont-icon a {
    font-weight: 600;
    color: #C3992D;
    text-decoration: unset;
    margin: 0 0 0 10px;
}

.cont-icon a:hover {
    color: #252972;
}
.cont-icon .icon.blue-bg svg {
    width: 20px;
    height: 20px;
}

.inner-cap-img-wrap {
    width: 100%;
    display: flex;
    gap: 30px;
}

.inner-cap-img-wrap .left-side {
    width: 70%;
}

.inner-cap-img-wrap .right-side {
    width: 30%;
}

section.small-banner-img .banner-img img {
    width: 100%;
    display: flex;
    object-fit: cover;
    object-position: center;
    border-radius: 5px;
}
.cpb-wrap.casket-step {
    align-items: center;
}

.cpb-wrap.casket-step .pq-col {
    gap: 10px;
    padding: 6px;
    display: flex;
}

.cpb-wrap.casket-step .pq-col {  font-size: 14px; }

.update-quantity {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    background-color: #C3992D;
    border: none;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.3s, transform 0.2s;
    line-height: normal;
    padding: 0;
}

.update-quantity:hover {
    background-color: #b18a27; /* Slightly darker shade for hover */
}

/* Styling for quantity display */
.quantity {
    font-size: 14px;
    font-weight: bold;
    margin: 0 8px; /* Adds spacing between the buttons */
    color: #333;
    display: inline-block;
    min-width: 20px; /* Ensures numbers are aligned */
    text-align: center;
}

/* Remove button styles */
.remove-item {
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    background-color: #FF0000;
    border: none;
    border-radius: 100%;
    padding: 0;
    cursor: pointer;
    transition: background-color 0.3s, transform 0.2s;
}

.remove-item:hover {
    background-color: #b18a27; /* Slightly darker hover effect */
}

/* Alignment for the entire button group */
.button-group {
    display: flex;
    align-items: center;
    justify-content: center;
}

tr.serviceType td:nth-child(2) {
    display: flex;
    align-items: center;
}

section.invoice .invoice-container tr td.unit {
    text-align: center;
    font-weight: 700;
    color: #333;
}

.remove-item svg {
    width: 12px;
    height: 12px;
    font-weight: 700;
}

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5); /* Semi-transparent white */
    z-index: 9998; /* Slightly lower than the loader */
    cursor: not-allowed; /* Indicate no interactions */
}