/*
| --------------------------------------------------------
| Theme Name : Samarpan Meditation
| Theme Date : 24/03/2024
| Fronted Platform : HTML5, CSS3, Bootstrap4, JS, Jquery
| --------------------------------------------------------
*/

/*
| --------------------------------------------------------
| TABLE OF CSS CONTENT
| --------------------------------------------------------
| Import All CSS
| Trypography CSS
| Font Variation CSS
| Icon Box CSS
| Button CSS
| Button Variation CSS
| Background Color CSS
| Background Shapes CSS
| Text Color CSS
| Form Control CSS
| Social Icon CSS
*/
/* NOTE: This file contains the styling for the Theme Template. You can edit/add anything in this file! */
/* Import CSS BOF
========================================================== */
.btn {
  background: var(--green);
  color: var(--white);
  padding: 12px 22px;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -ms-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-radius:50px;
  -moz-border-radius:50px;
  -webkit-border-radius:50px;
}
.btn:hover, .btn:focus, .btn:active, .btn.active {
  background: var(--green-dark);
  color: var(--white);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* Body CSS BOF
========================================================== */
body {
  font-family: var(--font-roboto);
  font-size: calc(14px + (15 - 14) * ((100vw - 320px) / (1600 - 320)));
  line-height: 1.7;
  color: var(--grey);
  background: var(--grey-light);
  font-weight: 400;
}

/* Alternate Fonts Variations */
.font-poppins { font-family: "Poppins", sans-serif; }

/* Hyper Link CSS BOF
========================================================== */
a {
  -webkit-transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -ms-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  color: #6f6f6f;
}
a:hover, a:focus, a:active, a.active { color: #000; }

/* Heading CSS BOF
========================================================== */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.5;
  font-family: var(--font-poppins);
  font-weight: 600;
}
h1 { font-size: var(--heading-h1); }
h2 { font-size: var(--heading-h2); }
h3 { font-size: var(--heading-h3); }
h4 { font-size: var(--heading-h4); }
h5 { font-size: var(--heading-h5); }
h6 { font-size: var(--heading-h6); }

/* Poppins Font Heading Variation */
.heading-poppins h1, .heading-poppins h2, .heading-poppins h3, .heading-poppins h4, .heading-poppins h5, .heading-poppins h6,
h1.heading-poppins, h2.heading-poppins, h3.heading-poppins, h4.heading-poppins, h5.heading-poppins, h6.heading-poppins {
  font-family: var(--font-poppins);
}
.heading-poppins h1, .heading-poppins h2, .heading-poppins h3 { font-weight: 700; }
.heading-poppins h4, .heading-poppins h5, .heading-poppins h6 { font-weight: 500; }

/* Typography CSS BOF
========================================================== */
.font-weight-thin { font-weight: var(--font-weight-thin) !important; }
.font-weight-extra-light { font-weight: 200 !important; }
.font-weight-light { font-weight:var(--font-weight-light) !important; }
.font-weight-regular { font-weight: var(--font-weight-regular) !important; }
.font-weight-medium { font-weight: var(--font-weight-medium) !important; }
.font-weight-semibold { font-weight: var(--font-weight-semibold) !important; }
.font-weight-bold { font-weight: var(--font-weight-bold) !important; }
.font-weight-xtrabold { font-weight: 800 !important; }
.font-weight-black { font-weight: var(--font-weight-black) !important; }
.font-italic { font-style: italic; }
.line-height-normal { line-height: normal; }

/* Font Size Variation CSS BOF
========================================================== */
.font-xxlarge { font-size: 6.125rem; }
.font-xlarge { font-size: 5.125rem; }
.font-large { font-size: 3.125rem; }
.font-medium { font-size: 2.813rem; }
.font-small { font-size: 2.125rem; }
.font-xsmall { font-size: 1.75rem; }
.font-xxsmall { font-size: 1.2rem; }
.font-xxxsmall { font-size: 0.9rem; }
.font-extrasmall { font-size: 0.83rem; }
.font-inherit { font-size: inherit; }

/* Image / Icon Variation CSS BOF
========================================================== */
.img-circle {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
}
.img-round {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.img-rounded {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.img-xxrounded {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}
.img-shadow {
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
}
.img-shadow-dark {
  -webkit-box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.1);
}

/* Icon Size CSS BOF */
.icon-large { font-size: 50px; }
.icon-medium { font-size: 40px; }
.icon-small { font-size: 30px; }
.icon-xsmall { font-size: 22px; }

/* Icon Variation CSS BOF */
.icon-l {
  float: left;
  margin-right: 15px;
}
.icon-circle {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  width: 50px;
  height: 50px;
  line-height: 50px;
}
.icon-circle-small {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  width: 60px;
  height: 60px;
  line-height: 60px;
}
.icon-flat {
  width: 50px;
  height: 50px;
  line-height: 50px;
}
.icon-round {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 50px;
  height: 50px;
  line-height: 50px;
}
.icon-border {
  border-style: solid;
  border-width: 1px;
  width: 50px;
  height: 50px;
  line-height: 50px;
}
.icon-mini {
  width: 35px;
  height: 35px;
  line-height: 35px;
  font-size: 30px;
}

/* Responsive CSS BOF */
@media (max-width: 767px) {
  .icon-circle { margin: 15px auto; }
}

/* Button Variation CSS BOF
========================================================== */
.btn.btn-sm {
  padding:8px 15px;
}

/* Radius Button */
.btn-radius {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

/* Rounded Button */
.btn-rounded {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

/* Circle Button */
.btn-circle {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
}

/* FAB Button */
.btn-fab { width:50px; height:50px; line-height:50px;display:inline-flex; align-items:center; justify-content:center; border-radius:100px; -moz-border-radius:100px; -webkit-border-radius:100px; text-align:center; }
.btn-fab:hover, .btn-fab:focus, .btn-fab:active, .btn-fab.active { background-color:var(--blue-dark); }
.btn-fab svg, .btn-fab i { color:var(--white); fill:var(--white); }

/* Button Size CSS BOF */
.btn-large { padding: 22px 32px; }
.btn-medium { padding: 16px 25px; }
.btn-small { padding: 13px 22px; }
.btn-xsmall { padding: 10px 15px; }
.btn-xxsmall { padding: 7px 10px; }
.btn-xxxsmall { padding: 5px 8px; font-size: .85rem; }
.btn:hover i, .btn:focus i, .btn:active i, .btn.active i { padding-left: 15px; }

/* Shadow Button */
.btn-shadow {
  -webkit-box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, 0.3);
}
.btn-shadow:hover, .btn-shadow:focus, .btn-shadow:active, .btn-shadow.active {
  -webkit-box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, 0.3);
}

/* Button Color Variation CSS BOF
========================================================== */
.btn-white {
  background: var(--white);
  color: var(--grey);
}
.btn-white:hover, .btn-white:focus, .btn-white:active, .btn-white.active {
  background: var(--black);
  color: var(--white);
}
.btn-blue {
  background: var(--blue);
  color: var(--white);
}
.btn-blue:hover, .btn-blue:focus, .btn-blue:active, .btn-blue.active {
  background: var(--blue-dark);
}
.btn-orange {
  background: var(--orange);
  color: var(--black);
}
.btn-orange:hover, .btn-orange:focus, .btn-orange:active, .btn-orange.active {
  background: var(--orange-dark);
  color: var(--black);
}
.btn-grey {
  background: var(--grey);
  color: var(--white);
}
.btn-grey:hover, .btn-grey:focus, .btn-grey:active, .btn-grey.active {
  background: var(--black);
  color: var(--white);
}

/* Button Border Variation CSS BOF
========================================================== */
.btn-outline-green {
  background: transparent;
  border: solid 1px var(--green);
  color: var(--green);
}
.btn-outline-green:hover, .btn-outline-green:focus, .btn-outline-green:active, .btn-outline-green.active {
  background: var(--green);
  color: var(--white);
}
.btn-outline-blue {
  background: transparent;
  border: solid 1px var(--blue);
  color: var(--blue);
}
.btn-outline-blue:hover, .btn-outline-blue:focus, .btn-outline-blue:active, .btn-outline-blue.active {
  background: var(--blue);
  color: var(--white);
}
.btn-outline-orange {
  background: transparent;
  border: solid 1px var(--orange);
  color: var(--orange);
}
.btn-outline-orange:hover, .btn-outline-orange:focus, .btn-outline-orange:active, .btn-outline-orange.active {
  background: var(--orange);
  color: var(--black);
}
.btn-outline-grey {
  background: transparent;
  border: solid 1px var(--grey);
  color: var(--grey);
}
.btn-outline-grey:hover, .btn-outline-grey:focus, .btn-outline-grey:active, .btn-outline-grey.active {
  background: var(--grey);
  color: var(--white);
}
.btn-outline-white {
  background: transparent;
  border: solid 1px var(--white);
  color: var(--black);
}
.btn-outline-white:hover, .btn-outline-white:focus, .btn-outline-white:active, .btn-outline-white.active {
  background: var(--black);
  color: var(--white);
}

/* Background Color CSS BOF
========================================================== */
.primary-color-bg {
  background-color: var(--green);
  color: #ffffff;
}
.blue-color-bg {
  background-color: var(--blue);
  color: #ffffff;
}
.white-color-bg {
  background-color: var(--whte);
  color: var(--black);
}
.black-color-bg {
  background-color: var(--black);
  color: var(--white);
}
.orange-color-bg {
  background-color: var(--orange);
  color: var(--black);
}
.grey-color-bg {
  background-color: #9E9E9E;
  color: #ffffff;
}
.light-grey-color-bg {
  background-color: #f8f8f8;
}
.dark-grey-black-color-bg {
  background-color: #161616;
  color: #ffffff;
}
.light-grey-black-color-bg {
  background-color: #252525;
  color: #ffffff;
}
.light-medium-grey-color-bg {
  background-color: #ededed;
}
.light-extra-grey-color-bg {
  background-color: #e0e0e0;
}
.black-extra-grey-color-bg {
  background-color: #2d3135;
  color: #ffffff;
}
.bg-dark-transparent {
  background-color: rgba(0, 0, 0, 0.8);
}
.bg-extra-dark-transparent {
  background-color: rgba(0, 0, 0, 0.9);
}
.bg-dark-light-transparent {
  background-color: rgba(0, 0, 0, 0.5);
}
.space-grey-color-bg {
  background-color: #222328;
  color: #ffffff;
}
.space-grey-light-color-bg {
  background-color: #f3f7f9;
}

/* Background Shapes CSS BOF
========================================================== */
.bg-curve { position:relative; }
.bg-curve::before { content:""; width:70%; right:0; position:absolute; top:0; height:100%; border-radius:500px 0 0 500px; background-color:#E0EAE4; }
.bg-curve-right { position: relative; }
.bg-curve-right::before { content:""; width:70%; left:0; position:absolute; top:0; height:100%; border-radius:500px 0 0 500px; background-color:#E0EAE4; }

/* Text Color CSS BOF
========================================================== */
.primary-color-text { color: #333333; }
.blue-color-text { color: #2cc6ff; }
.white-color-text { color: #ffffff; }
.black-color-text { color: #000; }
.pink-color-text { color: #01AFEF; }
.grey-color-text { color: #9E9E9E; }
.dark-grey-black-color-text { color: #161616; }
.light-grey-black-color-text { color: #252525; }
.light-medium-grey-color-text { color: #ededed; }
.light-extra-grey-color-text { color: #e0e0e0; }

/* Border Color CSS BOF
========================================================== */
.primary-color-border { border-color: #333333; }
.blue-color-border { border-color: #2cc6ff; }
.white-color-border { border-color: #ffffff; }
.black-color-border { border-color: #000; }
.pink-color-border { border-color: #2cc6ff; }
.red-color-border { border-color: #2cc6ff; }
.grey-color-border { border-color: #9E9E9E; }

/* Hyperlink Color Variation CSS BOF
========================================================== */
.link-white { color: #ffffff; }
.link-white:hover, .link-white:focus, .link-white:active, .link-white.active { color: #ffffff; }

.link-black { color: #000; }
.link-black:hover, .link-black:focus, .link-black:active, .link-black.active { color: #000; }

.link-pink { color: #2cc6ff; }
.link-pink:hover, .link-pink:focus, .link-pink:active, .link-pink.active { color: #019CD5; }

.link-red { color: #2cc6ff; }
.link-red:hover, .link-red:focus, .link-red:active, .link-red.active { color: #019CD5; }

.link-grey { color: #9E9E9E; }
.link-grey:hover, .link-grey:focus, .link-grey:active, .link-grey.active { color: #616161; }

/* Form and Text Control CSS BOF
========================================================== */
.label {
  text-align:left;
  display:flex;
  font-weight:var(--font-weight-medium);
  color:rgba(var(--rgba-grey), 0.54);
  margin-bottom:5px;
}
.form-group {
  margin-bottom:1rem;
}
.form-control {
  background-color: transparent;
  color: #333333;
  padding: 10px 15px;
  height: 47px;
  font-size: 14px;
  font-weight: var(--font-weight-regular);
  border-width: 1px;
  border-style: solid;
  border-color: #ced4da;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -ms-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.form-control:focus {
  border-color: var(--grey);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
}
.form-control::placeholder {
  opacity:0.8;
}
textarea.form-control {
  height:70px;
  resize:vertical;
}
textarea.form-control:focus {
  height:120px;
}
.input-validation {
  color:#f00;
  margin-left:5px;
}

/* Form Light Variations CSS BOF */
.form-light .label {
  color:rgba(var(--rgba-white), 0.84);
}
.form-light .form-control {
  background-color:var(--white);
  border:solid 1px var(--grey);
}

/* Social Icon Variation CSS BOF
========================================================== */
.social-round a { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

/* OWL Navigation Variation CSS BOF
========================================================== */
.owl-theme.owl-nav-circle .owl-nav [class*="owl-"] {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
}
.owl-theme.owl-nav-round .owl-nav [class*="owl-"] {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.owl-theme.owl-nav-rounded .owl-nav [class*="owl-"] {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.owl-theme.owl-nav-shadow .owl-nav [class*="owl-"] {
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
}
.owl-theme.owl-nav-shadow .owl-nav [class*="owl-"]:hover, .owl-theme.owl-nav-shadow .owl-nav [class*="owl-"]:focus,
.owl-theme.owl-nav-shadow .owl-nav [class*="owl-"]:active {
  -webkit-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.3);
}