/* ==================================================== 
1  - Base CSS
2  - Nav
3  - Typography
4  - Shortcodes
5  - Slider Section
6  - About Section
7  - Comment Section
8  - Story Section
9 - Blog Section
10 - People Section
11 - Twitter Section
12 - Portfolio Section
13 - Event Section
14 - Google Map Section
15 - Count Up Section
16 - Gift Section
17 - RSVP Section
18 - Footer Section
19 - Loader
20 - Sidebar
21 - Blog Page
22 - Boxed Layout
23 - Scroll Up
24 - Responsive
==================================================== */

/* 1 Base CSS
==================================================== */
.relative-z {
  position: relative;
  z-index: 3;
}

.img-overlay {
  background: rgba(0, 0, 0, 0.45);
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjIwcHgiIGhlaWdodD0iMjBweCIgdmlld0JveD0iMCAwIDIwIDIwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyMCAyMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdHRlcm4gIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIHBhdHRlcm5Vbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSJOZXdfUGF0dGVybl80IiB2aWV3Qm94PSIwIC0yIDIgMiIgc3R5bGU9Im92ZXJmbG93OnZpc2libGU7Ij4NCgk8Zz4NCgkJPHBvbHlnb24gc3R5bGU9ImZpbGw6bm9uZTsiIHBvaW50cz0iMCwtMiAyLC0yIDIsMCAwLDAgCQkiLz4NCgkJDQoJCQk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzFfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAuNSIgeTE9Ii0xNjM2MSIgeDI9IjEuNSIgeTI9Ii0xNjM2MSIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAwIC0xNjM2MikiPg0KCQkJPHN0b3AgIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6IzAwMDAwMCIvPg0KCQkJPHN0b3AgIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6IzAwMDAwMDtzdG9wLW9wYWNpdHk6MCIvPg0KCQk8L2xpbmVhckdyYWRpZW50Pg0KCQk8cG9seWdvbiBzdHlsZT0iZmlsbDp1cmwoI1NWR0lEXzFfKTsiIHBvaW50cz0iMS41LC0wLjUgMC41LC0wLjUgMC41LC0xLjUgMS41LC0xLjUgCQkiLz4NCgk8L2c+DQo8L3BhdHRlcm4+DQo8cmVjdCBzdHlsZT0ib3BhY2l0eTowLjY7ZmlsbDp1cmwoI05ld19QYXR0ZXJuXzQpOyIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIi8+DQo8L3N2Zz4=");
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

.img-map {
  width: 10rem;
  height: auto;
  margin-bottom: 1rem;
  margin-right: 1rem;
}

#slider,
#video-bg {
  min-height: 800px;
}

#slider,
#comment,
#video-bg {
  color: #fff;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.headline_1 {
  width: 215px;
  margin: 0 auto;
  left: 50%;
  height: auto;
  margin-bottom: 1rem;
  opacity: 0.7;
  display: block;
}

.headline-hearth {
  max-width: 100%;
  height: auto;
}

.big-head-wrap {
  width: 100%;
  height: auto;
  left: 0;
  top: -28px;
  position: absolute;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #de037f;
}

#comment .owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  border-radius: 30px;
}

.owl-theme .owl-dots .owl-dot span {
  background: #d2d2d2;
}

.btn {
  padding: 0.75rem 0.75rem;
  border-radius: 3px;
}

button i {
  margin-left: 0.75rem;
}

.btn:hover,
.btn:focus {
  cursor: pointer;
  background: #940154;
}

.fill-btn {
  background: #de037f;
  color: #fff;
}

.transparent-btn {
  background: transparent;
  color: #de037f;
  border: 1px solid #de037f;
}

.transparent-btn:hover,
.transparent-btn:focus {
  background: #de037f;
  color: #fff;
}

#controlBar_video-wrap {
  z-index: -1 !important;
}

/* 2 Nav
==================================================== */

#nav-holder {
  height: 78px;
}

#primary-navbar.affix,
#primary_navbar_blog.affix,
#primary-navbar-video.affix {
  position: fixed !important;
  left: 0;
  top: 0;
  z-index: 998;
  width: 100%;
  opacity: 0.97;
}

.menu-right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.menu-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.menu-left {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.dropdown-menu {
  margin: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.navbar {
  padding: 1rem 1rem;
  -webkit-box-shadow: 0px 10px 14px -10px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 10px 14px -10px rgba(0, 0, 0, 0.2);
  z-index: 99999999;
}

.navbar-light .navbar-nav .nav-link {
  color: rgba(45, 44, 53, 1);
  font-weight: normal;
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
  color: #de037f;
}

.navbar-expand-lg .navbar-nav .nav-link {
  padding-right: 1rem;
  padding-left: 1rem;
}

.navbar-brand {
  font-size: 1.75rem;
  font-family: "Dancing Script", cursive;
}

.navbar-light .navbar-brand {
  color: rgb(45, 44, 53);
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
  color: #de037f;
}

.navbar-collapse.collapse.show {
  overflow: hidden;
  max-height: 450px !important;
  overflow-y: auto;
}

.dropdown {
  display: block;
}

/* 3 Typography
==================================================== */

html,
body {
  height: 100%;
  font-size: 16px;
  line-height: 26px;
}

section,
.section {
  padding: 8rem 0;
  position: relative;
  background: #fff;
}

section #portfolio {
  padding-top: 6.125rem;
  padding-bottom: 8rem;
}

a,
.custom-color {
  color: #de037f;
  -webkit-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

.link {
  display: block;
}

.link:hover {
  color: rgba(45, 44, 53, 1);
}

a:focus,
a:hover {
  text-decoration: none;
  color: #de037f;
}

a:active,
a:focus {
  outline: medium none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 1rem;
  margin-bottom: 1rem;
  position: relative;
  font-family: "Raleway", sans-serif;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
  margin-top: 0;
}

p {
  margin: 0 0 1rem;
}

.big-heading {
  margin-bottom: 1rem;
  line-height: 1em;
  font-family: "Dancing Script", cursive;
}

h1 {
  font-size: 3.052em;
  /* 48.828px */
}

h2 {
  font-size: 2.441em;
  /* 39.063px */
}

h3 {
  font-size: 1.953em;
  /* 31.25px */
}

h4 {
  font-size: 1.563em;
  /* 25px */
}

h5 {
  font-size: 1.25em;
  /* 20px */
}

h6 {
  font-size: 1em;
  /* 16px */
}

p {
  font-weight: 300;
  line-height: 1.625em;
  font-family: "Roboto", sans-serif;
  color: rgba(45, 44, 53, 0.9);
}

a:hover,
a:focus {
  text-decoration: none;
}

button:hover,
button:focus {
  cursor: pointer;
}

section h2 {
  font-size: 3.052em;
}

footer h2 {
  font-size: 3.052em;
}

.sub-heading {
  font-size: 1.25em;
  line-height: 1.625em;
  color: rgba(45, 44, 53, 1);
  font-family: "Raleway", sans-serif;
}

.blockquote {
  padding-left: 1rem;
  margin-left: 1rem;
  border-left: 0.1875rem solid #de037f;
}

/* 4 Shortcodes
==================================================== */
.margin-b-2 {
  margin-bottom: 2rem !important;
}

.margin-b-3 {
  margin-bottom: 3rem !important;
}

.margin-b-4 {
  margin-bottom: 4rem !important;
}

.margin-b-5 {
  margin-bottom: 5rem !important;
}

.p-top-0 {
  padding-top: 0 !important;
}

.margin-t-05 {
  margin-top: 0.5rem;
}

.op-03 {
  opacity: 0.3;
}

/* 5 Slider Section
==================================================== */
#slider {
  height: calc(100vh) !important;
}

#video-bg {
  background-image: url(../img/slider/slider_1.jpg);
  background-size: cover;
  position: relative;
  height: calc(100vh);
  min-height: 31rem;
  overflow: visible;
  padding: 8rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.video-holder {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

.video-player {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
}

#slider .vegas-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#slider h1,
#video-bg h1 {
  font-family: "Dancing Script", cursive;
  line-height: 1em;
}

#slider h2,
#video-bg h2 {
  line-height: 1em;
  margin-bottom: 1rem;
}

#slider p,
#video-bg p {
  color: #fff;
  font-size: 23px;
  margin-bottom: 5rem;
}

.slider-hearth {
  position: absolute;
  left: 0;
  width: 100%;
  opacity: 0.5;
}

.holder-caption {
  width: 100%;
}

.slider-scroll i {
  color: #fff;
  position: relative;
  font-size: 3rem;
  z-index: 3;
  top: 3rem;
}

.slider-img-holder {
  background: url(../img/hearth_center.svg) no-repeat center center transparent;
  background-size: contain;
  margin: 0 auto;
  opacity: 0.3;
  width: 100%;
  height: 260px;
  position: absolute;
  left: 0;
  top: -90px;
}

.slider-text-holder {
  position: relative;
}

#slider #countdown ul,
#video-bg #countdown ul {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
  overflow: hidden;
}

#slider #countdown ul li,
#video-bg #countdown ul li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 8rem;
}

#slider #countdown ul li h4,
#video-bg #countdown ul li h4 {
  font-family: "Dancing Script", cursive;
  margin-top: 0;
  line-height: 1em;
}

.fade-down {
  animation-name: fade-down;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  -webkit-animation-name: fade-down;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
}

@keyframes fade-down {
  0% {
    -webkit-transform: translatey(-20px);
    transform: translatey(-20px);
    opacity: 0.8;
  }

  100% {
    -webkit-transform: translatey(20px);
    transform: translatey(20px);
    opacity: 0;
  }
}

@-webkit-keyframes fade-down {
  0% {
    -webkit-transform: translatey(-20px);
    opacity: 0.8;
  }

  100% {
    -webkit-transform: translatey(20px);
    opacity: 0;
  }
}

/* 6 About Section
==================================================== */
.about-content h4 {
  font-weight: 300;
  line-height: 1.625em;
  margin-bottom: 1rem;
  margin-top: 1rem;
  font-family: "Raleway", sans-serif;
}

.social-link {
  padding: 0;
  margin-bottom: 0;
}

.social-link li {
  margin: 0.625rem;
  text-align: center;
}

.social-link li a {
  border: 1px solid #d2d2d2;
  background: transparent;
  color: #de037f;
  display: block;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  line-height: 38px;
  -webkit-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}

.social-link li a:hover {
  color: #fff;
  background: #de037f;
}

/* 7 Comment Section
==================================================== */

#comment h3 {
  font-weight: 200;
}

#comment p.heading,
#comment-2 p.heading {
  color: #fff;
  font-size: 1.953em;
  line-height: 1.625em;
  font-family: "Raleway", sans-serif;
  font-weight: 200;
}

/* 8 Story Section
==================================================== */

/*story section images*/

#story .tline-title {
  margin-top: 17px;
}

.tline-thumbnail {
  margin-bottom: 3rem;
}

.tline-head {
  width: 100%;
}

.timeline {
  list-style: outside none none;
  padding: 0;
  position: relative;
}

.timeline:before {
  background: none repeat scroll 0 0 #ececec;
  bottom: 280px;
  content: " ";
  left: 50%;
  position: absolute;
  top: 30px;
  width: 1px;
}

.tline-arrow {
  position: absolute;
  top: 34px;
}

.tline-arrow:after,
.tline-arrow:before {
  border: medium solid transparent;
  content: " ";
  position: absolute;
}

.tline-left-side .tline-arrow {
  right: 33px;
}

.tline-left-side .tline-arrow:after,
.tline-left-side .tline-arrow:before {
  right: 100%;
}

.tline-left-side .tline-arrow:after {
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #fff;
  border-width: 6px;
  margin-top: -6px;
}

.tline-left-side .tline-arrow:before {
  border-color: rgba(222, 3, 127, 0);
  border-right-color: #de037f;
  border-width: 7px;
  margin-top: -7px;
}

.tline-right-side .tline-arrow {
  left: 33px;
}

.tline-right-side .tline-arrow:after,
.tline-right-side .tline-arrow:before {
  left: 100%;
}

.tline-right-side .tline-arrow:after {
  border-color: rgba(255, 255, 255, 0);
  border-left-color: #fff;
  border-width: 6px;
  margin-top: -6px;
}

.tline-right-side .tline-arrow:before {
  border-color: rgba(222, 3, 127, 0);
  border-left-color: #de037f;
  border-width: 7px;
  margin-top: -7px;
}

.tline-right-side i,
.tline-left-side i {
  color: #de037f;
  font-size: 15px;
  line-height: 24px;
}

.timeline span {
  color: #7b7b7b;
}

.tline-left-side i {
  margin-left: 10px;
}

.tline-right-side i {
  margin-right: 10px;
}

.timeline-content {
  border: 1px solid #ececec;
  border-radius: 6px;
  padding: 15px;
}

.story-date {
  font-size: 0.9rem;
  margin-top: 22px;
  color: #8b8b8b;
}

.date-circle:after {
  background: none repeat scroll 0 0 #de037f;
  border: 3px solid #ececec;
  border-radius: 50%;
  content: "";
  height: 19px;
  position: absolute;
  top: 25px;
  width: 19px;
}

.tline-left-side.date-circle:after {
  right: -9px;
}

.tline-right-side.date-circle:after {
  left: -9px;
}

.img-date-left,
.img-date-right {
  position: absolute;
  background: rgba(255, 255, 255, 0.87);
  padding: 5px;
  top: 1rem;
  border-radius: 3px;
  border-bottom: 3px solid #de037f;
}

.img-date-left {
  left: 2rem;
}

.img-date-left .day {}

.img-date-left .month,
.img-date-right .month {
  border-top: 1px solid #d2d2d2;
  color: #de037f;
  padding: 0 5px;
}

/* 9 Blog Section
==================================================== */
#blog {
  /* background: url("../img/blog_bg.jpg") no-repeat fixed center center / cover rgba(0, 0, 0, 0); */
  /* background: url("https://ekankotri.in/site11/img/header-bg-1.jpg") no-repeat fixed center center / cover rgba(0, 0, 0, 0); */
  background: url("https://ekankotri.in/site13/images/rsvp-bg.webp") no-repeat fixed center center / cover rgba(0, 0, 0, 0);
  padding-bottom: 6rem !important;
}

#blog .card {
  border: none;
  border-radius: 3px;
  min-width: 17rem;
  display: block;
  margin-bottom: 2rem;
}

.card-img-top {
  display: block;
}

/* 10 People Section
==================================================== */
#people h3 {
  display: block;
  font-weight: 300;
}

#people h4 {
  font-weight: 300;
  line-height: 1.625em;
  margin-bottom: 19px;
  margin-top: 19px;
  font-family: "Raleway", sans-serif;
}

.people-img {
  width: 130px;
  float: none;
  display: inline-block;
  margin-left: 15px;
  padding: 0;
}

.people-img img {
  border-radius: 3px;
  height: auto;
  width: 100%;
  margin-bottom: 1.5em;
}

/* 11 Twitter Section
==================================================== */
#twitter {
  background: url("../img/blog_bg.jpg") no-repeat fixed center center / cover rgba(0, 0, 0, 0);
  color: #fff;
}

.twitter-border i {
  color: rgba(255, 255, 255, 0.8);
  font-size: 40px;
  line-height: 60px;
}

.twitter-border {
  background: none repeat scroll 0 0 transparent;
  border: 10px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  height: 80px;
  margin: 0 auto 30px;
  width: 80px;
}

#twitter-carousel p {
  color: #fff;
}

/* 12 Portfolio Section
==================================================== */

#portfolio {
  padding-bottom: 0 !important;
}

#portfolio button {
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  text-transform: uppercase;
  padding: 0 15px;
  outline: none;
}

#portfolio button:hover {
  color: #de037f;
}

#portfolio .button-group {
  text-align: center;
}

#portfolio .button-group .is-checked {
  color: #de037f;
  outline: none;
}

#portfolio .item {
  margin-bottom: 1.875rem;
  position: relative;
  min-height: 1px;
}

.item img {
  border-radius: 3px;
  -webkit-transition: 3250ms all cubic-bezier(0.4, 0, 1, 1);
  -o-transition: 3250ms all cubic-bezier(0.4, 0, 1, 1);
  transition: 3250ms all cubic-bezier(0.4, 0, 1, 1);
  width: 100%;
}

.thumbnail-overlay {
  overflow: hidden;
}

.thumbnail-overlay:after {
  position: absolute;
  width: 100%;
  content: " ";
  height: 100%;
  opacity: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.7);
  left: 0;
  -webkit-transition: 450ms all ease-in-out;
  -o-transition: 450ms all ease-in-out;
  transition: 450ms all ease-in-out;
}

#portfolio .item:hover .thumbnail-overlay:after {
  opacity: 1;
}

#portfolio .item:hover .thumbnail-overlay img {
  opacity: 1;
  -webkit-transform: scale3d(1.3, 1.3, 1.3);
  transform: scale3d(1.3, 1.3, 1.3);
  -webkit-transition: 450ms all ease-out;
  -o-transition: 450ms all ease-out;
  transition: 450ms all ease-out;
}

#portfolio .item:hover .thumbnail-title {
  opacity: 1;
}

#portfolio .thumbnail-title {
  position: absolute;
  top: 50%;
  z-index: 1;
  width: 90%;
  left: 5%;
  text-align: center;
  margin: 0 auto;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0;
  -webkit-transition: 650ms all ease-in-out;
  -o-transition: 650ms all ease-in-out;
  transition: 650ms all ease-in-out;
}

#portfolio .thumbnail-title i {
  color: #fff;
  font-size: 2.5rem;
  opacity: 0.8;
}

/* 13 Event Section
==================================================== */
.pl-70 {
  padding-left: 70px;
}

.pr-70 {
  padding-right: 70px;
}

#accordion.line:before {
  background: none repeat scroll 0 0 #d2d2d2;
  bottom: 40px;
  /* content: ""; */
  left: 91px;
  position: absolute;
  top: 15px;
  width: 1px;
  z-index: 1;
}

.panel {
  background-color: #fff;
  border: medium none;
  border-radius: 4px;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-bottom: 20px;
}

.panel-title {
  display: inline-block;
  font-weight: 400;
  margin: 10px 0;
}

.panel-body {
  padding: 10px 15px 15px 145px;
}

.panel-link {
  color: inherit;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.show-map {
  cursor: pointer;
}

.show-map i {
  font-size: 18px;
  margin-right: 10px;
}

.panel-link:hover {
  color: #de037f;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.panel-number {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  display: inline-block;
  font-size: 1rem;
  /* height: 42px; */
  line-height: 38px;
  margin-right: 10px;
  position: relative;
  text-align: center;
  -webkit-transition: all 1s ease 0s;
  -o-transition: all 1s ease 0s;
  transition: all 1s ease 0s;
  /* width: 42px; */
  z-index: 2;
}

#accordion.panel-group.line div.panel.panel-default.active a.panel-link div.panel-number {
  border: 1px solid #de037f;
  color: #de037f;
  font-weight: 500;
  margin-right: 2rem;
  -webkit-transition: all 1s ease 0s;
  -o-transition: all 1s ease 0s;
  transition: all 1s ease 0s;
}

#accordion.panel-group.line div.panel.panel-default.active .panel-title {
  color: #de037f;
}

/* 14 Google Map Section
==================================================== */
#map {
  height: 500px;
  width: 100%;
}

/* 15 Count Up Section
==================================================== */
#countup {
  background: transparent;
  background-image: url(../img/countup_bg.png);
}

#countupWedding {
  background: transparent;
  background-image: url(../img/countup_bg.png);
}

.color-gray {
  color: gray;
}

.counter-number {
  font-size: 2.441em;
  font-weight: normal;
  line-height: 1.3em;
  margin-bottom: 1rem;
  font-family: "Dancing Script", cursive;
}

/* 16 Gift Section
==================================================== */
#gift p {
  margin-bottom: 2em;
}

#gift h4 {
  font-weight: 300;
}

#gift-carousel .item {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #cecece;
  border-radius: 3px;
  color: #444;
  margin: 1em;
  padding: 10px;
  margin-bottom: 2em;
  text-align: center;
}

.owl-theme .owl-controls .owl-page span {
  background: none repeat scroll 0 0 #d2d2d2;
  -webkit-transition: all ease-in-out 300ms;
  -o-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
  background: none repeat scroll 0 0 #de037f;
}

#gift-carousel i {
  color: #ececec;
  display: block;
  font-size: 30px;
  margin: 15px 0;
}

.customNavigation {
  text-align: center;
}

.customNavigation a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* 17 RSVP Section
==================================================== */
#rsvp h1,
#rsvp p {
  color: #fff;
}

.loader {
  width: 14px;
  height: auto;
  margin: 0 10px;
  display: none;
}

.form-success,
.form-error {
  display: none;
}

.form-control:focus {
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
  border: 2px solid #d2d2d2;
  outline: 0 none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#rsvp input {
  height: 52px;
}

#rsvp .form-control {
  background-color: rgba(255, 255, 255, 0.8);
  border: 1px solid #fff;
  border-radius: 3px;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: rgba(45, 44, 53, 1);
  font-weight: 500;
  margin-bottom: 15px;
  font-size: 16px;
}

#rsvp .form-group label {
  color: #fff;
  font-weight: 300;
}

label.error {
  color: #fff;
  font-weight: 400;
}

label.error:after {
  position: absolute;
  content: "!";
  color: #ff0000;
  font-size: 1rem;
  margin-left: 5px;
  font-weight: 700;
}

label {
  margin-bottom: 1em !important;
}

select.form-control:not([size]):not([multiple]) {
  height: calc(2.25rem + 14px);
}

/* 18 Footer Section
==================================================== */
#footer {
  padding: 8rem 0;
  background: url("../img/footer_bg.jpg?v=1") no-repeat fixed center center / cover rgba(0, 0, 0, 0);
  color: #fff;
}

#footer-bottom {
  background: #242424;
  color: #727272;
  padding: 1rem 0px;
}

#footer-bottom p {
  color: #727272;
  margin-bottom: 0;
}

/* 19 Loader
==================================================== */

#loader {
  position: fixed;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  overflow: hidden;
  z-index: 9999999999999999;
  background: #fff;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.loader-img-holder {
  position: relative;
  margin: 0 auto;
}

/* 20 Sidebar
==================================================== */

#sidebar .widget {
  margin-bottom: 3rem;
}

#sidebar h2 {
  font-size: 2.441em;
}

.m-width-60 {
  max-width: 60%;
}

#sidebar .headline_1 {
  width: 180px;
}

#sidebar .sub-heading {
  font-size: 1.375rem;
}

#sidebar .big-heading {
  margin-top: 0.5rem;
}

#widget-tags {
  padding: 0;
  list-style: none;
}

#widget-tags li {
  background-color: #f2f2f2;
  border-radius: 3px;
  display: inline-block;
  margin-bottom: 0.5rem;
  text-transform: capitalize;
  font-weight: 300;
  margin-right: 3px;
  -webkit-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

#widget-tags .tag-link i {
  color: #d2d2d2;
}

#widget-tags .tag-link {
  color: rgb(45, 44, 53);
  border-radius: 3px;
  padding: 0.2rem 0.7rem;
  display: block;
  -webkit-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

#widget-tags .tag-link:hover {
  color: #fff;
  background-color: #de037f;
}

.sidebar-img {
  list-style: none;
  padding: 0;
  overflow: hidden;
}

.sidebar-img .item {
  margin-bottom: 1rem;
  height: 49px;
}

.sidebar-img li {
  float: left;
  margin: 0 0.5rem;
}

.sidebar-img li:nth-child(3),
.sidebar-img li:nth-child(6) {
  margin-right: 0;
}

.sidebar-img li:first-child,
.sidebar-img li:nth-child(4) {
  margin-left: 0;
}

.sidebar-img li .item img {
  width: 74.333px;
  height: auto;
}

#category-widget {
  padding: 0;
  list-style: none;
}

#category-widget .cat-link:before {
  position: absolute;
  content: "\f0da";
  left: 1rem;
  font-size: 1rem;
  color: rgb(45, 44, 53);
  font-family: "FontAwesome";
}

#category-widget li {
  border-bottom: 1px solid #f2f2f2;
}

#category-widget li .cat-link {
  color: rgb(45, 44, 53);
  display: block;
  margin-left: 1.5rem;
  padding: 0.5rem 0;
  -webkit-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  text-transform: capitalize;
  font-weight: 400;
}

#category-widget li .cat-link:hover {
  color: #de037f;
  padding-left: 0.5rem;
}

/* 21 Blog Page
==================================================== */
#blog-header {
  background-image: url(../img/countup_bg.png);
}

#blog-header h1 {
  font-family: "Dancing Script", cursive;
}

#blog-header {
  padding: 4rem 0;
}

#sidebar-wrap {
  padding: 8rem 0;
}

.post {}

.post-date {
  text-align: center;
}

.post-date .day {
  display: block;
  padding: 3px;
}

.post-date .month {
  display: block;
  background: #fff;
  color: #de037f;
  padding: 0px 5px;
  text-transform: capitalize;
  border-top: 1px solid #d2d2d2;
}

.post-meta {
  margin-bottom: 1rem;
  font-weight: 300;
}

.post-meta span {
  margin-right: 10px;
  color: #838383;
}

.post-meta span i {
  margin-right: 5px;
  color: #838383;
}

.post-img {
  margin-bottom: 3rem;
}

.post-img img {
  border-radius: 3px;
}

.post-content {
  border-bottom: 1px solid #f2f2f2;
}

.pagination {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.page-item.active .page-link {
  background-color: #de037f;
  border-color: #de037f;
}

.page-link {
  color: #de037f;
}

.page-link:focus,
.page-link:hover {
  color: #fff;
  background-color: #d2d2d2;
}

.search-form {
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  height: 40px;
}

.search-form .form-control {
  font-weight: 300;
  border: none;
}

.search-form .form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.search-btn {
  color: #fff;
  padding: 5px 12px;
  background: #de037f;
}

#post-widget {
  list-style: none;
  padding: 0;
}

#post-widget .post-thumbnail {
  float: left;
  border-radius: 3px;
  margin-right: 1rem;
}

#post-widget .post-thumbnail img {
  height: 50px;
  max-width: 100%;
  border-radius: 3px;
}

#post-widget .post-title {
  color: rgb(45, 44, 53);
  font-weight: 400;
}

.share-holder {
  margin-bottom: 1rem;
}

.comment {}

.comment-list {
  list-style: none;
  padding: 0;
}

.comment-img {
  height: 4rem;
  margin-right: 2rem;
  width: auto;
  border-radius: 3px;
}

.comment-content {
  border-left: 2px solid #d2d2d2;
  padding: 1rem;
  border-radius: 3px;
}

.comment-reply {
  margin-left: 2rem;
}

.comment-reply-link {
  -webkit-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}

.comment-reply-link:hover,
.comment-reply-link:focus {
  color: rgb(45, 44, 53);
}

.commented-date {
  font-size: 0.8rem;
  color: #6b6b6b;
}

.comment-icon {
  color: #de037f;
}

/* 22 Boxed Layout
==================================================== */
#box #slider {
  height: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

#box .box-body {
  max-width: 1200px;
  height: auto;
  position: relative;
  margin: 0 auto;
  -webkit-box-shadow: 0px 11px 8px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 11px 8px 0px rgba(0, 0, 0, 0.2);
}

#box #slider {
  max-width: 1200px;
  margin: 0 auto;
  -webkit-box-shadow: 0px 11px 8px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 11px 8px 0px rgba(0, 0, 0, 0.2);
}

#box body {
  background-image: url(../img/countup_bg.png);
}

#primary-navbar-box.affix,
#primary_navbar_blog-box.affix {
  position: fixed !important;
  top: 0;
  z-index: 998;
  min-width: -webkit-fill-available;
  opacity: 0.97;
}

/* 23 Scroll Up
==================================================== */
.scrollup {
  background: none repeat scroll 0 0 #f2f2f2;
  border-radius: 3px;
  bottom: 26px;
  display: none;
  height: 40px;
  position: fixed;
  cursor: pointer;
  z-index: 10;
  right: 26px;
  width: 40px;
}

.scrollup i {
  position: absolute;
  color: #de037f;
  font-size: 1.8rem;
  left: 11px;
  top: 4px;
}

/* 24 Responsive
==================================================== */

@media screen and (max-width: 576px) {
  #primary-navbar-box.affix {
    min-width: 100%;
  }

  html body {
    font-size: 14px;
    line-height: 22.5px;
  }

  section,
  .section {
    padding: 6rem 0;
  }

  .margin-sm-b-2 {
    margin-bottom: 2rem;
  }

  .main-order-xs-1 {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1;
  }

  .main-order-xs-2 {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
    order: 2;
  }

  /* slider */
  #slider p,
  #video-bg p {
    margin-bottom: 2rem;
  }

  .slider-img-holder {
    top: -115px;
  }

  #slider h2,
  #video-bg h2 {
    padding-top: 0;
  }

  /* story */
  .tline-arrow,
  .timeline:before,
  .tline-right-side .tline-arrow:after,
  .tline-left-side.date-circle:after,
  .tline-right-side.date-circle:after {
    display: none;
  }

  #story .tline-title {
    margin-top: 0;
  }

  .tline-left-side {
    text-align: left !important;
  }

  .tline-thumbnail {
    margin-bottom: 1rem;
  }

  .big-head-wrap {
    top: 2px;
  }

  .img-date-right {
    left: 2rem;
  }

  /* people */
  .people-img {
    margin-left: 0;
  }

  /* event */
  .pr-70 {
    padding-right: 15px;
  }

  .pl-70 {
    padding-left: 15px;
  }

  #accordion.line:before {
    left: 35px;
  }

  #event .text-right {
    text-align: left !important;
  }
}

/* Small devices (landscape phones, 578px and 767px) */
@media screen and (min-width: 578px) and (max-width: 767px) {
  #primary-navbar-box.affix {
    min-width: 100%;
  }

  .margin-sm-b-2 {
    margin-bottom: 2rem;
  }

  .big-head-wrap {
    top: -5px;
  }

  .main-order-sm-1 {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1;
  }

  .main-order-sm-2 {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
    order: 2;
  }

  /* slider */
  #slider p,
  #video-bg p {
    margin-bottom: 1rem;
  }

  .slider-img-holder {
    top: -115px;
  }

  /* story */
  .tline-arrow,
  .timeline:before,
  .tline-right-side .tline-arrow:after,
  .tline-left-side.date-circle:after,
  .tline-right-side.date-circle:after {
    display: none;
  }

  #story .tline-title {
    margin-top: 0;
  }

  .tline-left-side {
    text-align: left !important;
  }

  .tline-thumbnail {
    margin-bottom: 1rem;
  }

  .img-date-right {
    left: 2rem;
  }

  /* people */
  .people-img {
    margin-left: 0;
  }

  /* event */
  #event .text-right {
    text-align: left !important;
  }

  .pr-70 {
    padding-right: 15px;
  }

  .pl-70 {
    padding-left: 15px;
  }

  #accordion.line:before {
    left: 36px;
  }
}

/* Medium devices (tablets, 768px and up) */
@media screen and (min-width: 768px) and (max-width: 992px) {
  #primary-navbar-box.affix {
    min-width: 100%;
  }

  .big-head-wrap {
    top: -20px;
  }

  /* slider */
  .slider-img-holder {
    top: -96px;
  }

  #slider h2,
  #video-bg h2 {}

  #slider p,
  #video-bg p {
    margin-bottom: 4rem;
  }

  .margin-sm-b-2 {
    margin-bottom: 2rem;
  }

  /* story */
  .tline-right-side,
  .tline-left-side {
    margin-bottom: 2rem;
  }

  .tline-arrow,
  .tline-right-side .tline-arrow:after {
    display: none;
  }

  .img-date-right {
    right: 2rem;
  }

  /* event */
  .pr-70 {
    padding-right: 30px;
  }

  .pl-70 {
    padding-left: 30px;
  }

  #accordion.line:before {
    left: 51px;
  }
}

/* Large devices (desktops, 992px and up) */
@media screen and (min-width: 992px) and (max-width: 1200px) {

  /* Nav */
  nav .dropdown:hover .dropdown-menu {
    display: block;
  }

  .big-head-wrap {
    top: -28px;
  }

  .img-date-right {
    right: 2rem;
  }

  .dropdown-menu {
    border-top: 3px solid #de037f;
  }

  .navbar-expand-lg .navbar-nav .nav-link {
    padding: 1.625rem 1rem;
  }

  .navbar {
    padding: 0;
  }
}

/* Extra large devices (large desktops, 1200px and up) */
@media screen and (min-width: 1200px) {

  /* Nav */
  nav .dropdown:hover .dropdown-menu {
    display: block;
  }

  .img-date-right {
    right: 2rem;
  }

  .dropdown-menu {
    border-top: 3px solid #de037f;
  }

  .navbar-expand-lg .navbar-nav .nav-link {
    padding: 1.625rem 1rem;
  }

  .navbar {
    padding: 0;
  }
}

/* home page blog image taxt hour*/
.thumbnail {
  position: relative;
}

.thumbnail img {
  max-width: 100%;
}

.thumbnail h1 {
  position: absolute;
  top: 50%;
  left: 0;
  color: rgb(222, 3, 127);
  width: 100%;
  text-align: center;
  transform: translateY(-50%);
  margin: 0;
  font-family: "Raleway", sans-serif;
  font-size: 27px;
}

/* home page blog image taxt hour*/
.ribbon-gray {
  position: absolute;
  left: -4px;
  top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px;
  height: 75px;
  text-align: right;
}

.ribbon-gray span {
  font-size: 10px;
  font-weight: bold;
  color: #fff;
  /* text-transform: uppercase; */
  text-align: center;
  line-height: 20px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  width: 100px;
  display: block;
  background: gray;
  /*background: linear-gradient(#A39E98 0%, #94918D 100%);*/
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px;
  left: -21px;
  font-size: 15px;
}

.ribbon-pink {
  position: absolute;
  left: -4px;
  top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px;
  height: 75px;
  text-align: right;
}

.ribbon-pink span {
  font-size: 10px;
  font-weight: bold;
  color: #fff;
  /* text-transform: uppercase; */
  text-align: center;
  line-height: 20px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  width: 100px;
  display: block;
  background: pink;
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px;
  left: -21px;
  font-size: 15px;
}

.googlepay {
  background-color: #000;
  background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2241%22%20height%3D%2217%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M19.526%202.635v4.083h2.518c.6%200%201.096-.202%201.488-.605.403-.402.605-.882.605-1.437%200-.544-.202-1.018-.605-1.422-.392-.413-.888-.62-1.488-.62h-2.518zm0%205.52v4.736h-1.504V1.198h3.99c1.013%200%201.873.337%202.582%201.012.72.675%201.08%201.497%201.08%202.466%200%20.991-.36%201.819-1.08%202.482-.697.665-1.559.996-2.583.996h-2.485v.001zm7.668%202.287c0%20.392.166.718.499.98.332.26.722.391%201.168.391.633%200%201.196-.234%201.692-.701.497-.469.744-1.019.744-1.65-.469-.37-1.123-.555-1.962-.555-.61%200-1.12.148-1.528.442-.409.294-.613.657-.613%201.093m1.946-5.815c1.112%200%201.989.297%202.633.89.642.594.964%201.408.964%202.442v4.932h-1.439v-1.11h-.065c-.622.914-1.45%201.372-2.486%201.372-.882%200-1.621-.262-2.215-.784-.594-.523-.891-1.176-.891-1.96%200-.828.313-1.486.94-1.976s1.463-.735%202.51-.735c.892%200%201.629.163%202.206.49v-.344c0-.522-.207-.966-.621-1.33a2.132%202.132%200%200%200-1.455-.547c-.84%200-1.504.353-1.995%201.062l-1.324-.834c.73-1.045%201.81-1.568%203.238-1.568m11.853.262l-5.02%2011.53H34.42l1.864-4.034-3.302-7.496h1.635l2.387%205.749h.032l2.322-5.75z%22%20fill%3D%22%23FFF%22%2F%3E%3Cpath%20d%3D%22M13.448%207.134c0-.473-.04-.93-.116-1.366H6.988v2.588h3.634a3.11%203.11%200%200%201-1.344%202.042v1.68h2.169c1.27-1.17%202.001-2.9%202.001-4.944%22%20fill%3D%22%234285F4%22%2F%3E%3Cpath%20d%3D%22M6.988%2013.7c1.816%200%203.344-.595%204.459-1.621l-2.169-1.681c-.603.406-1.38.643-2.29.643-1.754%200-3.244-1.182-3.776-2.774H.978v1.731a6.728%206.728%200%200%200%206.01%203.703%22%20fill%3D%22%2334A853%22%2F%3E%3Cpath%20d%3D%22M3.212%208.267a4.034%204.034%200%200%201%200-2.572V3.964H.978A6.678%206.678%200%200%200%20.261%206.98c0%201.085.26%202.11.717%203.017l2.234-1.731z%22%20fill%3D%22%23FABB05%22%2F%3E%3Cpath%20d%3D%22M6.988%202.921c.992%200%201.88.34%202.58%201.008v.001l1.92-1.918C10.324.928%208.804.262%206.989.262a6.728%206.728%200%200%200-6.01%203.702l2.234%201.731c.532-1.592%202.022-2.774%203.776-2.774%22%20fill%3D%22%23E94235%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
  background-origin: content-box;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;

  border: 0;
  border-radius: 4px;
  outline: 0;
  padding: 12px 24px 10px 24px;

  width: 160px;
  min-width: 90px;
  height: 40px;
  min-height: 40px;
}

.googlepay.long {
  background-image: url(data:image/svg+xml,%3Csvg%20width%3D%22104%22%20height%3D%2217%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M.148%202.976h3.766c.532%200%201.024.117%201.477.35.453.233.814.555%201.085.966.27.41.406.863.406%201.358%200%20.495-.124.924-.371%201.288s-.572.64-.973.826v.084c.504.177.912.471%201.225.882.313.41.469.891.469%201.442a2.6%202.6%200%200%201-.427%201.47c-.285.43-.667.763-1.148%201.001A3.5%203.5%200%200%201%204.082%2013H.148V2.976zm3.696%204.2c.448%200%20.81-.14%201.085-.42.275-.28.413-.602.413-.966s-.133-.684-.399-.959c-.266-.275-.614-.413-1.043-.413H1.716v2.758h2.128zm.238%204.368c.476%200%20.856-.15%201.141-.448.285-.299.427-.644.427-1.036%200-.401-.147-.749-.441-1.043-.294-.294-.688-.441-1.183-.441h-2.31v2.968h2.366zm7.36%201.68c-.868%200-1.528-.259-1.981-.777-.453-.518-.679-1.239-.679-2.163V5.86h1.54v4.214c0%20.579.138%201.013.413%201.302.275.29.637.434%201.085.434.364%200%20.686-.096.966-.287.28-.191.495-.446.644-.763a2.37%202.37%200%200%200%20.224-1.022V5.86h1.54V13h-1.456v-.924h-.084c-.196.336-.5.611-.91.826-.41.215-.845.322-1.302.322zm7.878-.616L16.352%205.86h1.722l2.016%204.858h.056l1.96-4.858H23.8l-4.41%2010.164h-1.624l1.554-3.416zm8.266-6.748h1.666l1.442%205.11h.056l1.61-5.11h1.582l1.596%205.11h.056l1.442-5.11h1.638L36.392%2013h-1.624L33.13%207.876h-.042L31.464%2013h-1.596l-2.282-7.14zM40.7%204.824a1%201%200%200%201-.735-.301%201%201%200%200%201-.301-.735%201%201%200%200%201%20.301-.735%201%201%200%200%201%20.735-.301%201%201%200%200%201%20.735.301%201%201%200%200%201%20.301.735%201%201%200%200%201-.301.735%201%201%200%200%201-.735.301zm-.77%201.036h1.54V13h-1.54V5.86zm6.464%207.252c-.317%200-.616-.051-.896-.154a1.967%201.967%200%200%201-.686-.406c-.401-.401-.602-.947-.602-1.638V7.218h-1.246V5.86h1.246V3.844h1.54V5.86h1.736v1.358H45.75v3.36c0%20.383.075.653.224.812.14.187.383.28.728.28.159%200%20.299-.021.42-.063.121-.042.252-.11.392-.203v1.498c-.308.14-.681.21-1.12.21zm2.782-10.136h1.54v2.73l-.07%201.092h.07c.205-.336.511-.614.917-.833.406-.22.842-.329%201.309-.329.868%200%201.53.254%201.988.763.457.509.686%201.202.686%202.079V13h-1.54V8.688c0-.541-.142-.947-.427-1.218-.285-.27-.656-.406-1.113-.406-.345%200-.656.098-.931.294a2.042%202.042%200%200%200-.651.777%202.297%202.297%200%200%200-.238%201.029V13h-1.54V2.976zm32.619-.347v4.097h2.554c.608%200%201.11-.203%201.509-.607a1.96%201.96%200%200%200%20.613-1.442c0-.546-.205-1.022-.613-1.427-.398-.415-.901-.622-1.51-.622h-2.553zm0%205.539v4.753H80.27V1.186h4.045c1.028%200%201.901.34%202.62%201.016.73.677%201.094%201.503%201.094%202.475%200%20.994-.364%201.825-1.094%202.49-.708.668-1.581%201-2.62%201h-2.52v.001zm7.775%202.294c0%20.394.17.722.507.984.337.262.732.393%201.185.393.641%200%201.213-.235%201.716-.704.503-.47.754-1.022.754-1.655-.476-.372-1.139-.557-1.99-.557-.62%200-1.135.148-1.55.443-.414.295-.621.66-.621%201.096m1.973-5.834c1.128%200%202.018.298%202.67.893.652.596.978%201.413.978%202.45v4.95h-1.459v-1.115h-.066c-.63.918-1.47%201.377-2.52%201.377-.896%200-1.645-.262-2.247-.787-.602-.524-.904-1.18-.904-1.966%200-.831.318-1.491.953-1.983.636-.492%201.484-.738%202.545-.738.906%200%201.653.164%202.238.492v-.345c0-.524-.21-.97-.63-1.335a2.175%202.175%200%200%200-1.475-.55c-.852%200-1.525.356-2.023%201.067L88.261%206.2c.74-1.049%201.835-1.573%203.283-1.573m12.021.263l-5.09%2011.57h-1.576l1.89-4.048L95.44%204.89h1.658l2.421%205.77h.033l2.355-5.77z%22%20fill%3D%22%23FFF%22%2F%3E%3Cpath%20d%3D%22M75.631%207.143c0-.474-.04-.932-.117-1.37H69.08v2.596h3.684a3.12%203.12%200%200%201-1.362%202.05v1.686h2.199c1.288-1.174%202.03-2.91%202.03-4.962%22%20fill%3D%22%234285F4%22%2F%3E%3Cpath%20d%3D%22M69.08%2013.733c1.842%200%203.392-.598%204.522-1.628l-2.2-1.687c-.611.408-1.4.646-2.321.646-1.78%200-3.29-1.186-3.83-2.784h-2.265v1.738a6.83%206.83%200%200%200%206.095%203.715%22%20fill%3D%22%2334A853%22%2F%3E%3Cpath%20d%3D%22M65.251%208.28a4.01%204.01%200%200%201%200-2.58V3.961h-2.265a6.644%206.644%200%200%200-.727%203.028c0%201.089.262%202.117.727%203.028L65.25%208.28z%22%20fill%3D%22%23FABB05%22%2F%3E%3Cpath%20d%3D%22M69.08%202.916c1.006%200%201.907.342%202.618%201.011v.001l1.947-1.924C72.462.916%2070.92.247%2069.08.247a6.83%206.83%200%200%200-6.095%203.715L65.25%205.7c.54-1.597%202.05-2.783%203.83-2.783%22%20fill%3D%22%23E94235%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
  width: 240px;
  min-width: 152px;
}

.googlepay:hover {
  background-color: #3c4043;
}

.googlepay:focus {
  box-shadow: #202124;
}

.googlepay:active {
  background-color: #5f6368;
}

.pnkj-border {
  border: #e1d8d8 15px solid !important;
}

.uppercase-input {
  text-transform: uppercase;
}

.product-card {
  display: flex;
  align-items: center;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 10px;
  max-width: 400px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  text-decoration: none;
  color: inherit;
}

.product-card img {
  width: 80px;
  height: 80px;
  border-radius: 4px;
  margin-right: 10px;
}

.product-details {
  flex-grow: 1;
}

.product-title {
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 5px;
}

.flipkart-logo {
  width: 20px;
  height: 20px;
  margin-left: 10px;
}

.product-card:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.pdf-whatsapp-icon {
  background-color: green;
  color: white;
  border-radius: 50px;
  text-align: center;
  font-size: 40px;
  /* box-shadow: 2px 2px 3px #999; */
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 4px;
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 10;
}

/* googlefonts */

/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 200;
  src: local('Raleway ExtraLight'), local('Raleway-ExtraLight'), url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwOIpWqhPAMif.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 200;
  src: local('Raleway ExtraLight'), local('Raleway-ExtraLight'), url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwOIpWqZPAA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: local('Raleway Light'), local('Raleway-Light'), url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwIYqWqhPAMif.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: local('Raleway Light'), local('Raleway-Light'), url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwIYqWqZPAA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway'), local('Raleway-Regular'), url(https://fonts.gstatic.com/s/raleway/v14/1Ptug8zYS_SKggPNyCMIT5lu.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway'), local('Raleway-Regular'), url(https://fonts.gstatic.com/s/raleway/v14/1Ptug8zYS_SKggPNyC0ITw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: local('Raleway Medium'), local('Raleway-Medium'), url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwN4rWqhPAMif.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: local('Raleway Medium'), local('Raleway-Medium'), url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwN4rWqZPAA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* vietnamese */
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/dancingscript/v14/If2RXTr6YS-zF4S-kcSWSVi_szLviuEViw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/dancingscript/v14/If2RXTr6YS-zF4S-kcSWSVi_szLuiuEViw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/dancingscript/v14/If2RXTr6YS-zF4S-kcSWSVi_szLgiuE.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* vietnamese */
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/dancingscript/v14/If2RXTr6YS-zF4S-kcSWSVi_szLviuEViw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/dancingscript/v14/If2RXTr6YS-zF4S-kcSWSVi_szLuiuEViw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/dancingscript/v14/If2RXTr6YS-zF4S-kcSWSVi_szLgiuE.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* googlefonts */