/*-----------------------------------------------------------------------------------

    Template Name: ClassiFied
    Author: GrayGrids

-----------------------------------------------------------------------------------

    CSS INDEX
    ===================

    01.COMMON
    02.HEADER
    03.CATeGORY
    04.ADS CARD
    05.CHOOSE
    06.LOCATIONS
    07.COUNTER
    08.SERVICES
    10.PRICIE
    11.BLOG
    12.CALL TO ACTION
    13.FOOTER
    14.ABOUT
    15.TEAM
    16.TESTIMONIAL
    17.CATEGORIS PAGE
    18.PRODUCT PAGE
    19.PRODUCT DETAILS PAGE
    20.BLOG DETAILS PAGE
    21.POST ADS PAGE
    22.FAQ PAGE
    23.SIGN IN & SIGN UP PAGE
    24.ERROR PAGE
    25.CONTACT PAGE

-----------------------------------------------------------------------------------*/
/*===========================
      01.COMMON css 
===========================*/
/* @import url('https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); */
body {
 
  font-family: "Sarabun", sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #6D7588;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{padding-right: 7px;
    padding-left: 7px;}
img {
  max-width: 100%; }

a:focus,
input:focus,
textarea:focus,
button:focus {
  text-decoration: none;
  outline: none; }

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

i,
span,
a {
  display: inline-block; }

audio,
canvas,
iframe,
img,
svg,
video {

  vertical-align: middle; }
  @media(min-width:1200px){    .container {
    max-width: 1200px;
}}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  color: #3C4559;
  margin: 0px; }

h1 {
  font-size: 48px; }

h2 {
  font-size: 36px; }

h3 {
  font-size: 28px; }

h4 {
  font-size: 22px; }

h5 {
  font-size: 18px; }

h6 {
  font-size: 16px; }

ul, ol {
  margin: 0px;
  padding: 0px;
  list-style-type: none; }

p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #6D7588;
  margin: 0px; }

.bg_cover {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%; }

  .see-more{    background: #e71e5f;
    border: none;
    padding: 10px 25px;
    border-radius: 6px;
    color: white;
}.see-more:hover,.see-more:focus{background: #112b64;
  border: none;
  padding: 10px 25px;
  border-radius: 6px;
  color: white;}.pagination_wrapper.mt-20{    display: flex
    ;
        align-items: center;
        justify-content: flex-start;
       
        background: white;
        border-radius: 50px;
        }.pagination_wrapper.mt-20 nav{    gap: 10px;}
        .pagination_wrapper.mt-20 nav .hidden.sm\:flex-1.sm\:flex.sm\:items-center.sm\:justify-between{display: flex
          ;
              gap: 10px;
              align-items: center;}@media(max-width:576px){
                .pagination_wrapper.mt-20 nav .hidden.sm\:flex-1.sm\:flex.sm\:items-center.sm\:justify-between{flex-direction: column;}
              }.pagination_wrapper.mt-20 nav .flex.justify-between.flex-1.sm\:hidden {
                display: none;
            }.pagination_wrapper.mt-20 nav span.relative.inline-flex.items-center.px-2.py-2.text-sm.font-medium.text-gray-500.bg-white.border.border-gray-300.cursor-default.rounded-l-md.leading-5.dark\:bg-gray-800.dark\:border-gray-600,.pagination_wrapper.mt-20 nav a.relative.inline-flex.items-center.px-2.py-2.-ml-px.text-sm.font-medium.text-gray-500.bg-white.border.border-gray-300.rounded-r-md.leading-5.hover\:text-gray-400.focus\:z-10.focus\:outline-none.focus\:ring.ring-gray-300.focus\:border-blue-300.active\:bg-gray-100.active\:text-gray-500.transition.ease-in-out.duration-150.dark\:bg-gray-800.dark\:border-gray-600.dark\:active\:bg-gray-700.dark\:focus\:border-blue-800 {
              width: 34px;
          }span[aria-current="page"] span {background: #e71e5f !important;
            color: white;
            font-weight: 600;}
          a[aria-label^="Go to"] {color: #ffffff;
            background: #112b64 !important;}
          a[rel="prev"],a[rel="next"]{    width: 35px;
            background: #112b64 !important;
            color: #ffffff;}
/*===== All Button Style =====*/
.main-btn {
  display: inline-block;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 0;
  padding: 0 25px;
  font-size: 16px;
  height: 50px;
  line-height: 50px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  z-index: 5;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
  background-color: #FF4367;     border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;}
  .main-btn:hover {
    background-color: rgba(255, 67, 103, 0.7);
    color: #fff; }
  .main-btn.main-btn-2 {
    background-color: #fff;
    color: #FF4367; }
    .main-btn.main-btn-2:hover {
      background-color: rgba(255, 255, 255, 0.6); }

/*===== All Section Title Style =====*/
.section_title .title {
  font-size: 34px;
  font-weight: 700;
  padding-top: 3px; padding-left:15px; }
  .section_title .title::before{    content: '';
    position: absolute;
    width: 10px;
    /* height: 100px; */
    /* display: block; */
    border-top: 20px solid #E71E5F;
    border-bottom: 20px solid #E71E5F;
    /* border: 10px solid; */
    left: 0px;}

  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section_title .title {
      font-size: 36px; } }
  @media (max-width: 767px) {
    .section_title .title {
      font-size: 20px; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .section_title .title {
      font-size: 30px; } }

/*===== All Section Title Style =====*/
.pagination_wrapper .pagination li {
  margin: 0 10px; }
  @media (max-width: 767px) {
    .pagination_wrapper .pagination li {
      margin: 0 6px; } }
  .pagination_wrapper .pagination li a {
    font-size: 16px;
    color: #6D7588; }
  .pagination_wrapper .pagination li .Previous, .pagination_wrapper .pagination li .next {
    line-height: 50px;
    text-align: center;
    padding: 0 10px;
    font-size: 24px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s; }
    @media (max-width: 767px) {
      .pagination_wrapper .pagination li .Previous, .pagination_wrapper .pagination li .next {
        line-height: 38px; } }
    .pagination_wrapper .pagination li .Previous:hover, .pagination_wrapper .pagination li .next:hover {
      color: #463CE5; }
  .pagination_wrapper .pagination li .number {
    width: 50px;
    height: 50px;
    border: 1px solid rgba(210, 210, 210, 0.7);
    border-radius: 50%;
    line-height: 48px;
    text-align: center;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s; }
    @media (max-width: 767px) {
      .pagination_wrapper .pagination li .number {
        height: 40px;
        line-height: 38px;
        width: 40px; } }
    .pagination_wrapper .pagination li .number.active, .pagination_wrapper .pagination li .number:hover {
      background-color: #463CE5;
      border-color: #463CE5;
      color: #fff; }

/*===== All Slick Slide Outline Style =====*/
.slick-slide {
  outline: 0; }

/*===== All Preloader Style =====*/
.preloader {
  /* Body Overlay */
  position: fixed;
  top: 0;
  left: 0;
  display: table;
  height: 100%;
  width: 100%;
  /* Change Background Color */
  background: #fff;
  z-index: 99999; }
  .preloader .loader {
    display: table-cell;
    vertical-align: middle;
    text-align: center; }
    .preloader .loader .ytp-spinner {
      position: absolute;
      left: 50%;
      top: 50%;
      width: 64px;
      margin-left: -32px;
      z-index: 18;
      pointer-events: none; }
      .preloader .loader .ytp-spinner .ytp-spinner-container {
        pointer-events: none;
        position: absolute;
        width: 100%;
        padding-bottom: 100%;
        top: 50%;
        left: 50%;
        margin-top: -50%;
        margin-left: -50%;
        -webkit-animation: ytp-spinner-linspin 1568.23529647ms linear infinite;
        -moz-animation: ytp-spinner-linspin 1568.23529647ms linear infinite;
        -o-animation: ytp-spinner-linspin 1568.23529647ms linear infinite;
        animation: ytp-spinner-linspin 1568.23529647ms linear infinite; }
        .preloader .loader .ytp-spinner .ytp-spinner-container .ytp-spinner-rotator {
          position: absolute;
          width: 100%;
          height: 100%;
          -webkit-animation: ytp-spinner-easespin 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
          -moz-animation: ytp-spinner-easespin 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
          -o-animation: ytp-spinner-easespin 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
          animation: ytp-spinner-easespin 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }
          .preloader .loader .ytp-spinner .ytp-spinner-container .ytp-spinner-rotator .ytp-spinner-left {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            overflow: hidden;
            right: 50%; }
          .preloader .loader .ytp-spinner .ytp-spinner-container .ytp-spinner-rotator .ytp-spinner-right {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            overflow: hidden;
            left: 50%; }
    .preloader .loader .ytp-spinner-circle {
      box-sizing: border-box;
      position: absolute;
      width: 200%;
      height: 100%;
      border-style: solid;
      /* Spinner Color */
      border-color: #FF4367 #FF4367 #F4F5F7;
      border-radius: 50%;
      border-width: 6px; }
    .preloader .loader .ytp-spinner-left .ytp-spinner-circle {
      left: 0;
      right: -100%;
      border-right-color: #F4F5F7;
      -webkit-animation: ytp-spinner-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
      -moz-animation: ytp-spinner-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
      -o-animation: ytp-spinner-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
      animation: ytp-spinner-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }
    .preloader .loader .ytp-spinner-right .ytp-spinner-circle {
      left: -100%;
      right: 0;
      border-left-color: #F4F5F7;
      -webkit-animation: ytp-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
      -moz-animation: ytp-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
      -o-animation: ytp-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
      animation: ytp-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

/* Preloader Animations */
@-webkit-keyframes ytp-spinner-linspin {
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes ytp-spinner-linspin {
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-webkit-keyframes ytp-spinner-easespin {
  12.5% {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg); }
  25% {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg); }
  37.5% {
    -webkit-transform: rotate(405deg);
    -moz-transform: rotate(405deg);
    -ms-transform: rotate(405deg);
    -o-transform: rotate(405deg);
    transform: rotate(405deg); }
  50% {
    -webkit-transform: rotate(540deg);
    -moz-transform: rotate(540deg);
    -ms-transform: rotate(540deg);
    -o-transform: rotate(540deg);
    transform: rotate(540deg); }
  62.5% {
    -webkit-transform: rotate(675deg);
    -moz-transform: rotate(675deg);
    -ms-transform: rotate(675deg);
    -o-transform: rotate(675deg);
    transform: rotate(675deg); }
  75% {
    -webkit-transform: rotate(810deg);
    -moz-transform: rotate(810deg);
    -ms-transform: rotate(810deg);
    -o-transform: rotate(810deg);
    transform: rotate(810deg); }
  87.5% {
    -webkit-transform: rotate(945deg);
    -moz-transform: rotate(945deg);
    -ms-transform: rotate(945deg);
    -o-transform: rotate(945deg);
    transform: rotate(945deg); }
  to {
    -webkit-transform: rotate(1080deg);
    -moz-transform: rotate(1080deg);
    -ms-transform: rotate(1080deg);
    -o-transform: rotate(1080deg);
    transform: rotate(1080deg); } }
@keyframes ytp-spinner-easespin {
  12.5% {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg); }
  25% {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg); }
  37.5% {
    -webkit-transform: rotate(405deg);
    -moz-transform: rotate(405deg);
    -ms-transform: rotate(405deg);
    -o-transform: rotate(405deg);
    transform: rotate(405deg); }
  50% {
    -webkit-transform: rotate(540deg);
    -moz-transform: rotate(540deg);
    -ms-transform: rotate(540deg);
    -o-transform: rotate(540deg);
    transform: rotate(540deg); }
  62.5% {
    -webkit-transform: rotate(675deg);
    -moz-transform: rotate(675deg);
    -ms-transform: rotate(675deg);
    -o-transform: rotate(675deg);
    transform: rotate(675deg); }
  75% {
    -webkit-transform: rotate(810deg);
    -moz-transform: rotate(810deg);
    -ms-transform: rotate(810deg);
    -o-transform: rotate(810deg);
    transform: rotate(810deg); }
  87.5% {
    -webkit-transform: rotate(945deg);
    -moz-transform: rotate(945deg);
    -ms-transform: rotate(945deg);
    -o-transform: rotate(945deg);
    transform: rotate(945deg); }
  to {
    -webkit-transform: rotate(1080deg);
    -moz-transform: rotate(1080deg);
    -ms-transform: rotate(1080deg);
    -o-transform: rotate(1080deg);
    transform: rotate(1080deg); } }
@-webkit-keyframes ytp-spinner-left-spin {
  0% {
    -webkit-transform: rotate(130deg);
    -moz-transform: rotate(130deg);
    -ms-transform: rotate(130deg);
    -o-transform: rotate(130deg);
    transform: rotate(130deg); }
  50% {
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  to {
    -webkit-transform: rotate(130deg);
    -moz-transform: rotate(130deg);
    -ms-transform: rotate(130deg);
    -o-transform: rotate(130deg);
    transform: rotate(130deg); } }
@keyframes ytp-spinner-left-spin {
  0% {
    -webkit-transform: rotate(130deg);
    -moz-transform: rotate(130deg);
    -ms-transform: rotate(130deg);
    -o-transform: rotate(130deg);
    transform: rotate(130deg); }
  50% {
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  to {
    -webkit-transform: rotate(130deg);
    -moz-transform: rotate(130deg);
    -ms-transform: rotate(130deg);
    -o-transform: rotate(130deg);
    transform: rotate(130deg); } }
@-webkit-keyframes ytp-right-spin {
  0% {
    -webkit-transform: rotate(-130deg);
    -moz-transform: rotate(-130deg);
    -ms-transform: rotate(-130deg);
    -o-transform: rotate(-130deg);
    transform: rotate(-130deg); }
  50% {
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg); }
  to {
    -webkit-transform: rotate(-130deg);
    -moz-transform: rotate(-130deg);
    -ms-transform: rotate(-130deg);
    -o-transform: rotate(-130deg);
    transform: rotate(-130deg); } }
@keyframes ytp-right-spin {
  0% {
    -webkit-transform: rotate(-130deg);
    -moz-transform: rotate(-130deg);
    -ms-transform: rotate(-130deg);
    -o-transform: rotate(-130deg);
    transform: rotate(-130deg); }
  50% {
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg); }
  to {
    -webkit-transform: rotate(-130deg);
    -moz-transform: rotate(-130deg);
    -ms-transform: rotate(-130deg);
    -o-transform: rotate(-130deg);
    transform: rotate(-130deg); } }
/*===========================
       02.HEADER css 
===========================*/
/*===== Header Navbar =====*/
.header_navbar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  /*background-color: #fff; */}
  .header_navbar.sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color:#112b64;
    -webkit-box-shadow: 0px 10px 25px 0px rgba(34, 34, 34, 0.15);
    -moz-box-shadow: 0px 10px 25px 0px rgba(34, 34, 34, 0.15);
    box-shadow: 0px 10px 25px 0px rgba(34, 34, 34, 0.15);
    z-index: 99;
    -webkit-animation: sticky 1.5s;
    -moz-animation: sticky 1.5s;
    -o-animation: sticky 1.5s;
    animation: sticky 1.5s; }
    .header_navbar.sticky::before {
      display: none; }

@-webkit-keyframes sticky {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); } }
@keyframes sticky {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); } }
.navbar {
  padding: 0;
  position: relative; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .navbar {
      padding: 15px 0; } }
  @media (max-width: 767px) {
    .navbar {
      padding: 0px 0; } }

.navbar-brand img {
 }
@media (max-width: 767px) {
  .navbar-brand {
    width: 130px; } }

.navbar-toggler {
  padding: 0; }
  .navbar-toggler .toggler-icon {
    width: 30px;
    height: 2px;
    background-color: #fff;
    display: block;
    margin: 5px 0;
    position: relative;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s; }
  .navbar-toggler.active .toggler-icon:nth-of-type(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 7px; }
  .navbar-toggler.active .toggler-icon:nth-of-type(2) {
    opacity: 0; }
  .navbar-toggler.active .toggler-icon:nth-of-type(3) {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    top: -7px; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .navbar-collapse {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 9;
    -webkit-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.1);
    padding: 5px 12px; } }
@media (max-width: 767px) {
  .navbar-collapse {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 9;
    -webkit-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.1);
    padding: 5px 12px;     margin-left: -10px;
    width: 100vw;}.navbar-nav.ml-auto{height: calc(100vh - 73px);
      overflow-y: auto;} }

.navbar-nav li {
  position: relative;
  margin: 0 13px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .navbar-nav li {
      margin: 0 15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .navbar-nav li {
      margin: 0; } }
  @media (max-width: 767px) {
    .navbar-nav li {
      margin: 0; } }
  .navbar-nav li a {
    font-size: 16px;
    font-weight: 400;
    padding: 10px 0;
    color: #fff;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .navbar-nav li a {
        padding: 10px 0; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .navbar-nav li a {
        display: block;
        padding: 6px 0; color:#3c4559} }
    @media (max-width: 767px) {
      .navbar-nav li a {
        display: block;
        padding: 6px 0; color:#112b64} }
    .navbar-nav li a i {
      font-size: 16px;
      margin-left: 5px; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .navbar-nav li a i {
          display: none; } }
      @media (max-width: 767px) {
        .navbar-nav li a i {
          display: none; } }
    .navbar-nav li a .line {
      position: absolute;
      width: 80%;
      height: 2px;
      background-color: #FF4367;
      left: 0;
      bottom: 5px;
      opacity: 0; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .navbar-nav li a .line {
          display: none; } }
      @media (max-width: 767px) {
        .navbar-nav li a .line {
          display: none; } }
      .navbar-nav li a .line::before, .navbar-nav li a .line::after {
        position: absolute;
        content: '';
        width: 3px;
        height: 2px;
        background-color: #FF4367;
        right: -5px; }
      .navbar-nav li a .line::after {
        right: -10px; }
    .navbar-nav li a.active {
      color: #FF4367; }
      .navbar-nav li a.active span {
        opacity: 1; }
    .navbar-nav li a .sub-nav-toggler {
      display: none; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .navbar-nav li a .sub-nav-toggler {
          display: block;
          position: absolute;
          right: 0;
          top: 0;
          background: none;
          color: #6D7588;
          font-size: 16px;
          border: 0;
          width: 35px;
          height: 35px; } }
      @media (max-width: 767px) {
        .navbar-nav li a .sub-nav-toggler {
          display: block;
          position: absolute;
          right: 0;
          top: 0;
          background: none;
          color: #6D7588;
          font-size: 16px;
          border: 0;
          width: 35px;
          height: 35px; } }
      .navbar-nav li a .sub-nav-toggler span {
        width: 8px;
        height: 8px;
        border-left: 1px solid #222;
        border-bottom: 1px solid #222;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        position: relative;
        top: -5px; }
  .navbar-nav li:hover > a {
    color: #FF4367; }
  .navbar-nav li .sub-menu {
    position: absolute;
    top: 120%;
    left: 0;
    width: 160px;
    background-color: #fff;
    border-top: 2px solid #FF4367;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    -webkit-box-shadow: 0px 10px 25px 0px rgba(34, 34, 34, 0.15);
    -moz-box-shadow: 0px 10px 25px 0px rgba(34, 34, 34, 0.15);
    box-shadow: 0px 10px 25px 0px rgba(34, 34, 34, 0.15); }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .navbar-nav li .sub-menu {
        position: relative;
        width: 100%;
        top: 0;
        display: none;
        opacity: 1;
        visibility: visible;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        -webkit-transition: all 0s ease-out 0s;
        -moz-transition: all 0s ease-out 0s;
        -ms-transition: all 0s ease-out 0s;
        -o-transition: all 0s ease-out 0s;
        transition: all 0s ease-out 0s; } }
    @media (max-width: 767px) {
      .navbar-nav li .sub-menu {
        position: relative;
        width: 100%;
        top: 0;
        display: none;
        opacity: 1;
        visibility: visible;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        -webkit-transition: all 0s ease-out 0s;
        -moz-transition: all 0s ease-out 0s;
        -ms-transition: all 0s ease-out 0s;
        -o-transition: all 0s ease-out 0s;
        transition: all 0s ease-out 0s; } }
    .navbar-nav li .sub-menu li {
      position: relative;
      margin: 0; }
      .navbar-nav li .sub-menu li a {
        padding: 8px 15px;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
        display: block;
        color: #3C4559;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
        font-size: 13px;
        font-weight: 400; }
        .navbar-nav li .sub-menu li a i {
          float: right; }
        .navbar-nav li .sub-menu li a.active {
          color: #fff;
          background-color: #FF4367; }
      .navbar-nav li .sub-menu li:hover > a {
        color: #fff;
        background-color: #FF4367; }
        .navbar-nav li .sub-menu li:hover > a .sub-nav-toggler span {
          border-left-color: #fff;
          border-bottom-color: #fff; }
      .navbar-nav li .sub-menu li .sub-menu {
        top: -2px;
        left: 100%; }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .navbar-nav li .sub-menu li .sub-menu {
            top: 0;
            left: 0;
            padding-left: 20px; } }
        @media (max-width: 767px) {
          .navbar-nav li .sub-menu li .sub-menu {
            top: 0;
            left: 0;
            padding-left: 20px; } }
  .navbar-nav li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    top: 100%; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .navbar-nav li:hover > .sub-menu {
        top: 0; } }
    @media (max-width: 767px) {
      .navbar-nav li:hover > .sub-menu {
        top: 0; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .navbar_btn {
    position: absolute;
    top: 50%;
    right: 50px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); } }
@media (max-width: 767px) {
  .navbar_btn {
    position: absolute;
    top: 50%;
    right: 45px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); } }
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .navbar_btn {
    right: 50px; } }
.navbar_btn ul li {
  display: inline-block; }
  .navbar_btn ul li + li {
    margin-left: 30px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .navbar_btn ul li + li {
        margin-left: 20px; } }
        .telegram-join{    padding: 0 10px!important;
          height: 40px;
          line-height: 40px;
          text-align: center;
          border-radius: 3px;
          background-color: #FF4367;
          color: #fff!important;
          -webkit-transition: all 0.3s ease-out 0s;
          -moz-transition: all 0.3s ease-out 0s;
          -ms-transition: all 0.3s ease-out 0s;
          -o-transition: all 0.3s ease-out 0s;
          transition: all 0.3s ease-out 0s;
          font-size: 16px;}
          .telegram-join:hover {
            background-color: rgb(231 30 95);color:white!important; }
  .navbar_btn ul li .sign-up {
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 3px;
    background-color: #FF4367;
    color: #fff;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    font-size: 16px; }
    @media (max-width: 767px) {
      .navbar_btn ul li .sign-up {
        display: none; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .navbar_btn ul li .sign-up {
        display: block; } }
    .navbar_btn ul li .sign-up:hover {
      background-color: rgba(255, 67, 103, 0.7); }
.navbar_btn .dropdown a {
  padding: 10px 0;
  color: #fff;
  font-size: 16px; }
  @media (max-width: 767px) {
    .navbar_btn .dropdown a {
      font-size: 14px;
      padding: 26px 0; } }
  .navbar_btn .dropdown a.dropdown-toggle {
    padding-right: 10px; }
    .navbar_btn .dropdown a.dropdown-toggle::after {
      width: 8px;
      height: 8px;
      border-left: 2px solid #fff;
      border-bottom: 2px solid #fff;
      border-top: 0;
      border-right: 0;
      right: -9px;
      position: relative;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg); }
.navbar_btn .dropdown .dropdown-menu {
  padding: 0;
  border-radius: 0;
  border: 0;
  width: 190px;
  background-color: #fff;
  border-top: 2px solid #FF4367;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  -webkit-box-shadow: 0px 10px 25px 0px rgba(34, 34, 34, 0.15);
  -moz-box-shadow: 0px 10px 25px 0px rgba(34, 34, 34, 0.15);
  box-shadow: 0px 10px 25px 0px rgba(34, 34, 34, 0.15);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  left: -40px; }
  .navbar_btn .dropdown .dropdown-menu ul li {
    display: block; }
    .navbar_btn .dropdown .dropdown-menu ul li + li {
      margin-left: 0; }
    .navbar_btn .dropdown .dropdown-menu ul li a {
      padding: 8px 15px;
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s;
      display: block;
      color: #3C4559;
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s;
      font-size: 15px;
      font-weight: 400; }
      .navbar_btn .dropdown .dropdown-menu ul li a i {
        margin-right: 5px; }
      .navbar_btn .dropdown .dropdown-menu ul li a.active {
        color: #fff;
        background-color: #FF4367; }
    .navbar_btn .dropdown .dropdown-menu ul li:hover > a {
      color: #fff;
      background-color: #FF4367; }
      .header_area{
        background: transparent linear-gradient(180deg, #112B64 0%, #F2F4F9 100%) 0% 0% no-repeat padding-box;
      }

/*===== Header Navbar transparent =====*/
.navbar_transparent::before {
  display: none; }
.navbar_transparent .navbar {
  background-color: transparent;
  padding-left: 0;
  padding-right: 0; }
.navbar_transparent .navbar-toggler .toggler-icon {
  background-color: #fff; }
.navbar_transparent .navbar-nav {
  margin-right: 10px; }
  .navbar_transparent .navbar-nav li a {
    color: #fff; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .navbar_transparent .navbar-nav li a {
        color: #3C4559; } }
    @media (max-width: 767px) {
      .navbar_transparent .navbar-nav li a {
        color: #3C4559; } }
    .navbar_transparent .navbar-nav li a.active {
      color: #FF4367; }
  .navbar_transparent .navbar-nav li:hover > a {
    color: #FF4367; }
  .navbar_transparent .navbar-nav li:last-child .sub-menu li .sub-menu {
    left: auto;
    right: 100%; }
.navbar_transparent.sticky .navbar-toggler .toggler-icon {
  background-color: #222; }
.navbar_transparent.sticky .navbar-nav li a {
  color: #3C4559; }
  .navbar_transparent.sticky .navbar-nav li a.active {
    color: #FF4367; }
.navbar_transparent.sticky .navbar-nav li:hover > a {
  color: #FF4367; }
.navbar_transparent.sticky .navbar-nav li .sub-menu li > a.active {
  color: #fff;
  background-color: #FF4367; }
.navbar_transparent.sticky .navbar-nav li .sub-menu li:hover > a {
  color: #fff;
  background-color: #FF4367; }

/*===== Header Navbar transparent =====*/
.navbar_transparent_2::before {
  display: none; }
.navbar_transparent_2 .navbar {
  background-color: transparent;
  padding-left: 0;
  padding-right: 0; }

/*===== Header Content =====*/
.top-headline{display: flex; justify-content: space-between; align-items: center;}
@media(max-width:767px){.top-headline{flex-direction: column; justify-content: flex-start;}}
.header_content {
  position: relative;
  z-index: 5;
  padding-top: 80px;
  padding-bottom: 20px; }
  .header_content::before {
    position: absolute;
    /*content: '';*/
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: -webkit-linear-gradient(left, rgba(103, 92, 255, 0.9) 40%, rgba(103, 92, 255, 0.3) 100%);
    background: -o-linear-gradient(left, rgba(103, 92, 255, 0.9) 40%, rgba(103, 92, 255, 0.3) 100%);
    background: linear-gradient(to right, rgba(103, 92, 255, 0.9) 40%, rgba(103, 92, 255, 0.3) 100%); }

.content_wrapper .title {
  font-size: 38px;
  font-weight: 700;
  color: #fff;line-height:1.2 }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .content_wrapper .title {
      font-size: 50px; } }
  @media (max-width: 767px) {
    .content_wrapper .title {
      font-size: 20px; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .content_wrapper .title {
      font-size: 40px; } }
.content_wrapper p {
  color: #fff;
  margin-top: 15px; }
.content_wrapper .header_btn {
  margin-top: 45px; }
  .content_wrapper .header_btn li {
    display: inline-block; }
    .content_wrapper .header_btn li + li {
      margin-left: 15px; }

.header_search {
  /*background-color: #fff;
  background-color: #463CE5;
  padding: 5px 10px 20px;*/
  background:transparent;
  border-radius: 5px;
  margin-top: 15px; }
  .header_search .search_column {
    width: 100%; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .header_search .search_column {
        width: 100%; } }
    @media (max-width: 767px) {
      /* .header_search .search_column {
        width: 100%; } */
       }
  .header_search .search_select {
    width: 50%;
    padding: 0 10px;
    position: relative; }
    @media (max-width: 767px) {
      .header_search .search_select {
        width: 100%; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .header_search .search_select {
        width: 50%; } }
    .header_search .search_select i {
      position: absolute;
      top: 50%;
      left: 25px;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      color: #3C4559; }
    .header_search .search_select .nice-select {
      float: none;
      height: 50px;
      line-height: 50px;
      padding-left: 40px; }
      .header_search .search_select .nice-select::after {
        display: none; }
      .header_search .search_select .nice-select .current {
        line-height: 50px;
        font-size: 16px;
        color: #222; }
      .header_search .search_select .nice-select .list {
        width: 100%;
        border-radius: 3px; }
        .header_search .search_select .nice-select .list .option {
          min-height: 30px;
          line-height: 30px;
          font-size: 14px; }
  .header_search .search_form {
    /*padding: 0 10px;*/
    position: relative;
    width: calc(100% - 120px);}
    @media (max-width: 767px) {
      .header_search .search_form {
        /* width: 100%;
        margin-bottom: 15px; */
      } .header_search .search_form input{
        /* border-radius: 5px!important; */
      }
    }

    .header_search .search_form input {
      width: 100%;
      height: 50px;
      padding: 25px;
      padding-left: 35px;
      border-radius: 5px;
      border: 0;     border-top-right-radius: 0px;
      border-bottom-right-radius: 0px;}
      .header_search .search_form input::placeholder {
        opacity: 1;
        color: #222; }
      .header_search .search_form input::-moz-placeholder {
        opacity: 1;
        color: #222; }
      .header_search .search_form input::-moz-placeholder {
        opacity: 1;
        color: #222; }
      .header_search .search_form input::-webkit-input-placeholder {
        opacity: 1;
        color: #222; }
    .header_search .search_form i {
      position: absolute;
      top: 50%;
      left: 25px;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
  .header_search .search_btn {
    width: 120px;
   /* padding: 0 10px;*/
    position: relative; }
    @media (max-width: 767px) {
      /* .header_search .search_btn {
        width: 100%; }  */
      }
   
    .header_search .search_btn .main-btn {
      width: 100%; }

.header_keyword {
  padding: 5px 10px 0; }
  .header_keyword .title {
    font-size: 16px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.5);
    margin-top: 10px; }
  @media (max-width: 767px) {
    .header_keyword .tags {
      margin-left: -15px; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .header_keyword .tags {
      margin-left: 0; } }
  .header_keyword .tags li {
    margin-left: 18px;
    display: inline-block;
    margin-top: 10px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .header_keyword .tags li {
        margin-left: 16px; } }
    @media (max-width: 767px) {
      .header_keyword .tags li {
        margin-left: 15px; } }
    .header_keyword .tags li a {
      font-size: 16px;
      color: #fff; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .header_keyword .tags li a {
          font-size: 14px; } }
      @media (max-width: 767px) {
        .header_keyword .tags li a {
          font-size: 14px; } }

/*===== Page Banner =====*/
.page_banner {
  position: relative;
  z-index: 5;
  padding-top: 90px;
  padding-bottom: 35px; }
  .product_details_sidebar .product_owner_wrapper a.btn-danger {background-color: #16a14f;border-color:#16a14f;}
  .product_details_sidebar .product_owner_wrapper a.btn-danger:hover{background-color: #187c41;border-color: #187c41;} 
  .product_details_sidebar .product_owner_wrapper a.btn-primary {}
  .product_details_sidebar .product_owner_wrapper a.btn-danger img,.product_details_sidebar .product_owner_wrapper a.btn-primary img{filter:invert(1);margin-right:5px;}
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .page_banner {
      padding-top: 175px;
      padding-bottom: 95px; } }
  @media (max-width: 767px) {
    .page_banner {
      padding-top: 175px;
      padding-bottom: 95px; } }
  .page_banner::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: transparent linear-gradient(180deg, #112B64 0%, #F2F4F9 100%) 0% 0% no-repeat padding-box;}

.page_banner_content .title {
  font-size: 40px;
  font-weight: 700;
  color: #fff; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .page_banner_content .title {
      font-size: 44px; } }
  @media (max-width: 767px) {
    .page_banner_content .title {
      font-size: 32px; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .page_banner_content .title {
      font-size: 38px; } }
.page_banner_content .breadcrumb {
  padding: 0;
  margin-bottom: 0;
  border-radius: 0;
  background: none;
  margin-top: 30px; }
  .page_banner_content .breadcrumb li {
    position: relative;
    font-size: 16px;
    font-weight: 400;
    color: #fff; }
    @media (max-width: 767px) {
      .page_banner_content .breadcrumb li {
        font-size: 14px; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .page_banner_content .breadcrumb li {
        font-size: 16px; } }
    .page_banner_content .breadcrumb li + li {
      margin-left: 50px; }
      @media (max-width: 767px) {
        .page_banner_content .breadcrumb li + li {
          margin-left: 20px; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .page_banner_content .breadcrumb li + li {
          margin-left: 30px; } }
      .page_banner_content .breadcrumb li + li::before {
        position: absolute;
        content: '-';
        top: 0;
        left: -28px;
        color: #fff;
        line-height: 1;
        font-size: 24px; }
        @media (max-width: 767px) {
          .page_banner_content .breadcrumb li + li::before {
            left: -14px;
            font-size: 20px; } }
        @media only screen and (min-width: 576px) and (max-width: 767px) {
          .page_banner_content .breadcrumb li + li::before {
            left: -19px;
            font-size: 22px; } }
    .page_banner_content .breadcrumb li a {
      color: #fff; }

/*===========================
    03.CATeGORY css 
===========================*/
.category_wrapper {
  margin-left: -15px;
  margin-right: -15px;
  position: relative;}
 .category_area { background-color: #fff;}
 .footer_area{background-color: white;}

.category_btn {
  position: absolute;
  top: -60px;
  right: 0; }
  @media (max-width: 767px) {
    .category_btn {
      position: relative;
      top: 0;
      margin-top: 50px; } }

.category-column {
  padding-left: 15px;
  padding-right: 15px;
  width: 20%; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .category-column {
      width: 25%; } }
  @media (max-width: 767px) {
    .category-column {
      width: 50%; } }

.single_category {
  padding: 40px 30px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  background-color: #fff;
  border-radius: 5px;
  position: relative;
  z-index: 9; }
  @media (max-width: 767px) {
    .single_category {
      padding: 20px 10px; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .single_category {
      padding: 40px 30px; } }
  .single_category::before {
    position: absolute;
    z-index: -1;
    content: '';
    bottom: -10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 80%;
    height: 90%;
    background-color: #FF4367;
    opacity: 0;
    filter: blur(10px);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s; }
  .single_category .icon i {
    font-size: 70px;
    color: #222;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s; }
  .single_category .content .title {
    color: #6D7588;
    font-size: 16px;
    font-weight: 500;
    margin-top: 20px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s; }
    @media (max-width: 767px) {
      .single_category .content .title {
        font-size: 14px; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .single_category .content .title {
        font-size: 16px; } }
  .single_category a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 5; }
  .single_category:hover {
    background-color: #FF4367; }
    .single_category:hover::before {
      opacity: 0.5; }
    .single_category:hover .icon i {
      color: #fff;
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s; }
    .single_category:hover .content .title {
      color: #fff; }

/*===========================
    04.ADS CARD css 
===========================*/
.tabs_menu .nav {
  background-color: #FF4367;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flex;
  display: -o-inline-flex;
  display: inline-flex;
  border-radius: 5px;
  padding: 10px; }
  .tabs_menu .nav li {
    display: inline-block; }
    .tabs_menu .nav li a {
      padding: 0 25px;
      height: 50px;
      line-height: 50px;
      text-align: center;
      border-radius: 5px;
      color: #fff;
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s;
      font-size: 16px; }
      @media (max-width: 767px) {
        .tabs_menu .nav li a {
          font-size: 14px;
          padding: 0 20px;
          height: 40px;
          line-height: 40px; } }
      .tabs_menu .nav li a.active {
        background-color: #fff;
        color: #3C4559; }
.ads_area{background: white;
  background-repeat: no-repeat;
  background-size: cover;}
  .trending-modals-card{
  
  }
  .modal-card-row{ gap:10px}
  .agency-card-row{ gap:10px}
  .card-column-modal,.card-column-agency{ flex: 1 0 calc(20% - 10px); /* Adjust width to account for the gap */
    max-width: calc(20% - 10px); /* Ensures correct width */}

    @media(max-width:1024px){ .card-column-modal,.card-column-agency{ flex: 1 0 calc(25% - 10px); /* Adjust width to account for the gap */
      max-width: calc(25% - 10px); /* Ensures correct width */}}
      @media(max-width:767px){.container {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;max-width: 640px;
    }.card-column-modal,.card-column-agency{ flex: 1 0 calc(25% - 10px); /* Adjust width to account for the gap */
        max-width: calc(25% - 10px); /* Ensures correct width */}}

        @media(max-width:576px){
          .card-column-modal,.card-column-agency{ flex: 1 0 50%; /* Adjust width to account for the gap */
            max-width: 50%; /* Ensures correct width */        padding: 5px 5px}
            .modal-card-row{flex-wrap: wrap; gap:0px}
            .agency-card-row{flex-wrap: wrap; gap:0px}

        }
  .trending-modals-card h4 a{font-size: 18px;
    font-weight: 500!important;
    color: #ed1058!important;
    margin-top: 0px!Important;}
    .trending-modals-card h4.title {
      border-bottom: 1px solid #f1f1fa;
      line-height: 32px;margin-bottom:15px;
  }.trending-modals-card img {
    width: 14px;
}
  .trending-modals-card h4.title:after {
    content: '';
    border-bottom: 2px solid #0056b3;
    width: 30px;
    /* position: relative; */
    /* bottom: 0; */
    display: block;
    top: 1px;
    position: relative;
}.trending-modals-card  p{color:#213366!important;margin-bottom:5px;}span.location-name {
  border: 1px solid #0157b3;
  padding: 0px 7px;
  font-size: 13px;
  border-radius: 12px;
  color: #0056b3;
}
.single_ads_card {
  overflow: hidden;
  border-radius: 10px; }
  .single_ads_card .ads_card_image {
    position: relative;
    overflow: hidden; }
    .single_ads_card .ads_card_image .sticker {
      font-size: 12px;
      color: #fff;
      height: 30px;
      line-height: 30px;
      padding: 0 15px;
      border-radius: 3px;
      background-color: #00D1C1;
      position: absolute;
      top: 20px;
      left: 20px; }
      .single_ads_card .ads_card_image .sticker.sticker_color-1 {
        background-color: #463CE5; }
      .single_ads_card .ads_card_image .sticker.sticker_color-2 {
        background-color: #FF4367; }
    .single_ads_card .ads_card_image img {
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s;
      width: 100%; }
  .single_ads_card .ads_card_content {
    background-color: #fff;
    padding: 10px 20px 20px; }
    .single_ads_card .ads_card_content .meta {
      border-bottom: 1px solid rgba(210, 210, 210, 0.8);
      padding-bottom: 10px;
      position: relative; }
      .single_ads_card .ads_card_content .meta::before {
        position: absolute;
        content: '';
        width: 50px;
        height: 1px;
        background-color: #FF4367;
        bottom: -1px;
        left: 0; }
      .single_ads_card .ads_card_content .meta p {
        margin-top: 10px; }
      .single_ads_card .ads_card_content .meta .like {
        font-size: 16px;
        color: #D2D2D2;
        margin-top: 10px; }
    .single_ads_card .ads_card_content .title a {
      font-size: 16px;
      font-weight: 500;
      color: #463CE5;
      margin-top: 20px;
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s; }
      .single_ads_card .ads_card_content .title a:hover {
        color: #FF4367; }
        .single_ads_card .ads_card_content p i {
          margin-right: 8px;
          color: #2f2f2f;
      }
      .single_ads_card .ads_card_content p i {
        margin-right: 8px; }
    .single_ads_card .ads_card_content .ads_price_date {
      padding-top: 10px; }
      .single_ads_card .ads_card_content .ads_price_date .price {
        font-size: 20px;
        font-weight: 700;
        color: #FF4367;
        margin-top: 10px; }
        @media only screen and (min-width: 992px) and (max-width: 1199px) {
          .single_ads_card .ads_card_content .ads_price_date .price {
            font-size: 18px; } }
      .single_ads_card .ads_card_content .ads_price_date .date {
        margin-top: 10px;
        font-size: 16px;
        color: #D2D2D2; }
        @media only screen and (min-width: 992px) and (max-width: 1199px) {
          .single_ads_card .ads_card_content .ads_price_date .date {
            font-size: 15px; } }
  .single_ads_card:hover .ads_card_image img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  .single_ads_card.ads_list .ads_card_image img {
    height: 100%;
    object-fit: cover;
    object-position: center; }
    @media (max-width: 767px) {
      .single_ads_card.ads_list .ads_card_image img {
        width: 100%; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .single_ads_card.ads_list .ads_card_image img {
        width: 200px; } }
  .single_ads_card.ads_list .ads_card_content {
    padding: 10px 30px 20px; }

.published_wrapper {
  position: relative; }

.published_btn {
  position: absolute;
  top: -80px;
  right: 0; }
  @media (max-width: 767px) {
    .published_btn {
      position: relative;
      top: 0;
      margin-top: 50px; } }
      @keyframes slowOut{0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }}.card-modal-wrapper{     border: 10px solid grey;
      animation-duration: .3s;
      transition-property: all;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: .15s;
      animation: slowOut;
      --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
      --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
      border-color: rgba(209, 213, 219, .4);
      border-width: 5px;
      border-radius: .75rem;
      align-content: center;
      height: 360px;
      position: relative;
      display: flex  ;
      margin-bottom: 10px;
      align-items: flex-end;}
.card-modal-wrapper.agency{border-color:#e71e5f26;}
.card-modal-wrapper:hover{
transition-property: all;
transition-timing-function: cubic-bezier(.4,0,.2,1);
transition-duration: .15s;
transform: scale(1.02);
}
        .card-modal-wrapper .card-modal{display: flex
          ;
              align-items: flex-end;
              width: 100%;}
        .card-modal-wrapper .card-modal.agency img{    padding-bottom: 0px;}
        .card-modal-wrapper .card-modal img{position: absolute;
height: 100%;
width: 100%;
inset: 0px;
color: transparent;
padding-bottom: 50px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 5px;

        }

        .card-modal-wrapper .card-modal .bottom-info-modal{position: relative;

background: #544040;
width: 100%;
height: auto;
display: block;
border-radius: 8px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(12px);
background: #112b64c4 0% 0% no-repeat padding-box; cursor: pointer;}
.card-modal-wrapper .card-modal .bottom-info-modal.agency{height: 50px;
     display: flex
  ;
      align-items: center;
      justify-content: center !important;
}

.card-modal-wrapper .card-modal .bottom-info-modal{
padding: 6px 10px;
display: flex
;
flex-direction: column;
justify-content: flex-start;
gap: 5px;}
        .card-modal-wrapper .card-modal .bottom-info-modal .other-info{display: flex
;
justify-content: space-between;}
        .card-modal-wrapper .card-modal .bottom-info-modal h2,.card-modal-wrapper .card-modal .bottom-info-modal h4{font-size:16px;color:#FE75F9;}
        .card-modal-wrapper .card-modal .bottom-info-modal h2,.card-modal-wrapper .card-modal .bottom-info-modal h4{    white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          width: 100px;
      }

        .card-modal-wrapper .card-modal .bottom-info-modal .other-info span{color:#FCEEEE; font-size:10px;}.card-modal-wrapper .card-modal .bottom-info-modal  .location-box {   
background: green;
color: white; 
padding: 5px;
display: inline-block;
border-radius: 24px;
padding: 0px 10px;
font-size: 11px;
font-weight: 300; align-self: flex-start;margin-bottom:5px;
}@media(max-width:1024px){.card-modal-wrapper .card-modal .bottom-info-modal{}}
/*===========================
      05.CHOOSE css 
===========================*/
.choose_area {
  background-color: #fff;
  position: relative;
  padding-top: 80px;
  padding-bottom: 130px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .choose_area {
      padding-bottom: 0; } }
  @media (max-width: 767px) {
    .choose_area {
      padding-bottom: 0; } }

.choose_image {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  display: table; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .choose_image {
      position: relative;
      width: 720px;
      margin: 0 auto;
      padding-top: 50px;
      padding-right: 15px;
      padding-left: 15px; } }
  @media (max-width: 767px) {
    .choose_image {
      position: relative;
      width: 100%;
      margin: 0 auto;
      padding-top: 50px;
      padding-right: 15px;
      padding-left: 15px; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .choose_image {
      width: 540px; } }
  .choose_image .image {
    display: table-cell;
    vertical-align: bottom;
    padding-left: 50px; }

.choose_content .list {
  padding-top: 30px; }
  .choose_content .list li {
    margin-top: 15px;
    position: relative;
    padding-left: 35px; }
    .choose_content .list li i {
      width: 25px;
      height: 25px;
      line-height: 25px;
      border-radius: 4px;
      font-size: 14px;
      color: #fff;
      text-align: center;
      margin-right: 5px;
      position: absolute;
      top: 3px;
      left: 0; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .choose_content .list li i {
          width: 20px;
          height: 20px;
          line-height: 20px; } }
      @media (max-width: 767px) {
        .choose_content .list li i {
          width: 20px;
          height: 20px;
          line-height: 20px; } }
    .choose_content .list li:nth-child(3n+1) i {
      background-color: #463CE5; }
    .choose_content .list li:nth-child(3n+2) i {
      background-color: #FF4367; }
    .choose_content .list li:nth-child(3n+3) i {
      background-color: #00D1C1; }
.choose_content .main-btn {
  margin-top: 45px; }

/*===========================
      06.LOCATIONS css 
===========================*/
.locations_wrapper {
  position: relative; }

.single_locations {
  background-color: #fff;
  overflow: hidden;
  border-radius: 10px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s; }
  .single_locations .locations_image {
    overflow: hidden;
    border-radius: 10px; }
    .single_locations .locations_image img {
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s;
      width: 100%; }
  .single_locations .locations_content {
    padding: 20px 25px;
    position: relative;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s; }
    .single_locations .locations_content .title a {
      font-size: 22px;
      font-weight: 700;
      color: #463CE5; }
      .single_locations .locations_content .title a i {
        margin-right: 5px; }
    .single_locations .locations_content p {
      margin-top: 10px;
      font-size: 14px; }
    .single_locations .locations_content .view {
      color: #FF4367;
      font-size: 14px;
      position: absolute;
      bottom: -20px;
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s; }
      .single_locations .locations_content .view i {
        font-size: 16px;
        margin-left: 5px; }
  .single_locations:hover {
    -webkit-box-shadow: 0px 10px 30px 0px rgba(210, 210, 210, 0.8);
    -moz-box-shadow: 0px 10px 30px 0px rgba(210, 210, 210, 0.8);
    box-shadow: 0px 10px 30px 0px rgba(210, 210, 210, 0.8); }
    .single_locations:hover .locations_image img {
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1); }
    .single_locations:hover .locations_content {
      padding-bottom: 60px; }
      .single_locations:hover .locations_content .view {
        bottom: 20px; }

.locations_btn {
  position: absolute;
  top: -80px;
  right: 0; }
  @media (max-width: 767px) {
    .locations_btn {
      position: relative;
      top: 0;
      margin-top: 50px; } }

/*===========================
      07.COUNTER css 
===========================*/
.counter_area {
  padding-top: 400px; }

.counter_wrapper {
  background-color: #463CE5;
  padding: 25px;
  padding-top: 0;
  border-radius: 5px; }

.single_counter {
  padding-top: 25px; }
  @media (max-width: 767px) {
    .single_counter {
      width: 100%; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .single_counter {
      width: 33.33%; } }
  .single_counter .counter_items .counter_icon {
    padding-right: 10px; }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .single_counter .counter_items .counter_icon img {
        width: 30px; } }
  .single_counter .counter_items .counter_count .count {
    font-size: 50px;
    font-weight: 700;
    color: #fff;
    line-height: 50px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .single_counter .counter_items .counter_count .count {
        font-size: 44px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .single_counter .counter_items .counter_count .count {
        font-size: 44px; } }
    @media (max-width: 767px) {
      .single_counter .counter_items .counter_count .count {
        font-size: 44px; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .single_counter .counter_items .counter_count .count {
        font-size: 32px;
        line-height: 32px; } }
  .single_counter p {
    font-size: 24px;
    color: #fff;
    margin-top: 10px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .single_counter p {
        font-size: 20px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .single_counter p {
        font-size: 20px; } }
    @media (max-width: 767px) {
      .single_counter p {
        font-size: 20px; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .single_counter p {
        font-size: 16px; } }

/*===========================
      08.SERVICES css 
===========================*/
.single_services {
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  background-color: #fff;
  padding: 30px 25px;
  border-radius: 10px; }
  .single_services::before {
    position: absolute;
    z-index: -1;
    content: '';
    bottom: -10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 80%;
    height: 90%;
    background-color: #FF4367;
    opacity: 0;
    filter: blur(10px);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s; }
  .single_services .services_icon i {
    color: #FF4367;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    font-size: 46px; }
  .single_services .services_content {
    padding-left: 20px; }
    .single_services .services_content .title a {
      font-size: 24px;
      font-weight: 500;
      color: #3C4559;
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .single_services .services_content .title a {
          font-size: 18px; } }
    .single_services .services_content p {
      margin-top: 10px;
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s; }
    .single_services .services_content .more {
      font-size: 16px;
      font-weight: 500;
      color: #3C4559;
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s;
      margin-top: 10px; }
      .single_services .services_content .more i {
        margin-left: 5px;
        font-size: 18px; }
  .single_services:hover {
    background-color: #FF4367; }
    .single_services:hover::before {
      opacity: 0.5; }
    .single_services:hover .services_icon i {
      color: #fff; }
    .single_services:hover .services_content .title a {
      color: #fff; }
    .single_services:hover .services_content p {
      color: #fff; }
    .single_services:hover .services_content .more {
      color: #fff; }

/*===========================
      10.PRICIE css 
===========================*/
.single_pricing {
  background-color: #fff;
  padding: 50px 70px;
  border-radius: 10px;
  margin-top: 30px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single_pricing {
      padding: 50px 40px; } }
  @media (max-width: 767px) {
    .single_pricing {
      padding: 50px 40px; } }
  .single_pricing .pricing_title {
    margin-top: 25px; }
    .single_pricing .pricing_title .title {
      font-size: 24px;
      font-weight: 700;
      color: #FF4367; }
    .single_pricing .pricing_title p {
      margin-top: 10px; }
  .single_pricing .pricing_content {
    margin-top: 20px; }
    .single_pricing .pricing_content p {
      line-height: 34px; }
    .single_pricing .pricing_content .price {
      font-size: 24px;
      font-weight: 500;
      color: #3C4559;
      margin-top: 15px; }
  .single_pricing .pricing_btn {
    margin-top: 30px; }
  .single_pricing.pricing_active {
    background-color: #FF4367;
    padding: 100px 70px;
    -webkit-box-shadow: 0px 10px 30px 0px rgba(210, 210, 210, 0.8);
    -moz-box-shadow: 0px 10px 30px 0px rgba(210, 210, 210, 0.8);
    box-shadow: 0px 10px 30px 0px rgba(210, 210, 210, 0.8);
    position: relative; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .single_pricing.pricing_active {
        padding: 80px 40px; } }
    @media (max-width: 767px) {
      .single_pricing.pricing_active {
        padding: 50px 40px; } }
    .single_pricing.pricing_active::before {
      position: absolute;
      z-index: -1;
      content: '';
      bottom: -10px;
      left: 0;
      right: 0;
      margin: 0 auto;
      width: 80%;
      height: 90%;
      background-color: #FF4367;
      opacity: 0.8;
      filter: blur(10px);
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s; }
    .single_pricing.pricing_active .pricing_title {
      margin-top: 25px; }
      .single_pricing.pricing_active .pricing_title .title {
        color: #fff; }
      .single_pricing.pricing_active .pricing_title p {
        color: #fff; }
    .single_pricing.pricing_active .pricing_content {
      margin-top: 20px; }
      .single_pricing.pricing_active .pricing_content p {
        color: #fff; }
      .single_pricing.pricing_active .pricing_content .price {
        color: #fff; }
    .single_pricing.pricing_active .pricing_btn {
      margin-top: 30px; }

/*===========================
      11.BLOG css 
===========================*/
.single_blog {
  background-color: #fff;
  border-radius: 10px;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s; }
  .single_blog .blog_image {
    overflow: hidden;
    border-radius: 10px; }
    .single_blog .blog_image img {
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s;
      width: 100%; }
  .single_blog .blog_content {
    padding: 25px; }
    .single_blog .blog_content .title a {
      font-size: 16px;
      font-weight: 500;
      color: #463CE5;
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s; }
      .single_blog .blog_content .title a:hover {
        color: #FF4367; }
    .single_blog .blog_content .meta {
      margin-top: 20px; }
      .single_blog .blog_content .meta li {
        display: inline-block;
        font-size: 16px;
        color: #6D7588; }
        .single_blog .blog_content .meta li + li {
          margin-left: 20px; }
          @media only screen and (min-width: 992px) and (max-width: 1199px) {
            .single_blog .blog_content .meta li + li {
              margin-left: 15px; } }
          @media (max-width: 767px) {
            .single_blog .blog_content .meta li + li {
              margin-left: 15px; } }
        .single_blog .blog_content .meta li a {
          color: #6D7588;
          margin-left: 5px; }
          @media only screen and (min-width: 992px) and (max-width: 1199px) {
            .single_blog .blog_content .meta li a {
              font-size: 14px; } }
          @media (max-width: 767px) {
            .single_blog .blog_content .meta li a {
              font-size: 14px; } }
  .single_blog:hover {
    -webkit-box-shadow: 0px 10px 30px 0px rgba(210, 210, 210, 0.8);
    -moz-box-shadow: 0px 10px 30px 0px rgba(210, 210, 210, 0.8);
    box-shadow: 0px 10px 30px 0px rgba(210, 210, 210, 0.8); }
    .single_blog:hover .blog_image img {
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1); }

/*===========================
    12.CALL TO ACTION css 
===========================*/
.call_to_action_area {
  background-color: #fff; }

.call_to_action_content .title {
  font-size: 40px;
  font-weight: 600; }
  @media (max-width: 767px) {
    .call_to_action_content .title {
      font-size: 28px; } }

.call_to_action_form {
  padding-right: 200px;
  position: relative; }
  @media (max-width: 767px) {
    .call_to_action_form {
      padding-right: 0; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .call_to_action_form {
      padding-right: 200px; } }
  .call_to_action_form i {
    position: absolute;
    top: 30px;
    left: 15px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
  .call_to_action_form input {
    width: 100%;
    height: 60px;
    border: 1px solid #D2D2D2;
    border-radius: 5px;
    padding: 0 45px; }
  .call_to_action_form .main-btn {
    width: 170px;
    height: 60px;
    line-height: 60px;
    position: absolute;
    top: 0;
    right: 0; }
    @media (max-width: 767px) {
      .call_to_action_form .main-btn {
        position: relative;
        margin-top: 10px;
        width: 100%; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .call_to_action_form .main-btn {
        position: absolute;
        margin-top: 0;
        width: 170px; } }

/*===========================
    13.FOOTER css 
===========================*/
.footer_link .link {
  padding-top: 10px; }
  .footer_link .link li {
    margin-top: 10px; }
    .footer_link .link li a {
      font-size: 16px;
      font-weight: 400;
      color: #6D7588;
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s; }
      .footer_link .link li a:hover {
        color: #FF4367;
        padding-left: 10px; }

.footer_title {
  font-size: 30px;
  font-weight: 700;
  position: relative;
  padding-bottom: 15px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .footer_title {
      font-size: 24px; } }
  @media (max-width: 767px) {
    .footer_title {
      font-size: 24px; } }
  .footer_title::before {
    position: absolute;
    content: '';
    width: 100px;
    height: 1px;
    background-color: #FF4367;
    bottom: 0;
    left: 0; }

.footer_copyright {
  background-color: #2c2c2c; }

.copyright p, .copyright a {
  color: #fff; }

.payment ul li {
  display: inline-block; }
  .payment ul li + li {
    margin-left: 10px; }

/*===== BACK TO TOP =====*/
.back-to-top {
  font-size: 24px;
  color: #fff;
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 40px;
  height: 40px;
  line-height: 35px;
  border-radius: 5px;
  background-color: #FF4367;
  text-align: center;
  z-index: 99;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  display: none; }
  .back-to-top:hover {
    color: #fff;
    background-color: #FF4367; }

/*===========================
       14.ABOUT css 
===========================*/
.about_area {
  background-color: #fff; }

.about_image {
  height: 550px;
  width: 100%;
  border-radius: 10px; }
  @media (max-width: 767px) {
    .about_image {
      height: 450px; } }

.about_content {
  padding-left: 30px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .about_content {
      padding-left: 0; } }
  @media (max-width: 767px) {
    .about_content {
      padding-left: 0; } }
  .about_content .title {
    font-size: 50px;
    font-weight: 400; }
    @media (max-width: 767px) {
      .about_content .title {
        font-size: 34px; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .about_content .title {
        font-size: 40px; } }
    .about_content .title span {
      font-weight: 700; }
  .about_content p {
    margin-top: 25px; }
  .about_content .signechar {
    padding-left: 70px;
    margin-top: 40px; }
    .about_content .signechar .name {
      font-size: 18px;
      font-weight: 500;
      color: #FF4367;
      position: relative; }
      .about_content .signechar .name::before {
        position: absolute;
        content: '';
        width: 50px;
        height: 1px;
        background-color: #FF4367;
        left: -70px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%); }
    .about_content .signechar img {
      margin-top: 15px; }

/*===== About 2 =====*/
.about_area_2 {
  background-color: #fff; }

.about_content_2 .title {
  font-size: 46px;
  font-weight: 400; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .about_content_2 .title {
      font-size: 40px; } }
  @media (max-width: 767px) {
    .about_content_2 .title {
      font-size: 32px; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .about_content_2 .title {
      font-size: 38px; } }
  .about_content_2 .title span {
    font-weight: 700; }
.about_content_2 p {
  margin-top: 25px; }
.about_content_2 .about_items {
  margin-top: 25px; }
  .about_content_2 .about_items .items_title {
    font-size: 30px;
    font-weight: 400; }
    @media (max-width: 767px) {
      .about_content_2 .about_items .items_title {
        font-size: 24px; } }
  .about_content_2 .about_items p {
    margin-top: 10px; }

.about_image_2 {
  position: relative; }
  .about_image_2 .image_1 {
    padding-left: 70px; }
    @media (max-width: 767px) {
      .about_image_2 .image_1 {
        padding-left: 0; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .about_image_2 .image_1 {
        padding-left: 50px; } }
    .about_image_2 .image_1 img {
      width: 100%;
      border-radius: 10px; }
  .about_image_2 .image_2 {
    position: relative;
    margin-top: -20px;
    padding-right: 120px; }
    @media (max-width: 767px) {
      .about_image_2 .image_2 {
        padding-right: 0;
        margin-top: 0; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .about_image_2 .image_2 {
        padding-right: 70px;
        margin-top: -20px; } }
    .about_image_2 .image_2 .about_counter {
      background-color: #FF4367;
      padding: 20px;
      border-radius: 10px;
      position: absolute;
      top: 0;
      left: 0;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      text-align: center; }
      .about_image_2 .image_2 .about_counter .count {
        color: #fff;
        font-size: 40px;
        font-weight: 700;
        line-height: 45px; }
      .about_image_2 .image_2 .about_counter p {
        color: #fff;
        margin-top: 5px; }
    .about_image_2 .image_2 img {
      width: 100%;
      border-radius: 10px; }

/*===========================
       15.TEAM css 
===========================*/
.single_team {
  position: relative;
  background-color: #fff;
  overflow: hidden;
  border-radius: 10px; }
  .single_team .team_image img {
    width: 100%; }
  .single_team .team_content {
    padding: 20px;
    position: absolute;
    bottom: -40px;
    width: 100%;
    background-color: #fff;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s; }
    .single_team .team_content .team_name a {
      font-size: 16px;
      font-weight: 500;
      color: #3C4559;
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s; }
      .single_team .team_content .team_name a:hover {
        color: #FF4367; }
    .single_team .team_content p {
      font-size: 14px;
      margin-top: 5px; }
    .single_team .team_content .social li {
      display: inline-block;
      margin: 0 5px;
      padding-top: 10px; }
      .single_team .team_content .social li a {
        font-size: 16px;
        color: #6D7588;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s; }
        .single_team .team_content .social li a:hover {
          color: #FF4367; }
  .single_team:hover {
    -webkit-box-shadow: 0px 15px 40px 0px rgba(210, 210, 210, 0.35);
    -moz-box-shadow: 0px 15px 40px 0px rgba(210, 210, 210, 0.35);
    box-shadow: 0px 15px 40px 0px rgba(210, 210, 210, 0.35); }
    .single_team:hover .team_content {
      bottom: 0; }

/*===========================
     16.TESTIMONIAL css 
===========================*/
.single_testimonial {
  background-color: #fff;
  padding: 20px;
  border-radius: 10px; }
  .single_testimonial .testimonial_author {
    position: relative;
    display: inline-block; }
    .single_testimonial .testimonial_author i {
      font-size: 42px;
      color: #FF4367;
      position: absolute;
      top: 50%;
      right: -24px;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      background-color: #fff;
      padding: 3px 5px 0;
      border-top-left-radius: 20px;
      border-bottom-left-radius: 8px; }
    .single_testimonial .testimonial_author img {
      width: 130px;
      border-radius: 5px; }
  .single_testimonial .testimonial_content {
    padding-left: 45px; }
    @media (max-width: 767px) {
      .single_testimonial .testimonial_content {
        padding-left: 0;
        padding-top: 30px; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .single_testimonial .testimonial_content {
        padding-left: 45px;
        padding-top: 0; } }
    .single_testimonial .testimonial_content p {
      color: #222;
      font-size: 16px; }
    .single_testimonial .testimonial_content .author_name {
      font-size: 16px;
      font-weight: 700;
      color: #222;
      margin-top: 20px; }
    .single_testimonial .testimonial_content .sub_title {
      font-size: 14px;
      color: #222; }

.testimonial_active .slick-arrow {
  position: absolute;
  top: 50%;
  left: -30px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .testimonial_active .slick-arrow {
      left: -10px; } }
  @media (max-width: 767px) {
    .testimonial_active .slick-arrow {
      left: -10px; } }
  .testimonial_active .slick-arrow i {
    color: #6D7588;
    font-size: 28px; }
  .testimonial_active .slick-arrow.next {
    left: auto;
    right: -30px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .testimonial_active .slick-arrow.next {
        left: auto;
        right: -10px; } }
    @media (max-width: 767px) {
      .testimonial_active .slick-arrow.next {
        left: auto;
        right: -10px; } }

/*===========================
    17.CATEGORIS PAGE css 
===========================*/
.categories_story .nice-select {
  float: none;
  height: 50px;
  line-height: 50px;
  padding: 0 30px;
  width: 270px;
  border: 1px solid #D2D2D2; }
  @media (max-width: 767px) {
    .categories_story .nice-select {
      padding: 0 15px;
      padding-right: 40px;
      width: auto; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .categories_story .nice-select {
      padding: 0 30px;
      padding-right: 30px;
      width: 270px; } }
  .categories_story .nice-select::after {
    width: 8px;
    height: 8px;
    right: 25px; }
    @media (max-width: 767px) {
      .categories_story .nice-select::after {
        font-size: 15px; } }
  .categories_story .nice-select .current {
    font-size: 16px;
    color: #6D7588;
    line-height: 48px; }
    @media (max-width: 767px) {
      .categories_story .nice-select .current {
        font-size: 14px; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .categories_story .nice-select .current {
        font-size: 16px; } }
  .categories_story .nice-select .list {
    width: 100%; }
    .categories_story .nice-select .list .option {
      min-height: 30px;
      line-height: 30px;
      font-size: 14px; }

.categories_tab_menu .nav .nav-item + .nav-item {
  margin-left: 30px; }
.categories_tab_menu .nav .nav-item a {
  font-size: 26px;
  color: #6D7588; }
  @media (max-width: 767px) {
    .categories_tab_menu .nav .nav-item a {
      font-size: 20px; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .categories_tab_menu .nav .nav-item a {
      font-size: 26px; } }
  .categories_tab_menu .nav .nav-item a.active {
    color: #3C4559; }

.single_categories {
  background-color: #fff;
  padding: 50px 10px;
  border-radius: 10px;
  position: relative;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s; }
  @media (max-width: 767px) {
    .single_categories {
      padding: 25px 15px; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .single_categories {
      padding: 30px 15px; } }
  .single_categories::before {
    position: absolute;
    z-index: -1;
    content: '';
    bottom: -10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 80%;
    height: 90%;
    background-color: #FF4367;
    opacity: 0;
    filter: blur(10px);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s; }
  .single_categories .categories_icon i {
    font-size: 70px;
    color: #FF4367;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s; }
    @media (max-width: 767px) {
      .single_categories .categories_icon i {
        font-size: 40px; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .single_categories .categories_icon i {
        font-size: auto; } }
  .single_categories .categories_content .title {
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    font-size: 20px;
    font-weight: 500;
    margin-top: 15px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .single_categories .categories_content .title {
        font-size: 18px; } }
    @media (max-width: 767px) {
      .single_categories .categories_content .title {
        font-size: 16px; } }
  .single_categories .categories_content p {
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    margin-top: 5px; }
  .single_categories a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5; }
  .single_categories:hover {
    background-color: #FF4367; }
    .single_categories:hover::before {
      opacity: 0.7; }
    .single_categories:hover .categories_icon i {
      color: #fff; }
    .single_categories:hover .categories_content .title {
      color: #fff; }
    .single_categories:hover .categories_content p {
      color: #fff; }

.single_list {
  background-color: #fff;
  padding: 30px;
  border-radius: 10px; }
  .single_list .list_title_icon .icon img {
    width: 40px; }
  .single_list .list_title_icon .list_title {
    padding-left: 15px; }
    .single_list .list_title_icon .list_title .title {
      font-size: 22px;
      font-weight: 500; }
      @media (max-width: 767px) {
        .single_list .list_title_icon .list_title .title {
          font-size: 18px; } }
  .single_list .categories_list_wrapper {
    padding-top: 15px; }
    .single_list .categories_list_wrapper .list li {
      margin-top: 10px; }
      .single_list .categories_list_wrapper .list li a {
        font-size: 16px;
        color: #6D7588;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s; }
        .single_list .categories_list_wrapper .list li a:hover {
          color: #FF4367; }

/*===========================
    18.PRODUCT PAGE css 
===========================*/
.product_sidebar .sidebar_title {
  border-bottom: 1px solid rgba(210, 210, 210, 0.4);
  padding: 15px 0;
  position: relative; }
  .product_sidebar .sidebar_title::before {
    position: absolute;
    content: '';
    width: 3px;
    height: 15px;
    background-color: #FF4367;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    top: 50%;
    left: -25px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .product_sidebar .sidebar_title::before {
        left: -15px; } }
  .product_sidebar .sidebar_title .title {
    font-size: 18px;
    font-weight: 700;
    color: #FF4367; }

.sidebar_categories {
  background-color: #fff;
  padding: 10px 25px;
  border-radius: 10px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .sidebar_categories {
      padding: 10px 15px; } }
  .sidebar_categories .sidebar_categories_content {
    padding: 15px 0; }
  .sidebar_categories .accordion .card {
    padding: 0;
    border-radius: 0;
    border: 0;
    margin-top: 15px; }
    .sidebar_categories .accordion .card .card-header {
      padding: 0;
      margin-bottom: 0;
      border-bottom: 0;
      background: none; }
      .sidebar_categories .accordion .card .card-header a {
        font-size: 14px;
        font-weight: 400;
        color: #6D7588;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s; }
        .sidebar_categories .accordion .card .card-header a img {
          margin-right: 5px; }
    .sidebar_categories .accordion .card .card-body {
      padding: 0; }
      .sidebar_categories .accordion .card .card-body .sidebar_categories_list {
        padding-left: 30px; }
        .sidebar_categories .accordion .card .card-body .sidebar_categories_list li {
          margin-top: 8px; }
          .sidebar_categories .accordion .card .card-body .sidebar_categories_list li a {
            font-size: 14px;
            color: #6D7588;
            -webkit-transition: all 0.3s ease-out 0s;
            -moz-transition: all 0.3s ease-out 0s;
            -ms-transition: all 0.3s ease-out 0s;
            -o-transition: all 0.3s ease-out 0s;
            transition: all 0.3s ease-out 0s; }
            .sidebar_categories .accordion .card .card-body .sidebar_categories_list li a:hover {
              color: #FF4367; }

.sidebar_price_range {
  background-color: #fff;
  padding: 10px 25px;
  border-radius: 10px; }
  .sidebar_price_range .price_range_content {
    padding-bottom: 15px; }
  .sidebar_price_range .range-slider .irs-min, .sidebar_price_range .range-slider .irs-max, .sidebar_price_range .range-slider .irs-from, .sidebar_price_range .range-slider .irs-to, .sidebar_price_range .range-slider .irs-single {
    display: none; }
  .sidebar_price_range .range-slider .irs-line {
    background-color: rgba(94, 109, 119, 0.15);
    width: 100%;
    height: 10px;
    border-radius: 50px; }
  .sidebar_price_range .range-slider .irs-bar {
    height: 10px;
    background-color: #463CE5; }
  .sidebar_price_range .range-slider .irs-handle {
    height: 20px;
    width: 20px;
    border: 0;
    background-color: #FF4367;
    top: 30px;
    cursor: pointer; }
  .sidebar_price_range .extra-controls {
    position: relative;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    padding-top: 15px; }
    .sidebar_price_range .extra-controls .js-input-from, .sidebar_price_range .extra-controls .js-input-to {
      width: 50%;
      border: 0;
      background: none;
      font-size: 16px;
      color: #6D7588; }
    .sidebar_price_range .extra-controls .js-input-to {
      text-align: right; }

.sidebar_discount {
  background-color: #fff;
  padding: 10px 25px;
  border-radius: 10px; }
  .sidebar_discount .discount_content {
    padding-bottom: 10px;
    padding-top: 5px; }
    .sidebar_discount .discount_content .discount_radio li {
      margin-top: 10px; }
      .sidebar_discount .discount_content .discount_radio li input[type="radio"] {
        display: none; }
        .sidebar_discount .discount_content .discount_radio li input[type="radio"] + label {
          display: inline-block;
          width: 18px;
          height: 18px;
          margin: -1px 8px 0 0;
          vertical-align: middle;
          cursor: pointer;
          -moz-border-radius: 50%;
          border-radius: 50%;
          border: 1px solid #6D7588;
          position: relative;
          -webkit-transition: all 0.3s ease-out 0s;
          -moz-transition: all 0.3s ease-out 0s;
          -ms-transition: all 0.3s ease-out 0s;
          -o-transition: all 0.3s ease-out 0s;
          transition: all 0.3s ease-out 0s; }
          .sidebar_discount .discount_content .discount_radio li input[type="radio"] + label::before {
            position: absolute;
            content: '';
            background: none;
            border-radius: 50%;
            width: 100%;
            height: 100%;
            -webkit-transform: scale(0.4);
            -moz-transform: scale(0.4);
            -ms-transform: scale(0.4);
            -o-transform: scale(0.4);
            transform: scale(0.4);
            top: 0;
            left: 0;
            border: 3px solid #6D7588;
            -webkit-transition: all 0.3s ease-out 0s;
            -moz-transition: all 0.3s ease-out 0s;
            -ms-transition: all 0.3s ease-out 0s;
            -o-transition: all 0.3s ease-out 0s;
            transition: all 0.3s ease-out 0s; }
        .sidebar_discount .discount_content .discount_radio li input[type="radio"]:checked + label {
          border-color: #FF4367; }
          .sidebar_discount .discount_content .discount_radio li input[type="radio"]:checked + label::before {
            background-color: #FF4367;
            border-color: #FF4367; }
      .sidebar_discount .discount_content .discount_radio li span {
        font-size: 14px;
        color: #6D7588; }

.sidebar_rating {
  background-color: #fff;
  padding: 10px 25px;
  border-radius: 10px; }
  .sidebar_rating .rating_content {
    padding-top: 5px;
    padding-bottom: 10px; }
    .sidebar_rating .rating_content .rating_checkbox li {
      margin-top: 10px;
      position: relative; }
      .sidebar_rating .rating_content .rating_checkbox li input[type="checkbox"] {
        display: none; }
        .sidebar_rating .rating_content .rating_checkbox li input[type="checkbox"] + label {
          display: inline-block;
          width: 18px;
          height: 18px;
          margin: -1px 8px 0 0;
          vertical-align: middle;
          cursor: pointer;
          -moz-border-radius: 50%;
          border-radius: 50%;
          border: 1px solid #6D7588;
          position: relative;
          -webkit-transition: all 0.3s ease-out 0s;
          -moz-transition: all 0.3s ease-out 0s;
          -ms-transition: all 0.3s ease-out 0s;
          -o-transition: all 0.3s ease-out 0s;
          transition: all 0.3s ease-out 0s; }
          .sidebar_rating .rating_content .rating_checkbox li input[type="checkbox"] + label::before {
            position: absolute;
            content: '';
            background: none;
            border-radius: 50%;
            width: 100%;
            height: 100%;
            -webkit-transform: scale(0.4);
            -moz-transform: scale(0.4);
            -ms-transform: scale(0.4);
            -o-transform: scale(0.4);
            transform: scale(0.4);
            top: 0;
            left: 0;
            border: 3px solid #6D7588;
            -webkit-transition: all 0.3s ease-out 0s;
            -moz-transition: all 0.3s ease-out 0s;
            -ms-transition: all 0.3s ease-out 0s;
            -o-transition: all 0.3s ease-out 0s;
            transition: all 0.3s ease-out 0s; }
        .sidebar_rating .rating_content .rating_checkbox li input[type="checkbox"]:checked + label {
          border-color: #FF4367; }
          .sidebar_rating .rating_content .rating_checkbox li input[type="checkbox"]:checked + label::before {
            background-color: #FF4367;
            border-color: #FF4367; }
      .sidebar_rating .rating_content .rating_checkbox li span i {
        font-size: 14px;
        color: #FFAB53; }
      .sidebar_rating .rating_content .rating_checkbox li .count {
        font-size: 14px;
        color: #6D7588;
        position: absolute;
        top: 0;
        right: 0; }

.product_select .nice-select {
  float: none;
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  width: 200px;
  border: 1px solid #D2D2D2;
  margin-left: 10px;
  margin-top: 10px; }
  .product_select .nice-select:nth-of-type(1) {
    margin-left: 0; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .product_select .nice-select {
      padding: 0 15px;
      width: 185px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .product_select .nice-select {
      padding: 0 15px;
      width: 185px; } }
  @media (max-width: 767px) {
    .product_select .nice-select {
      padding: 0 15px;
      padding-right: 40px;
      width: 100%;
      height: 40px;
      line-height: 40px;
      margin-left: 0; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .product_select .nice-select {
      padding: 0 15px;
      padding-right: 30px;
      width: 32%;
      margin-left: 10px; } }
  .product_select .nice-select::after {
    width: 8px;
    height: 8px;
    right: 20px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .product_select .nice-select::after {
        right: 15px; } }
    @media (max-width: 767px) {
      .product_select .nice-select::after {
        font-size: 15px; } }
  .product_select .nice-select .current {
    font-size: 16px;
    color: #6D7588;
    line-height: 48px; }
    @media (max-width: 767px) {
      .product_select .nice-select .current {
        font-size: 14px;
        line-height: 38px; } }
  .product_select .nice-select .list {
    width: 100%; }
    .product_select .nice-select .list .option {
      min-height: 30px;
      line-height: 30px;
      font-size: 14px; }

.product_tab_menu .nav .nav-item + .nav-item {
  margin-left: 30px; }
.product_tab_menu .nav .nav-item a {
  font-size: 26px;
  color: #6D7588; }
  @media (max-width: 767px) {
    .product_tab_menu .nav .nav-item a {
      font-size: 20px; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .product_tab_menu .nav .nav-item a {
      font-size: 26px; } }
  .product_tab_menu .nav .nav-item a.active {
    color: #3C4559; }

/*===========================
 19.PRODUCT DETAILS PAGE css 
===========================*/
.product_details {
  background-color: #fff;
  padding: 20px;
  border-radius: 10px; }

.product_image .tab-pane {
  position: relative; }
  .product_image .tab-pane .sticker {
    position: absolute;
    top: 20px;
    left: 20px; }
    .product_image .tab-pane .sticker li {
      font-size: 12px;
      color: #fff;
      height: 30px;
      line-height: 30px;
      padding: 0 15px;
      border-radius: 3px;
      background-color: #00D1C1;
      display: inline-block; }
      .product_image .tab-pane .sticker li + li {
        margin-left: 5px; }
      .product_image .tab-pane .sticker li:nth-child(3n+1) {
        background-color: #00D1C1; }
      .product_image .tab-pane .sticker li:nth-child(3n+2) {
        background-color: #463CE5; }
      .product_image .tab-pane .sticker li:nth-child(3n+3) {
        background-color: #FF4367; }
.product_image img {
 
  border-radius: 10px; }
.product_image .nav {
  margin-left: -10px;
  margin-right: -10px; }
  .product_image .nav .nav-item {
    width: 13%;
    margin-top: 20px;
    padding: 0 8px;}
    @media (max-width: 767px) {
      .product_image .nav .nav-item {
        width: 50%; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .product_image .nav .nav-item {
        width: 25%; } }
    .product_image .nav .nav-item a {
      display: block; }
      .product_image .nav .nav-item a img {
        width: 100%; }

.product_details_meta {
  padding-top: 25px; }
  .product_details_meta .product_price {
    padding-top: 10px; }
    .product_details_meta .product_price .price {
      font-size: 50px;
      font-weight: 700;
      color: #463CE5;
      line-height: 55px; }
      @media (max-width: 767px) {
        .product_details_meta .product_price .price {
          font-size: 36px;
          line-height: 40px; } }
    .product_details_meta .product_price p {
      display: inline-block;
      margin-left: 10px; }
  .product_details_meta .product_date {
    padding-top: 15px; }
    .product_details_meta .product_date .meta li {
      display: inline-block;
      font-size: 12px;
      color: #6D7588; }
      .product_details_meta .product_date .meta li + li {
        margin-left: 30px; }
        @media (max-width: 767px) {
          .product_details_meta .product_date .meta li + li {
            margin-left: 0;
            margin-top: 8px; } }
      .product_details_meta .product_date .meta li i {
        margin-right: 10px; }
      .product_details_meta .product_date .meta li a {
        color: #6D7588;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
        position: relative; }
        .product_details_meta .product_date .meta li a + a {
          margin-left: 20px; }
          .product_details_meta .product_date .meta li a + a::before {
            position: absolute;
            content: '';
            width: 3px;
            height: 3px;
            border-radius: 50%;
            background-color: #6D7588;
            left: -9px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%); }

.product_details_title {
  padding-top: 0px; }
  .product_details_title .title {
    font-size: 18px;
    font-weight: 700;
    color: #3C4559;
    border-bottom: none;
    position: relative;
    padding: 10px 0; }
    .product_details_title .title::before {
      position: absolute;
      content: '';
      width: 3px;
      height: 15px;
      background-color: #FF4367;
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px;
      top: 50%;
      left: -20px;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .product_details_title .title::before {
          left: -15px; } }

.product_details_features .details_features_wrapper {
  margin-left: -5px;
  margin-right: -5px;
  padding-top: 10px; }
  .product_details_features .details_features_wrapper .single_features {
    background-color: rgba(188, 193, 206, 0.15);
    padding: 7px 10px;
    margin: 10px 5px 0; }
    .product_details_features .details_features_wrapper .single_features .features_title {
      font-size: 14px;
      color: #3C4559;
      line-height: 24px;
      font-weight: 400; }
    .product_details_features .details_features_wrapper .single_features p {
      font-size: 14px;
      color: #6D7588;
      display: inline-block;
      line-height: 24px;
      margin-left: 10px; }

.product_details_description {
  padding-top: 15px; }
  .product_details_description p {
    margin-top: 20px; }

.product_rating {
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
  padding-top: 0;
  padding-bottom: 25px; }
  .product_rating .product_rating_top_bar {
    position: relative; }
    .product_rating .product_rating_top_bar .product_rating_star {
      position: absolute;
      bottom: 10px;
      right: 0; }
      .product_rating .product_rating_top_bar .product_rating_star ul li {
        font-size: 16px;
        color: #FFC400;
        display: inline-block; }

.single_rating_author .rating_author .author_image img {
  border-radius: 50%; }
.single_rating_author .rating_author .author_content {
  padding-left: 30px;
  position: relative; }
  @media (max-width: 767px) {
    .single_rating_author .rating_author .author_content {
      padding-left: 20px; } }
  .single_rating_author .rating_author .author_content .author_name {
    font-size: 20px;
    font-weight: 700;
    color: #3C4559; }
    @media (max-width: 767px) {
      .single_rating_author .rating_author .author_content .author_name {
        font-size: 16px; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .single_rating_author .rating_author .author_content .author_name {
        font-size: 20px; } }
  .single_rating_author .rating_author .author_content .date {
    font-size: 16px;
    color: #6D7588;
    margin-top: 5px; }
  .single_rating_author .rating_author .author_content .rating_star {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
    @media (max-width: 767px) {
      .single_rating_author .rating_author .author_content .rating_star {
        position: relative;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        top: 0; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .single_rating_author .rating_author .author_content .rating_star {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%); } }
    .single_rating_author .rating_author .author_content .rating_star li {
      font-size: 16px;
      color: #FFC400;
      display: inline-block; }
.single_rating_author .rating_description {
  padding-top: 15px; }

.product_rating_form {
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
  padding-top: 0;
  padding-bottom: 25px; }
  .product_rating_form .product_rating_form_wrapper {
    margin-left: -10px;
    margin-right: -10px; }
    .product_rating_form .product_rating_form_wrapper .product_details_rating_wrapper {
      width: 30%;
      padding: 0 10px; }
      @media (max-width: 767px) {
        .product_rating_form .product_rating_form_wrapper .product_details_rating_wrapper {
          width: 100%; } }
      .product_rating_form .product_rating_form_wrapper .product_details_rating_wrapper .product_details_rating {
        border: 1px solid #BCC1CE;
        border-radius: 10px;
        padding: 20px 25px; }
        .product_rating_form .product_rating_form_wrapper .product_details_rating_wrapper .product_details_rating p {
          font-size: 16px;
          color: #6D7588; }
          .product_rating_form .product_rating_form_wrapper .product_details_rating_wrapper .product_details_rating p i {
            margin-right: 8px; }
        .product_rating_form .product_rating_form_wrapper .product_details_rating_wrapper .product_details_rating .rating_radio li {
          margin-top: 10px;
          position: relative; }
          .product_rating_form .product_rating_form_wrapper .product_details_rating_wrapper .product_details_rating .rating_radio li input[type="radio"] {
            display: none; }
            .product_rating_form .product_rating_form_wrapper .product_details_rating_wrapper .product_details_rating .rating_radio li input[type="radio"] + label {
              display: inline-block;
              width: 18px;
              height: 18px;
              margin: -1px 8px 0 0;
              vertical-align: middle;
              cursor: pointer;
              -moz-border-radius: 50%;
              border-radius: 50%;
              border: 1px solid #6D7588;
              position: relative;
              -webkit-transition: all 0.3s ease-out 0s;
              -moz-transition: all 0.3s ease-out 0s;
              -ms-transition: all 0.3s ease-out 0s;
              -o-transition: all 0.3s ease-out 0s;
              transition: all 0.3s ease-out 0s; }
              .product_rating_form .product_rating_form_wrapper .product_details_rating_wrapper .product_details_rating .rating_radio li input[type="radio"] + label::before {
                position: absolute;
                content: '';
                background: none;
                border-radius: 50%;
                width: 100%;
                height: 100%;
                -webkit-transform: scale(0.4);
                -moz-transform: scale(0.4);
                -ms-transform: scale(0.4);
                -o-transform: scale(0.4);
                transform: scale(0.4);
                top: 0;
                left: 0;
                border: 3px solid #6D7588;
                -webkit-transition: all 0.3s ease-out 0s;
                -moz-transition: all 0.3s ease-out 0s;
                -ms-transition: all 0.3s ease-out 0s;
                -o-transition: all 0.3s ease-out 0s;
                transition: all 0.3s ease-out 0s; }
            .product_rating_form .product_rating_form_wrapper .product_details_rating_wrapper .product_details_rating .rating_radio li input[type="radio"]:checked + label {
              border-color: #FF4367; }
              .product_rating_form .product_rating_form_wrapper .product_details_rating_wrapper .product_details_rating .rating_radio li input[type="radio"]:checked + label::before {
                background-color: #FF4367;
                border-color: #FF4367; }
          .product_rating_form .product_rating_form_wrapper .product_details_rating_wrapper .product_details_rating .rating_radio li span i {
            font-size: 16px;
            color: #FFAB53; }
    .product_rating_form .product_rating_form_wrapper .product_details_form {
      width: 70%;
      padding: 0 10px; }
      @media (max-width: 767px) {
        .product_rating_form .product_rating_form_wrapper .product_details_form {
          width: 100%; } }
      .product_rating_form .product_rating_form_wrapper .product_details_form .single_form {
        margin-top: 20px;
        position: relative; }
        .product_rating_form .product_rating_form_wrapper .product_details_form .single_form textarea, .product_rating_form .product_rating_form_wrapper .product_details_form .single_form input {
          width: 100%;
          height: 50px;
          padding: 0 25px;
          padding-left: 40px;
          border-radius: 5px;
          border: 1px solid #BCC1CE; }
        .product_rating_form .product_rating_form_wrapper .product_details_form .single_form i {
          position: absolute;
          top: 17px;
          left: 15px;
          font-size: 16px;
          color: #6D7588; }
        .product_rating_form .product_rating_form_wrapper .product_details_form .single_form textarea {
          resize: none;
          padding: 0 25px;
          padding-top: 15px;
          height: 175px; }

.related_product {
  position: relative; }
  .related_product .related_product_btn {
    position: absolute;
    top: 0;
    right: 0; }
    @media (max-width: 767px) {
      .related_product .related_product_btn {
        position: relative;
        margin-top: 50px;
        text-align: center; } }

.product_sidebar_owner {
  background-color: #fff;
  padding: 0 20px 25px;
  border-radius: 10px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .product_sidebar_owner {
      padding: 0 15px 25px; } }
  .product_sidebar_owner .product_owner_wrapper .owner_author .author_image img {
    width: 60px;
    border-radius: 50%; }
  .product_sidebar_owner .product_owner_wrapper .owner_author .author_content {
    padding-left: 15px; }
    .product_sidebar_owner .product_owner_wrapper .owner_author .author_content .author_name {
      font-size: 18px;
      font-weight: 500;
      color: #3C4559; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .product_sidebar_owner .product_owner_wrapper .owner_author .author_content .author_name {
          font-size: 16px; } }
    .product_sidebar_owner .product_owner_wrapper .owner_author .author_content p {
      color: #6D7588;
      font-size: 14px;
      margin-top: 5px; }
  .product_sidebar_owner .product_owner_wrapper .owner_address {
    padding-top: 20px; }
    .product_sidebar_owner .product_owner_wrapper .owner_address .address_icon i {
      color: #3C4559; }
    .product_sidebar_owner .product_owner_wrapper .owner_address .address_content {
      padding-left: 20px; }
      .product_sidebar_owner .product_owner_wrapper .owner_address .address_content p {
        font-size: 14px;
        color: #6D7588; }
      .product_sidebar_owner .product_owner_wrapper .owner_address .address_content a {
        font-size: 14px;
        color: #6D7588;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
        margin-top: 10px; }
        .product_sidebar_owner .product_owner_wrapper .owner_address .address_content a:hover {
          color: #FF4367; }
  .product_sidebar_owner .product_owner_wrapper .owner_call {
    padding-top: 15px; }
    .product_sidebar_owner .product_owner_wrapper .owner_call .main-btn {
      background-color: #463CE5;
      width: 100%; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .product_sidebar_owner .product_owner_wrapper .owner_call .main-btn {
          font-size: 14px;
          padding: 0 15px; } }
      .product_sidebar_owner .product_owner_wrapper .owner_call .main-btn i {
        margin-right: 5px; }

.product_sidebar_contact {
  background-color: #fff;
  padding: 0 20px 25px;
  border-radius: 10px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .product_sidebar_contact {
      padding: 0 15px 25px; } }
  .product_sidebar_contact .sidebar_contact_form .single_form {
    margin-top: 20px; }
    .product_sidebar_contact .sidebar_contact_form .single_form textarea, .product_sidebar_contact .sidebar_contact_form .single_form input {
      width: 100%;
      height: 40px;
      padding: 0 20px;
      border: 1px solid #BCC1CE;
      color: #6D7588;
      border-radius: 5px;
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s; }
      .product_sidebar_contact .sidebar_contact_form .single_form textarea:focus, .product_sidebar_contact .sidebar_contact_form .single_form input:focus {
        border-color: #FF4367; }
    .product_sidebar_contact .sidebar_contact_form .single_form textarea {
      resize: none;
      height: 100px;
      padding-top: 10px; }
    .product_sidebar_contact .sidebar_contact_form .single_form .main-btn {
      width: 100%; }
      .product_sidebar_contact .sidebar_contact_form .single_form .main-btn i {
        margin-right: 8px; }

.product_sidebar_action {
  background-color: #fff;
  padding: 0 20px 25px;
  border-radius: 10px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .product_sidebar_action {
      padding: 0 15px 25px; } }
  .product_sidebar_action .sidebar_action_items .single_action {
    margin-top: 20px; }
    .product_sidebar_action .sidebar_action_items .single_action a {
      text-align: center; }
      .product_sidebar_action .sidebar_action_items .single_action a i {
        font-size: 20px;
        color: #6D7588;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s; }
      .product_sidebar_action .sidebar_action_items .single_action a span {
        font-size: 14px;
        color: #6D7588;
        display: block;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s; }
      .product_sidebar_action .sidebar_action_items .single_action a:hover i {
        color: #FF4367; }
      .product_sidebar_action .sidebar_action_items .single_action a:hover span {
        color: #FF4367; }

.product_sidebar_map {
  background-color: #fff;
  padding: 0 20px 25px;
  border-radius: 10px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .product_sidebar_map {
      padding: 0 15px 25px; } }
  .product_sidebar_map .gmap_canvas {
    margin-top: 20px; }
    .product_sidebar_map .gmap_canvas iframe {
      width: 100%;
      height: 150px;
      border-radius: 10px;
      border: 0; }

.product_sidebar_tips {
  background-color: #fff;
  padding: 0 20px 25px;
  border-radius: 10px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .product_sidebar_tips {
      padding: 0 15px 25px; } }
  .product_sidebar_tips .sidebar_tips .tips_list li {
    position: relative;
    font-size: 14px;
    color: #6D7588;
    margin-top: 15px;
    padding-left: 30px; }
    .product_sidebar_tips .sidebar_tips .tips_list li span {
      width: 18px;
      height: 18px;
      border: 1px solid #5E6D77;
      border-radius: 50%;
      position: absolute;
      top: 5px;
      left: 0; }
      .product_sidebar_tips .sidebar_tips .tips_list li span::before {
        width: 100%;
        height: 100%;
        border: 3px solid #5E6D77;
        top: 0;
        left: 0;
        position: absolute;
        content: '';
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5);
        border-radius: 50%; }

/*===========================
  20.BLOG DETAILS PAGE css 
===========================*/
.blog_details {
  padding: 20px;
  background-color: #fff;
  border-radius: 10px; }
  .blog_details .blog_details_image {
    position: relative; }
    .blog_details .blog_details_image .sticker {
      position: absolute;
      top: 20px;
      left: 20px; }
      .blog_details .blog_details_image .sticker li {
        font-size: 12px;
        color: #fff;
        height: 30px;
        line-height: 30px;
        padding: 0 15px;
        border-radius: 3px;
        background-color: #00D1C1;
        display: inline-block; }
        .blog_details .blog_details_image .sticker li + li {
          margin-left: 5px; }
        .blog_details .blog_details_image .sticker li:nth-child(3n+1) {
          background-color: #00D1C1; }
        .blog_details .blog_details_image .sticker li:nth-child(3n+2) {
          background-color: #463CE5; }
        .blog_details .blog_details_image .sticker li:nth-child(3n+3) {
          background-color: #FF4367; }
    .blog_details .blog_details_image img {
      width: 100%;
      border-radius: 10px; }
    .blog_details .blog_details_image p {
      font-size: 14px;
      color: #6D7588;
      margin-top: 10px;
      text-align: center; }
      .blog_details .blog_details_image p a {
        color: #6D7588; }
  .blog_details .blog_details_content {
    margin-top: 25px; }
    .blog_details .blog_details_content .title {
      font-size: 36px;
      font-weight: 700; }
      @media (max-width: 767px) {
        .blog_details .blog_details_content .title {
          font-size: 22px; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .blog_details .blog_details_content .title {
          font-size: 28px; } }
    .blog_details .blog_details_content .blog_date {
      padding-top: 15px; }
      .blog_details .blog_details_content .blog_date .meta li {
        display: inline-block;
        font-size: 14px;
        color: #6D7588;
        text-transform: uppercase; }
        .blog_details .blog_details_content .blog_date .meta li + li {
          margin-left: 30px; }
          @media (max-width: 767px) {
            .blog_details .blog_details_content .blog_date .meta li + li {
              margin-left: 0;
              margin-top: 8px; } }
        .blog_details .blog_details_content .blog_date .meta li i {
          margin-right: 10px; }
        .blog_details .blog_details_content .blog_date .meta li a {
          color: #6D7588;
          -webkit-transition: all 0.3s ease-out 0s;
          -moz-transition: all 0.3s ease-out 0s;
          -ms-transition: all 0.3s ease-out 0s;
          -o-transition: all 0.3s ease-out 0s;
          transition: all 0.3s ease-out 0s;
          position: relative; }
          .blog_details .blog_details_content .blog_date .meta li a + a {
            margin-left: 20px; }
            .blog_details .blog_details_content .blog_date .meta li a + a::before {
              position: absolute;
              content: '';
              width: 3px;
              height: 3px;
              border-radius: 50%;
              background-color: #6D7588;
              left: -9px;
              top: 50%;
              -webkit-transform: translateY(-50%);
              -moz-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
              -o-transform: translateY(-50%);
              transform: translateY(-50%); }
    .blog_details .blog_details_content p {
      margin-top: 20px; }
    .blog_details .blog_details_content .title_2 {
      font-size: 30px;
      font-weight: 700;
      margin-top: 40px; }
      @media (max-width: 767px) {
        .blog_details .blog_details_content .title_2 {
          font-size: 20px; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .blog_details .blog_details_content .title_2 {
          font-size: 24px; } }

.blockquote {
  padding: 50px 70px; }
  @media (max-width: 767px) {
    .blockquote {
      padding: 20px; } }
  @media (max-width: 767px) {
    .blockquote {
      padding: 20px 40px; } }
  .blockquote p {
    font-size: 30px;
    font-weight: 700;
    font-style: italic;
    color: #3C4559;
    line-height: 46px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .blockquote p {
        font-size: 26px;
        line-height: 40px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .blockquote p {
        font-size: 26px;
        line-height: 40px; } }
    @media (max-width: 767px) {
      .blockquote p {
        font-size: 18px;
        line-height: 30px; } }
  .blockquote .name {
    font-size: 30px;
    font-weight: 400;
    padding-left: 100px;
    position: relative;
    color: #3C4559;
    margin-top: 15px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .blockquote .name {
        font-size: 26px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .blockquote .name {
        font-size: 26px; } }
    @media (max-width: 767px) {
      .blockquote .name {
        font-size: 18px;
        padding-left: 60px; } }
    .blockquote .name::before {
      position: absolute;
      content: '';
      width: 70px;
      height: 1px;
      background-color: #FF4367;
      left: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
      @media (max-width: 767px) {
        .blockquote .name::before {
          width: 40px; } }

.blog_details_tips .title {
  font-size: 30px;
  font-weight: 700; }
  @media (max-width: 767px) {
    .blog_details_tips .title {
      font-size: 20px; } }
.blog_details_tips .tips_list li {
  position: relative;
  margin-top: 25px;
  color: #6D7588;
  font-size: 16px;
  padding-left: 35px; }
  @media (max-width: 767px) {
    .blog_details_tips .tips_list li {
      padding-left: 28px; } }
  .blog_details_tips .tips_list li i {
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 25px;
    line-height: 22px;
    text-align: center;
    border-radius: 3px;
    color: #fff;
    font-size: 14px; }
    @media (max-width: 767px) {
      .blog_details_tips .tips_list li i {
        top: 5px;
        width: 18px;
        height: 18px;
        line-height: 18px;
        font-size: 12px; } }
  .blog_details_tips .tips_list li:nth-child(3n+1) i {
    background-color: #463CE5; }
  .blog_details_tips .tips_list li:nth-child(3n+2) i {
    background-color: #FF4367; }
  .blog_details_tips .tips_list li:nth-child(3n+3) i {
    background-color: #00D1C1; }

.blog_details_title {
  padding-top: 10px; }
  .blog_details_title .title {
    font-size: 18px;
    font-weight: 700;
    color: #3C4559;
    border-bottom: 1px solid rgba(210, 210, 210, 0.4);
    position: relative;
    padding: 10px 0; }
    .blog_details_title .title::before {
      position: absolute;
      content: '';
      width: 3px;
      height: 15px;
      background-color: #FF4367;
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px;
      top: 50%;
      left: -20px;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .blog_details_title .title::before {
          left: -15px; } }

.blog_details_tag {
  padding-top: 30px; }
  .blog_details_tag .details_tag {
    padding-top: 10px; }
    .blog_details_tag .details_tag .tags li {
      margin-top: 10px;
      display: inline-block; }
      .blog_details_tag .details_tag .tags li + li {
        margin-left: 10px; }
      .blog_details_tag .details_tag .tags li a {
        font-size: 16px;
        font-weight: 400;
        color: #3C4559;
        background-color: rgba(188, 193, 206, 0.15);
        padding: 6px 15px;
        border-radius: 2px; }

.blog_details_comment {
  padding: 0 20px 20px;
  background-color: #fff;
  border-radius: 10px; }
  .blog_details_comment .details_comment .comment li .single_comment {
    margin-top: 30px; }
    .blog_details_comment .details_comment .comment li .single_comment .comment_author img {
      border-radius: 50%; }
    .blog_details_comment .details_comment .comment li .single_comment .comment_content {
      padding-left: 30px; }
      @media (max-width: 767px) {
        .blog_details_comment .details_comment .comment li .single_comment .comment_content {
          padding-left: 0;
          padding-top: 25px; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .blog_details_comment .details_comment .comment li .single_comment .comment_content {
          padding-left: 30px;
          padding-top: 0; } }
      .blog_details_comment .details_comment .comment li .single_comment .comment_content .title {
        font-size: 20px;
        font-weight: 700; }
      .blog_details_comment .details_comment .comment li .single_comment .comment_content .date {
        font-size: 14px;
        margin-top: 5px; }
      .blog_details_comment .details_comment .comment li .single_comment .comment_content p {
        margin-top: 15px; }
      .blog_details_comment .details_comment .comment li .single_comment .comment_content .replay {
        font-size: 14px;
        color: #FF4367;
        margin-top: 15px; }
  .blog_details_comment .details_comment .comment li .comment_replay {
    padding-left: 110px; }
    @media (max-width: 767px) {
      .blog_details_comment .details_comment .comment li .comment_replay {
        padding-left: 0; } }

.blog_details_form {
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
  padding-top: 0;
  padding-bottom: 25px; }
  .blog_details_form .single_form {
    margin-top: 20px;
    position: relative; }
    .blog_details_form .single_form textarea, .blog_details_form .single_form input {
      width: 100%;
      height: 50px;
      padding: 0 25px;
      padding-left: 40px;
      border-radius: 5px;
      border: 1px solid #BCC1CE;
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s; }
      .blog_details_form .single_form textarea:focus, .blog_details_form .single_form input:focus {
        border-color: #FF4367; }
    .blog_details_form .single_form i {
      position: absolute;
      top: 17px;
      left: 15px;
      font-size: 16px;
      color: #6D7588; }
    .blog_details_form .single_form textarea {
      resize: none;
      padding: 0 25px;
      padding-top: 15px;
      height: 175px; }

.sidebar_search {
  background-color: #fff;
  padding: 0 20px 25px;
  border-radius: 10px; }
  .sidebar_search .search_form {
    position: relative;
    margin-top: 20px; }
    .sidebar_search .search_form input {
      height: 32px;
      width: 100%;
      border: 1px solid #BCC1CE;
      border-radius: 5px;
      padding: 0 15px;
      color: #6D7588; }
    .sidebar_search .search_form button {
      position: absolute;
      top: 0;
      right: 0;
      height: 32px;
      width: 32px;
      border: 0;
      background: none;
      padding: 0;
      color: #6D7588; }

.blog_sidebar_categories {
  background-color: #fff;
  padding: 0 20px 20px;
  border-radius: 10px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .blog_sidebar_categories {
      padding: 10px 15px; } }
  .blog_sidebar_categories .sidebar_categories_content {
    padding: 15px 0; }
  .blog_sidebar_categories .accordion .card {
    padding: 0;
    border-radius: 0;
    border: 0;
    margin-top: 15px; }
    .blog_sidebar_categories .accordion .card .card-header {
      padding: 0;
      margin-bottom: 0;
      border-bottom: 0;
      background: none; }
      .blog_sidebar_categories .accordion .card .card-header a {
        font-size: 14px;
        font-weight: 400;
        color: #6D7588;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s; }
        .blog_sidebar_categories .accordion .card .card-header a img {
          margin-right: 5px; }
    .blog_sidebar_categories .accordion .card .card-body {
      padding: 0; }
      .blog_sidebar_categories .accordion .card .card-body .sidebar_categories_list {
        padding-left: 30px; }
        .blog_sidebar_categories .accordion .card .card-body .sidebar_categories_list li {
          margin-top: 8px; }
          .blog_sidebar_categories .accordion .card .card-body .sidebar_categories_list li a {
            font-size: 14px;
            color: #6D7588;
            -webkit-transition: all 0.3s ease-out 0s;
            -moz-transition: all 0.3s ease-out 0s;
            -ms-transition: all 0.3s ease-out 0s;
            -o-transition: all 0.3s ease-out 0s;
            transition: all 0.3s ease-out 0s; }
            .blog_sidebar_categories .accordion .card .card-body .sidebar_categories_list li a:hover {
              color: #FF4367; }

.sidebar_post {
  background-color: #fff;
  padding: 0 20px 20px;
  border-radius: 10px; }
  .sidebar_post .blog_post .single_post .post_thum img {
    width: 50px;
    height: 50px;
    border-radius: 5px;
    object-fit: cover;
    object-position: center; }
  .sidebar_post .blog_post .single_post .post_content {
    padding-left: 15px; }
    .sidebar_post .blog_post .single_post .post_content .title a {
      font-size: 14px;
      font-weight: 500;
      color: #3C4559;
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s; }
      .sidebar_post .blog_post .single_post .post_content .title a:hover {
        color: #FF4367; }

/*===========================
    21.POST ADS PAGE css 
===========================*/
.profile_user {
  background-color: #fff;
  padding: 20px;
  border-radius: 10px; }
  .profile_user .user_author {
    background-color: #FF4367;
    padding: 15px;
    border-radius: 10px; }
    .profile_user .user_author .author img {
      border-radius: 50%; }
    .profile_user .user_author .user_content {
      padding-left: 15px; }
      .profile_user .user_author .user_content .author_name {
        font-size: 18px;
        font-weight: 600;
        color: #fff; }
      .profile_user .user_author .user_content p {
        color: #fff;
        font-size: 14px; }
  .profile_user .user_list li {
    margin-top: 15px; }
    .profile_user .user_list li a {
      font-size: 16px;
      color: #3C4559;
      position: relative;
      padding: 10px 0px; }
      .profile_user .user_list li a::before {
        position: absolute;
        content: '';
        top: 0;
        left: -20px;
        width: 3px;
        height: 100%;
        background-color: #FF4367;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        opacity: 0;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s; }
      .profile_user .user_list li a i {
        margin-right: 8px; }
      .profile_user .user_list li a.active, .profile_user .user_list li a:hover {
        color: #FF4367; }
        .profile_user .user_list li a.active::before, .profile_user .user_list li a:hover::before {
          opacity: 1; }

.post_title {
  padding-top: 10px; }
  .post_title .title {
    font-size: 18px;
    font-weight: 700;
    color: #3C4559;
    border-bottom: 1px solid rgba(210, 210, 210, 0.4);
    position: relative;
    padding: 10px 0; }
    .post_title .title::before {
      position: absolute;
      content: '';
      width: 3px;
      height: 15px;
      background-color: #FF4367;
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px;
      top: 50%;
      left: -20px;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .post_title .title::before {
          left: -15px; } }

.account_delete,
.order_details_form,
.sidebar_post_form,
.post_form {
  background-color: #fff;
  padding: 0 20px 20px;
  border-radius: 10px; }
  .account_delete .single_form,
  .order_details_form .single_form,
  .sidebar_post_form .single_form,
  .post_form .single_form {
    margin-top: 20px; }
    .account_delete .single_form ul li,
    .order_details_form .single_form ul li,
    .sidebar_post_form .single_form ul li,
    .post_form .single_form ul li {
      display: inline-block; }
      .account_delete .single_form ul li + li,
      .order_details_form .single_form ul li + li,
      .sidebar_post_form .single_form ul li + li,
      .post_form .single_form ul li + li {
        margin-left: 15px; }
    .account_delete .single_form textarea, .account_delete .single_form input,
    .order_details_form .single_form textarea,
    .order_details_form .single_form input,
    .sidebar_post_form .single_form textarea,
    .sidebar_post_form .single_form input,
    .post_form .single_form textarea,
    .post_form .single_form input {
      width: 100%;
      height: 40px;
      padding: 0 20px;
      border: 1px solid #BCC1CE;
      color: #6D7588;
      border-radius: 5px;
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s; }
      .account_delete .single_form textarea::placeholder, .account_delete .single_form input::placeholder,
      .order_details_form .single_form textarea::placeholder,
      .order_details_form .single_form input::placeholder,
      .sidebar_post_form .single_form textarea::placeholder,
      .sidebar_post_form .single_form input::placeholder,
      .post_form .single_form textarea::placeholder,
      .post_form .single_form input::placeholder {
        opacity: 1;
        color: #6D7588; }
      .account_delete .single_form textarea::-moz-placeholder, .account_delete .single_form input::-moz-placeholder,
      .order_details_form .single_form textarea::-moz-placeholder,
      .order_details_form .single_form input::-moz-placeholder,
      .sidebar_post_form .single_form textarea::-moz-placeholder,
      .sidebar_post_form .single_form input::-moz-placeholder,
      .post_form .single_form textarea::-moz-placeholder,
      .post_form .single_form input::-moz-placeholder {
        opacity: 1;
        color: #6D7588; }
      .account_delete .single_form textarea::-moz-placeholder, .account_delete .single_form input::-moz-placeholder,
      .order_details_form .single_form textarea::-moz-placeholder,
      .order_details_form .single_form input::-moz-placeholder,
      .sidebar_post_form .single_form textarea::-moz-placeholder,
      .sidebar_post_form .single_form input::-moz-placeholder,
      .post_form .single_form textarea::-moz-placeholder,
      .post_form .single_form input::-moz-placeholder {
        opacity: 1;
        color: #6D7588; }
      .account_delete .single_form textarea::-webkit-input-placeholder, .account_delete .single_form input::-webkit-input-placeholder,
      .order_details_form .single_form textarea::-webkit-input-placeholder,
      .order_details_form .single_form input::-webkit-input-placeholder,
      .sidebar_post_form .single_form textarea::-webkit-input-placeholder,
      .sidebar_post_form .single_form input::-webkit-input-placeholder,
      .post_form .single_form textarea::-webkit-input-placeholder,
      .post_form .single_form input::-webkit-input-placeholder {
        opacity: 1;
        color: #6D7588; }
      .account_delete .single_form textarea:focus, .account_delete .single_form input:focus,
      .order_details_form .single_form textarea:focus,
      .order_details_form .single_form input:focus,
      .sidebar_post_form .single_form textarea:focus,
      .sidebar_post_form .single_form input:focus,
      .post_form .single_form textarea:focus,
      .post_form .single_form input:focus {
        border-color: #FF4367; }
    .account_delete .single_form textarea,
    .order_details_form .single_form textarea,
    .sidebar_post_form .single_form textarea,
    .post_form .single_form textarea {
      resize: none;
      height: 180px;
      padding-top: 10px; }
    .account_delete .single_form .nice-select,
    .order_details_form .single_form .nice-select,
    .sidebar_post_form .single_form .nice-select,
    .post_form .single_form .nice-select {
      float: none;
      height: 40px;
      line-height: 40px;
      border-color: #BCC1CE; }
      .account_delete .single_form .nice-select.open,
      .order_details_form .single_form .nice-select.open,
      .sidebar_post_form .single_form .nice-select.open,
      .post_form .single_form .nice-select.open {
        border-color: #FF4367; }
      .account_delete .single_form .nice-select::after,
      .order_details_form .single_form .nice-select::after,
      .sidebar_post_form .single_form .nice-select::after,
      .post_form .single_form .nice-select::after {
        width: 8px;
        height: 8px;
        border-color: #BCC1CE; }
      .account_delete .single_form .nice-select .current,
      .order_details_form .single_form .nice-select .current,
      .sidebar_post_form .single_form .nice-select .current,
      .post_form .single_form .nice-select .current {
        line-height: 40px;
        font-size: 16px;
        color: #6D7588; }
      .account_delete .single_form .nice-select .list,
      .order_details_form .single_form .nice-select .list,
      .sidebar_post_form .single_form .nice-select .list,
      .post_form .single_form .nice-select .list {
        width: 100%;
        border-radius: 3px; }
        .account_delete .single_form .nice-select .list .option,
        .order_details_form .single_form .nice-select .list .option,
        .sidebar_post_form .single_form .nice-select .list .option,
        .post_form .single_form .nice-select .list .option {
          min-height: 30px;
          line-height: 30px;
          font-size: 14px;
          display: block;
          margin-left: 0; }
    .account_delete .single_form input[type="radio"], .account_delete .single_form input[type="checkbox"],
    .order_details_form .single_form input[type="radio"],
    .order_details_form .single_form input[type="checkbox"],
    .sidebar_post_form .single_form input[type="radio"],
    .sidebar_post_form .single_form input[type="checkbox"],
    .post_form .single_form input[type="radio"],
    .post_form .single_form input[type="checkbox"] {
      display: none; }
      .account_delete .single_form input[type="radio"] + label, .account_delete .single_form input[type="checkbox"] + label,
      .order_details_form .single_form input[type="radio"] + label,
      .order_details_form .single_form input[type="checkbox"] + label,
      .sidebar_post_form .single_form input[type="radio"] + label,
      .sidebar_post_form .single_form input[type="checkbox"] + label,
      .post_form .single_form input[type="radio"] + label,
      .post_form .single_form input[type="checkbox"] + label {
        display: inline-block;
        width: 16px;
        height: 16px;
        margin: -1px 8px 0 0;
        vertical-align: middle;
        cursor: pointer;
        -moz-border-radius: 50%;
        border: 0;
        position: relative;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
        background-color: #FF4367;
        border-radius: 3px; }
        .account_delete .single_form input[type="radio"] + label::before, .account_delete .single_form input[type="checkbox"] + label::before,
        .order_details_form .single_form input[type="radio"] + label::before,
        .order_details_form .single_form input[type="checkbox"] + label::before,
        .sidebar_post_form .single_form input[type="radio"] + label::before,
        .sidebar_post_form .single_form input[type="checkbox"] + label::before,
        .post_form .single_form input[type="radio"] + label::before,
        .post_form .single_form input[type="checkbox"] + label::before {
          position: absolute;
          content: "\f00c";
          font-family: "Font Awesome 5 Pro";
          font-weight: 400;
          background: none;
          color: #fff;
          width: 100%;
          height: 100%;
          line-height: 100%;
          text-align: center;
          -webkit-transform: scale(0);
          -moz-transform: scale(0);
          -ms-transform: scale(0);
          -o-transform: scale(0);
          transform: scale(0);
          top: 0;
          left: 0;
          -webkit-transition: all 0.3s ease-out 0s;
          -moz-transition: all 0.3s ease-out 0s;
          -ms-transition: all 0.3s ease-out 0s;
          -o-transition: all 0.3s ease-out 0s;
          transition: all 0.3s ease-out 0s;
          border-radius: 3px;
          font-size: 14px; }
      .account_delete .single_form input[type="radio"]:checked + label, .account_delete .single_form input[type="checkbox"]:checked + label,
      .order_details_form .single_form input[type="radio"]:checked + label,
      .order_details_form .single_form input[type="checkbox"]:checked + label,
      .sidebar_post_form .single_form input[type="radio"]:checked + label,
      .sidebar_post_form .single_form input[type="checkbox"]:checked + label,
      .post_form .single_form input[type="radio"]:checked + label,
      .post_form .single_form input[type="checkbox"]:checked + label {
        border-color: #FF4367; }
        .account_delete .single_form input[type="radio"]:checked + label::before, .account_delete .single_form input[type="checkbox"]:checked + label::before,
        .order_details_form .single_form input[type="radio"]:checked + label::before,
        .order_details_form .single_form input[type="checkbox"]:checked + label::before,
        .sidebar_post_form .single_form input[type="radio"]:checked + label::before,
        .sidebar_post_form .single_form input[type="checkbox"]:checked + label::before,
        .post_form .single_form input[type="radio"]:checked + label::before,
        .post_form .single_form input[type="checkbox"]:checked + label::before {
          background-color: #FF4367;
          border-color: #FF4367;
          -webkit-transform: scale(1);
          -moz-transform: scale(1);
          -ms-transform: scale(1);
          -o-transform: scale(1);
          transform: scale(1); }
    .account_delete .single_form span,
    .order_details_form .single_form span,
    .sidebar_post_form .single_form span,
    .post_form .single_form span {
      font-size: 14px;
      display: contents; }
    .account_delete .single_form .main-btn,
    .order_details_form .single_form .main-btn,
    .sidebar_post_form .single_form .main-btn,
    .post_form .single_form .main-btn {
      width: 100%; }
      .account_delete .single_form .main-btn i,
      .order_details_form .single_form .main-btn i,
      .sidebar_post_form .single_form .main-btn i,
      .post_form .single_form .main-btn i {
        margin-right: 8px; }
  .account_delete .post_upload_file,
  .order_details_form .post_upload_file,
  .sidebar_post_form .post_upload_file,
  .post_form .post_upload_file {
    margin-top: 20px; }
    .account_delete .post_upload_file label,
    .order_details_form .post_upload_file label,
    .sidebar_post_form .post_upload_file label,
    .post_form .post_upload_file label {
      display: block;
      text-align: center;
      padding: 30px;
      border: 2px dashed rgba(210, 210, 210, 0.7);
      border-radius: 10px; }
      .account_delete .post_upload_file label span,
      .order_details_form .post_upload_file label span,
      .sidebar_post_form .post_upload_file label span,
      .post_form .post_upload_file label span {
        display: block; }
        .account_delete .post_upload_file label span:nth-of-type(1),
        .order_details_form .post_upload_file label span:nth-of-type(1),
        .sidebar_post_form .post_upload_file label span:nth-of-type(1),
        .post_form .post_upload_file label span:nth-of-type(1) {
          font-size: 18px;
          font-weight: 500;
          color: #6D7588; }
        .account_delete .post_upload_file label span:nth-of-type(2),
        .order_details_form .post_upload_file label span:nth-of-type(2),
        .sidebar_post_form .post_upload_file label span:nth-of-type(2),
        .post_form .post_upload_file label span:nth-of-type(2) {
          font-size: 14px;
          color: #6D7588;
          margin-top: 10px; }
        .account_delete .post_upload_file label span:nth-of-type(3),
        .order_details_form .post_upload_file label span:nth-of-type(3),
        .sidebar_post_form .post_upload_file label span:nth-of-type(3),
        .post_form .post_upload_file label span:nth-of-type(3) {
          display: inline-block;
          margin-top: 10px; }
        .account_delete .post_upload_file label span:nth-of-type(4),
        .order_details_form .post_upload_file label span:nth-of-type(4),
        .sidebar_post_form .post_upload_file label span:nth-of-type(4),
        .post_form .post_upload_file label span:nth-of-type(4) {
          color: #6D7588;
          font-size: 14px;
          margin-top: 15px; }
      .account_delete .post_upload_file label input[type="file"],
      .order_details_form .post_upload_file label input[type="file"],
      .sidebar_post_form .post_upload_file label input[type="file"],
      .post_form .post_upload_file label input[type="file"] {
        display: none; }

/*===== Dashboard =====*/
.dashboard_content {
  background-color: #fff;
  padding: 0 20px 20px;
  border-radius: 10px; }

.single_dashboard_box {
  margin-top: 30px; }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .single_dashboard_box {
      display: block !important; } }
  .single_dashboard_box .box_icon i {
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border-radius: 50%;
    background-color: #FF4367;
    color: #fff;
    font-size: 20px; }
  .single_dashboard_box .box_content {
    padding-left: 15px; }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .single_dashboard_box .box_content {
        padding-left: 0;
        padding-top: 15px; } }
    .single_dashboard_box .box_content .title a {
      font-size: 18px;
      font-weight: 500;
      color: #3C4559;
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .single_dashboard_box .box_content .title a {
          font-size: 16px; } }
      @media (max-width: 767px) {
        .single_dashboard_box .box_content .title a {
          font-size: 16px; } }
      .single_dashboard_box .box_content .title a:hover {
        color: #FF4367; }

/*===== Ads Table =====*/
.ads_table table {
  margin-bottom: 0; }
  .ads_table table thead tr {
    border-top: 1px solid rgba(210, 210, 210, 0.7);
    border-bottom: 1px solid rgba(210, 210, 210, 0.7); }
    .ads_table table thead tr th {
      padding: 10px 0;
      vertical-align: middle;
      border: 0; }
      .ads_table table thead tr th.checkbox {
        padding-right: 15px; }
      .ads_table table thead tr th.photo {
        padding-right: 50px;
        padding-left: 10px; }
      .ads_table table thead tr th.title {
        min-width: 145px; }
      .ads_table table thead tr th.category {
        padding-right: 60px;
        padding-left: 10px; }
      .ads_table table thead tr th.status {
        min-width: 90px; }
      .ads_table table thead tr th.price {
        padding-right: 30px;
        padding-left: 10px; }
      .ads_table table thead tr th.action {
        padding-right: 80px;
        padding-left: 10px; }
  .ads_table table tbody tr {
    border-bottom: 1px solid rgba(210, 210, 210, 0.7); }
    .ads_table table tbody tr:last-child {
      border-bottom: 0; }
    .ads_table table tbody tr td {
      padding: 15px 0;
      vertical-align: middle;
      border: 0; }
.ads_table .table_checkbox input[type="checkbox"] {
  display: none; }
  .ads_table .table_checkbox input[type="checkbox"] + label {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: -1px 8px 0 0;
    vertical-align: middle;
    cursor: pointer;
    -moz-border-radius: 50%;
    border: 0;
    position: relative;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    background-color: #FF4367;
    border-radius: 3px; }
    .ads_table .table_checkbox input[type="checkbox"] + label::before {
      position: absolute;
      content: "\f00c";
      font-family: "Font Awesome 5 Pro";
      font-weight: 400;
      background: none;
      color: #fff;
      width: 100%;
      height: 100%;
      line-height: 100%;
      text-align: center;
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -ms-transform: scale(0);
      -o-transform: scale(0);
      transform: scale(0);
      top: 0;
      left: 0;
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s;
      border-radius: 3px;
      font-size: 14px; }
  .ads_table .table_checkbox input[type="checkbox"]:checked + label {
    border-color: #FF4367; }
    .ads_table .table_checkbox input[type="checkbox"]:checked + label::before {
      background-color: #FF4367;
      border-color: #FF4367;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1); }
.ads_table .table_photo img {
  width: 85px;
  height: 60px;
  object-fit: cover;
  object-position: center; }
.ads_table .table_title {
  padding-right: 10px; }
  .ads_table .table_title .titles {
    font-size: 16px;
    font-weight: 500;
    color: #3C4559; }
  .ads_table .table_title p {
    font-size: 14px;
    line-height: 20px; }
.ads_table .table_category p {
  color: #3C4559; }
.ads_table .table_status span {
  font-size: 14px;
  text-transform: uppercase;
  width: 80px;
  height: 30px;
  line-height: 30px;
  border-radius: 50px;
  text-align: center;
  color: #fff; }
.ads_table .table_status .active {
  background-color: #FF4367; }
.ads_table .table_status .inactive {
  background-color: #F4F5F7;
  color: #3C4559; }
.ads_table .table_status .sold {
  background-color: #3C4559; }
.ads_table .table_status .expired {
  background-color: #fc9209; }
.ads_table .table_status .deleted {
  background-color: #f91942; }
.ads_table .table_price span {
  font-size: 16px;
  font-weight: 500;
  color: #3C4559; }
.ads_table .table_action ul li {
  display: inline-block;
  margin: 0 5px; }
  .ads_table .table_action ul li a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    background-color: #F4F5F7;
    font-size: 14px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    color: #3C4559; }
  .ads_table .table_action ul li:hover:nth-child(1) a {
    background-color: #FF4367;
    color: #fff; }
  .ads_table .table_action ul li:hover:nth-child(2) a {
    background-color: #3C4559;
    color: #fff; }
  .ads_table .table_action ul li:hover:nth-child(3) a {
    background-color: #f91942;
    color: #fff; }

/*===== Dashboard =====*/
.my_ads {
  background-color: #fff;
  padding: 0 20px 20px;
  border-radius: 10px; }

.my_ads_menu .ads_menu {
  padding-top: 20px; }
  .my_ads_menu .ads_menu li {
    display: inline-block;
    margin-top: 10px; }
    .my_ads_menu .ads_menu li + li {
      margin-left: 10px; }
    .my_ads_menu .ads_menu li a {
      height: 35px;
      line-height: 33px;
      padding: 0 15px;
      border: 1px solid rgba(210, 210, 210, 0.7);
      color: #FF4367;
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s;
      border-radius: 5px;
      font-size: 14px; }
      .my_ads_menu .ads_menu li a.active, .my_ads_menu .ads_menu li a:hover {
        background-color: #FF4367;
        color: #fff;
        border-color: #FF4367; }

/*===== Offer Massages =====*/
.offers_messages_content {
  background-color: #fff;
  padding: 0 20px 20px;
  border-radius: 10px; }

.inbox_chat_wrapper {
  height: 500px;
  overflow-y: auto; }

.single_chat {
  margin-top: 20px; }
  .single_chat .chat_author img {
    width: 70px;
    border-radius: 50%;
    background-color: #00D1C1;
    padding: 3px; }
  .single_chat .chat_content {
    padding-left: 15px; }
    .single_chat .chat_content .name {
      font-size: 16px;
      font-weight: 500;
      color: #3C4559; }
    .single_chat .chat_content .sub_title {
      font-size: 14px;
      font-weight: 500;
      color: #FF4367; }
  .single_chat.chat_online .chat_author {
    position: relative; }
    .single_chat.chat_online .chat_author::before {
      position: absolute;
      content: '';
      width: 8px;
      height: 8px;
      border-radius: 50%;
      top: 7px;
      left: 7px;
      background-color: #FF4367; }

.inbox_massage_wrapper {
  height: 400px;
  overflow-y: auto; }

.incoming_msg {
  margin-top: 20px; }
  .incoming_msg .incoming_msg_img img {
    width: 40px;
    border-radius: 50%; }
  .incoming_msg .incoming_msg_content {
    padding-left: 10px; }
    .incoming_msg .incoming_msg_content p {
      background-color: #F4F5F7;
      font-size: 14px;
      padding: 10px;
      width: 60%; }
      @media (max-width: 767px) {
        .incoming_msg .incoming_msg_content p {
          width: 90%; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .incoming_msg .incoming_msg_content p {
          width: 60%; } }
    .incoming_msg .incoming_msg_content span {
      font-size: 14px;
      margin-top: 5px;
      color: #6D7588; }

.outgoing_msg {
  margin-top: 20px; }
  .outgoing_msg .outgoing_msg_content {
    display: inline-block;
    float: right;
    width: 60%; }
    @media (max-width: 767px) {
      .outgoing_msg .outgoing_msg_content {
        width: 90%; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .outgoing_msg .outgoing_msg_content {
        width: 60%; } }
    .outgoing_msg .outgoing_msg_content p {
      background-color: #463CE5;
      font-size: 14px;
      padding: 10px;
      color: #fff; }
    .outgoing_msg .outgoing_msg_content span {
      font-size: 14px;
      margin-top: 5px;
      color: #6D7588; }

.massage_type {
  margin-top: 20px;
  position: relative; }
  .massage_type textarea {
    width: 100%;
    height: 80px;
    resize: none;
    padding: 10px 15px 0;
    border: 1px solid rgba(210, 210, 210, 0.7);
    padding-right: 60px;
    font-size: 14px;
    color: #6D7588; }
    @media (max-width: 767px) {
      .massage_type textarea {
        padding-right: 45px; } }
  .massage_type button {
    width: 45px;
    height: 45px;
    padding: 0;
    border: 0;
    background-color: #463CE5;
    color: #fff;
    font-size: 20px;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    right: 10px; }
    @media (max-width: 767px) {
      .massage_type button {
        width: 35px;
        height: 35px;
        font-size: 16px; } }

/*===== Payments =====*/
.payments_content {
  background-color: #fff;
  padding: 0 20px 20px;
  border-radius: 10px; }

.payments_title .title {
  font-size: 16px;
  font-weight: 700;
  color: #3C4559; }

.order_details_table {
  margin-top: 20px; }
  .order_details_table table thead tr th {
    border-bottom: 0; }
  .order_details_table table tbody tr td p {
    font-size: 14px; }
  .order_details_table table tbody tr td .price {
    font-size: 16px;
    color: #3C4559; }
  .order_details_table table tfoot tr td p {
    font-size: 14px; }
  .order_details_table table tfoot tr td .price {
    font-size: 16px;
    color: #3C4559; }
  .order_details_table .radio input[type="radio"] {
    display: none; }
    .order_details_table .radio input[type="radio"] + label {
      display: inline-block;
      width: 16px;
      height: 16px;
      margin: -1px 8px 0 0;
      vertical-align: middle;
      cursor: pointer;
      -moz-border-radius: 50%;
      border: 0;
      position: relative;
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s;
      background-color: #FF4367;
      border-radius: 3px; }
      .order_details_table .radio input[type="radio"] + label::before {
        position: absolute;
        content: "\f00c";
        font-family: "Font Awesome 5 Pro";
        font-weight: 400;
        background: none;
        color: #fff;
        width: 100%;
        height: 100%;
        line-height: 100%;
        text-align: center;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        top: 0;
        left: 0;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
        border-radius: 3px;
        font-size: 14px; }
    .order_details_table .radio input[type="radio"]:checked + label {
      border-color: #FF4367; }
      .order_details_table .radio input[type="radio"]:checked + label::before {
        background-color: #FF4367;
        border-color: #FF4367;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1); }
  .order_details_table .radio span {
    font-size: 16px;
    color: #3C4559; }

.order_details_form {
  padding: 0; }
  .order_details_form .form_table table {
    margin-bottom: 0; }
    .order_details_form .form_table table tbody tr th {
      font-size: 16px;
      text-transform: uppercase;
      color: #3C4559;
      vertical-align: middle;
      border-top: 0;
      padding: 0; }
    .order_details_form .form_table table tbody tr td {
      font-size: 30px;
      text-align: right;
      color: #3C4559;
      vertical-align: middle;
      border-top: 0;
      padding: 0; }
  .order_details_form .details_form {
    border: 1px solid rgba(210, 210, 210, 0.7);
    border-radius: 10px;
    padding: 15px 30px 30px;
    margin-top: 20px; }

/*===== Privacy Setting =====*/
.privacy_setting_content {
  background-color: #fff;
  padding: 0 20px 20px;
  border-radius: 10px; }

.privacy_title .title {
  font-size: 16px;
  font-weight: 700;
  color: #3C4559; }

.privacy_list_wrapper {
  padding: 15px 20px 20px;
  border: 1px solid rgba(210, 210, 210, 0.7);
  border-radius: 10px;
  margin-top: 20px; }
  .privacy_list_wrapper ul li {
    margin-top: 5px; }
  .privacy_list_wrapper .main-btn {
    margin-top: 30px;
    height: 40px;
    line-height: 40px; }

.single_privacy_list {
  position: relative; }
  .single_privacy_list .list_checkbox {
    position: absolute;
    top: -2px;
    left: 0; }
    .single_privacy_list .list_checkbox input[type="checkbox"] {
      display: none; }
      .single_privacy_list .list_checkbox input[type="checkbox"] + label {
        display: inline-block;
        width: 14px;
        height: 14px;
        margin: 0;
        vertical-align: middle;
        cursor: pointer;
        -moz-border-radius: 50%;
        border: 0;
        position: relative;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
        background-color: #FF4367;
        border-radius: 3px; }
        .single_privacy_list .list_checkbox input[type="checkbox"] + label::before {
          position: absolute;
          content: "\f00c";
          font-family: "Font Awesome 5 Pro";
          font-weight: 400;
          background: none;
          color: #fff;
          width: 100%;
          height: 100%;
          line-height: 100%;
          text-align: center;
          -webkit-transform: scale(0);
          -moz-transform: scale(0);
          -ms-transform: scale(0);
          -o-transform: scale(0);
          transform: scale(0);
          top: 0;
          left: 0;
          -webkit-transition: all 0.3s ease-out 0s;
          -moz-transition: all 0.3s ease-out 0s;
          -ms-transition: all 0.3s ease-out 0s;
          -o-transition: all 0.3s ease-out 0s;
          transition: all 0.3s ease-out 0s;
          border-radius: 3px;
          font-size: 12px; }
      .single_privacy_list .list_checkbox input[type="checkbox"]:checked + label {
        border-color: #FF4367; }
        .single_privacy_list .list_checkbox input[type="checkbox"]:checked + label::before {
          background-color: #FF4367;
          border-color: #FF4367;
          -webkit-transform: scale(1);
          -moz-transform: scale(1);
          -ms-transform: scale(1);
          -o-transform: scale(1);
          transform: scale(1); }
  .single_privacy_list .list_content {
    padding-left: 25px; }
    .single_privacy_list .list_content p {
      font-size: 14px; }

.account_delete {
  padding: 15px 20px 20px;
  border: 1px solid rgba(210, 210, 210, 0.7);
  border-radius: 10px;
  margin-top: 20px; }
  .account_delete .single_form textarea {
    height: 90px; }
  .account_delete .single_form .main-btn {
    height: 40px;
    line-height: 40px;
    width: auto; }

/*===========================
    22.FAQ PAGE css 
===========================*/
.faq_accordion {
  padding: 20px;
  padding-top: 5px;
  background-color: #fff;
  border-radius: 10px; }
  .faq_accordion .accordion .card {
    padding: 0;
    border-radius: 0;
    border: 0;
    background: none;
    margin-top: 15px; }
    .faq_accordion .accordion .card .card-header {
      padding: 0;
      border: 0;
      margin-bottom: 0;
      background: none; }
      .faq_accordion .accordion .card .card-header a {
        display: block;
        font-size: 18px;
        font-weight: 500;
        color: #3C4559;
        border: 1px solid rgba(210, 210, 210, 0.7);
        padding: 15px 20px;
        padding-right: 40px;
        position: relative; }
        @media (max-width: 767px) {
          .faq_accordion .accordion .card .card-header a {
            font-size: 16px; } }
        .faq_accordion .accordion .card .card-header a::before {
          position: absolute;
          content: "\f068";
          font-family: "Font Awesome 5 Pro";
          font-weight: 300;
          right: 20px;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          transform: translateY(-50%);
          -webkit-transition: all 0.3s ease-out 0s;
          -moz-transition: all 0.3s ease-out 0s;
          -ms-transition: all 0.3s ease-out 0s;
          -o-transition: all 0.3s ease-out 0s;
          transition: all 0.3s ease-out 0s; }
        .faq_accordion .accordion .card .card-header a.collapsed::before {
          content: "\f067"; }
    .faq_accordion .accordion .card .card-body {
      padding: 15px 0 0; }

/*===========================
23.SIGN IN & SIGN UP PAGE css 
===========================*/
.sign_in_form {
  padding: 20px;
  padding-top: 0;
  background-color: #fff;
  border-radius: 10px; }

.sign_title {
  padding-top: 10px; }
  .sign_title .title {
    font-size: 18px;
    font-weight: 700;
    color: #3C4559;
    border-bottom: 1px solid rgba(210, 210, 210, 0.4);
    position: relative;
    padding: 10px 0; }
    .sign_title .title::before {
      position: absolute;
      content: '';
      width: 3px;
      height: 15px;
      background-color: #FF4367;
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px;
      top: 50%;
      left: -20px;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .sign_title .title::before {
          left: -15px; } }

.sign_form_wrapper .single_form {
  margin-top: 20px;
  position: relative; }
  .sign_form_wrapper .single_form textarea, .sign_form_wrapper .single_form input {
    width: 100%;
    height: 50px;
    padding: 0 25px;
    padding-left: 40px;
    border-radius: 5px;
    border: 1px solid #BCC1CE;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s; }
    .sign_form_wrapper .single_form textarea:focus, .sign_form_wrapper .single_form input:focus {
      border-color: #FF4367; }
  .sign_form_wrapper .single_form i {
    position: absolute;
    top: 17px;
    left: 15px;
    font-size: 16px;
    color: #6D7588; }
  .sign_form_wrapper .single_form textarea {
    resize: none;
    padding: 0 25px;
    padding-top: 15px;
    height: 175px; }
  .sign_form_wrapper .single_form .sign_checkbox input[type="checkbox"] {
    display: none; }
    .sign_form_wrapper .single_form .sign_checkbox input[type="checkbox"] + label {
      display: inline-block;
      width: 16px;
      height: 16px;
      margin: -1px 8px 0 0;
      vertical-align: middle;
      cursor: pointer;
      -moz-border-radius: 50%;
      border: 0;
      position: relative;
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -ms-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s;
      background-color: #FF4367;
      border-radius: 3px; }
      .sign_form_wrapper .single_form .sign_checkbox input[type="checkbox"] + label::before {
        position: absolute;
        content: "\f00c";
        font-family: "Font Awesome 5 Pro";
        font-weight: 400;
        background: none;
        color: #fff;
        width: 100%;
        height: 100%;
        line-height: 100%;
        text-align: center;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        top: 0;
        left: 0;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
        border-radius: 3px;
        font-size: 14px; }
    .sign_form_wrapper .single_form .sign_checkbox input[type="checkbox"]:checked + label {
      border-color: #FF4367; }
      .sign_form_wrapper .single_form .sign_checkbox input[type="checkbox"]:checked + label::before {
        background-color: #FF4367;
        border-color: #FF4367;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1); }
  .sign_form_wrapper .single_form .sign_checkbox span {
    font-size: 14px;
    display: contents; }
  .sign_form_wrapper .single_form .sign_forgot a {
    font-size: 14px;
    color: #FF4367; }

/*===========================
      24.ERROR PAGE css 
===========================*/
.error_content .error {
  font-size: 100px;
  line-height: 1;
  color: #FF4367;
  font-weight: 700; }
  @media (max-width: 767px) {
    .error_content .error {
      font-size: 100px;
      line-height: 70px; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .error_content .error {
      font-size: 140px;
      line-height: 100px; } }
.error_content p {
  font-size: 20px;
  font-weight: 500;
  color: #3C4559;
  margin-top: 30px; }
  @media (max-width: 767px) {
    .error_content p {
      font-size: 16px; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .error_content p {
      font-size: 18px; } }
.error_content .error_search {
  position: relative;
  margin: 0 auto;
  margin-top: 50px;
  max-width: 550px;
  width: 100%; }
  @media (max-width: 767px) {
    .error_content .error_search {
      margin-top: 30px; } }
  .error_content .error_search input {
    width: 100%;
    height: 60px;
    padding: 0 30px;
    border: 1px solid rgba(210, 210, 210, 0.7);
    border-radius: 5px;
    background: none;
    font-size: 18px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s; }
    @media (max-width: 767px) {
      .error_content .error_search input {
        height: 50px;
        padding: 0 25px; } }
    .error_content .error_search input:focus {
      border-color: #FF4367; }
  .error_content .error_search button {
    height: 60px;
    width: 60px;
    border-radius: 5px;
    background-color: #FF4367;
    top: -1px;
    right: -1px;
    color: #fff;
    border: 0;
    position: absolute;
    cursor: pointer;
    font-size: 20px; }
    @media (max-width: 767px) {
      .error_content .error_search button {
        width: 50px;
        height: 50px;
        font-size: 16px; } }

/*===========================
      25.CONTACT PAGE css 
===========================*/
.contact_map {
  padding: 20px;
  border-radius: 10px;
  background-color: #fff; }
  .contact_map .gmap_canvas iframe {
    width: 100%;
    height: 400px; }

.contact_form {
  padding: 20px;
  padding-top: 0;
  border-radius: 10px;
  background-color: #fff; }

.contact_title {
  padding-top: 10px; }
  .contact_title .title {
    font-size: 18px;
    font-weight: 700;
    color: #3C4559;
    border-bottom: 1px solid rgba(210, 210, 210, 0.4);
    position: relative;
    padding: 10px 0; }
    .contact_title .title::before {
      position: absolute;
      content: '';
      width: 3px;
      height: 15px;
      background-color: #FF4367;
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px;
      top: 50%;
      left: -20px;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .contact_title .title::before {
          left: -15px; } }

.form-message {
  margin-left: 15px; }
  .form-message.error, .form-message.success {
    font-size: 16px;
    color: #222;
    background-color: #fff;
    padding: 10px 15px;
    margin-top: 15px;
    background-color: #F4F5F7; }
  .form-message.error {
    color: #f00; }

.contact_form_wrapper .single_form {
  margin-top: 20px;
  position: relative; }
  .contact_form_wrapper .single_form textarea, .contact_form_wrapper .single_form input {
    width: 100%;
    height: 50px;
    padding: 0 25px;
    padding-left: 40px;
    border-radius: 5px;
    border: 1px solid #BCC1CE;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s; }
    .contact_form_wrapper .single_form textarea:focus, .contact_form_wrapper .single_form input:focus {
      border-color: #FF4367; }
  .contact_form_wrapper .single_form i {
    position: absolute;
    top: 17px;
    left: 15px;
    font-size: 16px;
    color: #6D7588; }
  .contact_form_wrapper .single_form textarea {
    resize: none;
    padding-top: 10px;
    height: 175px; }

.contact_info {
  padding: 20px;
  padding-top: 0;
  border-radius: 10px;
  background-color: #fff; }

.contact_info p {
  padding-top: 20px; }

.single_info {
  margin-top: 20px; }
  .single_info .info_icon i {
    font-size: 18px;
    color: #FF4367;
    padding-top: 4px; }
  .single_info .info_content {
    padding-left: 15px; }
    .single_info .info_content p {
      padding-top: 0; }

/*# sourceMappingURL=style.css.map */
