@import url("https://fonts.googleapis.com/css?family=Fira+Sans:300,400,500,600,700|Muli:300,400,500,600,700&display=swap");

html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
}
html *::first-letter {
  text-transform: uppercase;
}

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}
::selection {
  background: #b3d4fc;
  text-shadow: none;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */
.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Hide visually and from screen readers
 */
.hidden {
  display: none !important;
}

/*
* Hide only visually, but have it available for screen readers:
* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*
* 1. For long content, line feeds are not interpreted as spaces and small width
*    causes content to wrap 1 word per line:
*    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
*/
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  /* 1 */
}

/*
* Extends the .visuallyhidden class to allow the element
* to be focusable when navigated to via the keyboard:
* https://www.drupal.org/node/897638
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
  white-space: inherit;
}

/*
* Hide visually and from screen readers, but maintain layout
*/
.invisible {
  visibility: hidden;
}

/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
*    `contenteditable` attribute is included anywhere else in the document.
*    Otherwise it causes space to appear at the top and bottom of elements
*    that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
*    `:before` to contain the top-margins of child elements.
*/
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after {
  clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}
@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5/4), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}
/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
@media print {
  *,
*:before,
*:after {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster */
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */
  a[href^="#"]:after,
a[href^="javascript:"]:after {
    content: "";
  }

  pre {
    white-space: pre-wrap !important;
  }

  pre,
blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  /*
   * Printing Tables:
   * http://css-discuss.incutio.com/wiki/Printing_Tables
   */
  thead {
    display: table-header-group;
  }

  tr,
img {
    page-break-inside: avoid;
  }

  p,
h2,
h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
h3 {
    page-break-after: avoid;
  }
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

.nice-select.open .list {
  display: block !important;
}

html {
  font-size: 16px;
  scroll-behavior: smooth;
}

body {
  padding: 0;
  margin: 0;
  font-size: 18px;
  line-height: 28px;
  color: #333333;
  line-height: 28px;
  overflow-x: hidden;
  font-family: "Muli", sans-serif;
  background: #fafbff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  margin: 0;
  line-height: 1.3;
  color: #333333;
  font-family: "Fira Sans", sans-serif;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: #333333;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
  color: #1A0000;
}

h1 {
  font-size: 50px;
}

h2 {
  font-size: 30px;
  margin-top: -9px;
}

h3 {
  font-size: 24px;
  margin-top: -7px;
}

h4 {
  font-size: 22px;
  margin-top: -7px;
}

h5 {
  font-size: 20px;
  margin-top: -6px;
  font-weight: 600;
}

h6 {
  font-size: 18px;
  margin-top: -5px;
  font-weight: 600;
}

@media (min-width: 576px) {
  h1 {
    font-size: 80px;
  }

  h2 {
    font-size: 50px;
    line-height: 60px;
    margin-top: -13px;
  }

  h3 {
    font-size: 36px;
    margin-top: -10px;
  }

  h4 {
    font-size: 30px;
    margin-top: -10px;
  }

  h5 {
    font-size: 24px;
    margin-top: -8px;
  }

  h6 {
    font-size: 18px;
    margin-top: -5px;
  }
}
a {
  display: inline-block;
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
a:hover {
  text-decoration: none;
  color: inherit;
}

ul {
  margin: 0;
  padding: 0;
}
ul li {
  list-style: none;
  padding: 5px 0;
}

select,
input,
textarea,
button {
  width: 100%;
  background-color: #ffffff;
  border: 1px solid radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  outline: none;
  border-radius: 4px;
}

textarea {
  height: 200px;
  resize: none;
  padding: 10px;
}

input,
button,
select {
  height: 50px;
  color: #333333;
}

label,
button,
select {
  cursor: pointer;
}

input {
  background: transparent;
  border: 1px solid radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  padding-left: 10px;
}
input:focus {
  border: 1px solid radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
}
input[type=submit] {
  cursor: pointer;
  background-color: #9aace5;
  color: #ffffff;
  font-weight: 700;
  padding: 0;
}

.bg_img {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.scrollToTop {
  width: 45px;
  height: 45px;
  line-height: 45px;
  padding: 0;
  color: #ffffff;
  z-index: 999;
  bottom: 30px;
  right: 30px;
  position: fixed;
  border-radius: 5px;
  -webkit-transform: translateY(150px);
  -ms-transform: translateY(150px);
  transform: translateY(150px);
  background: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  text-align: center;
}
.scrollToTop:hover {
  color: #ffffff;
}
.scrollToTop.active {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  animation: bounceInDown 2s;
  -webkit-animation: bounceInDown 2s;
  -moz-animation: bounceInDown 2s;
}
.scrollToTop img {
  width: 100%;
}

.video-button {
  color: #ffffff;
  border: none;
  text-align: center;
}
.video-button:hover {
  color: #ffffff;
}
.video-button i {
  line-height: 70px;
  font-size: 36px;
  margin-left: 8px;
  color: #ffffff;
}

.video-button {
  width: 70px;
  height: 70px;
  z-index: 1;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
}
/*  */
.video-button a {
  display: block;
  position: relative;
  z-index: 1;
}
.video-button a img {
  width: 100%;
}
.video-button a i {
  line-height: 75px;
  font-size: 36px;
  margin-left: 8px;
}
.video-button::before, .video-button::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 74px;
  background: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  z-index: -10;
}
.video-button::before {
  z-index: -10;
  -webkit-animation: inner-ripple 2000ms linear infinite;
  animation: inner-ripple 2000ms linear infinite;
}
.video-button::after {
  z-index: -10;
  -webkit-animation: outer-ripple 2000ms linear infinite;
  animation: outer-ripple 2000ms linear infinite;
}

@keyframes outer-ripple {
  0% {
    transform: scale(1);
    filter: alpha(opacity=50);
    opacity: 0.5;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-filter: alpha(opacity=50);
  }
  80% {
    transform: scale(1.5);
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
  }
  100% {
    transform: scale(2.5);
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -ms-transform: scale(2.5);
    -o-transform: scale(2.5);
  }
}
@-webkit-keyframes outer-ripple {
  0% {
    transform: scale(1);
    filter: alpha(opacity=50);
    opacity: 0.5;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
  80% {
    transform: scale(2.5);
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -ms-transform: scale(2.5);
    -o-transform: scale(2.5);
  }
  100% {
    transform: scale(3.5);
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: scale(3.5);
    -moz-transform: scale(3.5);
    -ms-transform: scale(3.5);
    -o-transform: scale(3.5);
  }
}
/* inner ripple */
@keyframes inner-ripple {
  0% {
    transform: scale(1);
    filter: alpha(opacity=50);
    opacity: 0.5;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
  30% {
    transform: scale(1);
    filter: alpha(opacity=50);
    opacity: 0.5;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
  100% {
    transform: scale(1.5);
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
  }
}
@-webkit-keyframes inner-ripple {
  0% {
    transform: scale(1);
    filter: alpha(opacity=50);
    opacity: 0.5;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
  30% {
    transform: scale(1);
    filter: alpha(opacity=50);
    opacity: 0.5;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
  100% {
    transform: scale(1.5);
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
  }
}
@keyframes pulseOne {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 191, 2, 0.851), 0 0 0 0 rgba(255, 191, 2, 0.851);
    -webkit-box-shadow: 0 0 0 0 rgba(255, 191, 2, 0.851), 0 0 0 0 rgba(255, 191, 2, 0.851);
    -moz-box-shadow: 0 0 0 0 rgba(255, 191, 2, 0.851), 0 0 0 0 rgba(255, 191, 2, 0.851);
  }
  40% {
    box-shadow: 0 0 0 20px rgba(255, 191, 2, 0), 0 0 0 0 rgba(255, 191, 2, 0.851);
    -webkit-box-shadow: 0 0 0 20px rgba(255, 191, 2, 0), 0 0 0 0 rgba(255, 191, 2, 0.851);
    -moz-box-shadow: 0 0 0 20px rgba(255, 191, 2, 0), 0 0 0 0 rgba(255, 191, 2, 0.851);
  }
  80% {
    box-shadow: 0 0 0 20px rgba(255, 191, 2, 0), 0 0 0 20px rgba(255, 191, 2, 0);
    -webkit-box-shadow: 0 0 0 20px rgba(255, 191, 2, 0), 0 0 0 20px rgba(255, 191, 2, 0);
    -moz-box-shadow: 0 0 0 20px rgba(255, 191, 2, 0), 0 0 0 20px rgba(255, 191, 2, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 191, 2, 0), 0 0 0 0 rgba(255, 191, 2, 0);
    -webkit-box-shadow: 0 0 0 0 rgba(255, 191, 2, 0), 0 0 0 0 rgba(255, 191, 2, 0);
    -moz-box-shadow: 0 0 0 0 rgba(255, 191, 2, 0), 0 0 0 0 rgba(255, 191, 2, 0);
  }
}
@-webkit-keyframes pulseOne {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 191, 2, 0.851), 0 0 0 0 rgba(255, 191, 2, 0.851);
    -webkit-box-shadow: 0 0 0 0 rgba(255, 191, 2, 0.851), 0 0 0 0 rgba(255, 191, 2, 0.851);
    -moz-box-shadow: 0 0 0 0 rgba(255, 191, 2, 0.851), 0 0 0 0 rgba(255, 191, 2, 0.851);
  }
  40% {
    box-shadow: 0 0 0 20px rgba(255, 191, 2, 0), 0 0 0 0 rgba(255, 191, 2, 0.851);
    -webkit-box-shadow: 0 0 0 20px rgba(255, 191, 2, 0), 0 0 0 0 rgba(255, 191, 2, 0.851);
    -moz-box-shadow: 0 0 0 20px rgba(255, 191, 2, 0), 0 0 0 0 rgba(255, 191, 2, 0.851);
  }
  80% {
    box-shadow: 0 0 0 20px rgba(255, 191, 2, 0), 0 0 0 20px rgba(255, 191, 2, 0);
    -webkit-box-shadow: 0 0 0 20px rgba(255, 191, 2, 0), 0 0 0 20px rgba(255, 191, 2, 0);
    -moz-box-shadow: 0 0 0 20px rgba(255, 191, 2, 0), 0 0 0 20px rgba(255, 191, 2, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 191, 2, 0), 0 0 0 0 rgba(255, 191, 2, 0);
    -webkit-box-shadow: 0 0 0 0 rgba(255, 191, 2, 0), 0 0 0 0 rgba(255, 191, 2, 0);
    -moz-box-shadow: 0 0 0 0 rgba(255, 191, 2, 0), 0 0 0 0 rgba(255, 191, 2, 0);
  }
}
@keyframes rotate {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    -ms-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    -ms-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    -ms-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    -ms-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes rotate2 {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rotate2 {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rev-rotate {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    -ms-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(-360deg);
    -ms-transform: translate(-50%, -50%) rotate(-360deg);
    transform: translate(-50%, -50%) rotate(-360deg);
  }
}
@-webkit-keyframes rev-rotate {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    -ms-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(-360deg);
    -ms-transform: translate(-50%, -50%) rotate(-360deg);
    transform: translate(-50%, -50%) rotate(-360deg);
  }
}
.custom-button {
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);;
  -webkit-box-shadow: 0.872px 9.962px 20px 0px rgba(255, 191, 2, 0.3);
          box-shadow: 0.872px 9.962px 20px 0px rgba(255, 191, 2, 0.3);
  padding: 11px 35px;
  font-weight: 600;
  color: #ffffff;
  border-radius: 50px;
  display: inline-block;
  border: 0px;
  cursor: pointer;
  width: auto;
  height: auto;
}
.custom-button:hover {
  color: #fff;
  -webkit-box-shadow: 1px 10px 20px 0px rgba(255, 191, 2, 0.43);
          box-shadow: 1px 10px 20px 0px rgba(255, 191, 2, 0.43);
}

.preloader {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: #fafbff;
  overflow: hidden;
}
.preloader .preloader-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}
.preloader .preloader-inner .preloader-icon {
  width: 72px;
  height: 72px;
  display: inline-block;
  padding: 0px;
}
.preloader .preloader-inner .preloader-icon span {
  position: absolute;
  display: inline-block;
  width: 72px;
  height: 72px;
  border-radius: 100%;
  background: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  -webkit-animation: preloader-fx 1.6s linear infinite;
  animation: preloader-fx 1.6s linear infinite;
}
.preloader .preloader-inner .preloader-icon span:last-child {
  animation-delay: -0.8s;
  -webkit-animation-delay: -0.8s;
}

@keyframes preloader-fx {
  0% {
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 0;
  }
}
@-webkit-keyframes preloader-fx {
  0% {
    -webkit-transform: scale(0, 0);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1, 1);
    opacity: 0;
  }
}
.log-reg .log-reg-inner .main-content .form-group .option label::before, .single-blog.post-details .right .post-header blockquote::before, .modal.filter-p .join-now-box .single-option .option label::before, .side-shape::after, .side-shape::before, .widget-1.widget-check .form-group label::before, .widget-1.widget-check .add-check-area a i::after, .widget-1.widget-check .add-check-area a i::before, .banner-section .join-now-box .single-option .option label::before {
  position: absolute;
  content: "";
}

.log-reg .log-reg-inner .main-content .form-group .option, .grid-button, .filter-main .right .item, .filter-main .right, .filter-main, .comment-area li, .blog-author, .single-blog.post-details .right .social-icons, .single-blog.post-details .right .tags-area .tags, .single-blog.post-details .right .tags-area, .modal.filter-p .join-now-box .single-option .option, .section-404, .widget-post .slider-nav, .widget-post .widget-slider .item .content .meta-post, .widget-categories ul li a, .widget-tags ul, .proceed-area .subtitle, .booking-summery ul li .info, .booking-summery ul li .subtitle, .widget-1.widget-tags ul, .widget-1.widget-check .form-group, .widget-1 .widget-header, .widget-1.widget-facility ul li a, .banner-section .join-now-box .single-option .option, .header-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.faq-item .faq-title .right-icon::after, .faq-item .faq-title .right-icon::before {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  content: "";
}

.padding-top {
  padding-top: 80px;
}

.padding-bottom {
  padding-bottom: 80px;
}

@media (min-width: 992px) {
  .padding-top {
    padding-top: 120px;
  }

  .padding-bottom {
    padding-bottom: 120px;
  }
}
.mb-30-none {
  margin-bottom: -30px !important;
}

.tab-item {
  display: none;
}
.tab-item.active {
  display: block;
}

.tab-menu li {
  cursor: pointer;
}

.mt-10 {
  margin-top: 10px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-50 {
  margin-top: 50px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb--50 {
  margin-bottom: -50px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb--40 {
  margin-bottom: -40px;
}

.pt-10 {
  padding-top: 10px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-50 {
  padding-top: 50px;
}

.pb-10 {
  padding-bottom: 10px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pb-50 {
  padding-bottom: 50px;
}

.c-thumb {
  overflow: hidden;
}
.c-thumb a {
  display: block;
}
.c-thumb img {
  width: 100%;
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.bg-one {
  background: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
}

.bg-two {
  background-color: #fafbff;
}

.bg-three {
  background-color: #0a1e5e;
}

.bg-four {
  background-color: #001539;
}

.bg-five {
  background-color: #01173f;
}

.color-theme {
  color: #1A0000;
}

.mb--20 {
  margin-bottom: -20px;
}

.section-header {
  text-align: center;
  margin-bottom: 57px;
}
.section-header.white-color .sub-title {
  color: #fff;
}
.section-header.white-color .title {
  color: #fff;
}
.section-header.white-color .text {
  color: #fff;
}
.section-header .sub-title {
  color: #1A0000;
  display: block;
  font-size: 24px;
  line-height: 34px;
  margin-bottom: 24px;
  font-weight: 600;
}
.section-header .sub-title.extra-padding {
  margin-bottom: 30px;
}
.section-header .title {
  font-size: 50px;
  line-height: 60px;
  font-weight: 700;
  margin-bottom: 11px;
  display: block;
  color: #292929;
}
.section-header .title.extra-padding {
  margin-bottom: 21px;
}
.section-header .text {
  display: inline-block;
  color: #333333;
}

.bg-six {
  background-color: #011c57;
}

@-webkit-keyframes scaleAni {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes scaleAni {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes upDown {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
@keyframes upDown {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
@-webkit-keyframes leftRight {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  50% {
    -webkit-transform: translateX(-15px);
            transform: translateX(-15px);
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}
@keyframes leftRight {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  50% {
    -webkit-transform: translateX(-15px);
            transform: translateX(-15px);
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}
.footer-section {
  padding: 120px 0px 25px;
  position: relative;
  background: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  overflow: hidden;
}
.footer-section .shape1 {
  position: absolute;
  top: 0px;
  left: 0px;
}
.footer-section .shape2 {
  position: absolute;
  bottom: 10%;
  left: 0px;
  -webkit-animation: scaleAni 3s linear infinite;
          animation: scaleAni 3s linear infinite;
}
.footer-section .shape3 {
  position: absolute;
  bottom: 20%;
  right: 0px;
  -webkit-animation: upDown 3s linear infinite;
          animation: upDown 3s linear infinite;
}
.footer-section .newslater-section .newslater-wrapper {
  text-align: center;
}
.footer-section .newslater-section .newslater-wrapper .icon {
  width: 140px;
  height: 140px;
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);;
  border-radius: 50%;
  text-align: center;
  line-height: 140px;
  display: inline-block;
  margin-bottom: 30px;
}
.footer-section .newslater-section .newslater-wrapper .text {
  color: #fff;
  display: block;
}
.footer-section .newslater-section .newslater-wrapper .newslater-form {
  margin-top: 55px;
  position: relative;
}
.footer-section .newslater-section .newslater-wrapper .newslater-form input {
  background: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  border-radius: 50px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  padding: 0px 60px 0px 30px;
  color: #fff;
}
.footer-section .newslater-section .newslater-wrapper .newslater-form input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.footer-section .newslater-section .newslater-wrapper .newslater-form input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.footer-section .newslater-section .newslater-wrapper .newslater-form input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.footer-section .newslater-section .newslater-wrapper .newslater-form input::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.footer-section .newslater-section .newslater-wrapper .newslater-form input::placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.footer-section .newslater-section .newslater-wrapper .newslater-form button {
  position: absolute;
  width: 44px;
  height: 44px;
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);;
  color: #fff;
  font-size: 22px;
  line-height: 44px;
  border-radius: 50%;
  right: 3px;
  top: 3px;
}
.footer-section .footer-links .link-wrapper .f-l-title {
  color: #fff;
  text-transform: uppercase;
  font-size: 24px;
  margin-bottom: 9px;
}
.footer-section .footer-links .link-wrapper .f-solial-links li a {
  color: #ffffff;
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.footer-section .footer-links .link-wrapper .f-solial-links li a i {
  margin-right: 5px;
  font-size: 16px;
}
.footer-section .footer-links .link-wrapper .f-solial-links li a:hover {
  color: #eb1436;
  padding-left: 10px;
}
.footer-section .hr {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  display: block;
  margin: 80px 0px 122px;
}
.footer-section .copyright-wrapper .hr2 {
  margin: 108px 0px 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.footer-section .copyright-wrapper .copyr-text {
  color: #fff;
}
.footer-section .copyright-wrapper .copyr-text a {
  color: #eb1436;
}
.footer-section .copyright-wrapper .footer-social-links {
  display: block;
  text-align: right;
}
.footer-section .copyright-wrapper .footer-social-links li {
  margin-left: 14px;
  display: inline-block;
}
.footer-section .copyright-wrapper .footer-social-links li:first-child {
  margin-left: 0px;
}
.footer-section .copyright-wrapper .footer-social-links li a {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);;
  display: block;
  color: #fff;
  line-height: 50px;
  text-align: center;
}

.header-wrapper {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header-wrapper .logo {
  width: 170px;
}
.header-wrapper .logo a {
  display: inline-block;
}
.header-wrapper .logo a img {
  max-width: 100%;
}
.header-wrapper .menu li.separator {
  margin-right: 7px;
}
.header-wrapper .menu li .language-select {
  margin-left: 10px;
}
.header-wrapper .menu li a {
  padding: 5px 12px;
}
@media (min-width: 992px) {
  .header-wrapper .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .header-wrapper .menu li {
    padding: 5px 12px;
    position: relative;
  }
  .header-wrapper .menu li a {
    color: #e9eeff;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
  }
  .header-wrapper .menu li .submenu {
    position: absolute;
    top: 100%;
    left: 6px;
    background: #ffffff;
    min-width: 240px;
    padding: 20px 0;
    -webkit-box-shadow: 0px 0px 11.7px 1.3px rgba(0, 0, 0, 0.08);
            box-shadow: 0px 0px 11.7px 1.3px rgba(0, 0, 0, 0.08);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
    -webkit-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(15px);
  }
  .header-wrapper .menu li .submenu li {
    padding: 0 20px;
  }
  .header-wrapper .menu li .submenu li a {
    text-transform: capitalize;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #292929;
  }
  .header-wrapper .menu li .submenu li a:hover, .header-wrapper .menu li .submenu li a.active {
    padding-left: 10px;
    color: #1A0000;
  }
  .header-wrapper .menu li .submenu::before {
    position: absolute;
    content: "";
    top: 0;
    left: 15px;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    width: 0;
    height: 0;
    border: 10px solid #ffffff;
    border-bottom-width: 15px;
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
  }
  .header-wrapper .menu li .submenu li .submenu {
    left: calc(100% + 20px);
    top: 0;
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
  .header-wrapper .menu li .submenu li .submenu::before {
    left: -2px;
    top: 3px;
    -webkit-transform: translateX(-100%) rotate(-90deg);
    -ms-transform: translateX(-100%) rotate(-90deg);
    transform: translateX(-100%) rotate(-90deg);
  }
  .header-wrapper .menu li .submenu li:hover > .submenu {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  .header-wrapper .menu li:hover > .submenu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    display: block !important;
  }
  .header-wrapper .menu li .nice-select {
    background: transparent;
    border: none;
    color: #ffffff;
    padding: 0px 25px 0px 0px;
  }
  .header-wrapper .menu li .nice-select::after {
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
  }
  .header-wrapper .menu li .nice-select .list li {
    color: #222;
    padding: 0px 10px;
  }
  .header-wrapper .menu li.separator span {
    color: #fff;
  }
  .header-wrapper .menu li .serch-icon {
    cursor: pointer;
    color: #fff;
  }
  .header-wrapper .menu li .serch-icon i {
    color: #fff;
    font-size: 16px;
  }
  .header-wrapper .menu li.user-profile .submenu {
    left: auto !important;
    right: 0px !important;
  }
  .header-wrapper .menu li.user-profile .submenu::before {
    left: auto;
    right: 15px;
  }
  .header-wrapper .menu > li > a {
    position: relative;
  }
  .header-wrapper .menu > li > a::before {
    width: calc(100% - 10px);
    height: 2px;
    background: #fff;
    top: calc(100% + 18px);
    position: absolute;
    content: "";
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
    -webkit-transform-origin: left;
        -ms-transform-origin: left;
            transform-origin: left;
  }
  .header-wrapper .menu > li > a:hover::before, .header-wrapper .menu > li > a.active::before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
  }
  .header-wrapper .menu > li.header-button a::before {
    display: none;
  }
}
.header-wrapper .menu li.header-button a {
  background-image: -webkit-linear-gradient(169deg, rgb(85, 96, 255) 17%, rgb(170, 82, 161) 63%, rgb(255, 67, 67) 100%);
  padding: 10px 49px;
  font-weight: 600;
  border-radius: 25px;
  display: inline-block;
}
.header-wrapper .menu li.header-button a:hover {
  -webkit-box-shadow: 0px 10px 15px 0px rgba(59, 55, 188, 0.5);
          box-shadow: 0px 10px 15px 0px rgba(59, 55, 188, 0.5);
}

.header-section {
  border-bottom: 1px solid rgba(255, 255, 255, 0.102);
  padding: 10px 0;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 99;
}

.header-bar {
  width: 30px;
  height: 25px;
  cursor: pointer;
  position: relative;
}

.header-bar span {
  display: inline-block;
  height: 3px;
  width: 100%;
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
  background-color: #ffffff;
  position: absolute;
  left: 0;
}

.header-bar span:nth-child(2) {
  top: 52%;
  -webkit-transform: translateY(-65%);
      -ms-transform: translateY(-65%);
          transform: translateY(-65%);
}

.header-bar span:first-child {
  top: 0;
}

.header-bar span:last-child {
  bottom: 0;
}

.header-bar.active span:first-child {
  -webkit-transform: rotate(45deg) translate(6px, 13px);
  -ms-transform: rotate(45deg) translate(6px, 13px);
  transform: rotate(45deg) translate(6px, 13px);
}

.header-bar.active span:nth-child(2) {
  opacity: 0;
}

.header-bar.active span:last-child {
  -webkit-transform: rotate(-45deg) translate(3px, -9px);
  -ms-transform: rotate(-45deg) translate(3px, -9px);
  transform: rotate(-45deg) translate(3px, -9px);
}

.tab-item {
  animation-name: fadeInUp;
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
}

.menu-item-has-children > a::after {
  content: "\f107";
  font-weight: 600;
  font-family: "Font Awesome 5 Free";
  margin-left: 5px;
}

.search-overlay {
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.91);
  z-index: 999999;
  display: none;
}
.search-overlay .close {
  position: absolute;
  top: 50px;
  right: 50px;
  color: #fff;
  border: 1px solid #fff;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  line-height: 40px;
  text-align: center;
  font-size: 15px;
  cursor: pointer;
}
.search-overlay form {
  width: 60%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.search-overlay form input {
  background: none;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-radius: 0px;
  padding: 0px;
  height: 50px;
  font-size: 16px;
  color: #fff;
}
.search-overlay form input:focus {
  background: none;
}

/*Banner-Section Starts Here*/
.banner-section {
  padding: 90px 0 120px;
  position: relative;
  background: url("../images/banner/hero-banner.png");
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: cover;
  position: relative;
  overflow: hidden;
}
.banner-section .img1 {
  position: absolute;
  right: 10%;
  -webkit-animation: leftRight 5s linear infinite;
          animation: leftRight 5s linear infinite;
  height: 100%;
  width: auto;
  border-radius: 2px;
  margin-left: 30px;
}
.banner-section .img2 {
  position: absolute;
  right: 17%;
  bottom: 20%;
  -webkit-animation: upDown 5s linear infinite;
          animation: upDown 5s linear infinite;
}
.banner-section .main-title {
  font-size: 60px;
  line-height: 70px;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  margin-bottom: 15px;
}
.banner-section .join-now-box {
  background: #fff;
  padding: 23px 0px 60px;
  border-radius: 30px;
  -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
}
.banner-section .join-now-box .single-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 22px 20px 15px;
}
.banner-section .join-now-box .single-option.last {
  border-bottom: 0px !important;
  padding: 29px 20px 28px;
}
.banner-section .join-now-box .single-option.last .title {
  top: 4px;
}
.banner-section .join-now-box .single-option.last .select-bar {
  width: 190px;
  height: 40px !important;
  line-height: 40px !important;
}
.banner-section .join-now-box .single-option.gender {
  padding: 17px 20px 17px;
}
.banner-section .join-now-box .single-option.age {
  padding: 21px 20px 20px;
}
.banner-section .join-now-box .single-option.age .select-bar {
  width: 70px;
}
.banner-section .join-now-box .single-option .title {
  position: relative;
  font-size: 18px;
  line-height: 28px;
  font-weight: 700;
  margin-right: 20px;
  position: relative;
  top: 7px;
}
.banner-section .join-now-box .single-option .option {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.banner-section .join-now-box .single-option .option input {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  opacity: 0;
  z-index: -9;
  text-align: center;
}
.banner-section .join-now-box .single-option .option input:checked ~ label::before {
  color: #1A0000;
  content: "\f111";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  font-size: 8px;
  line-height: 13px;
  text-align: center;
}
.banner-section .join-now-box .single-option .option label {
  display: inline-block;
  margin: 0;
  width: calc(100% - 14px);
  padding-left: 10px;
  position: relative;
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  text-transform: uppercase;
}
.banner-section .join-now-box .single-option .option label::before {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 1px solid radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  left: -14px;
  text-align: center;
  top: 7px;
}
.banner-section .join-now-box .single-option .option .s-input .nice-select {
  background: transparent;
  border: none;
  line-height: 26px;
  border-radius: 50px;
  padding: 0px 30px 0px 15px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  height: auto;
}
.banner-section .join-now-box .single-option .option .s-input .nice-select .list li {
  color: #222;
  padding: 0px 10px;
  line-height: 20px;
}
.banner-section .join-now-box .joun-button {
  text-align: center;
}
.banner-section .join-now-box .joun-button .custom-button {
  padding: 13px 45px;
}
.banner-section.home2 {
  background-image: url("../images/banner/hero-banner2.jpg") !important;
  /* padding: 189px 0 220px; */
}
.banner-section.home2 .img3 {
  position: absolute;
  right: 5%;
  -webkit-animation: leftRight 4s linear infinite;
          animation: leftRight 4s linear infinite;
}

.widget-1 {
  margin-bottom: 30px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}
@media (min-width: 576px) {
  .widget-1 {
    margin-bottom: 30px;
  }
}
.widget-1:last-child {
  margin-bottom: 0;
}
.widget-1 .subtitle {
  font-weight: 500;
  text-transform: capitalize;
  margin-bottom: 22px;
  font-size: 24px;
  line-height: 34px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding-bottom: 15px;
}
.widget-1 .widget-1-body {
  padding: 30px 30px 33px;
  border-radius: 4px;
}
.widget-1.widget-facility ul li {
  padding: 20px 0;
  border-bottom: 1px solid #1a2a47;
}
.widget-1.widget-facility ul li a {
  color: #e9eeff;
}
.widget-1.widget-facility ul li a:hover {
  color: #1A0000;
}
.widget-1.widget-facility ul li a .img {
  width: 55px;
  padding-right: 20px;
}
.widget-1.widget-facility ul li a .img img {
  max-width: 100%;
}
.widget-1.widget-facility ul li:first-child {
  padding-top: 0;
}
.widget-1.widget-facility ul li:last-child {
  padding-bottom: 0;
  border: none;
}
.widget-1.widget-facility ul li i {
  color: #1A0000;
  font-size: 36px;
  width: 55px;
  line-height: 1;
}
.widget-1.widget-facility ul li .cate {
  font-weight: 600;
  font-size: 18px;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  display: block;
  width: calc(100% - 55px);
}
.widget-1.widget-trending-search ul li {
  padding: 20px 0;
  border-bottom: 1px solid #1a2a47;
}
.widget-1.widget-trending-search ul li:first-child {
  padding-top: 0;
}
.widget-1.widget-trending-search ul li:last-child {
  padding-bottom: 0;
  border: none;
}
.widget-1.widget-trending-search ul li .sub-title {
  margin-bottom: 18px;
}
.widget-1.widget-banner .widget-1-body {
  border-radius: 0;
  padding: 0;
  border: none;
}
.widget-1.widget-banner a {
  display: block;
}
.widget-1.widget-banner img {
  width: 100%;
}
.widget-1.widget-range-slider .widget-1-body {
  padding-bottom: 30px;
}
.widget-1.widget-range-slider .subtitle {
  margin-bottom: 69px;
}
.widget-1 .widget-header {
  margin-bottom: 25px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.widget-1 .widget-header .clear-check {
  color: #f1481f;
}
@media (min-width: 576px) {
  .widget-1 .widget-header {
    margin-bottom: 30px;
  }
  .widget-1 .widget-header .m-title {
    font-size: 28px;
    margin-top: -9px;
  }
}
.widget-1 .widget-header .m-title {
  font-weight: 600;
  text-transform: capitalize;
}
.widget-1.widget-check .widget-1-body {
  border: none;
}
.widget-1.widget-check .check-area {
  margin-bottom: -15px;
}
.widget-1.widget-check .add-check-area {
  margin-top: 39px;
  padding-top: 11px;
  border-top: 1px solid #f3a0b5;
  margin-bottom: -9px;
}
.widget-1.widget-check .add-check-area a {
  color: #333333;
  font-size: 14px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
}
.widget-1.widget-check .add-check-area a i {
  width: 12px;
  height: 12px;
  position: relative;
  display: inline-block;
  margin-left: 10px;
  border-radius: 50%;
  border: 1px solid #333333;
}
.widget-1.widget-check .add-check-area a i::after, .widget-1.widget-check .add-check-area a i::before {
  width: 13px;
  height: 13px;
  background: #333333;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}
.widget-1.widget-check .add-check-area a i::after {
  width: 1px;
  height: 100%;
}
.widget-1.widget-check .add-check-area a i::before {
  height: 1px;
  width: 100%;
}
.widget-1.widget-check .form-group {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 5px;
}
.widget-1.widget-check .form-group input {
  width: 14px;
  height: 14px;
  opacity: 0;
  z-index: -9;
}
.widget-1.widget-check .form-group input:checked ~ label::before {
  color: #000;
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  font-size: 8px;
  line-height: 1;
  line-height: 14px;
  text-align: center;
}
.widget-1.widget-check .form-group label {
  margin: 0;
  width: calc(100% - 14px);
  padding-left: 10px;
  position: relative;
  font-size: 14px;
  font-weight: 600;
}
.widget-1.widget-check .form-group label::before {
  width: 14px;
  height: 14px;
  border: 1px solid #000;
  border-radius: 1px;
  left: -14px;
  top: 7px;
}
.widget-1.widget-check.rating .form-group label .text {
  margin-right: 20px;
}
.widget-1.widget-check.rating .form-group label .rating i {
  font-size: 12px;
  margin-right: -3px;
  color: #1A0000;
}
@media (min-width: 992px) {
  .widget-1.widget-tags {
    -webkit-transform: translateY(-40Px);
    -ms-transform: translateY(-40Px);
    transform: translateY(-40Px);
    margin-bottom: 0px;
  }
}
.widget-1.widget-tags ul {
  margin: -10px;
}
.widget-1.widget-tags ul li {
  padding: 10px;
}
.widget-1.widget-tags ul li a {
  padding: 0 20px;
  font-size: 12px;
  border: 1px solid rgba(163, 177, 198, 0.2);
  border-radius: 15px;
  text-transform: uppercase;
  color: #becdff;
}
.widget-1.widget-offer .offer-body {
  margin-bottom: -30px;
  overflow: hidden;
}
.widget-1.widget-offer .offer-body .offer-item {
  border: 1px dashed rgb(31, 50, 83);
  border-radius: 10px;
  padding: 20px 20px 28px;
  margin-bottom: 30px;
}
.widget-1.widget-offer .offer-body .offer-item .thumb {
  margin-bottom: 33px;
}
.widget-1.widget-offer .offer-body .offer-item h6 {
  font-size: 16px;
  font-weight: 400;
  font-family: "Muli", sans-serif;
  margin-bottom: 17px;
}
.widget-1.widget-offer .offer-body .offer-item p {
  color: #9aace5;
  font-size: 13px;
  line-height: 18px;
  margin: 0;
}

/*Booking Summery*/
.booking-summery {
  padding: 30px;
  border: 1px solid radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  border-bottom-style: dashed;
  padding-bottom: 10px;
  margin-top: 60px;
}
.booking-summery .title {
  font-weight: 600;
  text-transform: uppercase;
}
.booking-summery .title {
  text-align: center;
  border-bottom: 1px dashed #f3a0b5;
  padding-bottom: 23px;
  margin-bottom: 35px;
}
.booking-summery ul {
  border-bottom: 1px dashed #f3a0b5;
}
.booking-summery ul li {
  padding: 0;
  margin-bottom: 30px;
}
.booking-summery ul li:first-child {
  margin-top: 30px;
}
.booking-summery ul li .subtitle {
  text-transform: uppercase;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 7px;
}
.booking-summery ul li .subtitle:last-child {
  margin-bottom: -5px !important;
}
.booking-summery ul li .info {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px;
  text-transform: uppercase;
  color: #9aace5;
}
.booking-summery ul li .info:last-child {
  margin-bottom: -14px;
}
.booking-summery ul:last-child {
  border-bottom: none;
}
@media (min-width: 576px) {
  .booking-summery .title {
    font-size: 28px;
    margin-top: -9px;
    margin-bottom: 40px;
  }
}
@media (min-width: 992px) {
  .booking-summery {
    margin-top: 0;
  }
}

.proceed-area {
  background: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  padding: 30px;
}
.proceed-area .subtitle {
  text-transform: uppercase;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 23px;
}

.side-shape {
  position: relative;
}
.side-shape::after, .side-shape::before {
  width: 48px;
  height: 48px;
  background-color: #fafbff;
  border-radius: 50%;
  top: -48px;
}
.side-shape::after {
  left: -56px;
}
.side-shape::before {
  right: -56px;
}

.note {
  margin-top: 40px;
}
.note .title {
  text-transform: uppercase;
  margin-bottom: 26px;
}

/*Blog-Sedebar Starts Here*/
.widget {
  border-radius: 10px;
  background: #fff;
  padding: 30px;
  margin-bottom: 30px;
}
.widget:last-child {
  margin-bottom: 0;
}
.widget .title {
  margin-bottom: 25px;
  font-size: 24px;
  text-transform: capitalize;
}
.widget-tags {
  padding: 31px 30px 30px;
}
.widget-tags ul {
  margin: -5px;
}
.widget-tags ul li {
  padding: 5px;
}
.widget-tags ul li a {
  font-size: 14px;
  text-transform: capitalize;
  color: #ffffff;
  padding: 6px 39px;
  border-radius: 20px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  color: #333;
}
.widget-tags ul li a:hover, .widget-tags ul li a.active {
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);;
  color: #fff;
}
.widget-categories {
  padding: 32px 30px 16px;
}
.widget-categories ul {
  margin-top: -9px;
}
.widget-categories ul li {
  padding: 0;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.155);
}
.widget-categories ul li:last-child {
  border-bottom: 0px;
}
.widget-categories ul li a {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #333333;
  padding: 6px 0;
  font-size: 16px;
}
.widget-categories ul li a:hover {
  color: #1A0000;
}
.widget-categories ul li:first-child a {
  padding-top: 0;
}
.widget-follow ul {
  margin: -5px;
}
.widget-follow ul li {
  padding: 5px;
}
.widget-follow ul li a.active, .widget-follow ul li a:hover {
  border-color: #1A0000;
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);;
}
.widget-search {
  padding: 32px 30px 30px;
}
.widget-search .search-form {
  margin-top: -20px;
}
.widget-search input {
  font-size: 14px;
  border-radius: 0;
  padding-left: 0;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  margin-bottom: 30px;
}
.widget-search input::-webkit-input-placeholder {
  color: #1A0000;
}
.widget-search input::-moz-placeholder {
  color: #1A0000;
}
.widget-search input:-ms-input-placeholder {
  color: #1A0000;
}
.widget-search input::-ms-input-placeholder {
  color: #1A0000;
}
.widget-search input::placeholder {
  color: #1A0000;
}
.widget-search button {
  width: auto;
  min-width: 130px;
  outline: none;
  color: #ffffff;
  height: 40px;
  border-radius: 20px;
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);;
  border: 0px;
}
.widget-search button i {
  margin-right: 5px;
}
.widget-post {
  padding: 31px 30px 21px;
  position: relative;
}
.widget-post .widget-slider .item .thumb {
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 25px;
}
.widget-post .widget-slider .item .thumb a {
  display: block;
}
.widget-post .widget-slider .item .thumb img {
  width: 100%;
}
.widget-post .widget-slider .item .content .p-title {
  margin-bottom: 7px;
  font-size: 18px;
}
.widget-post .widget-slider .item .content .p-title a {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.widget-post .widget-slider .item .content .meta-post {
  font-size: 14px;
}
.widget-post .widget-slider .item .content .meta-post a {
  color: #333333;
}
.widget-post .widget-slider .item .content .meta-post a i {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);;
  margin-right: 5px;
}
.widget-post .slider-nav {
  position: absolute;
  right: 30px;
  top: 30px;
  width: 50px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.widget-post .slider-nav span {
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  cursor: pointer;
  font-size: 10px;
  background-color: #fafbff;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 18, 50, 0.2);
          box-shadow: 0px 2px 5px 0px rgba(0, 18, 50, 0.2);
  color: #333333;
  border-radius: 50%;
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.widget-post .slider-nav span:hover, .widget-post .slider-nav span.active {
  color: #ffffff;
  background-image: -webkit-linear-gradient(169deg, rgb(230, 165, 92) 17%, rgb(170, 82, 161) 63%, rgb(255, 67, 67) 100%);
}
.widget-newsletter .search-form {
  margin-top: -20px;
}
.widget-newsletter input {
  font-size: 14px;
  border-radius: 0;
  padding-left: 0;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  margin-bottom: 30px;
}
.widget-newsletter input::-webkit-input-placeholder {
  color: #1A0000;
}
.widget-newsletter input::-moz-placeholder {
  color: #1A0000;
}
.widget-newsletter input:-ms-input-placeholder {
  color: #1A0000;
}
.widget-newsletter input::-ms-input-placeholder {
  color: #1A0000;
}
.widget-newsletter input::placeholder {
  color: #1A0000;
}
.widget-newsletter button {
  width: auto;
  min-width: 120px;
  outline: none;
  color: #ffffff;
  height: 40px;
  border-radius: 20px;
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);;
  border: 0px;
}
.widget-newsletter button i {
  margin-right: 5px;
}

/* Feature-Section Starts Here*/
.single-feature {
  text-align: center;
  background-color: rgb(255, 255, 255);
  border-radius: 20px;
  padding: 30px 20px 25px;
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.single-feature .icon img {
  height: 90px;
  margin-bottom: 30px;
}
.single-feature h4 {
  font-size: 24px;
  line-height: 34px;
  font-weight: 600;
}
.single-feature:hover {
  -webkit-box-shadow: 0px 5px 30px 0px rgba(176, 171, 193, 0.4);
          box-shadow: 0px 5px 30px 0px rgba(176, 171, 193, 0.4);
}

/* Start-Flirting Starts Here*/
.flirting-section {
  padding: 0px 0px 120px;
}
.flirting-section.home2 {
  padding-top: 118px;
}
.flirting-section .content {
  text-align: left;
}
.flirting-section .content .section-header {
  text-align: left;
  margin-bottom: 59px;
}
.flirting-section .content .custom-button {
  margin-top: 0px;
  margin-top: -3px;
}
.flirting-section .img {
  text-align: center;
  padding: 0px 30px;
  position: relative;
}
.flirting-section .img img {
  width: 100%;
}
.flirting-section .img .bg-shape {
  position: absolute;
  top: -10%;
  left: 0%;
  z-index: -1;
  -webkit-animation: scaleAni 5s linear infinite;
          animation: scaleAni 5s linear infinite;
}

/* How it work Section Starts Here*/
.how-it-work-section {
  padding: 118px 0px 120px;
  background: url(../images/h-it-w/bg-img.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  overflow: hidden;
}
.how-it-work-section .shape1 {
  position: absolute;
  top: 100px;
  right: 0px;
  -webkit-animation: scaleAni 4s linear infinite;
          animation: scaleAni 4s linear infinite;
}
.how-it-work-section .shape2 {
  position: absolute;
  right: 7%;
  top: 10%;
  -webkit-animation: upDown 3s linear infinite;
          animation: upDown 3s linear infinite;
}
.how-it-work-section .section-header {
  margin-bottom: 40px;
}

.single-work-box {
  background: #fff;
  -webkit-box-shadow: 0.872px 9.962px 20px 0px rgba(255, 191, 2, 0.3);
          box-shadow: 0.872px 9.962px 20px 0px rgba(255, 191, 2, 0.3);
  padding: 40px 30px 40px;
  border-radius: 20px;
  text-align: center;
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.single-work-box .icon {
  position: relative;
  display: inline-block;
  margin-bottom: 34px;
}
.single-work-box .icon .number {
  position: absolute;
  right: 20px;
  bottom: 0px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  color: #fff;
  font-size: 28px;
  line-height: 60px;
  font-weight: 600;
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);;
}
.single-work-box .title {
  font-size: 24px;
  line-height: 34px;
  font-weight: 700;
  margin-bottom: 25px;
}
.single-work-box:hover {
  -webkit-transform: translateY(-5px);
      -ms-transform: translateY(-5px);
          transform: translateY(-5px);
}

/* Statistics-Section Starts Here*/
.statistics-section {
  padding: 120px 0px 135px;
}
.statistics-section .stat-item {
  text-align: center;
}
.statistics-section .stat-item .icon {
  display: inline-block;
  width: 260px;
  height: 260px;
  background: #e1e6ff;
  border-radius: 50%;
  text-align: center;
  line-height: 260px;
  margin-bottom: 28px;
}
.statistics-section .stat-item .icon img {
  height: 160px;
}
.statistics-section .stat-content .counter-item {
  font-size: 60px;
  line-height: 70px;
}
.statistics-section .stat-content .info {
  display: block;
  margin-top: 5px;
}

/* join-now Starts Here*/
.join-now-section {
  padding: 123px 0px 120px;
  overflow: hidden;
  background: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  position: relative;
}
.join-now-section .shape1 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: auto;
  -webkit-animation: scaleAni 4s linear infinite;
          animation: scaleAni 4s linear infinite;
}
.join-now-section .shape2 {
  position: absolute;
  right: 10%;
  bottom: 0px;
  max-width: 550px;
}
.join-now-section .content .section-header {
  text-align: left;
  margin-bottom: 18px;
}

/* Features Starts Here */
.feature-section {
  padding: 118px 0px 120px;
}
.feature-section .section-header {
  margin-bottom: 39px;
}
.feature-section .main-content-area {
  position: relative;
}
.feature-section .main-content-area .left-image {
  position: absolute;
  left: 0px;
  width: 46%;
  height: 100%;
  /* background: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%); */
  background-image: url("../images/feature/left-img.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 0px 30px 30px 0px;
}
.feature-section .main-content-area .left-image::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0px;
  height: 100%;
  /* background: #fadae2; */
  border-radius: 0px 30px 30px 0px;
}
.feature-section .main-content-area .left-image .offer {
  position: absolute;
  width: 240px;
  height: 240px;
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);;
  border-radius: 50%;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: -120px;
}
.feature-section .main-content-area .left-image .offer::before {
  position: absolute;
  content: "";
  width: 260px;
  height: 260px;
  left: -10px;
  top: -10px;
  background: rgba(222, 41, 139, 0.2);
  border-radius: 50%;
  z-index: -1;
}
.feature-section .main-content-area .left-image .offer .offer-inner-content {
  margin-top: 26%;
}
.feature-section .main-content-area .left-image .offer .offer-inner-content .fs {
  font-size: 16px;
  line-height: 26px;
  text-transform: uppercase;
  color: #fff;
}
.feature-section .main-content-area .left-image .offer .offer-inner-content h2 {
  font-size: 50px;
  line-height: 60px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 700;
  display: block;
  margin-top: 1px;
  margin-bottom: 0px;
}
.feature-section .main-content-area .left-image .offer .offer-inner-content .ss {
  font-size: 16px;
  line-height: 26px;
  text-transform: uppercase;
  color: #fff;
}
.feature-section .main-content-area .feature-lists {
  padding: 50px 0px 42px;
}
.feature-section .main-content-area .feature-lists .single-feature-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
}
.feature-section .main-content-area .feature-lists .single-feature-list:last-child {
  margin-bottom: 0px;
}
.feature-section .main-content-area .feature-lists .single-feature-list:last-child .content {
  border-bottom: 0px;
  padding-bottom: 0px;
}
.feature-section .main-content-area .feature-lists .single-feature-list .icon {
  width: 65px;
  height: 65px;
  line-height: 65px;
  background: #faeffa;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  margin-right: 30px;
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.feature-section .main-content-area .feature-lists .single-feature-list .icon img {
  height: 40px;
  display: inline-block;
  position: relative;
}
.feature-section .main-content-area .feature-lists .single-feature-list .content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-bottom: 1px solid #cecece;
  padding-bottom: 24px;
}
.feature-section .main-content-area .feature-lists .single-feature-list .content .title {
  font-size: 24px;
  line-height: 34px;
  font-weight: 700;
  margin-bottom: 10px;
}
.feature-section .main-content-area .feature-lists .single-feature-list .content p {
  margin-bottom: 0px !important;
  margin-top: 0px !important;
}
.feature-section .main-content-area .feature-lists .single-feature-list:hover .icon {
  -webkit-box-shadow: 0px 5px 10px 0px rgba(221, 92, 18, 0.4);
          box-shadow: 0px 5px 10px 0px rgba(221, 92, 18, 0.4);
}

/* latest-registered-section Starts Here */
.latest-registered-section {
  padding: 118px 0px 120px;
  background: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  position: relative;
  overflow: hidden;
}
.latest-registered-section .shape {
  position: absolute;
  top: 20%;
  z-index: 0;
  -webkit-animation: upDown 3s linear infinite;
          animation: upDown 3s linear infinite;
}
.latest-registered-section::before {
  position: absolute;
  content: "";
  background: #e1e6ff;
  width: 50%;
  height: 100%;
  top: 0px;
  left: -100px;
  -webkit-transform: skewX(-20deg);
      -ms-transform: skewX(-20deg);
          transform: skewX(-20deg);
  z-index: 1;
}
.latest-registered-section::after {
  position: absolute;
  content: "";
  background: #e1e6ff;
  width: 50%;
  height: 100%;
  top: 0px;
  left: -300px;
  z-index: 1;
}
.latest-registered-section .content {
  padding-left: 40%;
  padding-right: 200px;
  position: relative;
  z-index: 3;
}
.latest-registered-section .content .section-header {
  text-align: left;
  margin-bottom: 36px;
}
.latest-registered-section .registered-slider .single-slider {
  text-align: center;
}
.latest-registered-section .registered-slider .single-slider .img {
  position: relative;
  margin-bottom: 30px;
}
.latest-registered-section .registered-slider .single-slider .img img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  display: inline-block;
  border: 5px solid #fff;
}
.latest-registered-section .registered-slider .single-slider .inner-content .name {
  font-size: 24px;
  line-height: 34px;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.latest-registered-section .registered-slider .single-slider .inner-content p {
  color: #ff3366;
}
.latest-registered-section .single-slider {
  text-align: center;
}
.latest-registered-section .single-slider .img {
  position: relative;
  margin-bottom: 30px;
}
.latest-registered-section .single-slider .img img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  display: inline-block;
  border: 5px solid #fff;
}
.latest-registered-section .single-slider .inner-content .name {
  font-size: 24px;
  line-height: 34px;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.latest-registered-section .single-slider .inner-content p {
  color: #ff3366;
}

/* Success-Stories section Starts Here */
.sucess-stories-section {
  padding: 118px 0px 120px;
}
.sucess-stories-section .section-header {
  margin-bottom: 40px;
}

.single-story-box {
  background: #fff;
  border-radius: 22px;
  overflow: hidden;
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.single-story-box .img img {
  width: 100%;
}
.single-story-box .content {
  position: relative;
  padding: 83px 30px 24px;
}
.single-story-box .content .author {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: -30px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  z-index: 9;
}
.single-story-box .content .author::before {
  position: absolute;
  content: "";
  width: 70px;
  height: 70px;
  top: -5px;
  left: -5px;
  border-radius: 50%;
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);;
  z-index: -1;
  opacity: 0.5;
}
.single-story-box .content .author::after {
  position: absolute;
  content: "";
  width: 80px;
  height: 80px;
  top: -10px;
  left: -10px;
  border-radius: 50%;
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);;
  z-index: -2;
  opacity: 0.5;
}
.single-story-box .content .author span {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
}
.single-story-box .content .author span::before {
  position: absolute;
  content: "";
  width: 90px;
  height: 90px;
  top: -15px;
  left: -15px;
  border-radius: 50%;
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);;
  z-index: -1;
  opacity: 0.2;
}
.single-story-box .content .author span::after {
  position: absolute;
  content: "";
  width: 100px;
  height: 100px;
  top: -20px;
  left: -20px;
  border-radius: 50%;
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);;
  z-index: -2;
  opacity: 0.2;
}
.single-story-box .content .title {
  font-size: 24px;
  line-height: 34px;
  font-weight: 700;
  margin-bottom: 18px;
}
.single-story-box .content .date {
  margin-bottom: 0px;
}
.single-story-box .box-footer {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px 30px 18px;
}
.single-story-box .box-footer .left .box-social-links li {
  display: inline-block;
  margin-right: 5px;
}
.single-story-box .box-footer .left .box-social-links li a {
  display: block;
  font-size: 16px;
}
.single-story-box .box-footer .left .box-social-links li a i {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);;
  text-shadow: 0.927px 2.853px 10px rgba(255, 191, 2, 0.5);
}
.single-story-box .box-footer .left .box-social-links li:last-child {
  margin-right: 0px;
}
.single-story-box .box-footer .right a {
  color: #333333;
  font-size: 14px;
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.single-story-box .box-footer .right a i {
  font-size: 13px;
  margin-left: 5px;
}
.single-story-box .box-footer .right a:hover {
  color: #eb1436;
}
.single-story-box:hover {
  -webkit-box-shadow: 0px 10px 50px 0px rgb(176, 164, 226);
          box-shadow: 0px 10px 50px 0px rgb(176, 164, 226);
}

.registered-slider2 .one {
  -webkit-transform: scale(0.2);
      -ms-transform: scale(0.2);
          transform: scale(0.2);
}
.registered-slider2 .two {
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
}
.registered-slider2 .three {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
}
.registered-slider2 .four {
  -webkit-transform: scale(0.1);
      -ms-transform: scale(0.1);
          transform: scale(0.1);
}

/* Steps section Starts Here */
.steps-section .steps-section-inner {
  background: #fff;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(38, 14, 116, 0.4);
          box-shadow: 0px 10px 30px 0px rgba(38, 14, 116, 0.4);
  border-radius: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 40px 60px 40px;
  margin-top: -100px;
}
.steps-section .steps-section-inner .myCol1 {
  -webkit-box-flex: 30%;
      -ms-flex: 30%;
          flex: 30%;
  width: 30%;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  padding-right: 60px;
}
.steps-section .steps-section-inner .myCol1 .title {
  font-size: 28px;
  line-height: 38px;
  font-weight: 700;
  margin-bottom: 13px;
}
.steps-section .steps-section-inner .myCol2 {
  -webkit-box-flex: 50%;
      -ms-flex: 50%;
          flex: 50%;
  width: 50%;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  border-left: 1px solid #000;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  padding: 10px 0px 10px;
}
.steps-section .steps-section-inner .myCol2 .steps-list {
  display: inline-block;
  text-align: center;
  position: relative;
}
.steps-section .steps-section-inner .myCol2 .steps-list::before {
  position: absolute;
  content: "";
  width: 90%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 30px;
  height: 2px;
  background: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
}
.steps-section .steps-section-inner .myCol2 .steps-list li {
  display: inline-block;
  margin-right: 70px;
}
.steps-section .steps-section-inner .myCol2 .steps-list li:last-child {
  margin-right: 0px;
}
.steps-section .steps-section-inner .myCol2 .steps-list li .number {
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  position: relative;
  color: #fff;
  display: inline-block;
  z-index: 9;
  border-radius: 50%;
}
.steps-section .steps-section-inner .myCol2 .steps-list li .number::before {
  position: absolute;
  content: "";
  width: 60px;
  height: 60px;
  top: -5px;
  left: -5px;
  background: rgba(246, 100, 188, 0.3);
  z-index: -1;
  border-radius: 50%;
}
.steps-section .steps-section-inner .myCol2 .steps-list li .number::after {
  position: absolute;
  content: "";
  width: 70px;
  height: 70px;
  top: -10px;
  left: -10px;
  background: rgba(246, 100, 188, 0.3);
  z-index: -2;
  border-radius: 50%;
}
.steps-section .steps-section-inner .myCol2 .steps-list li .label {
  display: block;
  margin-top: 23px;
  color: #333333;
  font-weight: 700;
  margin-bottom: 0px;
}
.steps-section .steps-section-inner .myCol3 {
  -webkit-box-flex: 20%;
      -ms-flex: 20%;
          flex: 20%;
  width: 20%;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  text-align: right;
}

/* Steps section Starts Here */
.member-slider-section {
  background: #e1e6ff;
  padding: 120px 0px 110px;
}
.member-slider-section .content .section-header {
  text-align: left;
  margin-bottom: 0px;
}
.member-slider-section .registered-slider .single-slider {
  text-align: center;
}
.member-slider-section .registered-slider .single-slider .img {
  position: relative;
  margin-bottom: 30px;
}
.member-slider-section .registered-slider .single-slider .img img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  display: inline-block;
  border: 5px solid #fff;
}
.member-slider-section .registered-slider .single-slider .inner-content .name {
  font-size: 24px;
  line-height: 34px;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.member-slider-section .registered-slider .single-slider .inner-content p {
  color: #ff3366;
}
.member-slider-section .single-slider {
  text-align: center;
}
.member-slider-section .single-slider .img {
  position: relative;
  margin-bottom: 30px;
}
.member-slider-section .single-slider .img img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  display: inline-block;
  border: 5px solid #f3a0b5;
}
.member-slider-section .single-slider .inner-content .name {
  font-size: 24px;
  line-height: 34px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 14px;
}
.member-slider-section .single-slider .inner-content p {
  margin-bottom: 0px;
}

/* Community-Section Starts Here */
.community-section {
  padding: 118px 0px 120px;
}
.community-section .section-header {
  margin-bottom: 40px;
}

.single-community-box {
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.single-community-box .img {
  overflow: hidden;
}
.single-community-box .img img {
  width: 100%;
  -webkit-transition: all linear 0.6s;
  -o-transition: all linear 0.6s;
  transition: all linear 0.6s;
}
.single-community-box .content {
  position: relative;
  padding: 23px 30px 25px;
}
.single-community-box .content .date {
  margin-bottom: 8px;
}
.single-community-box .content .title {
  font-size: 24px;
  line-height: 34px;
  font-weight: 700;
  margin-bottom: 18px;
  display: block;
  color: #333333;
}
.single-community-box .content .text {
  margin-bottom: 0px;
}
.single-community-box .box-footer {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 30px 30px 30px;
}
.single-community-box .box-footer .left i {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);;
  text-shadow: 0.927px 2.853px 10px rgba(255, 191, 2, 0.5);
}
.single-community-box .box-footer .right {
  background: #f6e9f9;
  padding: 5px 20px;
  border-radius: 50px;
}
.single-community-box .box-footer .right i {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);;
  text-shadow: 0.927px 2.853px 10px rgba(255, 191, 2, 0.5);
  margin-right: 4px;
}
.single-community-box:hover {
  -webkit-box-shadow: 0px 10px 50px 0px rgb(176, 164, 226);
          box-shadow: 0px 10px 50px 0px rgb(176, 164, 226);
  -webkit-transform: translateY(-5px);
      -ms-transform: translateY(-5px);
          transform: translateY(-5px);
}
.single-community-box:hover .img img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

/* home2 Statistics-Section Starts Here*/
.home2-statistics-section {
  padding: 120px 0px 135px;
  background: url("../images/statistics/h2-bg.jpg");
  background-size: cover;
  background-position: center;
}
.home2-statistics-section .content .section-header .title {
  color: #fff;
}
.home2-statistics-section .content .section-header .sub-title {
  color: #ff3366;
}
.home2-statistics-section .stat-item {
  text-align: center;
}
.home2-statistics-section .stat-item .icon {
  display: inline-block;
  border-radius: 50%;
  text-align: center;
  margin-bottom: 28px;
}
.home2-statistics-section .stat-item .icon img {
  height: 100px;
}
.home2-statistics-section .stat-content .counter-item {
  font-size: 60px;
  line-height: 70px;
  color: #fff;
}
.home2-statistics-section .stat-content .info {
  color: #fff;
}

/* Success-Stories section Starts Here */
.home2-sucess-stories-section {
  padding: 0px 0px 120px;
}
.home2-sucess-stories-section .section-header {
  margin-bottom: 26px;
}
.home2-sucess-stories-section .top-content {
  background: url(../images/sucess/subg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding-top: 120px;
  padding-bottom: 250px;
}
.home2-sucess-stories-section .bottom-content {
  margin-top: -236px;
}

/* Update-profile-Section */
.update-profile-section {
  padding: 0px 0px 120px;
}
.update-profile-section .content .section-header {
  text-align: left;
}
.update-profile-section .img img {
  width: 100%;
}

/*Breadcrumb-Section Stars Here*/
.breadcrumb-area {
  padding: 170px 0 70px;
  background: url("../images/banner/bc-about.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-position: bottom;
}
.breadcrumb-area .breadcrumb-list li,
.breadcrumb-area .breadcrumb-list li a {
  text-transform: capitalize;
}
.breadcrumb-area .content .title {
  color: #fff;
  display: block;
  padding-bottom: 5px;
}
.breadcrumb-area .content .title.extra-padding {
  padding-bottom: 15px;
}
.breadcrumb-area .content .breadcrumb-list {
  background: transparent;
  display: block;
}
.breadcrumb-area .content .breadcrumb-list.extra-padding {
  padding-bottom: 5px;
}
.breadcrumb-area .content .breadcrumb-list li {
  display: inline-block;
}
.breadcrumb-area .content .breadcrumb-list li,
.breadcrumb-area .content .breadcrumb-list li a {
  color: #d0dbff;
  font-size: 18px;
}
.breadcrumb-area .content .breadcrumb-list li a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.breadcrumb-area .content .breadcrumb-list li a::after {
  content: "\f105";
  font-weight: 600;
  font-family: "Font Awesome 5 Free";
  display: inline-block;
  margin: 0 7px;
}
@media (max-width: 575px) {
  .breadcrumb-area .content .breadcrumb-list {
    padding: 0;
  }
  .breadcrumb-area .content .breadcrumb-list li,
.breadcrumb-area .content .breadcrumb-list li a {
    font-size: 16px;
    padding: 0;
  }
}

/* w-c-u Section Starts Here*/
.w-c-u-section {
  padding: 118px 0px 120px;
  background: #f3f6fd;
}
.w-c-u-section .content .section-header {
  margin-bottom: 40px;
}
.w-c-u-section .shape1 {
  position: absolute;
  top: 100px;
  right: 0px;
  -webkit-animation: scaleAni 4s linear infinite;
          animation: scaleAni 4s linear infinite;
}

.single-w-c-u-box {
  background: #fff;
  padding: 40px 30px 20px;
  border-radius: 10px;
  text-align: center;
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.single-w-c-u-box .icon {
  position: relative;
  display: inline-block;
  margin-bottom: 32px;
}
.single-w-c-u-box .icon .number {
  position: absolute;
  right: 20px;
  bottom: 0px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  color: #fff;
  font-size: 28px;
  line-height: 60px;
  font-weight: 600;
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);;
}
.single-w-c-u-box .title {
  font-size: 24px;
  line-height: 34px;
  font-weight: 700;
  margin-bottom: 19px;
}
.single-w-c-u-box:hover {
  -webkit-transform: translateY(-5px);
      -ms-transform: translateY(-5px);
          transform: translateY(-5px);
  -webkit-box-shadow: 0.872px 9.962px 20px 0px rgba(255, 191, 2, 0.1);
          box-shadow: 0.872px 9.962px 20px 0px rgba(255, 191, 2, 0.1);
}

/* Contact-Section Starts Here*/
.contact-section {
  position: relative;
  padding: 118px 0px 120px;
}
.contact-section .section-header {
  margin-bottom: 30px;
}
.contact-section .img-left {
  position: absolute;
  top: 35%;
  left: 0px;
}
.contact-section .img-right {
  position: absolute;
  right: 0px;
  top: 30%;
}
.contact-section .contact-form-wrapper .single-input {
  position: relative;
  margin-bottom: 30px;
}
.contact-section .contact-form-wrapper .single-input i {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  border-radius: 50%;
  color: #fff;
  font-size: 14px;
}
.contact-section .contact-form-wrapper .single-input input {
  border-left: 0px;
  border-right: 0px;
  border-top: 0px;
  border-radius: 0px;
  padding: 0px 20px 0px 49px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  height: 50px;
}
.contact-section .contact-form-wrapper .single-input input::-webkit-input-placeholder {
  color: #8790ad;
  font-size: 16px;
}
.contact-section .contact-form-wrapper .single-input input::placeholder, .contact-section .contact-form-wrapper .single-input input::-webkit-placeholder {
  color: #8790ad;
  font-size: 16px;
}
.contact-section .contact-form-wrapper .single-input textarea {
  border-left: 0px;
  border-right: 0px;
  border-top: 0px;
  border-radius: 0px;
  padding: 0px;
  padding: 0px 20px 0px 49px;
  height: 260px;
  background: none;
  margin-top: 6px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.contact-section .contact-form-wrapper .single-input textarea::-webkit-input-placeholder {
  color: #8790ad;
  font-size: 16px;
}
.contact-section .contact-form-wrapper .single-input textarea::placeholder, .contact-section .contact-form-wrapper .single-input textarea::-webkit-placeholder {
  color: #8790ad;
  font-size: 16px;
}
.contact-section .contact-form-wrapper .custom-button {
  text-transform: uppercase;
}

/*Four-Not-Four-Section Starts Here*/
.section-404 {
  padding: 120px 0px 120px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.section-404 .thumb-404 {
  max-width: 966px;
  margin: 0 auto 34px;
}
.section-404 .thumb-404 img {
  width: 100%;
}
.section-404 .title {
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 40px;
}
.section-404 .custom-button {
  padding: 16px 45px;
  border-radius: 30px;
}
.section-404 .custom-button i {
  margin-left: 15px;
}
@media (max-width: 575px) {
  .section-404 .title {
    margin-bottom: 25px;
  }
  .section-404 .thumb-404 {
    margin-bottom: 20px;
  }
  .section-404 .custom-button {
    padding: 10px 25px;
    font-size: 14px;
  }
}

/*Error 503*/
.section-503 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  overflow-x: hidden;
}
@media screen and (max-width: 767px) {
  .section-503 {
    overflow-y: hidden;
  }
}
.section-503 .scene {
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  .section-503 .scene {
    margin-bottom: 100px;
    margin-top: 100px;
  }
}
.section-503 .wrapper .container {
  position: relative;
}
.section-503 .wrapper .container .one,
.section-503 .wrapper .container .two,
.section-503 .wrapper .container .three,
.section-503 .wrapper .container .circle,
.section-503 .wrapper .container .p503 {
  width: 100%;
  height: 60%;
  top: 20% !important;
  min-width: 340px;
  min-height: 230px;
}
.section-503 .wrapper .container .one .content,
.section-503 .wrapper .container .two .content,
.section-503 .wrapper .container .three .content,
.section-503 .wrapper .container .circle .content,
.section-503 .wrapper .container .p503 .content {
  width: 600px;
  height: 600px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-animation: content 0.8s cubic-bezier(1, 0.06, 0.25, 1) backwards;
          animation: content 0.8s cubic-bezier(1, 0.06, 0.25, 1) backwards;
}
@-webkit-keyframes content {
  0% {
    width: 0;
  }
}
@keyframes content {
  0% {
    width: 0;
  }
}
.section-503 .wrapper .container .one .content .piece,
.section-503 .wrapper .container .two .content .piece,
.section-503 .wrapper .container .three .content .piece,
.section-503 .wrapper .container .circle .content .piece,
.section-503 .wrapper .container .p503 .content .piece {
  width: 200px;
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  border-radius: 80px;
  z-index: 1;
  -webkit-animation: pieceLeft 8s cubic-bezier(1, 0.06, 0.25, 1) infinite both;
          animation: pieceLeft 8s cubic-bezier(1, 0.06, 0.25, 1) infinite both;
}
@-webkit-keyframes pieceLeft {
  50% {
    left: 80%;
    width: 10%;
  }
}
@keyframes pieceLeft {
  50% {
    left: 80%;
    width: 10%;
  }
}
@-webkit-keyframes pieceRight {
  50% {
    right: 80%;
    width: 10%;
  }
}
@keyframes pieceRight {
  50% {
    right: 80%;
    width: 10%;
  }
}
@media screen and (max-width: 991px) {
  .section-503 .wrapper .container .one,
.section-503 .wrapper .container .two,
.section-503 .wrapper .container .three,
.section-503 .wrapper .container .circle,
.section-503 .wrapper .container .p503 {
    width: 80%;
    height: 95%;
    top: 2% !important;
    min-width: 380px;
    min-height: 150px;
  }
}
@media screen and (max-width: 767px) {
  .section-503 .wrapper .container .one,
.section-503 .wrapper .container .two,
.section-503 .wrapper .container .three,
.section-503 .wrapper .container .circle,
.section-503 .wrapper .container .p503 {
    width: 90%;
    height: 90%;
    top: 5% !important;
    left: 5% !important;
    min-width: 280px;
    min-height: 80px;
  }
}
@media screen and (max-width: 575px) {
  .section-503 .wrapper .container .one,
.section-503 .wrapper .container .two,
.section-503 .wrapper .container .three,
.section-503 .wrapper .container .circle,
.section-503 .wrapper .container .p503 {
    width: 90%;
    height: 90%;
    top: 5% !important;
    left: 5% !important;
    min-width: 280px;
    min-height: 60px;
  }
}
.section-503 .wrapper .container .p503 {
  font-size: 200px;
  font-weight: 700;
  letter-spacing: 4px;
  color: white;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  z-index: 2;
  -webkit-animation: anime404 0.6s cubic-bezier(0.3, 0.8, 1, 1.05) both;
          animation: anime404 0.6s cubic-bezier(0.3, 0.8, 1, 1.05) both;
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
@media screen and (max-width: 991px) {
  .section-503 .wrapper .container .p503 {
    font-size: 150px;
  }
}
@media screen and (max-width: 767px) {
  .section-503 .wrapper .container .p503 {
    font-size: 100px;
  }
}
@media screen and (max-width: 575px) {
  .section-503 .wrapper .container .p503 {
    font-size: 80px;
  }
}
@-webkit-keyframes anime404 {
  0% {
    opacity: 0;
    -webkit-transform: scale(10) skew(20deg, 20deg);
            transform: scale(10) skew(20deg, 20deg);
  }
}
@keyframes anime404 {
  0% {
    opacity: 0;
    -webkit-transform: scale(10) skew(20deg, 20deg);
            transform: scale(10) skew(20deg, 20deg);
  }
}
.section-503 .wrapper .container .p503:nth-of-type(2) {
  color: #36184f;
  z-index: 1;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-filter: blur(10px);
          filter: blur(10px);
  opacity: 0.8;
}
.section-503 .wrapper .container .circle:before {
  content: "";
  position: absolute;
  width: 800px;
  height: 800px;
  background-color: rgba(54, 24, 79, 0.2);
  border-radius: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-box-shadow: inset 5px 20px 40px rgba(54, 24, 79, 0.25), inset 5px 0px 5px rgba(50, 36, 62, 0.3), inset 5px 5px 20px rgba(50, 36, 62, 0.25), 2px 2px 5px rgba(255, 255, 255, 0.2);
          box-shadow: inset 5px 20px 40px rgba(54, 24, 79, 0.25), inset 5px 0px 5px rgba(50, 36, 62, 0.3), inset 5px 5px 20px rgba(50, 36, 62, 0.25), 2px 2px 5px rgba(255, 255, 255, 0.2);
  -webkit-animation: circle 0.8s cubic-bezier(1, 0.06, 0.25, 1) backwards;
          animation: circle 0.8s cubic-bezier(1, 0.06, 0.25, 1) backwards;
}
@-webkit-keyframes circle {
  0% {
    width: 0;
    height: 0;
  }
}
@keyframes circle {
  0% {
    width: 0;
    height: 0;
  }
}
@media screen and (max-width: 991px) {
  .section-503 .wrapper .container .circle:before {
    width: 550px;
    height: 550px;
  }
}
@media screen and (max-width: 767px) {
  .section-503 .wrapper .container .circle:before {
    width: 400px;
    height: 400px;
  }
}
@media screen and (max-width: 575px) {
  .section-503 .wrapper .container .circle:before {
    width: 300px;
    height: 300px;
  }
}
.section-503 .wrapper .container .one .content:before {
  content: "";
  position: absolute;
  width: 600px;
  height: 600px;
  background-color: rgba(54, 24, 79, 0.3);
  border-radius: 100%;
  -webkit-box-shadow: inset 5px 20px 40px rgba(54, 24, 79, 0.25), inset 5px 0px 5px rgba(50, 36, 62, 0.3), inset 5px 5px 20px rgba(50, 36, 62, 0.25), 2px 2px 5px rgba(255, 255, 255, 0.2);
          box-shadow: inset 5px 20px 40px rgba(54, 24, 79, 0.25), inset 5px 0px 5px rgba(50, 36, 62, 0.3), inset 5px 5px 20px rgba(50, 36, 62, 0.25), 2px 2px 5px rgba(255, 255, 255, 0.2);
  -webkit-animation: circle 0.8s 0.4s cubic-bezier(1, 0.06, 0.25, 1) backwards;
          animation: circle 0.8s 0.4s cubic-bezier(1, 0.06, 0.25, 1) backwards;
}
@media screen and (max-width: 991px) {
  .section-503 .wrapper .container .one .content:before {
    width: 400px;
    height: 400px;
  }
}
@media screen and (max-width: 767px) {
  .section-503 .wrapper .container .one .content:before {
    width: 300px;
    height: 300px;
  }
}
@media screen and (max-width: 575px) {
  .section-503 .wrapper .container .one .content:before {
    width: 250px;
    height: 250px;
  }
}
.section-503 .wrapper .container .one .content .piece {
  background: -webkit-gradient(linear, left top, right top, color-stop(13.7%, #8077ea), color-stop(94.65%, #eb73ff));
  background: -o-linear-gradient(left, #8077ea 13.7%, #eb73ff 94.65%);
  background: linear-gradient(90deg, #8077ea 13.7%, #eb73ff 94.65%);
}
.section-503 .wrapper .container .one .content .piece:nth-child(1) {
  right: 15%;
  top: 18%;
  height: 30px;
  width: 120px;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-name: pieceRight;
          animation-name: pieceRight;
}
.section-503 .wrapper .container .one .content .piece:nth-child(2) {
  left: 15%;
  top: 45%;
  width: 150px;
  height: 50px;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-name: pieceLeft;
          animation-name: pieceLeft;
}
.section-503 .wrapper .container .one .content .piece:nth-child(3) {
  left: 10%;
  top: 75%;
  height: 20px;
  width: 70px;
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
  -webkit-animation-name: pieceLeft;
          animation-name: pieceLeft;
}
.section-503 .wrapper .container .two .content .piece {
  background: -webkit-gradient(linear, left top, right top, from(#ffedc0), to(#ff9d87));
  background: -o-linear-gradient(left, #ffedc0 0%, #ff9d87 100%);
  background: linear-gradient(90deg, #ffedc0 0%, #ff9d87 100%);
}
.section-503 .wrapper .container .two .content .piece:nth-child(1) {
  left: 0%;
  top: 25%;
  height: 40px;
  width: 120px;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-name: pieceLeft;
          animation-name: pieceLeft;
}
.section-503 .wrapper .container .two .content .piece:nth-child(2) {
  right: 15%;
  top: 35%;
  width: 180px;
  height: 50px;
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
  -webkit-animation-name: pieceRight;
          animation-name: pieceRight;
}
.section-503 .wrapper .container .two .content .piece:nth-child(3) {
  right: 10%;
  top: 80%;
  height: 20px;
  width: 160px;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
  -webkit-animation-name: pieceRight;
          animation-name: pieceRight;
}
.section-503 .wrapper .container .three .content .piece {
  background: #fb8a8a;
}
.section-503 .wrapper .container .three .content .piece:nth-child(1) {
  left: 25%;
  top: 35%;
  height: 20px;
  width: 80px;
  -webkit-animation-name: pieceLeft;
          animation-name: pieceLeft;
  -webkit-animation-delay: 3.5s;
          animation-delay: 3.5s;
}
.section-503 .wrapper .container .three .content .piece:nth-child(2) {
  right: 10%;
  top: 55%;
  width: 140px;
  height: 40px;
  -webkit-animation-name: pieceRight;
          animation-name: pieceRight;
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
}
.section-503 .wrapper .container .three .content .piece:nth-child(3) {
  left: 40%;
  top: 68%;
  height: 20px;
  width: 80px;
  -webkit-animation-name: pieceLeft;
          animation-name: pieceLeft;
  -webkit-animation-delay: 4.5s;
          animation-delay: 4.5s;
}

.area-503 {
  padding: 70px 0 100px;
}
@media screen and (max-width: 991px) {
  .area-503 {
    padding: 40px 0;
  }
}

/* Filter Modal Starts Here*/
.modal.filter-p .modal-header .modal-title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-bottom: 0px;
}
.modal.filter-p .modal-header .close {
  width: 50px;
}
.modal.filter-p .join-now-box {
  background: #fff;
  padding-bottom: 14px;
  padding-top: 0px;
}
.modal.filter-p .join-now-box .single-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 22px 20px 15px;
}
.modal.filter-p .join-now-box .single-option:first-child {
  padding-top: 0px;
}
.modal.filter-p .join-now-box .single-option.last {
  border-bottom: 0px !important;
  padding: 29px 20px 28px;
}
.modal.filter-p .join-now-box .single-option.last .title {
  top: 15px;
}
.modal.filter-p .join-now-box .single-option.last .select-bar {
  width: 190px;
  height: 40px !important;
  line-height: 40px !important;
}
.modal.filter-p .join-now-box .single-option.gender {
  padding: 17px 20px 17px;
}
.modal.filter-p .join-now-box .single-option.age {
  padding: 21px 20px 20px;
}
.modal.filter-p .join-now-box .single-option.age .select-bar {
  width: 70px;
}
.modal.filter-p .join-now-box .single-option .title {
  position: relative;
  font-size: 18px;
  line-height: 28px;
  font-weight: 700;
  margin-right: 20px;
  position: relative;
  top: 7px;
}
.modal.filter-p .join-now-box .single-option .option {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal.filter-p .join-now-box .single-option .option input {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  opacity: 0;
  z-index: -9;
  text-align: center;
}
.modal.filter-p .join-now-box .single-option .option input:checked ~ label::before {
  color: #1A0000;
  content: "\f111";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  font-size: 8px;
  line-height: 13px;
  text-align: center;
}
.modal.filter-p .join-now-box .single-option .option label {
  display: inline-block;
  margin: 0;
  width: calc(100% - 14px);
  padding-left: 10px;
  position: relative;
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  text-transform: uppercase;
}
.modal.filter-p .join-now-box .single-option .option label::before {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 1px solid radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  left: -14px;
  text-align: center;
  top: 7px;
}
.modal.filter-p .join-now-box .single-option .option .s-input .nice-select {
  background: transparent;
  border: none;
  line-height: 26px;
  border-radius: 50px;
  padding: 0px 30px 0px 15px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  height: auto;
}
.modal.filter-p .join-now-box .single-option .option .s-input .nice-select .list li {
  color: #222;
  padding: 0px 10px;
  line-height: 20px;
}
.modal.filter-p .join-now-box .joun-button {
  text-align: center;
}
.modal.filter-p .join-now-box .joun-button .custom-button {
  padding: 13px 45px;
}

/*Blog-Section Starts Here*/
.single-blog.post-details {
  background-color: transparent;
}
.single-blog.post-details .right {
  width: calc(100% - 95px);
}
.single-blog.post-details .right .post-header .m-title {
  margin-bottom: 23px;
}
@media (min-width: 768px) {
  .single-blog.post-details .right .post-header .m-title {
    font-size: 36px;
  }
}
.single-blog.post-details .right .post-header .title {
  margin-bottom: 30px;
}
.single-blog.post-details .right .post-header p {
  margin-bottom: 38px;
}
.single-blog.post-details .right .post-header blockquote {
  padding: 30px;
  padding-right: 40px;
  background-color: #f3f5ff;
  font-size: 18px;
  line-height: 28px;
  overflow: hidden;
  border-radius: 20px;
  margin-bottom: 45px;
  position: relative;
}
.single-blog.post-details .right .post-header blockquote span {
  position: relative;
  z-index: 1;
}
.single-blog.post-details .right .post-header blockquote::before {
  bottom: 30px;
  right: 40px;
  width: 100px;
  height: 90px;
  background: url(../images/quotation.png) no-repeat center right;
  background-size: contain;
}
.single-blog.post-details .right .tags-area {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin-top: 5px;
}
.single-blog.post-details .right .tags-area .tags {
  margin-top: 25px;
}
.single-blog.post-details .right .tags-area .tags span {
  font-size: 18px;
  font-weight: 600;
  color: #333;
}
.single-blog.post-details .right .tags-area .tags a {
  color: #333333;
}
.single-blog.post-details .right .tags-area .tags a::after {
  content: ",";
}
.single-blog.post-details .right .tags-area .tags a:last-child::after {
  display: none;
}
.single-blog.post-details .right .tags-area .social-icons {
  margin-top: 13.5px;
}
.single-blog.post-details .right .social-icons {
  margin: -7.5px;
}
.single-blog.post-details .right .social-icons li {
  padding: 7.5px;
}
.single-blog.post-details .right .social-icons li a {
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: #a3a5ac;
  font-size: 14px;
}
.single-blog.post-details .right .social-icons li a.active {
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);;
  color: #fff;
}

.blog-author {
  padding: 30px;
  background-color: rgb(255, 255, 255);
  -webkit-box-shadow: 0px 10px 5px 0px rgba(119, 123, 146, 0.02);
          box-shadow: 0px 10px 5px 0px rgba(119, 123, 146, 0.02);
  border-radius: 10px;
}
.blog-author .author-thumb {
  width: 94px;
  height: 94px;
  padding: 5px;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.blog-author .author-thumb a {
  display: block;
  border-radius: 50%;
  overflow: hidden;
}
.blog-author .author-thumb a img {
  width: 100%;
}
.blog-author .author-content {
  width: calc(100% - 94px);
  padding-left: 30px;
}
.blog-author .author-content .title {
  margin: 0;
  text-transform: uppercase;
  margin-bottom: 18px;
}

.blog-comment {
  margin-top: 40px;
}
@media (min-width: 768px) {
  .blog-comment {
    margin-top: 50px;
  }
}
@media (min-width: 992px) {
  .blog-comment {
    margin-top: 80px;
  }
}
.blog-comment > .title {
  text-transform: uppercase;
  padding-bottom: 15px;
  font-size: 22px;
}
@media (min-width: 576px) {
  .blog-comment > .title {
    font-size: 28px;
  }
}

.comment-area li {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding: 21px 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.comment-area li .blog-thumb {
  width: 65px;
  height: 65px;
  padding: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 50%;
}
.comment-area li .blog-thumb a {
  display: block;
  border-radius: 50%;
  overflow: hidden;
}
.comment-area li .blog-thumb a img {
  width: 100%;
}
.comment-area li .blog-thumb-info {
  width: 150px;
  padding-left: 30px;
}
.comment-area li .blog-thumb-info span {
  margin-bottom: 10px;
  display: block;
  color: #9aace5;
  font-size: 14px;
}
.comment-area li .blog-thumb-info .title {
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
}
.comment-area li .blog-content {
  width: calc(100% - 215px);
  padding-left: 30px;
}
.comment-area li .blog-content p {
  margin: 0 !important;
}

/*Leave-Comment Starts*/
.leave-comment {
  margin-top: 20px;
}
@media (min-width: 768px) {
  .leave-comment {
    margin-top: 35px;
  }
}
@media (min-width: 992px) {
  .leave-comment {
    margin-top: 55px;
  }
}
.leave-comment .title {
  text-transform: uppercase;
  padding-bottom: 15px;
  font-size: 22px;
}
@media (min-width: 576px) {
  .leave-comment .title {
    font-size: 28px;
  }
}

.blog-form {
  margin-bottom: -30px;
}
.blog-form .form-group {
  margin-bottom: 30px;
}
.blog-form .form-group input {
  outline: none;
  border: none;
  border-bottom: 1px solid #d5d6d9;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-bottom: 22px;
  background: none;
  padding: 0px 0px;
  border-radius: 0px;
  height: 50px;
}
.blog-form .form-group textarea {
  color: rgba(51, 51, 51, 0.6);
  outline: none;
  border: none;
  border-bottom: 1px solid #d5d6d9;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
  padding: 0px 0px;
  border-radius: 0px;
  height: 150px;
  margin-top: 36px;
}
.blog-form .form-group input:hover {
  border-bottom: 1px solid #f3a0b5;
}
.blog-form .form-group textarea:hover {
  border-bottom: 1px solid #f3a0b5;
}

.blog-page.single-blog-page {
  padding-bottom: 90px;
}

/*  Profile Section Start */
.profile-section {
  padding: 120px 0px 120px;
}
.profile-section .left-profile-area .profile-about-box {
  border-radius: 10px;
  background-color: rgb(255, 255, 255);
  -webkit-box-shadow: 0px 10px 5px 0px rgba(119, 123, 146, 0.02);
          box-shadow: 0px 10px 5px 0px rgba(119, 123, 146, 0.02);
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.profile-section .left-profile-area .profile-about-box .top-bg {
  height: 160px;
  background: url(../images/profile/profile-box-bg.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: contain;
}
.profile-section .left-profile-area .profile-about-box .p-inner-content {
  position: relative;
  padding: 90px 30px 30px;
  text-align: center;
}
.profile-section .left-profile-area .profile-about-box .p-inner-content .profile-img {
  background: #fff;
  width: 120px;
  height: 120px;
  position: absolute;
  border-radius: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: -60px;
  z-index: 9;
}
.profile-section .left-profile-area .profile-about-box .p-inner-content .profile-img img {
  border-radius: 50%;
}
.profile-section .left-profile-area .profile-about-box .p-inner-content .profile-img::before {
  position: absolute;
  content: "";
  width: 140px;
  height: 140px;
  background: rgba(255, 255, 255, 0.2);
  top: -10px;
  z-index: -1;
  left: -10px;
  border-radius: 50%;
}
.profile-section .left-profile-area .profile-about-box .p-inner-content .profile-img::after {
  position: absolute;
  content: "";
  width: 160px;
  height: 160px;
  background: rgba(255, 255, 255, 0.2);
  top: -20px;
  z-index: -1;
  left: -20px;
  border-radius: 50%;
}
.profile-section .left-profile-area .profile-about-box .p-inner-content .profile-img .active-online {
  position: absolute;
  width: 20px;
  height: 20px;
  background: #1ce36f;
  border: 3px solid #fff;
  border-radius: 50%;
  bottom: 9px;
  right: 9px;
}
.profile-section .left-profile-area .profile-about-box .p-inner-content .name {
  font-size: 28px;
  line-height: 38px;
}
.profile-section .left-profile-area .profile-about-box .p-inner-content .p-b-meta-one li {
  display: inline-block;
  margin-right: 30px;
}
.profile-section .left-profile-area .profile-about-box .p-inner-content .p-b-meta-one li:last-child {
  margin-right: 0px;
  position: relative;
}
.profile-section .left-profile-area .profile-about-box .p-inner-content .p-b-meta-one li:last-child::before {
  position: absolute;
  content: "|";
  left: -18px;
  top: 2px;
}
.profile-section .left-profile-area .profile-about-box .p-inner-content .p-b-meta-one li span i {
  margin-right: 7px;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);;
}
.profile-section .left-profile-area .profile-about-box .p-inner-content .p-b-meta-two {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.profile-section .left-profile-area .profile-about-box .p-inner-content .p-b-meta-two .left {
  font-weight: 600;
}
.profile-section .left-profile-area .profile-about-box .p-inner-content .p-b-meta-two .left .icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #f7e9f8;
  text-align: center;
  line-height: 40px;
  display: inline-block;
}
.profile-section .left-profile-area .profile-about-box .p-inner-content .p-b-meta-two .left .icon i {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);;
}
.profile-section .left-profile-area .profile-about-box .p-inner-content .p-b-meta-two .right a.custom-button {
  display: inline-block;
  font-weight: normal;
  padding: 5px 15px;
  background-image: -o-radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%); !important;
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%); !important;
  -webkit-box-shadow: 0px 5px 20px 0px rgba(139, 122, 132, 0.5);
  box-shadow: 0px 5px 20px 0px rgba(139, 122, 132, 0.5);
}
.profile-section .left-profile-area .profile-meta-box {
  border-radius: 10px;
  background-color: rgb(255, 255, 255);
  -webkit-box-shadow: 0px 10px 5px 0px rgba(119, 123, 146, 0.02);
          box-shadow: 0px 10px 5px 0px rgba(119, 123, 146, 0.02);
  margin-top: 30px;
  padding: 20px 20px 20px;
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.profile-section .left-profile-area .profile-meta-box .p-m-b {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}
.profile-section .left-profile-area .profile-meta-box .p-m-b li {
  -webkit-box-flex: 33.33%;
      -ms-flex: 33.33%;
          flex: 33.33%;
  width: 33.33%;
  text-align: center;
}
.profile-section .left-profile-area .profile-meta-box .p-m-b li a {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #f8e9f7;
  line-height: 60px;
  position: relative;
}
.profile-section .left-profile-area .profile-meta-box .p-m-b li a i {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);;
  font-size: 20px;
}
.profile-section .left-profile-area .profile-meta-box .p-m-b li a .number {
  position: absolute;
  width: 20px;
  height: 20px;
  line-height: 20px;
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);;
  border-radius: 50%;
  font-size: 10px;
  color: #fff;
  z-index: 2;
  top: 15%;
  right: 15%;
}
.profile-section .left-profile-area .profile-uplodate-photo {
  border-radius: 10px;
  background-color: rgb(255, 255, 255);
  -webkit-box-shadow: 0px 10px 5px 0px rgba(119, 123, 146, 0.02);
          box-shadow: 0px 10px 5px 0px rgba(119, 123, 146, 0.02);
  margin-top: 30px;
  padding: 35px 20px 10px;
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.profile-section .left-profile-area .profile-uplodate-photo .p-u-p-header {
  font-size: 24px;
  font-weight: 600;
  display: block;
  padding: 0px 10px;
  margin-bottom: 25px;
}
.profile-section .left-profile-area .profile-uplodate-photo .p-u-p-header i {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);;
  margin-right: 7px;
}
.profile-section .left-profile-area .profile-uplodate-photo .p-u-p-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.profile-section .left-profile-area .profile-uplodate-photo .p-u-p-list .my-col {
  width: 33.33%;
  -webkit-box-flex: 33.33%;
      -ms-flex: 33.33%;
          flex: 33.33%;
  padding-left: 10px;
  padding-right: 10px;
}
.profile-section .left-profile-area .profile-uplodate-photo .p-u-p-list .my-col .img {
  position: relative;
  margin-bottom: 20px;
  border-radius: 15px;
  overflow: hidden;
}
.profile-section .left-profile-area .profile-uplodate-photo .p-u-p-list .my-col .img img {
  width: 100%;
}
.profile-section .left-profile-area .profile-uplodate-photo .p-u-p-list .my-col .img .overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgb(85, 51, 202);
  opacity: 0;
  -webkit-transform: scale(0.3);
      -ms-transform: scale(0.3);
          transform: scale(0.3);
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.profile-section .left-profile-area .profile-uplodate-photo .p-u-p-list .my-col .img .overlay a {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  cursor: pointer;
}
.profile-section .left-profile-area .profile-uplodate-photo .p-u-p-list .my-col .img:hover .overlay {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  opacity: 0.8;
}
.profile-section .profile-main-content .top-menu {
  border-radius: 10px;
  background-color: rgb(255, 255, 255);
  -webkit-box-shadow: 0px 5px 30px 0px rgba(35, 57, 184, 0.2);
          box-shadow: 0px 5px 30px 0px rgba(35, 57, 184, 0.2);
  padding: 6px 10px 10px;
  display: block;
  text-align: center;
  margin-bottom: 1px;
}
.profile-section .profile-main-content .top-menu li {
  display: inline-block;
}
.profile-section .profile-main-content .top-menu li a {
  color: #333333;
  font-size: 16px;
  line-height: 26px;
  font-weight: 700;
  margin: 0px 12px;
  position: relative;
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.profile-section .profile-main-content .top-menu li a .num {
  position: absolute;
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);;
  border-radius: 30px;
  padding: 3px 5px;
  font-size: 10px;
  line-height: 10px;
  color: #fff;
  top: -6px;
  right: -17px;
}
.profile-section .profile-main-content .top-menu li a.active, .profile-section .profile-main-content .top-menu li a:hover {
  color: #ac216c;
}
.profile-section .profile-main-content .top-menu-two {
  display: block;
  text-align: center;
}
.profile-section .profile-main-content .top-menu-two li {
  display: inline-block;
  margin: 2px 2px;
}
.profile-section .profile-main-content .top-menu-two li a {
  color: #333;
  font-weight: 600;
  font-size: 12px;
  line-height: 12px;
  text-transform: uppercase;
  padding: 5px 6px 3px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 50px;
}
.profile-section .profile-main-content .top-menu-two li a.active, .profile-section .profile-main-content .top-menu-two li a:hover {
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);;
  color: #fff;
}
.profile-section .profile-main-content .top-menu-two li .nice-select {
  position: relative;
  min-width: 105px;
  display: inline-block;
  top: 12px;
  background: none;
  border-radius: 50px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  cursor: pointer;
  font-size: 14px;
  height: 22px;
  padding: 0px;
  line-height: 20px;
  padding-left: 10px;
  padding-right: 15px;
}
.profile-section .profile-main-content .top-menu-two li .nice-select .current {
  font-size: 12px;
  text-transform: uppercase;
  line-height: 12px;
}
.profile-section .profile-main-content .top-menu-two li .nice-select ul {
  display: block;
}
.profile-section .profile-main-content .top-menu-two li .nice-select ul li {
  display: block;
  padding: 0px 5px;
  font-size: 12px;
  text-transform: uppercase;
  min-height: 30px !important;
  line-height: 30px;
}
.profile-section .profile-main-content .write-post-area {
  border-radius: 10px;
  background-color: rgb(255, 255, 255);
  padding: 30px 30px 29px;
  margin-top: 20px;
}
.profile-section .profile-main-content .write-post-area .write-area {
  position: relative;
}
.profile-section .profile-main-content .write-post-area .write-area img {
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  top: 0px;
  left: 0px;
}
.profile-section .profile-main-content .write-post-area .write-area textarea {
  padding-left: 60px;
  padding-top: 0px;
  padding-right: 0px;
  height: 100px;
  border-left: 0px;
  border-right: 0px;
  border-top: 1px;
  border-radius: 0px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.profile-section .profile-main-content .write-post-area .submit-area {
  padding-top: 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.profile-section .profile-main-content .write-post-area .submit-area .left a.upload-btn {
  display: inline-block;
  height: 30px;
  width: 60px;
  line-height: 30px;
  border-radius: 20px;
  background: #f7e9f8;
  display: inline-block;
  text-align: center;
  margin-right: 5px;
}
.profile-section .profile-main-content .write-post-area .submit-area .left a.upload-btn i {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);;
}
.profile-section .profile-main-content .write-post-area .submit-area .left .select-area {
  display: inline-block;
}
.profile-section .profile-main-content .write-post-area .submit-area .left .select-area .nice-select {
  position: relative;
  min-width: 105px;
  display: inline-block;
  top: 8px;
  background: none;
  border-radius: 50px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  cursor: pointer;
  font-size: 16px;
  height: 30px;
  padding: 0px;
  line-height: 28px;
  padding-left: 10px;
  padding-right: 15px;
}
.profile-section .profile-main-content .write-post-area .submit-area .left .select-area .nice-select .current {
  font-size: 12px;
  text-transform: uppercase;
  line-height: 12px;
}
.profile-section .profile-main-content .write-post-area .submit-area .left .select-area .nice-select ul {
  display: block;
}
.profile-section .profile-main-content .write-post-area .submit-area .left .select-area .nice-select ul li {
  display: block;
  padding: 0px 5px;
  font-size: 16px;
  min-height: 30px !important;
  line-height: 30px;
}
.profile-section .profile-main-content .write-post-area .submit-area .right .custom-button {
  height: 30px;
  line-height: 30px;
  padding: 0px 20px;
  margin-top: 8px;
}
.profile-section .profile-main-content .profile-single-post {
  border-radius: 10px;
  background-color: rgb(255, 255, 255);
  padding: 30px 30px 29px;
  margin-top: 30px;
}
.profile-section .profile-main-content .profile-single-post .p-s-p-header-area .img {
  display: inline-block;
  position: relative;
}
.profile-section .profile-main-content .profile-single-post .p-s-p-header-area .img .active-online {
  position: absolute;
  width: 15px;
  height: 15px;
  background: #1ce36f;
  border: 3px solid #fff;
  border-radius: 50%;
  bottom: -2px;
  right: -2px;
}
.profile-section .profile-main-content .profile-single-post .p-s-p-header-area .img img {
  width: 40px;
}
.profile-section .profile-main-content .profile-single-post .p-s-p-header-area .name {
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  display: inline-block;
  margin-left: 15px;
  margin-right: 5px;
  margin-bottom: 0px;
}
.profile-section .profile-main-content .profile-single-post .p-s-p-header-area .is-varify {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fce9f3;
  display: inline-block;
  text-align: center;
  line-height: 15px;
  position: relative;
  top: -2px;
}
.profile-section .profile-main-content .profile-single-post .p-s-p-header-area .is-varify i {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);;
  font-size: 10px;
}
.profile-section .profile-main-content .profile-single-post .p-s-p-header-area .usewrname {
  margin-left: 10px;
  margin-right: 10px;
  font-size: 14px;
}
.profile-section .profile-main-content .profile-single-post .p-s-p-header-area .post-time {
  font-size: 14px;
}
.profile-section .profile-main-content .profile-single-post .p-s-p-content {
  padding-left: 60px;
  padding-top: 23px;
}
.profile-section .profile-main-content .profile-single-post .p-s-p-content img {
  width: 100%;
  margin-bottom: 4px;
}
.profile-section .profile-main-content .profile-single-post .p-s-p-content p {
  margin-bottom: 20px !important;
  display: block;
}
.profile-section .profile-main-content .profile-single-post .p-s-p-content-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 26px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 30px;
}
.profile-section .profile-main-content .profile-single-post .p-s-p-content-footer .left .comment {
  border: 1px solid rgba(0, 0, 0, 0.2);
  font-size: 14px;
  line-height: 30px;
  padding: 0 15px;
  height: 30px;
  border-radius: 50px;
  color: #333;
  margin-right: 14px;
}
.profile-section .profile-main-content .profile-single-post .p-s-p-content-footer .right .nice-select {
  margin-right: 19px;
  position: relative;
  min-width: 100px;
  display: inline-block;
  top: 0px;
  background: none;
  border-radius: 50px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  cursor: pointer;
  font-size: 14px;
  height: 30px;
  padding: 0px;
  line-height: 30px;
  padding-left: 10px;
  padding-right: 15px;
}
.profile-section .profile-main-content .profile-single-post .p-s-p-content-footer .right .nice-select .current {
  font-size: 12px;
  text-transform: uppercase;
  line-height: 12px;
}
.profile-section .profile-main-content .profile-single-post .p-s-p-content-footer .right .nice-select ul {
  display: block;
}
.profile-section .profile-main-content .profile-single-post .p-s-p-content-footer .right .nice-select ul li {
  display: block;
  padding: 0px 5px;
  font-size: 12px;
  text-transform: uppercase;
  min-height: 30px !important;
  line-height: 30px;
}
.profile-section .profile-main-content .profile-single-post .p-s-p-content-footer .link {
  display: inline-block;
  height: 30px;
  width: 40px;
  line-height: 30px;
  border-radius: 10px;
  background: #f7e9f8;
  display: inline-block;
  text-align: center;
  margin-right: 5px;
}
.profile-section .profile-main-content .profile-single-post .p-s-p-content-footer .link i {
  font-size: 15px;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);;
}
.profile-section .profile-main-content .load-more {
  border-radius: 50px;
  background-color: rgb(255, 255, 255);
  -webkit-box-shadow: 0px 10px 30px 0px rgba(61, 83, 209, 0.2);
          box-shadow: 0px 10px 30px 0px rgba(61, 83, 209, 0.2);
  display: block;
  color: #333;
  text-align: center;
  height: 40px;
  font-weight: 600;
  font-size: 16px;
  line-height: 40px;
  margin-top: 30px;
}
.profile-section .profile-main-content .load-more:hover {
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);;
  color: #fff;
}
.profile-section .profile-main-content .info-box {
  background-color: rgb(255, 255, 255);
  margin-top: 30px;
  border-radius: 10px;
  padding: 30px 30px 22px;
}
.profile-section .profile-main-content .info-box .header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.profile-section .profile-main-content .info-box .header .title {
  font-size: 24px;
  line-height: 34px;
  font-weight: 600;
  padding-bottom: 10px;
}
.profile-section .profile-main-content .info-box .content .text {
  margin-bottom: 0px;
  font-size: 16px;
  line-height: 26px;
  padding: 20px 0px 3px;
}
.profile-section .profile-main-content .info-box .content .infolist li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
}
.profile-section .profile-main-content .info-box .content .infolist li:last-child {
  border-bottom: 0px;
}
.profile-section .profile-main-content .info-box .content .infolist li span {
  font-size: 16px;
  line-height: 26px;
}
.profile-section .profile-main-content .profile-friends .single-friend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  padding: 20px 20px 20px;
}
.profile-section .profile-main-content .profile-friends .single-friend img {
  max-width: 80px;
  margin-right: 20px;
}
.profile-section .profile-main-content .profile-friends .single-friend .content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  position: relative;
  padding-right: 150px;
}
.profile-section .profile-main-content .profile-friends .single-friend .content .name {
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
  color: #333333;
}
.profile-section .profile-main-content .profile-friends .single-friend .content .name .isvarify {
  display: inline-block;
}
.profile-section .profile-main-content .profile-friends .single-friend .content .name .isvarify i {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);;
  font-size: 16px;
  margin-left: 4px;
}
.profile-section .profile-main-content .profile-friends .single-friend .content .date {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 0px;
}
.profile-section .profile-main-content .profile-friends .single-friend .connnect-btn {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0px;
  z-index: 1;
  -webkit-box-flex: 16px;
      -ms-flex: 16px;
          flex: 16px;
  color: #333;
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding: 6px 20px;
  border-radius: 50px;
}
.profile-section .profile-main-content .profile-friends .single-friend .connnect-btn:hover {
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);;
  color: #fff;
}
.profile-section .profile-aside-area .other-profile {
  background-color: rgb(255, 255, 255);
  border-radius: 10px;
  padding: 30px 10px 20px;
}
.profile-section .profile-aside-area .other-profile .o-p-header .title {
  font-size: 24px;
  line-height: 34px;
  margin-bottom: 25px;
}
.profile-section .profile-aside-area .other-profile .p-u-p-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.profile-section .profile-aside-area .other-profile .p-u-p-list .my-col {
  width: 50%;
  -webkit-box-flex: 50%;
      -ms-flex: 50%;
          flex: 50%;
  padding-left: 10px;
  padding-right: 10px;
}
.profile-section .profile-aside-area .other-profile .p-u-p-list .my-col .img {
  position: relative;
  margin-bottom: 20px;
  border-radius: 15px;
}
.profile-section .profile-aside-area .other-profile .p-u-p-list .my-col .img img {
  width: 100%;
}
.profile-section .profile-aside-area .other-profile .p-u-p-list .my-col .img a {
  color: #fff;
  position: absolute;
  bottom: -10px;
  right: 20px;
  cursor: pointer;
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);;
  font-size: 10px;
  width: 20px;
  height: 20px;
  display: inline-block;
  line-height: 20px;
  text-align: center;
  border-radius: 50%;
}
.profile-section .profile-aside-area .other-profile .p-u-p-list .my-col .img:hover .overlay {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  opacity: 0.8;
}
.profile-section .profile-aside-area .other-profile .o-p-content {
  position: relative;
}
.profile-section .profile-aside-area .other-profile .o-p-content .p-u-p-list-slider .owl-nav .owl-prev,
.profile-section .profile-aside-area .other-profile .o-p-content .p-u-p-list-slider .owl-nav .owl-next {
  position: absolute;
  top: -53px;
  background-color: rgb(255, 255, 255);
  -webkit-box-shadow: 0px 2px 5px 0px rgba(119, 123, 146, 0.2);
          box-shadow: 0px 2px 5px 0px rgba(119, 123, 146, 0.2);
  border-radius: 50%;
  width: 20px;
  height: 20px;
  font-size: 12px;
  line-height: 22px;
}
.profile-section .profile-aside-area .other-profile .o-p-content .p-u-p-list-slider .owl-nav .owl-prev:hover,
.profile-section .profile-aside-area .other-profile .o-p-content .p-u-p-list-slider .owl-nav .owl-next:hover {
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);;
  color: #fff;
}
.profile-section .profile-aside-area .other-profile .o-p-content .p-u-p-list-slider .owl-nav .owl-prev:focus,
.profile-section .profile-aside-area .other-profile .o-p-content .p-u-p-list-slider .owl-nav .owl-next:focus {
  outline: 0px;
}
.profile-section .profile-aside-area .other-profile .o-p-content .p-u-p-list-slider .owl-nav .owl-next {
  right: 0px;
}
.profile-section .profile-aside-area .other-profile .o-p-content .p-u-p-list-slider .owl-nav .owl-prev {
  right: 30px;
}
.profile-section .profile-aside-area .chat-request {
  background-color: rgb(255, 255, 255);
  margin-top: 30px;
  border-radius: 10px;
}
.profile-section .profile-aside-area .chat-request .c-r-heading {
  padding: 28px 20px 0px;
}
.profile-section .profile-aside-area .chat-request .c-r-heading .title {
  font-size: 24px;
  line-height: 34px;
  margin-bottom: 20px;
}
.profile-section .profile-aside-area .chat-request .c-r-content {
  padding: 10px 20px 30px;
}
.profile-section .profile-aside-area .chat-request .c-r-content .single-c-r {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  margin-bottom: 20px;
}
.profile-section .profile-aside-area .chat-request .c-r-content .single-c-r:last-child {
  margin-bottom: 0px;
}
.profile-section .profile-aside-area .chat-request .c-r-content .single-c-r:last-child .right {
  border-bottom: 0px;
}
.profile-section .profile-aside-area .chat-request .c-r-content .single-c-r .left {
  margin-right: 20px;
}
.profile-section .profile-aside-area .chat-request .c-r-content .single-c-r .right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  padding-bottom: 12px;
}
.profile-section .profile-aside-area .chat-request .c-r-content .single-c-r .right .title {
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  display: block;
}
.profile-section .profile-aside-area .chat-request .c-r-content .single-c-r .right p {
  margin-bottom: 0px;
  font-size: 16px;
}
.profile-section .profile-aside-area .chat-request .c-r-content .load-more {
  border: 1px solid rgba(0, 0, 0, 0.15);
  width: 120px;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  border-radius: 50px;
  color: #333;
  margin: 0 auto;
  display: block;
  margin-top: 10px;
}
.profile-section .profile-aside-area .chat-request .c-r-content .load-more:hover {
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);;
  color: #fff;
}

/*  Avout Section Start */
.about-section {
  padding-top: 116px;
  padding-bottom: 116px;
}
.about-section .content .section-header {
  margin-bottom: 0px !important;
}

/*  Community Section Start */
.community-section.inner-page .top-filter {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px 0px 20px;
}
.community-section.inner-page .top-filter .left a {
  background-color: rgb(238, 243, 251);
  -webkit-box-shadow: 0px 5px 10px 0px rgba(143, 175, 202, 0.5);
          box-shadow: 0px 5px 10px 0px rgba(143, 175, 202, 0.5);
  padding: 6px 30px;
  border-radius: 50px;
  color: #333;
}
.community-section.inner-page .top-filter .left a i {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);;
  margin-right: 4px;
}
.community-section.inner-page .top-filter .right .span {
  font-size: 16px;
  line-height: 26px;
  margin-right: 7px;
  position: relative;
  top: -8px;
}
.community-section.inner-page .top-filter .right .filter-right {
  display: inline-block;
}
.community-section.inner-page .top-filter .right .filter-right .nice-select {
  position: relative;
  min-width: 105px;
  display: inline-block;
  top: 4px;
  background: none;
  border-radius: 50px;
  background-color: rgb(238, 243, 251);
  -webkit-box-shadow: 0px 5px 10px 0px rgba(143, 175, 202, 0.5);
          box-shadow: 0px 5px 10px 0px rgba(143, 175, 202, 0.5);
  cursor: pointer;
  font-size: 14px;
  height: 35px;
  padding: 0px;
  line-height: 35px;
  padding-left: 20px;
  padding-right: 30px;
}
.community-section.inner-page .top-filter .right .filter-right .nice-select .current {
  font-size: 12px;
  text-transform: uppercase;
  line-height: 12px;
}
.community-section.inner-page .top-filter .right .filter-right .nice-select ul {
  display: block;
}
.community-section.inner-page .top-filter .right .filter-right .nice-select ul li {
  display: block;
  padding: 0px 5px;
  font-size: 12px;
  text-transform: uppercase;
  min-height: 30px !important;
  line-height: 30px;
}
.community-section.inner-page .single-community-box {
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 5px 30px 0px rgba(86, 47, 218, 0.1);
          box-shadow: 0px 5px 30px 0px rgba(86, 47, 218, 0.1);
}
.community-section.inner-page .single-friend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0px;
  margin-bottom: 30px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  padding: 20px 20px 20px;
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.community-section.inner-page .single-friend img {
  max-width: 95%;
  margin-right: 10px;
  max-height:100px;
  border-radius:15px;
}
.community-section.inner-page .single-friend .content {
  /* -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  position: relative;
  padding-right: 150px; */
}
.community-section.inner-page .single-friend .name {
  font-size: 22px;
  line-height: 30px;
  font-weight: 700;
  color: #333333;
}
.community-section.inner-page .single-friend .name .isvarify {
  display: inline-block;
}
.community-section.inner-page .single-friend .name .isvarify i {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);;
  font-size: 16px;
  margin-left: 4px;
}
.community-section.inner-page .single-friend .date {
  font-size: 16px;
  line-height: 26px;
  /* margin-bottom: 0px; */
}
.community-section.inner-page .single-friend .connnect-btn {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0px;
  z-index: 1;
  -webkit-box-flex: 16px;
      -ms-flex: 16px;
          flex: 16px;
  color: #333;
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding: 6px 20px;
  border-radius: 50px;
}
.community-section.inner-page .single-friend .connnect-btn:hover {
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);;
  color: #fff;
}
.community-section.inner-page .single-friend:hover {
  border-color: #1A0000;
}

.pagination-area {
  font-size: 18px;
  margin: 0 -15px;
}
.pagination-area a {
  color: #333;
  margin: 0 2px;
  background: #fff;
  -webkit-box-shadow: 0px 15px 30px 0px rgba(119, 123, 146, 0.2);
          box-shadow: 0px 15px 30px 0px rgba(119, 123, 146, 0.2);
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 50%;
}
.pagination-area a i {
  font-size: 14px;
}
.pagination-area a:hover {
  color: #ffffff;
}
.pagination-area a.active, .pagination-area a:hover {
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);;
  color: #fff;
}

.single-community-menu {
  background: #4827bb;
}
.single-community-menu .top-menu {
  margin-left: 30px;
  border-radius: 10px;
  padding: 6px 10px 10px;
  display: block;
  margin-bottom: 1px;
  padding-left: 25%;
  position: relative;
  z-index: 9;
}
.single-community-menu .top-menu li {
  display: inline-block;
}
.single-community-menu .top-menu li a {
  color: #fff;
  font-size: 16px;
  line-height: 26px;
  font-weight: 700;
  margin: 0px 12px;
  position: relative;
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.single-community-menu .top-menu li a .num {
  position: absolute;
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);;
  border-radius: 30px;
  padding: 3px 5px;
  font-size: 10px;
  line-height: 10px;
  color: #fff;
  top: -6px;
  right: -17px;
}
.single-community-menu .top-menu li a.active, .single-community-menu .top-menu li a:hover {
  color: #ff3366;
}

.profile-section.single-community {
  padding-top: 0px;
  margin-top: -150px;
}
.profile-section.single-community .profile-main-content {
  margin-top: 200px;
  background: #f4f8fd;
  padding: 10px 30px 30px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 20px;
}
.profile-section.single-community .profile-aside-area {
  margin-top: 200px;
}
.profile-section.single-community .c-group-info .profile-image img {
  width: 100%;
}
.profile-section.single-community .c-group-info .group-content {
  margin-top: 22px;
}
.profile-section.single-community .c-group-info .group-content .time {
  font-size: 16px;
  line-height: 26px;
}
.profile-section.single-community .c-group-info .group-content .title {
  font-size: 24px;
  line-height: 34px;
  font-weight: 600;
  margin-bottom: 18px;
}
.profile-section.single-community .c-group-info .group-content .text {
  font-size: 16px;
  line-height: 26px;
}
.profile-section.single-community .c-group-info .group-content .security {
  font-size: 14px;
  line-height: 24px;
  margin-top: 20px;
}
.profile-section.single-community .c-group-info .group-content .security i {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);;
  margin-right: 5px;
}
.profile-section.single-community .c-group-info .admin-area {
  margin-top: 28px;
}
.profile-section.single-community .c-group-info .admin-area .title {
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  margin-bottom: 15px;
}
.profile-section.single-community .c-group-info .admin-area a {
  display: inline-block;
}
.profile-section.single-community .profile-aside-area .serch-area {
  background: #fff;
  border-radius: 20px;
  background-color: rgb(255, 255, 255);
  -webkit-box-shadow: 0px 5px 20px 0px rgba(78, 64, 128, 0.1);
          box-shadow: 0px 5px 20px 0px rgba(78, 64, 128, 0.1);
  padding: 30px 20px;
}
.profile-section.single-community .profile-aside-area .serch-area form {
  position: relative;
}
.profile-section.single-community .profile-aside-area .serch-area form input {
  width: 100%;
  height: 40px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 50px;
  padding: 0px 20px 0px 45px;
}
.profile-section.single-community .profile-aside-area .serch-area form button {
  position: absolute;
  border: 0px;
  position: absolute;
  left: 4px;
  top: 0px;
  background: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-size: 14px;
  color: #777;
}
.profile-section.single-community .profile-aside-area .recent-member {
  background: #fff;
  border-radius: 20px;
  background-color: rgb(255, 255, 255);
  -webkit-box-shadow: 0px 5px 20px 0px rgba(78, 64, 128, 0.1);
          box-shadow: 0px 5px 20px 0px rgba(78, 64, 128, 0.1);
  padding: 30px 20px 24px;
  margin-top: 30px;
}
.profile-section.single-community .profile-aside-area .recent-member .title {
  font-size: 24px;
  line-height: 34px;
  font-weight: 600;
  display: block;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  padding-bottom: 9px;
  margin-bottom: 14px;
}
.profile-section.single-community .profile-aside-area .recent-member .member-list li {
  display: inline-block;
}
.profile-section.single-community .profile-aside-area .recent-photo {
  background: #fff;
  border-radius: 20px;
  background-color: rgb(255, 255, 255);
  -webkit-box-shadow: 0px 5px 20px 0px rgba(78, 64, 128, 0.1);
          box-shadow: 0px 5px 20px 0px rgba(78, 64, 128, 0.1);
  padding: 30px 0px 11px;
  margin-top: 30px;
}
.profile-section.single-community .profile-aside-area .recent-photo .title {
  font-size: 24px;
  line-height: 34px;
  font-weight: 600;
  display: block;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  padding: 0px 20px 9px;
  margin-bottom: 20px;
}
.profile-section.single-community .profile-aside-area .recent-photo .member-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0px 10px;
}
.profile-section.single-community .profile-aside-area .recent-photo .member-list li {
  width: 50%;
  -webkit-box-flex: 50%;
      -ms-flex: 50%;
          flex: 50%;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 0px;
  padding-bottom: 0px;
  display: inline-block;
  margin-bottom: 0px;
}
.profile-section.single-community .profile-aside-area .recent-photo .member-list li a {
  margin-bottom: 20px;
  display: block;
}
.profile-section.single-community .profile-aside-area .recent-photo .member-list li a img {
  width: 100%;
}

/*  membership-section Start */
.membership-section {
  padding: 118px 0px 118px;
  overflow: hidden;
}
.membership-section .section-header {
  margin-bottom: 40px;
}
.membership-section .plan-info {
  text-align: center;
}
.membership-section .plan-info .icon {
  margin-bottom: 33px;
}
.membership-section .plan-info .icon img {
  height: 80px;
}
.membership-section .plan-info .title {
  font-size: 24px;
  line-height: 34px;
  font-weight: 600;
  margin-bottom: 18px;
}
.membership-section .pricing-plans {
  padding: 193px 0px 101px;
  overflow: hidden;
  background: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  position: relative;
  text-align: center;
}
.membership-section .pricing-plans .shape1 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: auto;
  -webkit-animation: scaleAni 4s linear infinite;
          animation: scaleAni 4s linear infinite;
}
.membership-section .pricing-plans .contact-link {
  font-size: 24px;
  line-height: 34px;
  font-weight: 400;
  color: #fff;
}
.membership-section .pricing-plans .contact-link a {
  font-weight: 600;
  color: #ff3366;
  text-decoration: underline;
}
.membership-section .m-s-top {
  padding-bottom: 96px;
}

.pricing-plan-wrapper {
  margin-top: 0px;
  margin-bottom: -140px;
  position: relative;
  z-index: 9;
}
.pricing-plan-wrapper .left-img {
  position: absolute;
  left: -120px;
  top: 0px;
}
.pricing-plan-wrapper .right-img {
  position: absolute;
  right: -260px;
  top: 0px;
}

.single-plan {
  background: #fff;
  padding: 32px 30px 40px;
  border-radius: 15px;
  text-align: center;
  -webkit-box-shadow: 0px -11px 30px 0px rgba(112, 90, 186, 0.2);
          box-shadow: 0px -11px 30px 0px rgba(112, 90, 186, 0.2);
  position: relative;
  overflow: hidden;
}
.single-plan .shape {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
}
.single-plan .duration {
  text-transform: uppercase;
  font-weight: 700;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  padding-bottom: 13px;
  margin-bottom: 27px;
}
.single-plan .number {
  font-size: 50px;
  line-height: 60px;
  font-weight: 700;
  color: #ac216c;
}
.single-plan .number sup {
  font-size: 28px;
  line-height: 38px;
}
.single-plan .stamet {
  text-transform: uppercase;
  font-size: 16px;
  line-height: 26px;
}
.single-plan a.custom-button {
  margin-top: 6px;
  text-transform: uppercase;
  padding: 5px 25px;
  font-size: 16px;
}

/*Faq-Section Starts Here*/
.faq-section {
  padding-bottom: 120px;
}
.faq-section .section-header {
  margin-bottom: 40px;
}

.faq-wrapper {
  max-width: 730px;
  margin: 0 auto;
  margin-bottom: -20px;
}

.faq-item {
  -webkit-box-shadow: 0px 5px 20px 0px rgba(119, 123, 146, 0.2);
          box-shadow: 0px 5px 20px 0px rgba(119, 123, 146, 0.2);
  padding: 15px 30px 16px;
  border-radius: 20px;
  margin-bottom: 20px;
}
.faq-item .faq-title {
  cursor: pointer;
  position: relative;
}
.faq-item .faq-title .title {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  width: calc(100% - 40px);
  max-width: 535px;
  line-height: 1.5;
}
.faq-item .faq-title .right-icon {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);;
  position: absolute;
  right: 0;
  top: 0;
}
.faq-item .faq-title .right-icon::after, .faq-item .faq-title .right-icon::before {
  background-color: #ffffff;
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.faq-item .faq-title .right-icon::after {
  width: 20px;
  height: 2px;
}
.faq-item .faq-title .right-icon::before {
  width: 2px;
  height: 20px;
}
.faq-item .faq-content {
  padding-top: 30px;
  display: none;
}
.faq-item .faq-content p {
  margin-bottom: 37px;
}
.faq-item.open .faq-title .right-icon::before {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  -ms-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg);
}
.faq-item.active .faq-content {
  display: block;
}

/*  Blog-Page */
.blog-page {
  padding: 120px 0px 120px;
}
.blog-page .single-blog {
  border-radius: 20px;
  overflow: hidden;
  background: #fff;
  margin-bottom: 30px;
}
.blog-page .single-blog .img img {
  width: 100%;
}
.blog-page .single-blog .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 30px 30px 19px;
}
.blog-page .single-blog .content .avatar {
  margin-bottom: 24px;
}
.blog-page .single-blog .content .left {
  width: 40px;
  margin-right: 30px;
}
.blog-page .single-blog .content .left .meta-list {
  text-align: center;
}
.blog-page .single-blog .content .left .meta-list li {
  margin-bottom: 12px;
}
.blog-page .single-blog .content .left .meta-list li:last-child {
  margin-bottom: 0px;
}
.blog-page .single-blog .content .left .meta-list li a {
  display: block;
  width: 30px;
  height: 30px;
  background: #f8e9f7;
  border-radius: 50%;
  text-align: center;
  line-height: 30px;
  font-size: 16px;
  margin: 0 auto;
}
.blog-page .single-blog .content .left .meta-list li a i {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);;
}
.blog-page .single-blog .content .left .meta-list li span {
  font-weight: 600;
}
.blog-page .single-blog .content .right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.blog-page .single-blog .content .right .date {
  font-size: 16px;
  line-height: 26px;
}
.blog-page .single-blog .content .right .title {
  font-size: 28px;
  line-height: 38px;
  font-weight: 700;
  margin-bottom: 13px;
}
.blog-page .single-blog .content .right .text {
  margin-bottom: 0px;
}
.blog-page .single-blog .post-footer {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 30px 30px 14px;
}
.blog-page .single-blog .post-footer .left p {
  font-size: 14px;
  line-height: 34px;
}
.blog-page .single-blog .post-footer .right a {
  font-size: 14px;
  color: #333;
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding: 2px 20px;
  border-radius: 50px;
}
.blog-page .single-blog .post-footer .right a:hover {
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);;
  color: #fff;
}

/* Product widget section begin */
.product-details-section {
  padding: 120px 0px 120px;
}

.product-category {
  padding: 120px 0px 120px;
}
.product-category .price-range-slider {
  text-align: center;
}
.product-category .price-range-slider .range-slider input {
  border: 0px;
}
.product-category .price-range-slider .value {
  position: absolute;
  top: -36px;
  left: 50%;
  margin: 0 0 0 -20px;
  text-align: center;
  display: block;
  font-weight: normal;
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  color: #fff;
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);;
  display: block;
  padding: 5px 8px;
  font-size: 12px;
  line-height: 12px;
}
.product-category .price-range-slider .value:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 7px solid #c52aa5;
}
.product-category .price-range-slider .price-range-both.value {
  width: 100px;
  margin: 0 0 0 -50px;
  top: -36px;
}
.product-category .price-range-slider .price-range-both {
  display: none;
}
.product-category .price-range-slider .value i {
  font-style: normal;
}
.product-category .price-range-slider div.ui-slider-range.ui-widget-header {
  background: #f22876;
}
.product-category .price-range-slider .ui-state-hover, .product-category .price-range-slider .ui-widget-content .ui-state-hover, .product-category .price-range-slider .ui-widget-header .ui-state-hover, .product-category .price-range-slider .ui-state-focus, .product-category .price-range-slider .ui-widget-content .ui-state-focus, .product-category .price-range-slider .ui-widget-header .ui-state-focus {
  background: #f22876 !important;
}
.product-category .price-range-slider .ui-state-default, .product-category .price-range-slider .ui-widget-content .ui-state-default, .product-category .price-range-slider .ui-widget-header .ui-state-default {
  background: #f22876 !important;
  border-radius: 50%;
  font-size: 14px;
  -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
  border: 3px solid #fff;
}
.product-category .price-range-slider .ui-state-default:focus, .product-category .price-range-slider .ui-widget-content .ui-state-default:focus, .product-category .price-range-slider .ui-widget-header .ui-state-default:focus {
  outline: none;
}
.product-category .price-range-slider span.ui-slider-handle.ui-corner-all.ui-state-default:focus {
  outline: none;
}
.product-category .price-range-slider .ui-slider-horizontal {
  height: 3px;
  border: 0px;
  background: #d2d2d2;
}
.product-category .price-range-slider .ui-slider-horizontal .ui-slider-handle {
  top: -7px;
}
.product-category .price-range-slider .p-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 20px;
  margin-bottom: 13px;
}
.product-category .price-range-slider .p-info .left {
  font-size: 14px;
  font-weight: 600;
  color: #777;
}
.product-category .price-range-slider .p-info .right {
  font-size: 14px;
  font-weight: 600;
  color: #333;
}
.product-category .price-range-slider .custom-button {
  padding: 3px 20px;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
}

.button-hover {
  position: relative;
}

.hover-effect {
  display: block;
  width: 200px;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  text-decoration: none;
  color: #56585a;
  text-align: center;
  position: relative;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  text-align: center;
}

.hover-effect span {
  position: relative;
  z-index: 1;
  text-transform: uppercase;
}

.hover-effect:before {
  position: absolute;
  content: "\f30b";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  border-radius: 50px;
  line-height: 40px;
  text-align: center;
  font-size: 20px;
  color: #fff;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(162, 44, 202, 0.3);
          box-shadow: 0px 3px 5px 0px rgba(162, 44, 202, 0.3);
}

.hover-effect:hover {
  color: #fff;
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);;
  border-radius: 50px;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(162, 44, 202, 0.3);
          box-shadow: 0px 3px 5px 0px rgba(162, 44, 202, 0.3);
}

.hover-effect:hover:before {
  width: 100%;
  text-align: right;
  background: none;
  padding-right: 20px;
}

.hover-effect:hover span {
  left: -15px;
  color: #fff;
}

.filter-area {
  border-radius: 5px;
  padding: 10px 38px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  margin-bottom: 30px;
  position: relative;
  background: #fff;
}
.filter-area .search-box {
  position: absolute;
  width: 100%;
  left: 0px;
  top: 100%;
  z-index: 9;
  background: #fff;
  padding: 10px;
  border-radius: 4px;
  -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
  display: none;
}
.filter-area .search-box input {
  height: 40px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  font-size: 16px;
}

.filter-main {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.filter-main .right .item {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 30px;
}
.filter-main .right .item span {
  margin-right: 20px;
}
.filter-main .right .item .select-bar {
  height: 40px;
  border: 1px solid rgba(0, 0, 0, 0.11);
  border-radius: 20px;
  padding: 0 20px;
  background: transparent;
}
.filter-main .right .item .select-bar .list {
  max-height: 150px;
  overflow-y: auto;
  background: #fafbff;
  border: 1px solid rgba(163, 177, 198, 0.151);
  color: #333333;
}
.filter-main .right .item .select-bar .list li:hover, .filter-main .right .item .select-bar .list li.focus, .filter-main .right .item .select-bar .list li.selected {
  background: transparent;
}
.filter-main .right .serch-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-align: center;
  line-height: 40px;
  color: #fff;
  font-size: 16px;
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);;
  display: inline-block;
  cursor: pointer;
}
.filter-main .left {
  margin-bottom: 10px;
}

.grid-button {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.grid-button li:last-child {
  margin-right: 0;
}
.grid-button li a {
  margin-right: 20px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  width: 60px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  padding: 0;
  font-size: 18px;
  color: #333333;
}
.grid-button li a.active {
  color: #ff3366;
}

.single-product {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 30px;
  background: #fff;
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.single-product .img {
  position: relative;
  overflow: hidden;
}
.single-product .img img {
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
  width: 100%;
}
.single-product .img .sale {
  position: absolute;
  top: 30px;
  left: 0px;
  background: #5b3acc;
  font-size: 12px;
  line-height: 12px;
  color: #fff;
  text-transform: uppercase;
  padding: 6px 15px 4px;
  border-radius: 0px 50px 50px 0px;
}
.single-product .img .more-links {
  position: absolute;
  top: 30px;
  right: -50px;
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  padding: 3px 10px;
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.single-product .img .more-links li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.single-product .img .more-links li:last-child {
  border-bottom: 0px;
}
.single-product .img .more-links li a {
  display: block;
}
.single-product .img .more-links li a i {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);;
  font-size: 14px;
}
.single-product .content {
  position: relative;
  padding: 62px 30px 30px;
}
.single-product .content .price {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);;
  display: block;
  color: #fff;
  font-weight: 700;
  font-size: 24px;
  line-height: 60px;
  text-align: center;
  right: 10px;
  position: absolute;
  top: -30px;
}
.single-product .content .title {
  font-size: 24px;
  line-height: 34px;
  display: block;
  font-weight: 600;
}
.single-product .content .review-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.single-product .content .review-area .stars i {
  font-size: 12px;
  margin-right: -4px;
  color: #1A0000;
}
.single-product .content .review-area .separator {
  font-size: 15px;
  margin: 0px 10px;
}
.single-product .content .review-area .review-content {
  font-size: 14px;
  position: relative;
  top: 2px;
}
.single-product .content .hover-effect {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  color: #56585a;
  margin-top: 24px;
}
.single-product:hover {
  border-color: #5b3acc;
}
.single-product:hover .img img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.single-product:hover .img .more-links {
  right: 20px;
}

.single-product-list {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 30px;
  background: #fff;
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
.single-product-list .img {
  position: relative;
  overflow: hidden;
}
.single-product-list .img img {
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
  width: 100%;
}
.single-product-list .img .sale {
  position: absolute;
  top: 30px;
  left: 0px;
  background: #5b3acc;
  font-size: 12px;
  line-height: 12px;
  color: #fff;
  text-transform: uppercase;
  padding: 6px 15px 4px;
  border-radius: 0px 50px 50px 0px;
}
.single-product-list .img .more-links {
  position: absolute;
  top: 30px;
  right: -50px;
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  padding: 3px 10px;
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.single-product-list .img .more-links li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.single-product-list .img .more-links li:last-child {
  border-bottom: 0px;
}
.single-product-list .img .more-links li a {
  display: block;
}
.single-product-list .img .more-links li a i {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);;
  font-size: 14px;
}
.single-product-list .content {
  position: relative;
  padding: 30px 30px 30px 60px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.single-product-list .content .content-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.single-product-list .content .content-inner .left-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
.single-product-list .content .content-inner .right-content {
  width: 170px;
  padding: 0px 0px 0px 30px;
  text-align: center;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  height: 100%;
}
.single-product-list .content .content-inner .price {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);;
  display: block;
  color: #fff;
  font-weight: 700;
  font-size: 24px;
  line-height: 60px;
  text-align: center;
  left: -30px;
  position: absolute;
  top: 30px;
}
.single-product-list .content .content-inner .title {
  font-size: 24px;
  line-height: 34px;
  display: block;
  font-weight: 600;
}
.single-product-list .content .content-inner .review-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.single-product-list .content .content-inner .review-area .stars i {
  font-size: 12px;
  margin-right: -4px;
  color: #1A0000;
}
.single-product-list .content .content-inner .review-area .separator {
  font-size: 15px;
  margin: 0px 10px;
}
.single-product-list .content .content-inner .review-area .review-content {
  font-size: 14px;
  position: relative;
  top: 2px;
}
.single-product-list .content .content-inner .add-wish-btn {
  display: block;
  color: #333;
  font-size: 16px;
  margin-top: 19px;
  margin-bottom: 0px;
}
.single-product-list .content .content-inner .add-wish-btn i {
  color: #1A0000;
  margin-right: 4px;
  font-size: 18px;
}
.single-product-list .content .content-inner .hover-effect {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  color: #56585a;
  margin-top: 24px;
  width: 140px;
}
.single-product-list .content .content-inner .hover-effect span {
  padding-left: 40px;
}
.single-product-list .content .content-inner .hover-effect:hover span {
  padding-left: 10px;
}
.single-product-list .content .content-inner .hover-effect:hover::before {
  padding-right: 15px;
}
.single-product-list .content .content-inner .more-info {
  font-size: 14px;
  line-height: 24px;
  text-transform: uppercase;
  font-weight: 600;
  color: #333;
  margin-top: 24px;
  border-bottom: 1px solid #a5a5a5;
}
.single-product-list .content .content-inner .more-info:hover {
  color: #a5a5a5;
}
.single-product-list:hover {
  border-color: #5b3acc;
}
.single-product-list:hover .img img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.single-product-list:hover .img .more-links {
  right: 40px;
}

.single-product-list-2 {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 30px;
  background: #fff;
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
.single-product-list-2 .img {
  position: relative;
  overflow: hidden;
}
.single-product-list-2 .img img {
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
  width: 100%;
}
.single-product-list-2 .img .sale {
  position: absolute;
  top: 30px;
  left: 0px;
  background: #5b3acc;
  font-size: 12px;
  line-height: 12px;
  color: #fff;
  text-transform: uppercase;
  padding: 6px 15px 4px;
  border-radius: 0px 50px 50px 0px;
}
.single-product-list-2 .img .more-links {
  position: absolute;
  top: 30px;
  right: -50px;
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  padding: 3px 10px;
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.single-product-list-2 .img .more-links li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.single-product-list-2 .img .more-links li:last-child {
  border-bottom: 0px;
}
.single-product-list-2 .img .more-links li a {
  display: block;
}
.single-product-list-2 .img .more-links li a i {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);;
  font-size: 14px;
}
.single-product-list-2 .content {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  padding: 30px 30px 30px 60px;
}
.single-product-list-2 .content .price {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);;
  display: block;
  color: #fff;
  font-weight: 700;
  font-size: 24px;
  line-height: 60px;
  text-align: center;
  left: -30px;
  position: absolute;
  top: 30px;
}
.single-product-list-2 .content .title {
  font-size: 24px;
  line-height: 34px;
  display: block;
  font-weight: 600;
}
.single-product-list-2 .content .review-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.single-product-list-2 .content .review-area .stars i {
  font-size: 12px;
  margin-right: -4px;
  color: #1A0000;
}
.single-product-list-2 .content .review-area .separator {
  font-size: 15px;
  margin: 0px 10px;
}
.single-product-list-2 .content .review-area .review-content {
  font-size: 14px;
  position: relative;
  top: 2px;
}
.single-product-list-2 .content .hover-effect {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  color: #56585a;
  margin-top: 24px;
  width: 140px;
}
.single-product-list-2 .content .hover-effect span {
  padding-left: 40px;
}
.single-product-list-2 .content .hover-effect:hover span {
  padding-left: 10px;
}
.single-product-list-2 .content .hover-effect:hover::before {
  padding-right: 15px;
}
.single-product-list-2:hover {
  border-color: #5b3acc;
}
.single-product-list-2:hover .img img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.single-product-list-2:hover .img .more-links {
  right: 20px;
}

/*==========================================
   Product Details Page
===========================================*/
.all-slider.owl-carousel .owl-nav .owl-prev,
.all-slider.owl-carousel .owl-nav .owl-next {
  font-size: 14px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  width: 25px;
  height: 25px;
  line-height: 24px;
  opacity: 1;
  color: #fff;
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);;
  -webkit-box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1);
  -webkit-transition: 0.3s ease-in;
  -o-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
}

.all-slider.owl-carousel .owl-nav .owl-prev {
  left: 0px;
}

.all-slider.owl-carousel .owl-nav .owl-next {
  right: 0px;
}

.product-details-section .overlay .right-area .product-info .product-stock {
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 18px;
}

.product-details-section .overlay .right-area .product-info .product-stock .stock-box {
  display: inline-block;
}

.product-details-section .overlay .right-area .product-info .product-stock .stock-box .value-title {
  font-size: 16px;
  font-weight: 600;
  color: rgb(115, 115, 115);
  text-transform: uppercase;
  line-height: 2.5;
}

.product-details-section .overlay .right-area .product-info .product-stock .stock-box .value-content {
  font-size: 16px;
  color: rgb(248, 113, 21);
  font-weight: 700;
  text-transform: uppercase;
  line-height: 2.667;
}

.product-details-section .overlay .right-area .product-info .product-stock .stock-icon {
  float: right;
  display: inline-block;
}

.product-details-section .overlay .right-area .product-info .product-stock .stock-icon a i {
  color: #f5f8ff;
  border-radius: 50%;
  background-color: rgb(248, 113, 21);
  -webkit-box-shadow: 0px 5px 10px 0px rgba(14, 36, 58, 0.2);
          box-shadow: 0px 5px 10px 0px rgba(14, 36, 58, 0.2);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
}

.product-details-section .overlay .right-area .product-info .product-stock .stock-icon a:hover i {
  background-color: #f5f8ff;
  color: rgb(248, 113, 21);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.product-details-section .overlay .right-area .product-info ul li .product-title {
  padding: 18px 0 8px;
  font-size: 28px;
  line-height: 38px;
}

.product-details-section .overlay .right-area .product-info ul li .review-block {
  margin: 0px 0 8px 0;
}

.product-details-section .overlay .right-area .product-info ul li .review-block .star-review a {
  margin-right: -5px;
  font-size: 14px;
  line-height: 24px;
}

.product-details-section .overlay .right-area .product-info ul li .review-block .star-review .reviews {
  position: relative;
  margin-left: 32px;
  font-size: 14px;
  line-height: 24px;
  color: #333;
}

.product-details-section .overlay .right-area .product-info ul li .review-block .star-review .reviews:before {
  position: absolute;
  content: "";
  background: #5b7086;
  width: 2px;
  height: 15px;
  left: -15px;
  top: 5px;
}

.product-details-section .overlay .right-area .product-info ul li .review-block .star-review a i {
  color: #1A0000;
  margin-right: -5px;
}

.product-details-section .overlay .right-area .product-info .product-price p {
  font-size: 28px;
  line-height: 38px;
  color: rgb(20, 50, 80);
  text-transform: uppercase;
  font-weight: 700;
  margin-top: -2px;
}

.product-details-section .overlay .right-area .product-info .product-price p span {
  font-size: 36px;
  font-weight: 600;
}

.product-details-section .overlay .right-area .product-info .offers {
  color: rgb(20, 50, 80);
  margin: 8px 0 15px;
}

.product-details-section .overlay .right-area .product-info .offers li {
  padding: 0px;
}

.product-details-section .overlay .right-area .product-info .offers li p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0px;
}

.product-details-section .overlay .right-area .product-info .product-color {
  color: rgb(20, 50, 80);
  margin: 8px 0 7px;
}

.product-details-section .overlay .right-area .product-info .product-color .title {
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
}

.product-details-section .overlay .right-area .product-info .product-color .color-list {
  font-weight: 600;
  display: inline-block;
}

.product-details-section .overlay .right-area .product-info .item-list ul li {
  display: inline-block;
  margin-right: 2px;
  margin-top: -1px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  font-weight: 600;
  border-radius: 6px;
}

.product-details-section .overlay .right-area .product-info .item-list ul li:hover {
  border: 1px solid radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  border-radius: 5px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.product-details-section .overlay .right-area .product-info .shiping-area {
  margin: 21px 0 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.product-details-section .overlay .right-area .product-info .shiping-area h4 {
  color: #143250;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  margin-top: 0px;
}

.product-details-section .overlay .right-area .product-info .shiping-area {
  margin-top: 24px;
}
.product-details-section .overlay .right-area .product-info .shiping-area .nice-select {
  background: transparent;
  border: none;
  line-height: 26px;
  border-radius: 50px;
  padding: 0px 30px 0px 15px;
  border: 0px;
  height: auto;
}
.product-details-section .overlay .right-area .product-info .shiping-area .nice-select .list li {
  color: #222;
  padding: 4px 10px;
  line-height: 20px;
  min-height: auto;
}
.product-details-section .overlay .right-area .product-info .shiping-area .s-drop {
  display: block;
  width: 100%;
}

.product-details-section .overlay .right-area .product-info .shiping-area ul li select {
  position: relative;
  font-weight: 400;
  background: transparent;
  color: #143250;
  outline: none;
  border: none;
  padding: 0;
  margin-left: 15px;
  font-size: 14px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.product-details-section .overlay .right-area .product-info .refer-prize {
  margin: 26px 0 30px;
}

.product-details-section .overlay .right-area .product-info .refer-prize ul li {
  border: 1px solid #dfe1e4;
  display: inline-block;
  border-radius: 25px;
  padding: 5px 25px;
  text-transform: uppercase;
  margin-right: 10px;
}

.product-details-section .overlay .right-area .product-info .refer-price ul li a {
  color: #143250;
  font-size: 12px;
}

.product-details-section .qtySelector {
  width: 136px;
  height: 50px;
  margin: 0;
  background-color: #eaedfc;
  border-radius: 50px;
  display: inline-block;
}

.product-details-section .qtySelector .decreaseQty {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  line-height: 50px;
  float: left;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.product-details-section .qtySelector i {
  color: #737373;
  font-size: 14px;
}

.product-details-section .qtySelector i:hover {
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);;
  color: #fff;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.product-details-section .qtySelector .decreaseQty.clicked {
  font-size: 12px;
  padding: 12px 5px;
}

.product-details-section .qtySelector .increaseQty {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  line-height: 50px;
  float: right;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.product-details-section .qtySelector .qtyValue {
  border: none;
  padding: 5px;
  width: 35px;
  height: 100%;
  float: left;
  text-align: center;
  background-color: none;
  color: #737373;
}

.product-details-section .input-counter {
  border-bottom: 1px solid #d9d9d9;
  border-top: 1px solid #d9d9d9;
  padding: 30px 0 30px;
  margin-top: 25px;
}

.product-details-section .input-counter .add-cart-btn {
  margin-left: 30px;
}

.product-details-section .product-single-share {
  margin-top: 26px;
}

.product-details-section .product-single-share label {
  color: #143250;
  font-weight: 600;
  float: left;
  font-size: 14px;
  line-height: 24px;
  margin-right: 10px;
}

.product-details-section .product-single-share ul {
  position: relative;
  top: -8px;
}

.product-details-section .product-single-share ul li {
  float: left;
  margin: 0 10px;
}

.product-details-section .product-single-share ul li i {
  color: #99a2c7;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 14px;
}

.product-details-section .product-single-share ul li a:hover i {
  color: #ff3366;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.product-details-section .product-single-share ul li a.active i {
  color: #ff3366;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.product-details-section .nav-tabs .nav-link.active {
  color: rgb(255, 255, 255);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);;
}

.product-details-section .nav-tabs {
  border: 1px solid #dbdce4;
  border-radius: 5px;
  padding: 10px 0;
  margin-top: 40px;
  background: #fff;
}

.product-details-section .nav-tabs li {
  margin: auto;
}

.product-details-section .nav-tabs li a {
  font-size: 14px;
  color: rgba(20, 50, 80, 0.902);
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 50px;
  text-transform: uppercase;
}

.product-details-section .nav-tabs li a:hover {
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);;
  color: #fff;
}

.product-details-section .tab-content .tab-pane {
  border: 1px solid rgba(0, 0, 0, 0.2);
  margin-top: 30px;
  padding: 40px;
}

.product-details-section .tab-content .tab-content-wrapper ul li {
  font-size: 18px;
  color: rgb(67, 91, 115);
  line-height: 1.667;
}

.product-details-section .tab-content .tab-pane .title {
  font-size: 24px;
  line-height: 34px;
}

.product-details-section .tab-content .tab-content-wrapper .top-content li {
  font-size: 18px;
  color: rgb(67, 91, 115);
  line-height: 1.667;
}

.product-details-section .tab-content .tab-content-wrapper-second .top-content li {
  font-size: 18px;
  color: rgb(20, 50, 80);
  line-height: 1.667;
  font-weight: 500;
}

.product-details-section .tab-content .tab-content-wrapper-second .top-content li span {
  font-weight: 400;
  font-size: 18px;
}

.product-details-section .tab-content .tab-content-wrapper-second .mid-content li {
  font-size: 18px;
  color: rgb(67, 91, 115);
  line-height: 1.667;
}

.product-details-section .tab-content .tab-content-wrapper-fifth .averages-review .rating {
  font-size: 24px;
  line-height: 34px;
  color: #333;
  font-weight: 700;
}

.product-details-section .tab-content .tab-content-wrapper-fifth .averages-review .rating span {
  font-size: 60px;
  line-height: 70px;
  color: #a42cc8;
  font-weight: 900;
}

.product-details-section .tab-content .tab-content-wrapper-fifth .averages-review {
  border: 1px solid #dee2e6;
  border-radius: 5px;
  padding: 26px 0 16px;
}

.product-details-section .tab-content .tab-content-wrapper-fifth .averages-review .rating span {
  color: #a42cc8;
  font-size: 60px;
  font-weight: 700;
}

.product-details-section .tab-content .tab-content-wrapper-fifth .averages-review .review-block {
  margin: 11px 0 8px 0;
}

.product-details-section .tab-content .tab-content-wrapper-fifth .averages-review .review-block .star-review a i {
  color: #1A0000;
  margin-right: -3px;
  font-size: 14px;
}

.product-details-section .tab-content .tab-content-wrapper-fifth .averages-review .star-review a.reviews {
  color: #333;
  margin-top: 6px;
  display: block;
}

.product-details-section .tab-content .tab-content-wrapper-fifth ul {
  position: relative;
  display: -ms-grid;
  display: grid;
}

.product-details-section .tab-content .tab-content-wrapper-fifth ul li {
  margin-bottom: 0px;
}

.product-details-section .tab-content .tab-content-wrapper-fifth ul .rating-point {
  position: absolute;
}

.product-details-section .tab-content .tab-content-wrapper-fifth ul .rating-point span {
  font-size: 18px;
  color: rgb(67, 91, 115);
}

.product-details-section .tab-content .tab-content-wrapper-fifth ul .progress {
  position: absolute;
  width: 75%;
  height: 11px;
  margin-left: 15%;
  margin-top: 10px;
  border-radius: 50px;
  background: #fbbed6;
}

.product-details-section .tab-content .tab-content-wrapper-fifth ul .progress-bar.full {
  width: 100%;
  background: #f22876;
}

.product-details-section .tab-content .tab-content-wrapper-fifth ul .progress-bar.eighty {
  width: 80%;
  background: #f22876;
}

.product-details-section .tab-content .tab-content-wrapper-fifth ul .review-count {
  float: right;
  font-size: 18px;
}
.product-details-section .tab-content .tab-content-wrapper-fifth ul .review-count a {
  color: #333;
}

.product-details-section .tab-content .tab-pane.fifth {
  border: none;
  margin: 0;
  padding: 0;
}

.product-details-section .tab-content .top-content-fifth {
  border: 1px solid #dbdce4;
  padding: 40px;
  background: #fff;
  margin-top: 30px;
  border-radius: 20px;
}

.mb-30 {
  margin-bottom: 30px;
}

.product-details-section .tab-content .tab-content-wrapper-fifth .single-comment {
  border: 1px solid #d0d6dc;
  padding: 30px 30px 25px;
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
}

.product-details-section .tab-content .tab-content-wrapper-fifth .comment-single {
  position: relative;
}

.product-details-section .tab-content .tab-content-wrapper-fifth .comment-single .avatar {
  position: absolute;
  left: 0px;
  top: 0px;
  margin-right: 30px;
}

.product-details-section .tab-content .tab-content-wrapper-fifth .comment-single .avatar img {
  border-radius: 50%;
  width: 80px;
  height: 80px;
  border: 2px solid #f22876;
}

.product-details-section .tab-content .tab-content-wrapper-fifth .comment-single .comnt-text {
  width: 100%;
  float: left;
  position: relative;
  padding-left: 110px;
}

.product-details-section .tab-content .tab-content-wrapper-fifth .comment-single .comnt-text .reply-icon {
  position: absolute;
  right: 0;
  top: 0;
}

.product-details-section .tab-content .tab-content-wrapper-fifth .comment-single .comnt-text .reply-icon a {
  color: #1A0000  !important;
  text-transform: uppercase;
  font-weight: 600;
  display: inline-block;
  font-size: 14px;
}

.product-details-section .tab-content .tab-content-wrapper-fifth .comment-single .comnt-text .comnt-info h5 {
  font-weight: 600;
  margin: 0;
  display: inline-block;
  font-size: 20px;
  line-height: 30px;
}

.product-details-section .tab-content .tab-content-wrapper-fifth .comment-single .comnt-text .comnt-info .review-block {
  margin-left: 15px;
  display: inline-block;
}

.product-details-section .tab-content .tab-content-wrapper-fifth .comment-single .comnt-text .comnt-info .review-block .star-review {
  margin-bottom: 0px;
}

.product-details-section .tab-content .tab-content-wrapper-fifth .comment-single .comnt-text .comnt-info .review-block .star-review a i {
  color: #1A0000;
  margin-right: -3px;
  font-size: 12px;
}

.product-details-section .tab-content .tab-content-wrapper-fifth .comment-single .comnt-text .comnt-info .date-area {
  font-size: 14px;
  color: rgb(98, 118, 138);
  margin: 8px 0 14px;
}

.product-details-section .tab-content .tab-content-wrapper-fifth .comment-single .comnt-text p {
  margin-bottom: 0px;
}

.product-details-section .tab-content .tab-content-wrapper-fifth .comment-form {
  padding-top: 123px;
}

.product-details-section .tab-content .tab-content-wrapper-fifth .comment-form h3 {
  font-size: 24px;
  line-height: 34px;
  padding-bottom: 63px;
}

.product-details-section .tab-content .tab-content-wrapper-fifth .comment-form .star-area h5 {
  display: inline-block;
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
}

.product-details-section .tab-content .tab-content-wrapper-fifth .comment-form .star-area .star-list {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.product-details-section .tab-content .tab-content-wrapper-fifth .comment-form .star-area ul li {
  float: left;
  margin-right: 20px;
  padding-right: 20px;
  padding-top: 0px;
  padding-bottom: 0px;
  position: relative;
}
.product-details-section .tab-content .tab-content-wrapper-fifth .comment-form .star-area ul li::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 15px;
  background: #aebed2;
  right: -6px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.product-details-section .tab-content .tab-content-wrapper-fifth .comment-form .star-area ul li:last-child::before {
  display: none;
}

.product-details-section .tab-content .tab-content-wrapper-fifth .comment-form .star-area .star-review {
  margin-bottom: 0px;
}

.product-details-section .tab-content .tab-content-wrapper-fifth .comment-form .star-area ul li:nth-last-child(1) {
  border: none;
  margin: 0;
  padding: 0;
}

.product-details-section .tab-content .tab-content-wrapper-fifth .comment-form .star-area ul li .star i {
  color: #aebed2;
  font-size: 14px;
  -webkit-transition: 0.3s linear;
  -o-transition: 0.3s linear;
  transition: 0.3s linear;
  cursor: pointer;
}

.product-details-section .tab-content .tab-content-wrapper-fifth .comment-form .star-area ul li .star:hover i {
  color: #1A0000;
}

.product-details-section .tab-content .tab-content-wrapper-fifth .comment-form input {
  outline: none;
  border: none;
  border-bottom: 1px solid #d5d6d9;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-bottom: 22px;
  background: none;
  padding: 0px 0px;
  border-radius: 0px;
  height: 50px;
}

.product-details-section .tab-content .tab-content-wrapper-fifth .comment-form textarea {
  font-size: 14px;
  color: rgba(51, 51, 51, 0.6);
  outline: none;
  border: none;
  border-bottom: 1px solid #d5d6d9;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
  padding: 0px 0px;
  border-radius: 0px;
  height: 150px;
  margin-top: 36px;
}

.product-details-section .tab-content .tab-content-wrapper-fifth .comment-form input:hover {
  border-bottom: 1px solid #f3a0b5;
}

.product-details-section .tab-content .tab-content-wrapper-fifth .comment-form textarea:hover {
  border-bottom: 1px solid #f3a0b5;
}

.related-product-section {
  padding-top: 118px;
}
.related-product-section .section-header {
  margin-bottom: 47px;
}

.related-product-slider.owl-carousel .owl-nav .owl-prev,
.related-product-slider.owl-carousel .owl-nav .owl-next {
  font-size: 14px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  width: 25px;
  height: 25px;
  line-height: 24px;
  opacity: 1;
  color: #fff;
  border-radius: 50%;
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);;
  -webkit-box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1);
  -webkit-transition: 0.3s ease-in;
  -o-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
}

.related-product-slider.owl-carousel .owl-nav .owl-prev {
  left: 0px;
}

.related-product-slider.owl-carousel .owl-nav .owl-next {
  right: 0px;
}

.related-product-slider .single-product {
  margin-bottom: 0px;
}

.spl-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}
.spl-wrapper .my-col {
  -webkit-box-flex: 100%;
      -ms-flex: 100%;
          flex: 100%;
  max-width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}

/*  Login & Registration  Section */
.log-reg {
  position: relative;
  height: 100vh;
  width: 100%;
}
.log-reg .top-menu-area .backto-home {
  color: #fff;
  padding: 15px 0px 15px;
}
.log-reg .top-menu-area .backto-home i {
  margin-right: 5px;
}
.log-reg .top-menu-area .backto-home:hover {
  text-decoration: underline;
}
.log-reg .top-menu-area .logo {
  display: block;
  text-align: left;
  padding: 15px 0px 15px;
}
.log-reg .top-menu-area .logo img {
  display: inline-block;
}
.log-reg .image {
  background: url(../images/reg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 100vh;
  width: 43%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: -1;
}
.log-reg .image.image-log {
  background: url(../images/log.jpg) !important;
}
.log-reg .log-reg-inner {
  padding-top: 30px;
  padding-bottom: 40px;
  height: calc(100vh - 72px);
  padding-right: 40px;
  overflow-y: auto;
}
.log-reg .log-reg-inner::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}
.log-reg .log-reg-inner::-webkit-scrollbar {
  width: 8px;
  background-color: #F5F5F5;
}
.log-reg .log-reg-inner::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #00acea;
}
.log-reg .log-reg-inner .section-header {
  text-align: left;
}
.log-reg .log-reg-inner .section-header .title {
  text-transform: uppercase;
  color: #1A0000;
}
.log-reg .log-reg-inner .section-header P {
  color: #1A0000;
}
.log-reg .log-reg-inner .section-header.inloginp {
  text-align: center;
  margin-bottom: 30px;
  padding-top: 80px;
}
.log-reg .log-reg-inner .section-header.inloginp .title {
  font-size: 28px;
  line-height: 38px;
  text-transform: capitalize;
}
.log-reg .log-reg-inner .main-content .content-title {
  font-size: 24px;
  line-height: 34px;
  color: #1A0000;
  font-weight: 700;
  margin-bottom: 25px;
}
.log-reg .log-reg-inner .main-content .form-group label {
  font-size: 18px;
  line-height: 28px;
  color: #3b368c;
  font-weight: 600;
}
.log-reg .log-reg-inner .main-content .form-group .my-form-control {
  border: 1px solid rgba(59, 54, 140, 0.1);
  background-color: rgb(234, 242, 252);
  -webkit-box-shadow: 1.948px 13.864px 6px 0px rgba(220, 234, 251, 0.3);
          box-shadow: 1.948px 13.864px 6px 0px rgba(220, 234, 251, 0.3);
  font-size: 16px;
  color: #1A0000;
  padding: 0px 30px;
  height: 60px;
}
.log-reg .log-reg-inner .main-content .form-group .my-form-control::-webkit-input-placeholder {
  color: #1A0000  !important;
}
.log-reg .log-reg-inner .main-content .form-group .my-form-control::-moz-placeholder {
  color: #1A0000  !important;
}
.log-reg .log-reg-inner .main-content .form-group .my-form-control:-ms-input-placeholder {
  color: #1A0000  !important;
}
.log-reg .log-reg-inner .main-content .form-group .my-form-control::-ms-input-placeholder {
  color: #1A0000  !important;
}
.log-reg .log-reg-inner .main-content .form-group .my-form-control::placeholder {
  color: #1A0000  !important;
}
.log-reg .log-reg-inner .main-content .form-group .my-form-control::-webkit-placeholder {
  color: #1A0000  !important;
}
.log-reg .log-reg-inner .main-content .form-group .option {
  border: 1px solid rgba(59, 54, 140, 0.1);
  background-color: rgb(234, 242, 252);
  -webkit-box-shadow: 1.948px 13.864px 6px 0px rgba(220, 234, 251, 0.3);
          box-shadow: 1.948px 13.864px 6px 0px rgba(220, 234, 251, 0.3);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 60px;
  border-radius: 5px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.log-reg .log-reg-inner .main-content .form-group .option input {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  opacity: 0;
  z-index: -9;
  text-align: center;
}
.log-reg .log-reg-inner .main-content .form-group .option input:checked ~ label::before {
  color: #1A0000;
  content: "\f111";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  font-size: 8px;
  line-height: 13px;
  text-align: center;
}
.log-reg .log-reg-inner .main-content .form-group .option label {
  display: inline-block;
  margin: 0;
  width: calc(100% - 14px);
  padding-left: 10px;
  position: relative;
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
}
.log-reg .log-reg-inner .main-content .form-group .option label::before {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 1px solid radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  left: -14px;
  text-align: center;
  top: 7px;
}
.log-reg .log-reg-inner .main-content .form-group .option .s-input.nice-select-wraper {
  width: 100%;
  height: 100%;
}
.log-reg .log-reg-inner .main-content .form-group .option .s-input .nice-select {
  background: transparent;
  border: none;
  width: 100%;
  height: 100%;
  line-height: 60px;
}
.log-reg .log-reg-inner .main-content .form-group .option .s-input .nice-select .list li.option {
  color: #222;
  padding: 0px 10px;
  line-height: 20px;
  border: 0px;
  height: auto;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: #fff;
}
.log-reg .log-reg-inner .main-content .custom-button {
  padding: 16px 40px;
  margin-top: 20px;
}
.log-reg .log-reg-inner .main-content .custom-button:focus {
  outline: 0px;
}
.log-reg .log-reg-inner .main-content .f-pass {
  font-size: 16px;
}
.log-reg .log-reg-inner .main-content .f-pass a {
  color: #1A0000;
  font-weight: 600;
}
.log-reg .log-reg-inner .main-content .f-pass a:hover {
  text-decoration: underline;
}
.log-reg .log-reg-inner .main-content .or {
  margin-top: 40px;
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 700;
  color: #1A0000;
  display: block;
  text-align: center;
  position: relative;
  width: 100%;
}
.log-reg .log-reg-inner .main-content .or p {
  display: inline-block;
  background: #FAFBFF;
  margin-bottom: 0px;
  padding: 0px 15px;
}
.log-reg .log-reg-inner .main-content .or::before {
  position: absolute;
  content: "";
  height: 1px;
  width: 100%;
  background: #dddce7;
  left: 0px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: -1;
}
.log-reg .log-reg-inner .main-content .or-content {
  display: block;
  text-align: center;
}
.log-reg .log-reg-inner .main-content .or-content p {
  color: #1A0000;
  font-size: 16px;
  line-height: 26px;
}
.log-reg .log-reg-inner .main-content .or-content .or-btn {
  margin-top: 9px;
  border: 1px solid rgba(59, 54, 140, 0.1);
  background-color: rgb(234, 242, 252);
  -webkit-box-shadow: 1.948px 13.864px 6px 0px rgba(220, 234, 251, 0.3);
          box-shadow: 1.948px 13.864px 6px 0px rgba(220, 234, 251, 0.3);
  padding: 10px 30px;
  border-radius: 50px;
  margin-bottom: 19px;
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.log-reg .log-reg-inner .main-content .or-content .or-btn img {
  margin-right: 8px;
}
.log-reg .log-reg-inner .main-content .or-content .or-btn:hover {
  -webkit-box-shadow: 2px 13px 16px 0px rgba(59, 54, 140, 0.1);
          box-shadow: 2px 13px 16px 0px rgba(59, 54, 140, 0.1);
}
.log-reg .log-reg-inner .main-content .or-content .or-signup {
  font-size: 16px;
}
.log-reg .log-reg-inner .main-content .or-content .or-signup a {
  color: #1A0000;
  font-weight: 600;
}
.log-reg .log-reg-inner .main-content .or-content .or-signup a:hover {
  text-decoration: underline;
}
.log-reg .log-reg-inner .main-content.inloginp .button-wrapper {
  display: block;
  text-align: center;
}

#email-confirm .modal-content {
  overflow: hidden;
  border-radius: 20px;
}
#email-confirm .modal-body {
  padding: 0px;
  overflow: hidden;
}
#email-confirm .modal-body .top-img img {
  width: 100%;
}
#email-confirm .modal-body .main-content {
  padding: 30px;
  text-align: center;
}
#email-confirm .modal-body .main-content .title {
  font-size: 24px;
  line-height: 34px;
  font-weight: 600;
  color: #1A0000;
  margin-bottom: 15px;
}
#email-confirm .modal-body .main-content .send-again {
  font-size: 16px;
}
#email-confirm .modal-body .main-content .send-again a {
  color: #1A0000;
  font-weight: 600;
}
#email-confirm .modal-body .main-content .send-again a:hover {
  text-decoration: underline;
}

/*User Settings Stars Here*/
.user-setting-section {
  padding: 50px 0px 50px;
}
.user-setting-section .accordion > .card .card-header {
  margin-bottom: 0px;
}
.user-setting-section .accordion {
  border-radius: 10px;
  background-color: #f6f4f9;
  -webkit-box-shadow: 2.736px -7.518px 57px 0px rgba(119, 123, 146, 0.18);
          box-shadow: 2.736px -7.518px 57px 0px rgba(119, 123, 146, 0.18);
  overflow: hidden;
}
.user-setting-section .accordion .card {
  background: none;
  border-radius: 0px;
  border: 0px;
}
.user-setting-section .accordion .card:last-child .card-header {
  border-bottom: 0px;
}
.user-setting-section .accordion .card .card-header {
  padding: 0px;
  border-radius: 0px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.user-setting-section .accordion .card .card-header button {
  border: 0px;
  text-align: left;
  padding: 40px 40px 40px 20px;
  border-radius: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 700;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 20px;
  position: relative;
}
.user-setting-section .accordion .card .card-header button:focus {
  outline: 0px;
}
.user-setting-section .accordion .card .card-header button .t-icon {
  position: absolute;
  font-size: 12px;
  text-align: center;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);;
  color: #fff;
}
.user-setting-section .accordion .card .card-header button .icon {
  width: 40px;
  height: 40px;
  background: #f6e9f9;
  line-height: 40px;
  border-radius: 50%;
  text-align: center;
  margin-right: 20px;
  font-size: 16px;
}
.user-setting-section .accordion .card .card-header button .icon i {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);;
}
.user-setting-section .accordion .card .card-header button span {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.user-setting-section .accordion .card .card-header button[aria-expanded=true] .t-icon .fa-plus {
  display: none;
  line-height: 20px;
}
.user-setting-section .accordion .card .card-header button[aria-expanded=true] .t-icon .fa-minus {
  display: block;
  line-height: 20px;
}
.user-setting-section .accordion .card .card-header button[aria-expanded=false] .t-icon .fa-plus {
  display: block;
  line-height: 20px;
}
.user-setting-section .accordion .card .card-header button[aria-expanded=false] .t-icon .fa-minus {
  display: none;
  line-height: 20px;
}
.user-setting-section .accordion .card .card-body .links li a {
  font-size: 14px;
  color: #3e3f5e;
  font-weight: 700;
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.user-setting-section .accordion .card .card-body .links li a:hover, .user-setting-section .accordion .card .card-body .links li a.active {
  color: #ff3366;
}
.user-setting-section .page-title {
  padding: 30px 30px 30px;
  -webkit-box-shadow: 0px 0px 40px 0px rgba(94, 92, 154, 0.12);
          box-shadow: 0px 0px 40px 0px rgba(94, 92, 154, 0.12);
  border-radius: 5px;
  font-size: 24px;
  line-height: 34px;
  font-weight: 700;
  margin-bottom: 30px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.user-setting-section .page-title .right a {
  font-size: 16px;
  color: #777;
  margin-left: 10px;
}
.user-setting-section .profile-about-box {
  border-radius: 10px;
  background-color: rgb(255, 255, 255);
  -webkit-box-shadow: 0px 10px 5px 0px rgba(119, 123, 146, 0.02);
          box-shadow: 0px 10px 5px 0px rgba(119, 123, 146, 0.02);
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.user-setting-section .profile-about-box .top-bg {
  height: 160px;
  background: url(../images/profile/profile-box-bg.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: contain;
}
.user-setting-section .profile-about-box .p-inner-content {
  position: relative;
  padding: 55px 30px 30px;
  text-align: center;
}
.user-setting-section .profile-about-box .p-inner-content .profile-img {
  background: #fff;
  width: 120px;
  height: 120px;
  position: absolute;
  border-radius: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: -60px;
  z-index: 9;
}
.user-setting-section .profile-about-box .p-inner-content .profile-img img {
  border-radius: 50%;
}
.user-setting-section .profile-about-box .p-inner-content .profile-img::before {
  position: absolute;
  content: "";
  width: 140px;
  height: 140px;
  background: rgba(255, 255, 255, 0.2);
  top: -10px;
  z-index: -1;
  left: -10px;
  border-radius: 50%;
}
.user-setting-section .profile-about-box .p-inner-content .profile-img::after {
  position: absolute;
  content: "";
  width: 160px;
  height: 160px;
  background: rgba(255, 255, 255, 0.2);
  top: -20px;
  z-index: -1;
  left: -20px;
  border-radius: 50%;
}
.user-setting-section .profile-about-box .p-inner-content .profile-img .active-online {
  position: absolute;
  width: 20px;
  height: 20px;
  background: #1ce36f;
  border: 3px solid #fff;
  border-radius: 50%;
  bottom: 9px;
  right: 9px;
}
.user-setting-section .up-photo-card {
  border-radius: 5px;
  background-color: rgb(255, 255, 255);
  -webkit-box-shadow: 0px 0px 40px 0px rgba(94, 92, 154, 0.12);
          box-shadow: 0px 0px 40px 0px rgba(94, 92, 154, 0.12);
  padding: 30px 30px 30px 90px;
  position: relative;
}
.user-setting-section .up-photo-card .icon {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 30px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #f7e9f8;
  border-radius: 50%;
  margin-right: 20px;
}
.user-setting-section .up-photo-card .icon i {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);;
}
.user-setting-section .up-photo-card .content {
  display: block;
}
.user-setting-section .up-photo-card .content h4 {
  font-size: 14px;
  margin: 0px !important;
}
.user-setting-section .up-photo-card .content span {
  font-size: 14px;
  color: #9192a6;
  margin-bottom: 0px;
}
.user-setting-section .input-info-box {
  border-radius: 10px;
  background-color: rgb(255, 255, 255);
  -webkit-box-shadow: 0px 0px 40px 0px rgba(94, 92, 154, 0.12);
          box-shadow: 0px 0px 40px 0px rgba(94, 92, 154, 0.12);
  padding: 25px 30px 30px;
}
.user-setting-section .input-info-box .header {
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 20px;
}
.user-setting-section .input-info-box .content .my-input-box {
  margin-bottom: 30px;
}
.user-setting-section .input-info-box .content .my-input-box label {
  font-size: 14px;
  color: #505386;
  font-weight: 600;
  margin-bottom: 0px;
}
.user-setting-section .input-info-box .content .my-input-box input {
  height: 60px;
  padding: 0px 20px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.user-setting-section .input-info-box .content .my-input-box textarea {
  border: 1px solid rgba(0, 0, 0, 0.1);
  height: 120px;
}
.user-setting-section .input-info-box .content .my-input-box select {
  height: 60px;
  padding: 0px 20px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.user-setting-section .input-info-box .content .my-notification-box {
  background: #faf9fc;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.user-setting-section .input-info-box .content .my-notification-box .toggle-button input[type=checkbox] {
  height: 0;
  width: 0;
  visibility: hidden;
}
.user-setting-section .input-info-box .content .my-notification-box .toggle-button label {
  cursor: pointer;
  text-indent: -9999px;
  width: 70px;
  height: 35px;
  background: grey;
  display: block;
  border-radius: 100px;
  position: relative;
}
.user-setting-section .input-info-box .content .my-notification-box .toggle-button label:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  width: 33px;
  height: 33px;
  background: #fff;
  border-radius: 90px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.user-setting-section .input-info-box .content .my-notification-box .toggle-button input:checked + label {
  background: #7b3cf6;
}
.user-setting-section .input-info-box .content .my-notification-box .toggle-button input:checked + label:after {
  left: calc(100% - 1px);
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}
.user-setting-section .input-info-box .content .my-notification-box .toggle-button label:active:after {
  width: 130px;
}
.user-setting-section .input-info-box .content .my-notification-box .left {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.user-setting-section .input-info-box .content .my-notification-box .left .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.user-setting-section .input-info-box .content .my-notification-box .left .top .icon {
  width: 40px;
  height: 40px;
  background: #f6e9f9;
  line-height: 40px;
  border-radius: 50%;
  text-align: center;
  margin-right: 20px;
  font-size: 16px;
}
.user-setting-section .input-info-box .content .my-notification-box .left .top .icon i {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);;
}
.user-setting-section .input-info-box .content .my-notification-box .left .top h5 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0px;
}
.user-setting-section .input-info-box .content .my-notification-box .left .bottom {
  margin-top: 10px;
  font-size: 16px;
  color: #737171;
}
.user-setting-section .input-info-box .content .varify-box {
  background: #faf9fc;
  padding: 30px 30px 30px;
}
.user-setting-section .input-info-box .content .varify-box .title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
}
.user-setting-section .input-info-box .content .varify-box i {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);;
  margin-left: 3px;
  margin-right: 3px;
  display: inline-block;
}
.user-setting-section .input-info-box .content .varify-box p {
  margin-bottom: 0px;
}
.user-setting-section .input-info-box .content .varify-box .list li {
  margin-bottom: 20px;
}
.user-setting-section .input-info-box .content .varify-box .list li:last-child {
  margin-bottom: 0px;
}
.user-setting-section .input-info-box .content .varify-box .list li span {
  display: block;
  padding-left: 30px;
  color: #737171;
}
.user-setting-section .input-info-box .content .varify-box .list2 li {
  font-weight: 700;
  color: #333333;
}
.user-setting-section .input-info-box .content .varify-box .list2 li i {
  color: #333333;
  background: none;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
  margin-right: 10px;
  font-size: 14px;
}
.user-setting-section .input-info-box .select-payment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 30px;
}
.user-setting-section .input-info-box .select-payment .option {
  width: 90px;
  height: 80px;
  display: inline-block;
  font-size: 12px;
  color: #7e8eaa;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #a6a6cb;
  border-radius: 10px;
  margin: 0px 10px;
  padding: 10px 0px 3px;
  cursor: pointer;
  position: relative;
}
.user-setting-section .input-info-box .select-payment .option i {
  position: absolute;
  color: #4441e7;
  font-size: 20px;
  background: #fff;
  top: -7px;
  right: -7px;
  visibility: hidden;
}
.user-setting-section .input-info-box .select-payment .option:hover, .user-setting-section .input-info-box .select-payment .option.active {
  border-color: #4441e7;
}
.user-setting-section .input-info-box .select-payment .option:hover i, .user-setting-section .input-info-box .select-payment .option.active i {
  visibility: visible;
}
.user-setting-section .input-info-box .my-table .table-filter {
  margin-bottom: 30px;
}
.user-setting-section .input-info-box .my-table .table-filter .my-input-box {
  position: relative;
}
.user-setting-section .input-info-box .my-table .table-filter .my-input-box label {
  font-size: 12px;
  color: #afb0c0;
  position: absolute;
  top: -12px;
  left: 15px;
  background: #fff;
  padding: 0px 5px;
}
.user-setting-section .input-info-box .my-table .table-filter .my-input-box input {
  border-color: #cfd0d9;
  border-radius: 10px;
  padding: 0px 15px;
  height: 60px !important;
}
.user-setting-section .input-info-box .my-table .table-filter .custom-button {
  height: 60px;
  border-radius: 10px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.user-setting-section .input-info-box .my-table .table-filter .custom-button:focus {
  outline: 0px;
}
.user-setting-section .input-info-box .my-table .table thead {
  background: #f8f7ff;
}
.user-setting-section .input-info-box .my-table .table thead th {
  font-size: 14px;
}
.user-setting-section .input-info-box .my-table .table td {
  font-size: 14px;
  font-weight: 700;
}
.user-setting-section .input-info-box .my-table .table td.green {
  color: #38bd5e;
}
.user-setting-section .input-info-box .my-table .table td.gray {
  color: #9192a6;
}
.user-setting-section .input-info-box .my-table .table td.dark {
  color: #3e3f5e;
}
.user-setting-section .buttons .custom-button {
  display: inline-block;
  width: auto;
}
.user-setting-section .buttons .custom-button2 {
  display: inline-block;
  padding: 11px 35px;
  font-weight: 600;
  width: auto;
  border-radius: 50px;
  margin-left: 20px;
  height: auto;
  border: 2px solid rgba(0, 0, 0, 0.1);
}
.user-setting-section .frind-box {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 20px;
}
.user-setting-section .frind-box .single-friend {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.user-setting-section .frind-box .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.user-setting-section .frind-box .left img {
  width: 80px;
  margin-right: 20px;
}
.user-setting-section .frind-box .left .content .name {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
}
.user-setting-section .frind-box .left .content .name i {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);;
  margin-left: 5px;
}
.user-setting-section .frind-box .left .content .separator {
  width: 2px;
  height: 15px;
  background: #777;
  margin-left: 10px;
  margin-right: 10px;
  display: inline-block;
  position: relative;
  top: 2px;
}
.user-setting-section .frind-box .left .content .location i {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);;
  margin-right: 4px;
}
.user-setting-section .frind-box .right {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
.user-setting-section .frind-box .right .accept {
  font-size: 16px;
  font-weight: 600;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 5px 20px;
  border-radius: 50px;
  margin-right: 10px;
}
.user-setting-section .frind-box .right .accept:hover {
  color: #fff;
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);;
}
.user-setting-section .frind-box .right .ignore {
  color: #777;
  font-weight: 600;
}
.user-setting-section .badge-box {
  border-style: solid;
  border-width: 1px;
  border-color: rgb(211, 218, 244);
  border-radius: 10px;
  background-color: rgb(255, 255, 255);
  -webkit-box-shadow: 0px 0px 40px 0px rgba(94, 92, 154, 0.12);
          box-shadow: 0px 0px 40px 0px rgba(94, 92, 154, 0.12);
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px;
}
.user-setting-section .badge-box .img {
  background: #f1f3f9;
  padding: 20px;
  border-radius: 20px;
  display: inline-block;
  margin-bottom: 30px;
}
.user-setting-section .badge-box .content {
  padding: 0px 30px;
}
.user-setting-section .badge-box .content h4 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 8px;
}
.user-setting-section .badge-box .content p {
  font-size: 18px;
  line-height: 28px;
  color: #61639a;
}
.user-setting-section .badge-box .bottom-content {
  padding: 20px 20px 0px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.user-setting-section .badge-box .bottom-content .p-wrapper {
  padding: 15px 20px;
  border-style: solid;
  border-width: 1px;
  border-color: rgb(226, 227, 235);
  background-color: rgba(113, 115, 198, 0.051);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 50px;
}
.user-setting-section .badge-box .bottom-content .p-wrapper .progress {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-radius: 50px;
  height: 15px;
}
.user-setting-section .badge-box .bottom-content .p-wrapper .progress .progress-bar {
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);;
}
.user-setting-section .badge-box .bottom-content .p-wrapper .persent {
  display: inline-block;
  font-size: 14px;
  line-height: 14px;
  font-weight: 700;
  margin-left: 10px;
}
.user-setting-section .single-plan {
  margin-bottom: 30px;
}

#settingnotification .bottom-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
#settingnotification .bottom-area .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#settingnotification .bottom-area .left .icon {
  width: 40px;
  height: 40px;
  background: #f6e9f9;
  line-height: 40px;
  border-radius: 50%;
  text-align: center;
  margin-right: 20px;
  font-size: 16px;
}
#settingnotification .bottom-area .left .icon i {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  background-image: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);;
}
#settingnotification .bottom-area .left span {
  font-size: 18px;
}
#settingnotification .bottom-area .right .toggle-button {
  position: relative;
  top: -8px;
}
#settingnotification .bottom-area .right .toggle-button input[type=checkbox] {
  height: 0;
  width: 0;
  visibility: hidden;
}
#settingnotification .bottom-area .right .toggle-button label {
  cursor: pointer;
  text-indent: -9999px;
  width: 70px;
  height: 35px;
  background: grey;
  display: block;
  border-radius: 100px;
  position: relative;
}
#settingnotification .bottom-area .right .toggle-button label:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  width: 33px;
  height: 33px;
  background: #fff;
  border-radius: 90px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
#settingnotification .bottom-area .right .toggle-button input:checked + label {
  background: #7b3cf6;
}
#settingnotification .bottom-area .right .toggle-button input:checked + label:after {
  left: calc(100% - 1px);
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}
#settingnotification .bottom-area .right .toggle-button label:active:after {
  width: 130px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-20px {
  margin-top: 20px;
}

#usermessage .modal-content {
  position: relative;
}
#usermessage .modal-content .close {
  position: absolute;
  z-index: 9;
  right: 5px;
  top: 1px;
}
#usermessage .modal-body {
  padding: 0px;
}

#mycontainer {
  width: 100%;
  height: 800px;
  background: #eff3f7;
  margin: 0 auto;
  font-size: 0;
  border-radius: 5px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#mycontainer aside {
  width: 260px;
  height: 800px;
  background-color: #3b3e49;
  display: inline-block;
  font-size: 15px;
  vertical-align: top;
}

#mycontainer main {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 800px;
  display: inline-block;
  font-size: 15px;
  vertical-align: top;
}

#mycontainer aside header {
  padding: 30px 20px;
}

#mycontainer aside input {
  width: 100%;
  height: 50px;
  line-height: 50px;
  padding: 0 50px 0 20px;
  background-color: #5e616a;
  border: none;
  border-radius: 3px;
  color: #fff;
  background-image: url(../../../../s.cdpn.io/1940306/ico_search.png);
  background-repeat: no-repeat;
  background-position: 170px;
  background-size: 40px;
}

#mycontainer aside input::-webkit-input-placeholder {
  color: #fff;
}

#mycontainer aside input::-moz-placeholder {
  color: #fff;
}

#mycontainer aside input:-ms-input-placeholder {
  color: #fff;
}

#mycontainer aside input::-ms-input-placeholder {
  color: #fff;
}

#mycontainer aside input::placeholder {
  color: #fff;
}

#mycontainer aside ul {
  padding-left: 0;
  margin: 0;
  list-style-type: none;
  overflow-y: scroll;
  height: 690px;
}

#mycontainer aside li {
  padding: 10px 0;
}

#mycontainer aside li:hover {
  background-color: #5e616a;
}

#mycontainer h2,
#mycontainer h3 {
  margin: 0;
}

#mycontainer aside li img {
  border-radius: 50%;
  margin-left: 20px;
  margin-right: 8px;
}

#mycontainer aside li div {
  display: inline-block;
  vertical-align: top;
  margin-top: 12px;
}

#mycontainer aside li h2 {
  font-size: 14px;
  line-height: 19px;
  color: #fff;
  font-weight: normal;
  margin-bottom: 5px;
}

#mycontainer aside li h3 {
  font-size: 12px;
  line-height: 15px;
  color: #7e818a;
  font-weight: normal;
}

#mycontainer .status {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 7px;
}

#mycontainer .green {
  background-color: #58b666;
}

#mycontainer .orange {
  background-color: #ff725d;
}

#mycontainer .blue {
  background-color: #6fbced;
  margin-right: 0;
  margin-left: 7px;
}

#mycontainer main header {
  padding: 15px 20px 15px 30px;
}

#mycontainer main header > * {
  display: inline-block;
  vertical-align: top;
}

#mycontainer main header img:first-child {
  border-radius: 50%;
}

#mycontainer main header img:last-child {
  width: 24px;
  margin-top: 8px;
}

#mycontainer main header div {
  margin-left: 10px;
  margin-right: 145px;
}

#mycontainer main header h2 {
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 5px;
}

#mycontainer main header h3 {
  font-size: 14px;
  font-weight: normal;
  color: #7e818a;
}

#mycontainer #chat {
  padding-left: 0;
  margin: 0;
  list-style-type: none;
  overflow-y: scroll;
  height: 535px;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
}

#mycontainer #chat li {
  padding: 10px 30px;
}

#mycontainer #chat h2,
#mycontainer #chat h3 {
  display: inline-block;
  font-size: 13px;
  line-height: 20px;
  font-weight: normal;
}

#mycontainer #chat h3 {
  color: #bbb;
}

#mycontainer #chat .entete {
  margin-bottom: 5px;
}

#mycontainer #chat .message {
  padding: 10px;
  color: #fff;
  line-height: 20px;
  font-size: 14px;
  max-width: 90%;
  display: inline-block;
  text-align: left;
  border-radius: 5px;
}

#mycontainer #chat .me {
  text-align: right;
}

#mycontainer #chat .you .message {
  background-color: #58b666;
}

#mycontainer #chat .me .message {
  background-color: #6fbced;
}

#mycontainer #chat .triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
}

#mycontainer #chat .you .triangle {
  border-color: transparent transparent #58b666 transparent;
  margin-left: 15px;
}

#mycontainer #chat .me .triangle {
  border-color: transparent transparent #6fbced transparent;
  margin-left: 430px;
}

#mycontainer main footer {
  height: 155px;
  padding: 20px 30px 10px 20px;
}

#mycontainer main footer textarea {
  resize: none;
  border: none;
  display: block;
  width: 100%;
  height: 80px;
  border-radius: 3px;
  padding: 20px;
  font-size: 13px;
  margin-bottom: 13px;
}

#mycontainer main footer textarea::-webkit-input-placeholder {
  color: #ddd;
}

#mycontainer main footer textarea::-moz-placeholder {
  color: #ddd;
}

#mycontainer main footer textarea:-ms-input-placeholder {
  color: #ddd;
}

#mycontainer main footer textarea::-ms-input-placeholder {
  color: #ddd;
}

#mycontainer main footer textarea::placeholder {
  color: #ddd;
}

#mycontainer main footer img {
  height: 30px;
  cursor: pointer;
}

#mycontainer main footer a {
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  color: #6fbced;
  vertical-align: top;
  margin-left: 333px;
  margin-top: 5px;
  display: inline-block;
}

#usernotification .modal-content {
  position: relative;
}
#usernotification .modal-content .close {
  position: absolute;
  z-index: 9;
  right: -5px;
  top: -11px;
  background: #fff;
  width: 20px;
  height: 20px;
  line-height: 18px;
  border-radius: 50%;
  opacity: 1;
  font-size: 19px;
  text-align: center;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  cursor: pointer;
}
#usernotification .modal-body {
  padding: 0px;
}
#usernotification .modal-body .header-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
#usernotification .modal-body .header-area h4 {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 0px;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  margin-top: 0px !important;
}
#usernotification .modal-body .header-area .links a {
  color: #707290;
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 0px;
  margin-left: 5px;
}
#usernotification .modal-body .notification-list .single-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 18px 30px 10px;
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
#usernotification .modal-body .notification-list .single-list .img {
  position: relative;
  width: 40px;
  height: 40px;
}
#usernotification .modal-body .notification-list .single-list .img img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
#usernotification .modal-body .notification-list .single-list .img .active {
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50px;
  background: #1ce36f;
  bottom: -1px;
  right: -1px;
  border: 2px solid #fff;
}
#usernotification .modal-body .notification-list .single-list .content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#usernotification .modal-body .notification-list .single-list .content .left {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#usernotification .modal-body .notification-list .single-list .content .left h5 {
  font-size: 14px;
  margin-bottom: 0px;
  line-height: 20px;
  color: #3e3f5e;
}
#usernotification .modal-body .notification-list .single-list .content .left h5 a {
  font-size: 14px;
  line-height: 20px;
  color: #00c7d9;
  display: inline-block;
  margin-bottom: 0px;
}
#usernotification .modal-body .notification-list .single-list .content .left span {
  font-size: 12px;
  line-height: 16px;
  color: #9192a6;
}
#usernotification .modal-body .notification-list .single-list .content .right {
  width: 50px;
  text-align: right;
}
#usernotification .modal-body .notification-list .single-list .content .right i {
  color: #dddee5;
}
#usernotification .modal-body .notification-list .single-list:hover {
  background: #f7f7fb;
}
#usernotification .modal-body .view-all-link {
  display: block;
  width: 100%;
  background: radial-gradient(circle at 30% 30%, #E63946 0%, #A01020 35%, #6B0F1A 70%, #1A0000 100%);
  text-align: center;
  color: #fff;
  padding: 12px 10px 12px;
}