@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(360deg);
  }

  to {
    -webkit-transform: rotate(0);
  }
}

@keyframes rotate {
  from {
    transform: rotate(360deg);
  }

  to {
    transform: rotate(0);
  }
}

/*=====================================
        Color Variable's
=====================================*/

/*=====================================
        Effect Styles
=====================================*/

/*=====================================
        Font Size of Variable's
=====================================*/

/*=====================================
     Variable's Line-Height
=====================================*/

/*=====================================
             Font-family
=====================================*/

/*===========================================
            Loader start Here
===========================================*/

.Loader {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fcdee1;
  overflow: hidden;
  transition: ease 0.2s;
  z-index: 99999;
}

.Loader.hidden {
  -webkit-animation: fadeOutt 1s;
          animation: fadeOutt 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  overflow-y: visible;
}

@-webkit-keyframes fadeOutt {
  100% {
    visibility: hidden;
    opacity: 0;
  }
}

@keyframes fadeOutt {
  100% {
    visibility: hidden;
    opacity: 0;
  }
}

.spinnerPairHolder {
  display: grid;
  position: absolute;
  width: 300px;
  height: 100px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

@media (max-width: 991px) {
  .spinnerPairHolder {
    width: 200px;
  }
}

.spinnerPairHolder .spinnerPair {
  position: relative;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.spinnerPairHolder .spinnerPair .spinnerPairCercle {
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  left: 50%;
  border-radius: 999px;
  transform: translateX(-50%);
  -webkit-animation: loaderBallsSpin 2s infinite ease-in-out;
          animation: loaderBallsSpin 2s infinite ease-in-out;
}

.spinnerPairHolder .spinnerPair .spinnerPairCercle:nth-child(1) {
  background-image: linear-gradient(to top right, #000 15%, #F25867);
}

.spinnerPairHolder .spinnerPair:nth-child(1) .spinnerPairCercle:nth-child(1) {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}

.spinnerPairHolder .spinnerPair:nth-child(2) .spinnerPairCercle:nth-child(1) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}

.spinnerPairHolder .spinnerPair:nth-child(3) .spinnerPairCercle:nth-child(1) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}

.spinnerPairHolder .spinnerPair:nth-child(4) .spinnerPairCercle:nth-child(1) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}

.spinnerPairHolder .spinnerPair:nth-child(5) .spinnerPairCercle:nth-child(1) {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}

.spinnerPairHolder .spinnerPair .spinnerPairCercle:nth-child(2) {
  background-image: linear-gradient(to top right, #F25867 15%, #000);
}

.spinnerPairHolder .spinnerPair:nth-child(1) .spinnerPairCercle:nth-child(2) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.spinnerPairHolder .spinnerPair:nth-child(2) .spinnerPairCercle:nth-child(2) {
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}

.spinnerPairHolder .spinnerPair:nth-child(3) .spinnerPairCercle:nth-child(2) {
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}

.spinnerPairHolder .spinnerPair:nth-child(4) .spinnerPairCercle:nth-child(2) {
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
}

.spinnerPairHolder .spinnerPair:nth-child(5) .spinnerPairCercle:nth-child(2) {
  -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s;
}

@-webkit-keyframes loaderBallsSpin {
  0% {
    top: 0%;
    z-index: 2;
  }

  25% {
    transform: translateX(-50%) scale(1.2, 1.2);
  }

  50% {
    top: calc(100% - 25px);
  }

  75% {
    transform: translateX(-50%) scale(0.8, 0.8);
  }

  100% {
    top: 0%;
    z-index: 1;
  }
}

@keyframes loaderBallsSpin {
  0% {
    top: 0%;
    z-index: 2;
  }

  25% {
    transform: translateX(-50%) scale(1.2, 1.2);
  }

  50% {
    top: calc(100% - 25px);
  }

  75% {
    transform: translateX(-50%) scale(0.8, 0.8);
  }

  100% {
    top: 0%;
    z-index: 1;
  }
}

/*===========================================
            Loader End Here
===========================================*/

/*===========================================
            Overlay start Here
===========================================*/

.overlay-main .offcanvas {
  border: none;
}

.overlay-main .offcanvas .offcanvas-body .logo-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.overlay-main .offcanvas .offcanvas-body .logo-main .logo-otr .logo {
  width: 100px;
  -o-object-fit: cover;
     object-fit: cover;
}

.overlay-main .offcanvas .offcanvas-body .logo-main .close-icon-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.03);
  transition: 0.3s;
  cursor: pointer;
}

.overlay-main .offcanvas .offcanvas-body .logo-main .close-icon-otr:hover {
  background-color: #F25867;
}

.overlay-main .offcanvas .offcanvas-body .logo-main .close-icon-otr:hover .icon {
  color: #FFFFFF;
}

.overlay-main .offcanvas .offcanvas-body .logo-main .close-icon-otr .icon {
  font-size: 24px;
  color: rgba(0, 0, 0, 0.4);
  transition: 0.3s;
}

.overlay-main .offcanvas .offcanvas-body .input-otr {
  margin: 36px 0;
}

.overlay-main .offcanvas .offcanvas-body .input-otr .search {
  padding: 11px 56px 11px 24px;
}

.overlay-main .offcanvas .offcanvas-body .accordion .accordion-item {
  background-color: transparent;
  border: none;
}

.overlay-main .offcanvas .offcanvas-body .accordion .accordion-item:not(:last-child) {
  margin-bottom: 8px;
}

.overlay-main .offcanvas .offcanvas-body .accordion .accordion-item .accordion-header .accordion-button {
  padding: 0;
  border: none;
  color: #000000;
  background-color: transparent;
  box-shadow: none;
}

.overlay-main .offcanvas .offcanvas-body .accordion .accordion-item .accordion-header .accordion-button:focus {
  box-shadow: none;
}

.overlay-main .offcanvas .offcanvas-body .accordion .accordion-item .accordion-header .accordion-button::after {
  background-image: url(/assets/img/plus-icon.svg);
}

.overlay-main .offcanvas .offcanvas-body .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
  color: #F25867;
}

.overlay-main .offcanvas .offcanvas-body .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
  background-image: url(/assets/img/plus-icon-blue.svg);
  transform: rotate(-225deg);
}

.overlay-main .offcanvas .offcanvas-body .accordion .accordion-item .accordion-collapse .accordion-body {
  padding: 8px 12px;
}

.overlay-main .offcanvas .offcanvas-body .accordion .accordion-item .accordion-collapse .accordion-body .drop-ul .drop-li:not(:last-child) {
  margin-bottom: 8px;
}

.overlay-main .offcanvas .offcanvas-body .accordion .accordion-item .accordion-collapse .accordion-body .drop-ul .drop-li .drop-a {
  color: #000000;
  transition: 0.3s;
}

.overlay-main .offcanvas .offcanvas-body .accordion .accordion-item .accordion-collapse .accordion-body .drop-ul .drop-li .drop-a:hover {
  color: #F25867;
}

.overlay-main .offcanvas .offcanvas-body .accordion .menu-a {
  color: #000000;
  transition: 0.3s;
  margin-bottom: 8px;
}

.overlay-main .offcanvas .offcanvas-body .accordion .menu-a:hover {
  color: #F25867;
}

.overlay-main .offcanvas .offcanvas-body .action-otr {
  display: flex;
  align-items: center;
  width: 100%;
  text-align: center;
  margin: 36px 0 20px 0;
}

@media (max-width: 420px) {
  .overlay-main .offcanvas .offcanvas-body .action-otr {
    flex-direction: column;
  }
}

.overlay-main .offcanvas .offcanvas-body .action-otr .action {
  width: 50%;
}

@media (max-width: 420px) {
  .overlay-main .offcanvas .offcanvas-body .action-otr .action {
    width: 100%;
  }
}

.overlay-main .offcanvas .offcanvas-body .action-otr .action:not(:last-child) {
  margin-right: 24px;
}

@media (max-width: 420px) {
  .overlay-main .offcanvas .offcanvas-body .action-otr .action:not(:last-child) {
    margin: 0 0 24px 0;
  }
}

.overlay-main .offcanvas .offcanvas-body .social-ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}

.overlay-main .offcanvas .offcanvas-body .social-ul .social-li .social-a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 100%;
  background-color: #FFFFFF;
  transition: 0.3s;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
}

.overlay-main .offcanvas .offcanvas-body .social-ul .social-li .social-a:hover {
  background-color: #F25867;
}

.overlay-main .offcanvas .offcanvas-body .social-ul .social-li .social-a:hover .icon {
  color: #FFFFFF;
}

.overlay-main .offcanvas .offcanvas-body .social-ul .social-li .social-a .icon {
  font-size: 24px;
  color: rgba(0, 0, 0, 0.4);
  transition: 0.3s;
}

/*===========================================
            Overlay End Here
===========================================*/

/*===========================================
            Navbar start Here
===========================================*/

.navbar {
  background-color: #FFFFFF;
  box-shadow: 0px 15px 10px rgba(242, 88, 103, 0.1);
  padding: 24px 0;
}

.navbar .container-fluid .navbar-inr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.navbar .container-fluid .navbar-inr .logo-main {
  display: flex;
  align-items: center;
}

@media (max-width: 767px) {
  .navbar .container-fluid .navbar-inr .logo-main {
    flex-direction: row-reverse;
    justify-content: space-between;
    width: 100%;
  }
}

.navbar .container-fluid .navbar-inr .logo-main .menu-icon-otr {
  display: none;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.03);
  margin-right: 20px;
}

@media (max-width: 991px) {
  .navbar .container-fluid .navbar-inr .logo-main .menu-icon-otr {
    display: flex;
  }
}

@media (max-width: 767px) {
  .navbar .container-fluid .navbar-inr .logo-main .menu-icon-otr {
    margin-right: 0;
  }
}

.navbar .container-fluid .navbar-inr .logo-main .menu-icon-otr .icon {
  font-size: 24px;
  color: rgba(0, 0, 0, 0.4);
}

.navbar .container-fluid .navbar-inr .logo-main .logo-otr .logo {
  width: 100px;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 1100px) {
  .navbar .container-fluid .navbar-inr .input-otr {
    display: none;
  }
}

.navbar .container-fluid .navbar-inr .input-otr .search {
  padding: 11px 56px 11px 24px;
}

@media (max-width: 991px) {
  .navbar .container-fluid .navbar-inr .menu-otr {
    display: none;
  }
}

.navbar .container-fluid .navbar-inr .menu-otr .menu-ul {
  display: flex;
  align-items: center;
  gap: 0 30px;
}

.navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li {
  position: relative;
}

.navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li:hover .menu-a {
  color: #F25867;
}

.navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li:hover .drop-otr {
  opacity: 1;
  visibility: visible;
  top: 30px;
}

.navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .menu-a {
  cursor: pointer;
  color: rgba(0, 0, 0, 0.75);
  transition: 0.3s;
}

.navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr {
  position: absolute;
  top: 100px;
  left: -24px;
  z-index: 99999;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}

.navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul {
  width: 220px;
  background-color: #FFFFFF;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding-top: 12px;
}

.navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li {
  position: relative;
  padding: 0 24px 12px 24px;
}

.navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li:hover .other-drop-otr {
  opacity: 1;
  visibility: visible;
}

.navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li:not(:last-child) {
  margin-bottom: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .drop-a {
  position: relative;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.75);
  transition: 0.3s;
  cursor: pointer;
}

.navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .drop-a:hover {
  color: #F25867;
  padding-left: 22px;
}

.navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .drop-a:hover::after {
  left: 0;
}

.navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .drop-a::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: #F25867;
  left: -30px;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s;
}

.navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr {
  position: absolute;
  left: 180px;
  top: 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}

.navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr .other-drop-ul {
  width: 230px;
  background-color: #FFFFFF;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding-top: 12px;
}

.navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr .other-drop-ul .other-drop-li {
  padding: 0 24px 12px 24px;
}

.navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr .other-drop-ul .other-drop-li:not(:last-child) {
  margin-bottom: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr .other-drop-ul .other-drop-li .other-drop-a {
  position: relative;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.75);
  transition: 0.3s;
}

.navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr .other-drop-ul .other-drop-li .other-drop-a:hover {
  color: #F25867;
  padding-left: 22px;
}

.navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr .other-drop-ul .other-drop-li .other-drop-a:hover::after {
  left: 0;
}

.navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr .other-drop-ul .other-drop-li .other-drop-a::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: #F25867;
  left: -30px;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s;
}

@media (max-width: 1366px) {
  .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-5,
  .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-4 {
    display: none;
  }
}

.navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-6 {
  display: none;
}

@media (max-width: 1366px) {
  .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-6 {
    display: block;
  }
}

.navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-6 .menu-a {
  padding: 10px 0;
}

.navbar .container-fluid .navbar-inr .action-otr {
  display: flex;
  align-items: center;
}

@media (max-width: 767px) {
  .navbar .container-fluid .navbar-inr .action-otr {
    display: none;
  }
}

.navbar .container-fluid .navbar-inr .action-otr .search-icon-otr {
  display: none;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.03);
  cursor: pointer;
}

@media (max-width: 1100px) {
  .navbar .container-fluid .navbar-inr .action-otr .search-icon-otr {
    display: flex;
  }
}

.navbar .container-fluid .navbar-inr .action-otr .search-icon-otr .icon {
  font-size: 24px;
  color: rgba(0, 0, 0, 0.4);
}

.navbar .container-fluid .navbar-inr .action-otr .action {
  display: flex;
}

.navbar .container-fluid .navbar-inr .action-otr .action:not(:last-child) {
  margin: 0 20px;
}

.navbar .container-fluid .navbar-inr .action-otr .action .icon-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.03);
  transition: 0.3s;
}

.navbar .container-fluid .navbar-inr .action-otr .action .icon-otr:hover {
  background-color: #F25867;
}

.navbar .container-fluid .navbar-inr .action-otr .action .icon-otr:hover .icon {
  color: #FFFFFF;
}

.navbar .container-fluid .navbar-inr .action-otr .action .icon-otr .icon {
  font-size: 24px;
  color: rgba(0, 0, 0, 0.4);
  transition: 0.3s;
}

/*===========================================
            Navbar End Here
===========================================*/

/*===========================================
            Navbar2 start Here
===========================================*/

.navbar2 {
  background-color: #FFFFFF;
  box-shadow: 0px 15px 10px rgba(242, 88, 103, 0.1);
  padding: 24px 0;
}

.navbar2 .container-fluid .navbar-inr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.navbar2 .container-fluid .navbar-inr .logo-main {
  display: flex;
  align-items: center;
}

.navbar2 .container-fluid .navbar-inr .logo-main .menu-icon-otr {
  display: none;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.03);
  margin-right: 20px;
}

@media (max-width: 991px) {
  .navbar2 .container-fluid .navbar-inr .logo-main .menu-icon-otr {
    display: flex;
  }
}

@media (max-width: 420px) {
  .navbar2 .container-fluid .navbar-inr .logo-main .menu-icon-otr {
    width: 40px;
    height: 40px;
  }
}

.navbar2 .container-fluid .navbar-inr .logo-main .menu-icon-otr .icon {
  font-size: 24px;
  color: rgba(0, 0, 0, 0.4);
}

@media (max-width: 420px) {
  .navbar2 .container-fluid .navbar-inr .logo-main .menu-icon-otr .icon {
    font-size: 20px;
  }
}

.navbar2 .container-fluid .navbar-inr .logo-main .logo-otr .logo {
  width: 100px;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 1100px) {
  .navbar2 .container-fluid .navbar-inr .input-otr {
    display: none;
  }
}

.navbar2 .container-fluid .navbar-inr .input-otr .search {
  padding: 11px 56px 11px 24px;
}

@media (max-width: 991px) {
  .navbar2 .container-fluid .navbar-inr .menu-otr {
    display: none;
  }
}

.navbar2 .container-fluid .navbar-inr .menu-otr .menu-ul {
  display: flex;
  align-items: center;
  gap: 0 30px;
}

.navbar2 .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li {
  position: relative;
}

.navbar2 .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li:hover .menu-a {
  color: #F25867;
}

.navbar2 .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li:hover .drop-otr {
  opacity: 1;
  visibility: visible;
  top: 30px;
}

.navbar2 .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .menu-a {
  cursor: pointer;
  color: rgba(0, 0, 0, 0.75);
  transition: 0.3s;
}

.navbar2 .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr {
  position: absolute;
  top: 100px;
  left: -24px;
  z-index: 99999;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}

.navbar2 .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul {
  width: 250px;
  background-color: #FFFFFF;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding-top: 12px;
}

.navbar2 .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li {
  position: relative;
  padding: 0 24px 12px 24px;
}

.navbar2 .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li:hover .other-drop-otr {
  opacity: 1;
  visibility: visible;
}

.navbar2 .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li:not(:last-child) {
  margin-bottom: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.navbar2 .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .drop-a {
  position: relative;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.75);
  transition: 0.3s;
  cursor: pointer;
}

.navbar2 .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .drop-a:hover {
  color: #F25867;
  padding-left: 22px;
}

.navbar2 .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .drop-a:hover::after {
  left: 0;
}

.navbar2 .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .drop-a::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: #F25867;
  left: -30px;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s;
}

.navbar2 .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr {
  position: absolute;
  left: 180px;
  top: 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}

.navbar2 .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr .other-drop-ul {
  width: 230px;
  background-color: #FFFFFF;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding-top: 12px;
}

.navbar2 .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr .other-drop-ul .other-drop-li {
  padding: 0 24px 12px 24px;
}

.navbar2 .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr .other-drop-ul .other-drop-li:not(:last-child) {
  margin-bottom: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.navbar2 .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr .other-drop-ul .other-drop-li .other-drop-a {
  position: relative;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.75);
  transition: 0.3s;
}

.navbar2 .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr .other-drop-ul .other-drop-li .other-drop-a:hover {
  color: #F25867;
  padding-left: 22px;
}

.navbar2 .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr .other-drop-ul .other-drop-li .other-drop-a:hover::after {
  left: 0;
}

.navbar2 .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr .other-drop-ul .other-drop-li .other-drop-a::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: #F25867;
  left: -30px;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s;
}

@media (max-width: 1366px) {
  .navbar2 .container-fluid .navbar-inr .menu-otr .menu-ul .menu-5,
  .navbar2 .container-fluid .navbar-inr .menu-otr .menu-ul .menu-4 {
    display: none;
  }
}

.navbar2 .container-fluid .navbar-inr .menu-otr .menu-ul .menu-6 {
  display: none;
}

@media (max-width: 1366px) {
  .navbar2 .container-fluid .navbar-inr .menu-otr .menu-ul .menu-6 {
    display: block;
  }
}

.navbar2 .container-fluid .navbar-inr .menu-otr .menu-ul .menu-6 .menu-a {
  padding: 10px 0;
}

.navbar2 .container-fluid .navbar-inr .action-otr {
  display: flex;
  align-items: center;
}

.navbar2 .container-fluid .navbar-inr .action-otr .search-icon-otr {
  display: none;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.03);
  cursor: pointer;
  margin-right: 20px;
}

@media (max-width: 1100px) {
  .navbar2 .container-fluid .navbar-inr .action-otr .search-icon-otr {
    display: flex;
  }
}

@media (max-width: 767px) {
  .navbar2 .container-fluid .navbar-inr .action-otr .search-icon-otr {
    display: none;
  }
}

.navbar2 .container-fluid .navbar-inr .action-otr .search-icon-otr .icon {
  font-size: 24px;
  color: rgba(0, 0, 0, 0.4);
}

.navbar2 .container-fluid .navbar-inr .action-otr .action {
  display: flex;
}

@media (max-width: 767px) {
  .navbar2 .container-fluid .navbar-inr .action-otr .action {
    display: none;
  }
}

.navbar2 .container-fluid .navbar-inr .action-otr .action .icon-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.03);
  transition: 0.3s;
}

.navbar2 .container-fluid .navbar-inr .action-otr .action .icon-otr:hover {
  background-color: #F25867;
}

.navbar2 .container-fluid .navbar-inr .action-otr .action .icon-otr:hover .icon {
  color: #FFFFFF;
}

.navbar2 .container-fluid .navbar-inr .action-otr .action .icon-otr .icon {
  font-size: 24px;
  color: rgba(0, 0, 0, 0.4);
  transition: 0.3s;
}

.navbar2 .container-fluid .navbar-inr .action-otr .bell-icon-otr {
  position: relative;
  margin: 0 20px;
}

@media (max-width: 575px) {
  .navbar2 .container-fluid .navbar-inr .action-otr .bell-icon-otr {
    position: inherit;
  }
}

.navbar2 .container-fluid .navbar-inr .action-otr .bell-icon-otr .bell-icon-inr {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  background-color: rgba(0, 0, 0, 0.03);
  border-radius: 4px;
  cursor: pointer;
  transition: 0.3s;
}

@media (max-width: 420px) {
  .navbar2 .container-fluid .navbar-inr .action-otr .bell-icon-otr .bell-icon-inr {
    width: 40px;
    height: 40px;
  }
}

.navbar2 .container-fluid .navbar-inr .action-otr .bell-icon-otr .bell-icon-inr::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: #F25867;
  top: -2px;
  right: -2px;
  transition: 0.3s;
}

.navbar2 .container-fluid .navbar-inr .action-otr .bell-icon-otr .bell-icon-inr:hover {
  background-color: #F25867;
}

.navbar2 .container-fluid .navbar-inr .action-otr .bell-icon-otr .bell-icon-inr:hover::after {
  background-color: #fcdee1;
}

.navbar2 .container-fluid .navbar-inr .action-otr .bell-icon-otr .bell-icon-inr:hover .icon {
  color: #FFFFFF;
}

.navbar2 .container-fluid .navbar-inr .action-otr .bell-icon-otr .bell-icon-inr .icon {
  font-size: 24px;
  color: rgba(0, 0, 0, 0.4);
  transition: 0.3s;
}

@media (max-width: 420px) {
  .navbar2 .container-fluid .navbar-inr .action-otr .bell-icon-otr .bell-icon-inr .icon {
    font-size: 20px;
  }
}

.navbar2 .container-fluid .navbar-inr .action-otr .bell-icon-otr .bell-icon-inr-open {
  background-color: #F25867;
}

.navbar2 .container-fluid .navbar-inr .action-otr .bell-icon-otr .bell-icon-inr-open::after {
  background-color: #FFFFFF;
}

.navbar2 .container-fluid .navbar-inr .action-otr .bell-icon-otr .bell-icon-inr-open .icon {
  color: #FFFFFF;
}

.navbar2 .container-fluid .navbar-inr .action-otr .bell-icon-otr .bell-popup-otr {
  position: absolute;
  width: 400px;
  background-color: #FFFFFF;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  right: 0;
  top: 100px;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}

@media (max-width: 575px) {
  .navbar2 .container-fluid .navbar-inr .action-otr .bell-icon-otr .bell-popup-otr {
    width: calc(100% - 30px);
    margin: 24px 15px 0 15px;
  }
}

.navbar2 .container-fluid .navbar-inr .action-otr .bell-icon-otr .bell-popup-otr .heading-otr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 28px;
  background-color: rgba(0, 0, 0, 0.03);
  border-radius: 8px 8px 0 0;
}

.navbar2 .container-fluid .navbar-inr .action-otr .bell-icon-otr .bell-popup-otr .heading-otr .heading {
  color: #000000;
}

.navbar2 .container-fluid .navbar-inr .action-otr .bell-icon-otr .bell-popup-otr .heading-otr .see-all-text {
  color: #F25867;
}

.navbar2 .container-fluid .navbar-inr .action-otr .bell-icon-otr .bell-popup-otr .boxes-otr {
  height: 400px;
  margin: 24px 28px;
}

.navbar2 .container-fluid .navbar-inr .action-otr .bell-icon-otr .bell-popup-otr .boxes-otr .boxes-inr {
  height: 100%;
  overflow-y: scroll;
}

.navbar2 .container-fluid .navbar-inr .action-otr .bell-icon-otr .bell-popup-otr .boxes-otr .boxes-inr::-webkit-scrollbar {
  width: 4px;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.03);
}

.navbar2 .container-fluid .navbar-inr .action-otr .bell-icon-otr .bell-popup-otr .boxes-otr .boxes-inr::-webkit-scrollbar-thumb {
  background-color: #F25867;
  width: 1px;
}

.navbar2 .container-fluid .navbar-inr .action-otr .bell-icon-otr .bell-popup-otr .boxes-otr .boxes-inr::-webkit-scrollbar-track {
  width: 1px;
}

.navbar2 .container-fluid .navbar-inr .action-otr .bell-icon-otr .bell-popup-otr .boxes-otr .boxes-inr .activity-box {
  display: flex;
  align-items: center;
}

.navbar2 .container-fluid .navbar-inr .action-otr .bell-icon-otr .bell-popup-otr .boxes-otr .boxes-inr .activity-box:not(:last-child) {
  margin-bottom: 16px;
}

.navbar2 .container-fluid .navbar-inr .action-otr .bell-icon-otr .bell-popup-otr .boxes-otr .boxes-inr .activity-box .img-otr {
  margin-right: 16px;
}

.navbar2 .container-fluid .navbar-inr .action-otr .bell-icon-otr .bell-popup-otr .boxes-otr .boxes-inr .activity-box .img-otr .img {
  width: 80px;
  height: 80px;
  border-radius: 8px;
}

.navbar2 .container-fluid .navbar-inr .action-otr .bell-icon-otr .bell-popup-otr .boxes-otr .boxes-inr .activity-box .content-otr .heading {
  color: #000000;
  transition: 0.3s;
}

.navbar2 .container-fluid .navbar-inr .action-otr .bell-icon-otr .bell-popup-otr .boxes-otr .boxes-inr .activity-box .content-otr .heading:hover {
  color: #F25867;
}

.navbar2 .container-fluid .navbar-inr .action-otr .bell-icon-otr .bell-popup-otr .boxes-otr .boxes-inr .activity-box .content-otr .desc {
  color: rgba(0, 0, 0, 0.4);
  line-height: 28px;
}

.navbar2 .container-fluid .navbar-inr .action-otr .bell-icon-otr .bell-popup-otr .boxes-otr .boxes-inr .activity-box .content-otr .desc .linkk {
  display: inline;
  color: rgba(0, 0, 0, 0.4);
}

.navbar2 .container-fluid .navbar-inr .action-otr .bell-icon-otr .bell-popup-otr .boxes-otr .boxes-inr .activity-box .content-otr .tag {
  color: rgba(0, 0, 0, 0.4);
}

.navbar2 .container-fluid .navbar-inr .action-otr .bell-icon-otr .bell-popup-otr .see-all-otr {
  text-align: center;
  padding: 16px 28px;
  background-color: rgba(0, 0, 0, 0.03);
  border-radius: 0 0 8px 8px;
}

.navbar2 .container-fluid .navbar-inr .action-otr .bell-icon-otr .bell-popup-otr .see-all-otr .see-all-inr {
  color: rgba(0, 0, 0, 0.75);
  transition: 0.3s;
}

.navbar2 .container-fluid .navbar-inr .action-otr .bell-icon-otr .bell-popup-otr .see-all-otr .see-all-inr:hover {
  color: #F25867;
}

.navbar2 .container-fluid .navbar-inr .action-otr .bell-icon-otr .bell-popup-otr-open {
  opacity: 1;
  visibility: visible;
  top: 60px;
}

.navbar2 .container-fluid .navbar-inr .action-otr .user-profile-otr {
  position: relative;
}

@media (max-width: 575px) {
  .navbar2 .container-fluid .navbar-inr .action-otr .user-profile-otr {
    position: inherit;
  }
}

.navbar2 .container-fluid .navbar-inr .action-otr .user-profile-otr .user-profile-inr {
  display: flex;
  align-items: center;
  border: 2px solid rgba(0, 0, 0, 0.4);
  height: 52px;
  border-radius: 4px;
  cursor: pointer;
  overflow: hidden;
}

@media (max-width: 420px) {
  .navbar2 .container-fluid .navbar-inr .action-otr .user-profile-otr .user-profile-inr {
    height: 40px;
  }
}

.navbar2 .container-fluid .navbar-inr .action-otr .user-profile-otr .user-profile-inr .img {
  width: 52px;
  height: 52px;
  border-radius: 4px;
}

@media (max-width: 767px) {
  .navbar2 .container-fluid .navbar-inr .action-otr .user-profile-otr .user-profile-inr .img {
    height: 50px;
  }
}

@media (max-width: 420px) {
  .navbar2 .container-fluid .navbar-inr .action-otr .user-profile-otr .user-profile-inr .img {
    width: 40px;
    height: 40px;
  }
}

.navbar2 .container-fluid .navbar-inr .action-otr .user-profile-otr .user-profile-inr .text {
  color: #000000;
  padding: 0 16px;
}

@media (max-width: 767px) {
  .navbar2 .container-fluid .navbar-inr .action-otr .user-profile-otr .user-profile-inr .text {
    display: none;
  }
}

.navbar2 .container-fluid .navbar-inr .action-otr .user-profile-otr .profile-popup-otr {
  position: absolute;
  background-color: #FFFFFF;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  width: 300px;
  top: 100px;
  right: 0;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}

@media (max-width: 575px) {
  .navbar2 .container-fluid .navbar-inr .action-otr .user-profile-otr .profile-popup-otr {
    width: calc(100% - 30px);
    margin: 24px 15px 0 15px;
  }
}

.navbar2 .container-fluid .navbar-inr .action-otr .user-profile-otr .profile-popup-otr .balance-otr {
  display: flex;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.03);
  padding: 16px 28px;
}

.navbar2 .container-fluid .navbar-inr .action-otr .user-profile-otr .profile-popup-otr .balance-otr .img-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  background-color: #FFFFFF;
  border-radius: 100%;
  margin-right: 12px;
}

.navbar2 .container-fluid .navbar-inr .action-otr .user-profile-otr .profile-popup-otr .balance-otr .content .desc {
  color: #BBBBBB;
}

.navbar2 .container-fluid .navbar-inr .action-otr .user-profile-otr .profile-popup-otr .balance-otr .content .price {
  color: #000000;
}

.navbar2 .container-fluid .navbar-inr .action-otr .user-profile-otr .profile-popup-otr .copy-otr {
  display: flex;
  align-items: center;
  padding: 24px 28px 16px 28px;
  cursor: pointer;
}

.navbar2 .container-fluid .navbar-inr .action-otr .user-profile-otr .profile-popup-otr .copy-otr .copy-text {
  color: rgba(0, 0, 0, 0.4);
  margin-right: 16px;
}

.navbar2 .container-fluid .navbar-inr .action-otr .user-profile-otr .profile-popup-otr .copy-otr .icon {
  font-size: 24px;
  color: rgba(0, 0, 0, 0.4);
}

.navbar2 .container-fluid .navbar-inr .action-otr .user-profile-otr .profile-popup-otr .popup-ul {
  padding: 0 28px 24px 28px;
}

.navbar2 .container-fluid .navbar-inr .action-otr .user-profile-otr .profile-popup-otr .popup-ul .popup-li:not(:last-child) {
  margin-bottom: 8px;
}

.navbar2 .container-fluid .navbar-inr .action-otr .user-profile-otr .profile-popup-otr .popup-ul .popup-li .popup-a {
  display: flex;
  align-items: center;
  color: rgba(0, 0, 0, 0.75);
  transition: 0.3s;
  cursor: pointer;
}

.navbar2 .container-fluid .navbar-inr .action-otr .user-profile-otr .profile-popup-otr .popup-ul .popup-li .popup-a:hover {
  color: #F25867;
}

.navbar2 .container-fluid .navbar-inr .action-otr .user-profile-otr .profile-popup-otr .popup-ul .popup-li .popup-a:hover .user-icon {
  color: #F25867;
}

.navbar2 .container-fluid .navbar-inr .action-otr .user-profile-otr .profile-popup-otr .popup-ul .popup-li .popup-a .user-icon {
  font-size: 20px;
  color: rgba(0, 0, 0, 0.75);
  margin-right: 12px;
  transition: 0.3s;
}

.navbar2 .container-fluid .navbar-inr .action-otr .user-profile-otr .profile-popup-otr-open {
  opacity: 1;
  visibility: visible;
  top: 60px;
}

/*===========================================
            Navbar2 End Here
===========================================*/

/*===========================================
            Search-bar start Here
===========================================*/

.modal {
  height: 100vh;
  background-color: transparent;
}

.modal .modal-dialog {
  max-width: 100%;
  margin: 0;
  height: 100%;
  transform: translateY(-100%);
  transition: 0.4s;
}

.modal .modal-dialog .modal-content {
  height: 100%;
  border: none;
  border-radius: 0;
}

.modal .modal-dialog .modal-content .container {
  position: relative;
  height: 100%;
}

.modal .modal-dialog .modal-content .container .close-icon-otr {
  position: absolute;
  top: 24px;
  right: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  background-color: rgba(0, 0, 0, 0.03);
  cursor: pointer;
  transition: 0.3s;
  z-index: 10;
}

.modal .modal-dialog .modal-content .container .close-icon-otr:hover {
  background-color: #F25867;
}

.modal .modal-dialog .modal-content .container .close-icon-otr:hover .icon {
  color: #FFFFFF;
}

.modal .modal-dialog .modal-content .container .close-icon-otr .icon {
  font-size: 24px;
  color: rgba(0, 0, 0, 0.4);
  transition: 0.3s;
}

.modal .modal-dialog .modal-content .container .modal-body {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal .modal-dialog .modal-content .container .modal-body .input-otr {
  width: 100%;
}

.show .modal-dialog {
  transform: translateY(0%);
}

/*===========================================
            Search-bar End Here
===========================================*/

/*===========================================
            footer start Here
===========================================*/

.footer {
  position: relative;
  padding: 112px 0 128px 0;
  overflow: hidden;
  background-image: url(/assets/img/footer-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
}

@media (max-width: 575px) {
  .footer {
    padding: 80px 0;
  }
}

.footer .container-fluid .row-custom-main .col-logo-otr .col-logo-inr .logo-main {
  margin-bottom: 36px;
}

@media (max-width: 991px) {
  .footer .container-fluid .row-custom-main .col-logo-otr .col-logo-inr .logo-main .logo-otr {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.footer .container-fluid .row-custom-main .col-logo-otr .col-logo-inr .logo-main .logo-otr .logo {
  width: 100px;
  -o-object-fit: cover;
     object-fit: cover;
}

.footer .container-fluid .row-custom-main .col-logo-otr .col-logo-inr .logo-main .desc {
  color: rgba(0, 0, 0, 0.75);
  margin: 24px 0 8px 0;
}

@media (max-width: 991px) {
  .footer .container-fluid .row-custom-main .col-logo-otr .col-logo-inr .logo-main .desc {
    text-align: center;
  }
}

.footer .container-fluid .row-custom-main .col-logo-otr .col-logo-inr .logo-main .social-ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}

@media (max-width: 991px) {
  .footer .container-fluid .row-custom-main .col-logo-otr .col-logo-inr .logo-main .social-ul {
    justify-content: center;
  }
}

.footer .container-fluid .row-custom-main .col-logo-otr .col-logo-inr .logo-main .social-ul .social-li .social-a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 100%;
  background-color: #FFFFFF;
  transition: 0.3s;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
}

.footer .container-fluid .row-custom-main .col-logo-otr .col-logo-inr .logo-main .social-ul .social-li .social-a:hover {
  background-color: #F25867;
}

.footer .container-fluid .row-custom-main .col-logo-otr .col-logo-inr .logo-main .social-ul .social-li .social-a:hover .icon {
  color: #FFFFFF;
}

.footer .container-fluid .row-custom-main .col-logo-otr .col-logo-inr .logo-main .social-ul .social-li .social-a .icon {
  font-size: 24px;
  color: rgba(0, 0, 0, 0.4);
  transition: 0.3s;
}

.footer .container-fluid .row-custom-main .col-logo-otr .col-logo-inr .subscribe-main .heading {
  color: #000000;
  margin-bottom: 24px;
}

@media (max-width: 991px) {
  .footer .container-fluid .row-custom-main .col-logo-otr .col-logo-inr .subscribe-main .heading {
    text-align: center;
  }
}

.footer .container-fluid .row-custom-main .col-logo-otr .col-logo-inr .subscribe-main .action-otr {
  display: flex;
  align-items: center;
}

@media (max-width: 575px) {
  .footer .container-fluid .row-custom-main .col-logo-otr .col-logo-inr .subscribe-main .action-otr {
    flex-direction: column;
  }
}

.footer .container-fluid .row-custom-main .col-logo-otr .col-logo-inr .subscribe-main .action-otr .input-otr {
  width: 100%;
  margin-right: 24px;
}

@media (max-width: 575px) {
  .footer .container-fluid .row-custom-main .col-logo-otr .col-logo-inr .subscribe-main .action-otr .input-otr {
    margin: 0 0 24px 0;
  }
}

.footer .container-fluid .row-custom-main .col-logo-otr .col-logo-inr .subscribe-main .action-otr .input-otr .input {
  width: 100%;
  background-color: #FFFFFF;
}

.footer .container-fluid .row-custom-main .col-logo-otr .col-logo-inr .subscribe-main .action-otr .action {
  display: flex;
}

.footer .container-fluid .row-custom-main .col-menu-art-otr .col-menu-art-inr {
  padding-left: 48px;
}

@media (max-width: 991px) {
  .footer .container-fluid .row-custom-main .col-menu-art-otr .col-menu-art-inr {
    padding: 36px 0 0 0;
  }
}

.footer .container-fluid .row-custom-main .col-menu-art-otr .col-menu-art-inr .trending-main {
  margin-bottom: 36px;
}

.footer .container-fluid .row-custom-main .col-menu-art-otr .col-menu-art-inr .trending-main .heading {
  color: #000000;
  margin-bottom: 24px;
}

@media (max-width: 991px) {
  .footer .container-fluid .row-custom-main .col-menu-art-otr .col-menu-art-inr .trending-main .heading {
    text-align: center;
  }
}

.footer .container-fluid .row-custom-main .col-menu-art-otr .col-menu-art-inr .trending-main .imgs-ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}

@media (max-width: 991px) {
  .footer .container-fluid .row-custom-main .col-menu-art-otr .col-menu-art-inr .trending-main .imgs-ul {
    justify-content: center;
  }
}

.footer .container-fluid .row-custom-main .col-menu-art-otr .col-menu-art-inr .trending-main .imgs-ul .imgs-li .imgs-a .img {
  width: 80px;
  height: 80px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
  transition: 0.3s;
}

.footer .container-fluid .row-custom-main .col-menu-art-otr .col-menu-art-inr .trending-main .imgs-ul .imgs-li .imgs-a .img:hover {
  opacity: 0.5;
}

@media (max-width: 575px) {
  .footer .container-fluid .row-custom-main .col-menu-art-otr .col-menu-art-inr .row-custom {
    gap: 36px 0;
  }
}

@media (max-width: 991px) {
  .footer .container-fluid .row-custom-main .col-menu-art-otr .col-menu-art-inr .row-custom .col-navigation-otr .col-navigation-inr {
    text-align: center;
  }
}

.footer .container-fluid .row-custom-main .col-menu-art-otr .col-menu-art-inr .row-custom .col-navigation-otr .col-navigation-inr .heading {
  color: #000000;
  margin-bottom: 16px;
}

.footer .container-fluid .row-custom-main .col-menu-art-otr .col-menu-art-inr .row-custom .col-navigation-otr .col-navigation-inr .navigation-ul .navigation-li:not(:last-child) {
  margin-bottom: 8px;
}

.footer .container-fluid .row-custom-main .col-menu-art-otr .col-menu-art-inr .row-custom .col-navigation-otr .col-navigation-inr .navigation-ul .navigation-li .navigation-a {
  color: rgba(0, 0, 0, 0.4);
  transition: 0.3s;
}

.footer .container-fluid .row-custom-main .col-menu-art-otr .col-menu-art-inr .row-custom .col-navigation-otr .col-navigation-inr .navigation-ul .navigation-li .navigation-a:hover {
  color: #F25867;
}

@media (max-width: 991px) {
  .footer .container-fluid .row-custom-main .col-menu-art-otr .col-menu-art-inr .row-custom .col-explore-otr .col-explore-inr {
    text-align: center;
  }
}

.footer .container-fluid .row-custom-main .col-menu-art-otr .col-menu-art-inr .row-custom .col-explore-otr .col-explore-inr .heading {
  color: #000000;
  margin-bottom: 16px;
}

.footer .container-fluid .row-custom-main .col-menu-art-otr .col-menu-art-inr .row-custom .col-explore-otr .col-explore-inr .explore-ul .explore-li:not(:last-child) {
  margin-bottom: 8px;
}

.footer .container-fluid .row-custom-main .col-menu-art-otr .col-menu-art-inr .row-custom .col-explore-otr .col-explore-inr .explore-ul .explore-li .explore-a {
  color: rgba(0, 0, 0, 0.4);
  transition: 0.3s;
}

.footer .container-fluid .row-custom-main .col-menu-art-otr .col-menu-art-inr .row-custom .col-explore-otr .col-explore-inr .explore-ul .explore-li .explore-a:hover {
  color: #F25867;
}

@media (max-width: 991px) {
  .footer .container-fluid .row-custom-main .col-menu-art-otr .col-menu-art-inr .row-custom .col-community-otr .col-community-inr {
    text-align: center;
  }
}

.footer .container-fluid .row-custom-main .col-menu-art-otr .col-menu-art-inr .row-custom .col-community-otr .col-community-inr .heading {
  color: #000000;
  margin-bottom: 16px;
}

.footer .container-fluid .row-custom-main .col-menu-art-otr .col-menu-art-inr .row-custom .col-community-otr .col-community-inr .community-ul .community-li:not(:last-child) {
  margin-bottom: 8px;
}

.footer .container-fluid .row-custom-main .col-menu-art-otr .col-menu-art-inr .row-custom .col-community-otr .col-community-inr .community-ul .community-li .community-a {
  color: rgba(0, 0, 0, 0.4);
  transition: 0.3s;
}

.footer .container-fluid .row-custom-main .col-menu-art-otr .col-menu-art-inr .row-custom .col-community-otr .col-community-inr .community-ul .community-li .community-a:hover {
  color: #F25867;
}

.copright {
  background-color: #FFFFFF;
}

.copright .container-fluid .wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 0;
}

@media (max-width: 767px) {
  .copright .container-fluid .wrapper {
    flex-direction: column;
    text-align: center;
  }
}

.copright .container-fluid .wrapper .copyright-text {
  color: rgba(0, 0, 0, 0.75);
}

@media (max-width: 767px) {
  .copright .container-fluid .wrapper .copyright-text {
    margin-bottom: 16px;
  }
}

.copright .container-fluid .wrapper .copyright-text .linkk {
  display: inline;
  color: #F25867;
}

.copright .container-fluid .wrapper .privacy-linkk-text {
  color: rgba(0, 0, 0, 0.75);
}

.copright .container-fluid .wrapper .privacy-linkk-text .linkk-inr {
  display: inline;
  color: rgba(0, 0, 0, 0.75);
  transition: 0.3s;
}

.copright .container-fluid .wrapper .privacy-linkk-text .linkk-inr:hover {
  color: #F25867;
}

/*===========================================
            footer End Here
===========================================*/

/*===========================================
            footer start Here
===========================================*/

.footer2 {
  position: relative;
  padding: 112px 0 128px 0;
  overflow: hidden;
  background-image: url(/assets/img/footer-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
}

@media (max-width: 575px) {
  .footer2 {
    padding: 80px 0 96px 0;
  }
}

.footer2 .container-fluid .row-custom-main .col-logo-otr .col-logo-inr .logo-main {
  margin-bottom: 36px;
}

@media (max-width: 991px) {
  .footer2 .container-fluid .row-custom-main .col-logo-otr .col-logo-inr .logo-main .logo-otr {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.footer2 .container-fluid .row-custom-main .col-logo-otr .col-logo-inr .logo-main .logo-otr .logo {
  width: 100px;
  -o-object-fit: cover;
     object-fit: cover;
}

.footer2 .container-fluid .row-custom-main .col-logo-otr .col-logo-inr .logo-main .desc {
  color: rgba(0, 0, 0, 0.75);
  margin: 24px 0 8px 0;
}

@media (max-width: 991px) {
  .footer2 .container-fluid .row-custom-main .col-logo-otr .col-logo-inr .logo-main .desc {
    text-align: center;
  }
}

.footer2 .container-fluid .row-custom-main .col-logo-otr .col-logo-inr .logo-main .social-ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}

@media (max-width: 991px) {
  .footer2 .container-fluid .row-custom-main .col-logo-otr .col-logo-inr .logo-main .social-ul {
    justify-content: center;
  }
}

.footer2 .container-fluid .row-custom-main .col-logo-otr .col-logo-inr .logo-main .social-ul .social-li .social-a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 100%;
  background-color: #FFFFFF;
  transition: 0.3s;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
}

.footer2 .container-fluid .row-custom-main .col-logo-otr .col-logo-inr .logo-main .social-ul .social-li .social-a:hover {
  background-color: #F25867;
}

.footer2 .container-fluid .row-custom-main .col-logo-otr .col-logo-inr .logo-main .social-ul .social-li .social-a:hover .icon {
  color: #FFFFFF;
}

.footer2 .container-fluid .row-custom-main .col-logo-otr .col-logo-inr .logo-main .social-ul .social-li .social-a .icon {
  font-size: 24px;
  color: rgba(0, 0, 0, 0.4);
  transition: 0.3s;
}

.footer2 .container-fluid .row-custom-main .col-logo-otr .col-logo-inr .trending-main .heading {
  color: #000000;
  margin-bottom: 24px;
}

@media (max-width: 991px) {
  .footer2 .container-fluid .row-custom-main .col-logo-otr .col-logo-inr .trending-main .heading {
    text-align: center;
  }
}

.footer2 .container-fluid .row-custom-main .col-logo-otr .col-logo-inr .trending-main .imgs-ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}

@media (max-width: 991px) {
  .footer2 .container-fluid .row-custom-main .col-logo-otr .col-logo-inr .trending-main .imgs-ul {
    justify-content: center;
  }
}

.footer2 .container-fluid .row-custom-main .col-logo-otr .col-logo-inr .trending-main .imgs-ul .imgs-li .imgs-a .img {
  width: 80px;
  height: 80px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
  transition: 0.3s;
}

.footer2 .container-fluid .row-custom-main .col-logo-otr .col-logo-inr .trending-main .imgs-ul .imgs-li .imgs-a .img:hover {
  opacity: 0.5;
}

.footer2 .container-fluid .row-custom-main .col-menu-art-otr .col-menu-art-inr {
  padding-left: 48px;
}

@media (max-width: 991px) {
  .footer2 .container-fluid .row-custom-main .col-menu-art-otr .col-menu-art-inr {
    padding: 36px 0 0 0;
  }
}

.footer2 .container-fluid .row-custom-main .col-menu-art-otr .col-menu-art-inr .subscribe-main {
  margin-bottom: 36px;
}

.footer2 .container-fluid .row-custom-main .col-menu-art-otr .col-menu-art-inr .subscribe-main .heading {
  color: #000000;
  margin-bottom: 24px;
}

@media (max-width: 991px) {
  .footer2 .container-fluid .row-custom-main .col-menu-art-otr .col-menu-art-inr .subscribe-main .heading {
    text-align: center;
  }
}

.footer2 .container-fluid .row-custom-main .col-menu-art-otr .col-menu-art-inr .subscribe-main .action-otr {
  display: flex;
  align-items: center;
}

@media (max-width: 575px) {
  .footer2 .container-fluid .row-custom-main .col-menu-art-otr .col-menu-art-inr .subscribe-main .action-otr {
    flex-direction: column;
  }
}

.footer2 .container-fluid .row-custom-main .col-menu-art-otr .col-menu-art-inr .subscribe-main .action-otr .input-otr {
  width: 100%;
  margin-right: 24px;
}

@media (max-width: 575px) {
  .footer2 .container-fluid .row-custom-main .col-menu-art-otr .col-menu-art-inr .subscribe-main .action-otr .input-otr {
    margin: 0 0 24px 0;
  }
}

.footer2 .container-fluid .row-custom-main .col-menu-art-otr .col-menu-art-inr .subscribe-main .action-otr .input-otr .input {
  width: 100%;
  background-color: #FFFFFF;
}

.footer2 .container-fluid .row-custom-main .col-menu-art-otr .col-menu-art-inr .subscribe-main .action-otr .action {
  display: flex;
}

@media (max-width: 575px) {
  .footer2 .container-fluid .row-custom-main .col-menu-art-otr .col-menu-art-inr .row-custom {
    gap: 36px 0;
  }
}

@media (max-width: 991px) {
  .footer2 .container-fluid .row-custom-main .col-menu-art-otr .col-menu-art-inr .row-custom .col-navigation-otr .col-navigation-inr {
    text-align: center;
  }
}

.footer2 .container-fluid .row-custom-main .col-menu-art-otr .col-menu-art-inr .row-custom .col-navigation-otr .col-navigation-inr .heading {
  color: #000000;
  margin-bottom: 16px;
}

.footer2 .container-fluid .row-custom-main .col-menu-art-otr .col-menu-art-inr .row-custom .col-navigation-otr .col-navigation-inr .navigation-ul .navigation-li:not(:last-child) {
  margin-bottom: 8px;
}

.footer2 .container-fluid .row-custom-main .col-menu-art-otr .col-menu-art-inr .row-custom .col-navigation-otr .col-navigation-inr .navigation-ul .navigation-li .navigation-a {
  color: rgba(0, 0, 0, 0.4);
  transition: 0.3s;
}

.footer2 .container-fluid .row-custom-main .col-menu-art-otr .col-menu-art-inr .row-custom .col-navigation-otr .col-navigation-inr .navigation-ul .navigation-li .navigation-a:hover {
  color: #F25867;
}

@media (max-width: 991px) {
  .footer2 .container-fluid .row-custom-main .col-menu-art-otr .col-menu-art-inr .row-custom .col-explore-otr .col-explore-inr {
    text-align: center;
  }
}

.footer2 .container-fluid .row-custom-main .col-menu-art-otr .col-menu-art-inr .row-custom .col-explore-otr .col-explore-inr .heading {
  color: #000000;
  margin-bottom: 16px;
}

.footer2 .container-fluid .row-custom-main .col-menu-art-otr .col-menu-art-inr .row-custom .col-explore-otr .col-explore-inr .explore-ul .explore-li:not(:last-child) {
  margin-bottom: 8px;
}

.footer2 .container-fluid .row-custom-main .col-menu-art-otr .col-menu-art-inr .row-custom .col-explore-otr .col-explore-inr .explore-ul .explore-li .explore-a {
  color: rgba(0, 0, 0, 0.4);
  transition: 0.3s;
}

.footer2 .container-fluid .row-custom-main .col-menu-art-otr .col-menu-art-inr .row-custom .col-explore-otr .col-explore-inr .explore-ul .explore-li .explore-a:hover {
  color: #F25867;
}

@media (max-width: 991px) {
  .footer2 .container-fluid .row-custom-main .col-menu-art-otr .col-menu-art-inr .row-custom .col-community-otr .col-community-inr {
    text-align: center;
  }
}

.footer2 .container-fluid .row-custom-main .col-menu-art-otr .col-menu-art-inr .row-custom .col-community-otr .col-community-inr .heading {
  color: #000000;
  margin-bottom: 16px;
}

.footer2 .container-fluid .row-custom-main .col-menu-art-otr .col-menu-art-inr .row-custom .col-community-otr .col-community-inr .community-ul .community-li:not(:last-child) {
  margin-bottom: 8px;
}

.footer2 .container-fluid .row-custom-main .col-menu-art-otr .col-menu-art-inr .row-custom .col-community-otr .col-community-inr .community-ul .community-li .community-a {
  color: rgba(0, 0, 0, 0.4);
  transition: 0.3s;
}

.footer2 .container-fluid .row-custom-main .col-menu-art-otr .col-menu-art-inr .row-custom .col-community-otr .col-community-inr .community-ul .community-li .community-a:hover {
  color: #F25867;
}

/*===========================================
            footer End Here
===========================================*/

/*===========================================
        Hero-Navbar start Here
===========================================*/

.hero-navbar {
  background-image: url(/assets/img/hero-bg1.png);
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
}

.hero-navbar .navbar {
  background-color: #FFFFFF;
  box-shadow: 0px 15px 10px rgba(242, 88, 103, 0.1);
  padding: 24px 0;
}

.hero-navbar .navbar .container-fluid .navbar-inr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.hero-navbar .navbar .container-fluid .navbar-inr .logo-main {
  display: flex;
  align-items: center;
}

@media (max-width: 767px) {
  .hero-navbar .navbar .container-fluid .navbar-inr .logo-main {
    flex-direction: row-reverse;
    justify-content: space-between;
    width: 100%;
  }
}

.hero-navbar .navbar .container-fluid .navbar-inr .logo-main .menu-icon-otr {
  display: none;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.03);
  margin-right: 20px;
}

@media (max-width: 991px) {
  .hero-navbar .navbar .container-fluid .navbar-inr .logo-main .menu-icon-otr {
    display: flex;
  }
}

@media (max-width: 767px) {
  .hero-navbar .navbar .container-fluid .navbar-inr .logo-main .menu-icon-otr {
    margin-right: 0;
  }
}

.hero-navbar .navbar .container-fluid .navbar-inr .logo-main .menu-icon-otr .icon {
  font-size: 24px;
  color: rgba(0, 0, 0, 0.4);
}

@media (max-width: 1100px) {
  .hero-navbar .navbar .container-fluid .navbar-inr .input-otr {
    display: none;
  }
}

.hero-navbar .navbar .container-fluid .navbar-inr .input-otr .search {
  padding: 11px 56px 11px 24px;
}

@media (max-width: 991px) {
  .hero-navbar .navbar .container-fluid .navbar-inr .menu-otr {
    display: none;
  }
}

.hero-navbar .navbar .container-fluid .navbar-inr .menu-otr .menu-ul {
  display: flex;
  align-items: center;
  gap: 0 30px;
}

.hero-navbar .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li {
  position: relative;
}

.hero-navbar .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li:hover .menu-a {
  color: #F25867;
}

.hero-navbar .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li:hover .drop-otr {
  opacity: 1;
  visibility: visible;
  top: 30px;
}

.hero-navbar .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .menu-a {
  cursor: pointer;
  color: rgba(0, 0, 0, 0.75);
  transition: 0.3s;
}

.hero-navbar .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr {
  position: absolute;
  top: 100px;
  left: -24px;
  z-index: 99999;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}

.hero-navbar .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul {
  width: 250px;
  background-color: #FFFFFF;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding-top: 12px;
}

.hero-navbar .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li {
  position: relative;
  padding: 0 24px 12px 24px;
}

.hero-navbar .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li:hover .other-drop-otr {
  opacity: 1;
  visibility: visible;
}

.hero-navbar .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li:not(:last-child) {
  margin-bottom: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.hero-navbar .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .drop-a {
  position: relative;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.75);
  transition: 0.3s;
  cursor: pointer;
}

.hero-navbar .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .drop-a:hover {
  color: #F25867;
  padding-left: 22px;
}

.hero-navbar .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .drop-a:hover::after {
  left: 0;
}

.hero-navbar .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .drop-a::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: #F25867;
  left: -30px;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s;
}

.hero-navbar .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr {
  position: absolute;
  left: 180px;
  top: 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}

.hero-navbar .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr .other-drop-ul {
  width: 230px;
  background-color: #FFFFFF;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding-top: 12px;
}

.hero-navbar .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr .other-drop-ul .other-drop-li {
  padding: 0 24px 12px 24px;
}

.hero-navbar .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr .other-drop-ul .other-drop-li:not(:last-child) {
  margin-bottom: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.hero-navbar .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr .other-drop-ul .other-drop-li .other-drop-a {
  position: relative;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.75);
  transition: 0.3s;
}

.hero-navbar .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr .other-drop-ul .other-drop-li .other-drop-a:hover {
  color: #F25867;
  padding-left: 22px;
}

.hero-navbar .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr .other-drop-ul .other-drop-li .other-drop-a:hover::after {
  left: 0;
}

.hero-navbar .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr .other-drop-ul .other-drop-li .other-drop-a::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: #F25867;
  left: -30px;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s;
}

@media (max-width: 1366px) {
  .hero-navbar .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-5,
  .hero-navbar .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-4 {
    display: none;
  }
}

.hero-navbar .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-6 {
  display: none;
}

@media (max-width: 1366px) {
  .hero-navbar .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-6 {
    display: block;
  }
}

.hero-navbar .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-6 .menu-a {
  padding: 10px 0;
}

.hero-navbar .navbar .container-fluid .navbar-inr .action-otr {
  display: flex;
  align-items: center;
}

@media (max-width: 767px) {
  .hero-navbar .navbar .container-fluid .navbar-inr .action-otr {
    display: none;
  }
}

.hero-navbar .navbar .container-fluid .navbar-inr .action-otr .search-icon-otr {
  display: none;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.03);
  cursor: pointer;
}

@media (max-width: 1100px) {
  .hero-navbar .navbar .container-fluid .navbar-inr .action-otr .search-icon-otr {
    display: flex;
  }
}

.hero-navbar .navbar .container-fluid .navbar-inr .action-otr .search-icon-otr .icon {
  font-size: 24px;
  color: rgba(0, 0, 0, 0.4);
}

.hero-navbar .navbar .container-fluid .navbar-inr .action-otr .action {
  display: flex;
}

.hero-navbar .navbar .container-fluid .navbar-inr .action-otr .action:not(:last-child) {
  margin: 0 20px;
}

.hero-navbar .navbar .container-fluid .navbar-inr .action-otr .action .icon-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.03);
  transition: 0.3s;
}

.hero-navbar .navbar .container-fluid .navbar-inr .action-otr .action .icon-otr:hover {
  background-color: #F25867;
}

.hero-navbar .navbar .container-fluid .navbar-inr .action-otr .action .icon-otr:hover .icon {
  color: #FFFFFF;
}

.hero-navbar .navbar .container-fluid .navbar-inr .action-otr .action .icon-otr .icon {
  font-size: 24px;
  color: rgba(0, 0, 0, 0.4);
  transition: 0.3s;
}

.hero-navbar .hero-main {
  position: relative;
  padding: 96px 0 112px 0;
}

@media (max-width: 575px) {
  .hero-navbar .hero-main {
    padding: 64px 0 72px 0;
  }
}

.hero-navbar .hero-main::after {
  content: "";
  position: absolute;
  width: 420px;
  height: 420px;
  border-radius: 100%;
  background: conic-gradient(from 180deg at 50% 50%, #F25867 0deg, rgba(242, 88, 103, 0) 360deg);
  filter: blur(200px);
  left: -200px;
  bottom: -200px;
}

@media (max-width: 575px) {
  .hero-navbar .hero-main::after {
    display: none;
  }
}

.hero-navbar .hero-main::before {
  content: "";
  position: absolute;
  width: 420px;
  height: 420px;
  border-radius: 100%;
  background: conic-gradient(from 180deg at 50% 50%, #F25867 0deg, rgba(242, 88, 103, 0) 360deg);
  filter: blur(200px);
  right: -200px;
  bottom: -200px;
}

@media (max-width: 575px) {
  .hero-navbar .hero-main::before {
    display: none;
  }
}

.hero-navbar .hero-main .container-fluid .row-custom {
  align-items: center;
}

.hero-navbar .hero-main .container-fluid .row-custom .col-profile-otr .col-profile-inr .desc {
  color: rgba(0, 0, 0, 0.75);
  margin-bottom: 16px;
}

@media (max-width: 991px) {
  .hero-navbar .hero-main .container-fluid .row-custom .col-profile-otr .col-profile-inr .desc {
    text-align: center;
    margin: 24px 0 16px 0;
  }
}

.hero-navbar .hero-main .container-fluid .row-custom .col-profile-otr .col-profile-inr .profile-otr {
  display: flex;
  align-items: center;
}

@media (max-width: 991px) {
  .hero-navbar .hero-main .container-fluid .row-custom .col-profile-otr .col-profile-inr .profile-otr {
    justify-content: center;
  }
}

.hero-navbar .hero-main .container-fluid .row-custom .col-profile-otr .col-profile-inr .profile-otr .creator-imgs {
  position: relative;
  display: flex;
  align-items: center;
}

.hero-navbar .hero-main .container-fluid .row-custom .col-profile-otr .col-profile-inr .profile-otr .creator-imgs .img-otr {
  position: relative;
}

.hero-navbar .hero-main .container-fluid .row-custom .col-profile-otr .col-profile-inr .profile-otr .creator-imgs .img-otr:hover .hover-otr {
  opacity: 1;
  visibility: visible;
}

.hero-navbar .hero-main .container-fluid .row-custom .col-profile-otr .col-profile-inr .profile-otr .creator-imgs .img-otr:hover .img-inr {
  z-index: 2;
}

.hero-navbar .hero-main .container-fluid .row-custom .col-profile-otr .col-profile-inr .profile-otr .creator-imgs .img-otr .img-inr {
  position: relative;
}

.hero-navbar .hero-main .container-fluid .row-custom .col-profile-otr .col-profile-inr .profile-otr .creator-imgs .img-otr .img-inr .img {
  width: 52px;
  height: 52px;
  border-radius: 100%;
  border: 2px solid #FFFFFF;
  transition: 0.3s;
}

.hero-navbar .hero-main .container-fluid .row-custom .col-profile-otr .col-profile-inr .profile-otr .creator-imgs .img-otr .img-inr .check-otr {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: #F25867;
  right: 0;
  bottom: 0;
  z-index: 4;
}

.hero-navbar .hero-main .container-fluid .row-custom .col-profile-otr .col-profile-inr .profile-otr .creator-imgs .img-otr .img-inr .check-otr .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #FFFFFF;
}

.hero-navbar .hero-main .container-fluid .row-custom .col-profile-otr .col-profile-inr .profile-otr .creator-imgs .img-otr .hover-otr {
  position: absolute;
  width: 300px;
  border-radius: 4px;
  background-color: #FFFFFF;
  padding: 24px 24px;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
  bottom: 60px;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}

@media (max-width: 991px) {
  .hero-navbar .hero-main .container-fluid .row-custom .col-profile-otr .col-profile-inr .profile-otr .creator-imgs .img-otr .hover-otr {
    display: none;
  }
}

.hero-navbar .hero-main .container-fluid .row-custom .col-profile-otr .col-profile-inr .profile-otr .creator-imgs .img-otr .hover-otr .profile-follow-otr {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.hero-navbar .hero-main .container-fluid .row-custom .col-profile-otr .col-profile-inr .profile-otr .creator-imgs .img-otr .hover-otr .profile-follow-otr .user-otr {
  position: relative;
}

.hero-navbar .hero-main .container-fluid .row-custom .col-profile-otr .col-profile-inr .profile-otr .creator-imgs .img-otr .hover-otr .profile-follow-otr .user-otr .user-img {
  width: 52px;
  height: 52px;
  border-radius: 4px;
}

.hero-navbar .hero-main .container-fluid .row-custom .col-profile-otr .col-profile-inr .profile-otr .creator-imgs .img-otr .hover-otr .profile-follow-otr .user-otr .plus-icon-otr {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: #F25867;
  right: -4px;
  bottom: -4px;
}

.hero-navbar .hero-main .container-fluid .row-custom .col-profile-otr .col-profile-inr .profile-otr .creator-imgs .img-otr .hover-otr .profile-follow-otr .user-otr .plus-icon-otr .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #FFFFFF;
}

.hero-navbar .hero-main .container-fluid .row-custom .col-profile-otr .col-profile-inr .profile-otr .creator-imgs .img-otr .hover-otr .profile-follow-otr .action {
  display: flex;
}

.hero-navbar .hero-main .container-fluid .row-custom .col-profile-otr .col-profile-inr .profile-otr .creator-imgs .img-otr .hover-otr .popup-content {
  padding-top: 16px;
}

.hero-navbar .hero-main .container-fluid .row-custom .col-profile-otr .col-profile-inr .profile-otr .creator-imgs .img-otr .hover-otr .popup-content .name {
  color: #000000;
  margin-bottom: 8px;
  transition: 0.3s;
}

.hero-navbar .hero-main .container-fluid .row-custom .col-profile-otr .col-profile-inr .profile-otr .creator-imgs .img-otr .hover-otr .popup-content .name:hover {
  color: #F25867;
}

.hero-navbar .hero-main .container-fluid .row-custom .col-profile-otr .col-profile-inr .profile-otr .creator-imgs .img-otr .hover-otr .popup-content .pop-desc {
  color: rgba(0, 0, 0, 0.4);
}

.hero-navbar .hero-main .container-fluid .row-custom .col-profile-otr .col-profile-inr .profile-otr .creator-imgs .img-otr2,
.hero-navbar .hero-main .container-fluid .row-custom .col-profile-otr .col-profile-inr .profile-otr .creator-imgs .img-otr3 {
  margin-left: -20px;
}

.hero-navbar .hero-main .container-fluid .row-custom .col-profile-otr .col-profile-inr .profile-otr .content {
  padding-left: 24px;
}

.hero-navbar .hero-main .container-fluid .row-custom .col-profile-otr .col-profile-inr .profile-otr .content .num {
  color: #000000;
}

.hero-navbar .hero-main .container-fluid .row-custom .col-profile-otr .col-profile-inr .profile-otr .content .text {
  color: rgba(0, 0, 0, 0.75);
}

.hero-navbar .hero-main .container-fluid .row-custom .col-heading-otr .col-heading-inr .heading {
  color: #000000;
}

@media (max-width: 991px) {
  .hero-navbar .hero-main .container-fluid .row-custom .col-heading-otr .col-heading-inr .heading {
    text-align: center;
  }
}

.hero-navbar .hero-main .container-fluid .row-custom .col-explore-otr .col-explore-inr {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 991px) {
  .hero-navbar .hero-main .container-fluid .row-custom .col-explore-otr .col-explore-inr {
    display: none;
  }
}

.hero-navbar .hero-main .container-fluid .row-custom .col-explore-otr .col-explore-inr .explore-img {
  width: 60%;
  -webkit-animation-name: rotate;
          animation-name: rotate;
  -webkit-animation-duration: 15s;
          animation-duration: 15s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

.hero-navbar .hero-main .container-fluid .row-custom .col-explore-otr .col-explore-inr .icon {
  position: absolute;
  font-size: 50px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #000000;
}

.hero-navbar .hero-main .container-fluid .wrapper {
  padding-top: 72px;
}

@media (max-width: 575px) {
  .hero-navbar .hero-main .container-fluid .wrapper {
    padding-top: 48px;
  }
}

.hero-navbar .hero-main .container-fluid .wrapper .hero-swiper .swiper-wrapper {
  height: auto;
}

.hero-navbar .hero-main .container-fluid .wrapper .hero-swiper .swiper-wrapper .swiper-slide .img-otr .img {
  width: 100%;
  height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}

/*===========================================
        Hero-Navbar End Here
===========================================*/

/*===========================================
        Live Auction start Here
===========================================*/

.live-auction {
  overflow: hidden;
  margin: 112px 0 0 0;
}

@media (max-width: 575px) {
  .live-auction {
    margin: 80px 0;
  }
}

.live-auction .container-fluid .wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.live-auction .container-fluid .wrapper .heading {
  color: #000000;
}

.live-auction .container-fluid .wrapper .arrow-otr {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}

@media (max-width: 575px) {
  .live-auction .container-fluid .wrapper .arrow-otr {
    display: none;
  }
}

.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-next1,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-next2,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-next3,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-next4,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-next5,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-next6,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-next7,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-next8,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-next9,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-next10,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-next11 {
  margin-left: 16px;
}

.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-next1,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-next2,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-next3,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-next4,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-next5,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-next6,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-next7,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-next8,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-next9,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-next10,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-next11,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-prev1,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-prev2,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-prev3,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-prev4,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-prev5,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-prev6,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-prev7,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-prev8,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-prev9,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-prev10,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-prev11 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  left: 0;
  right: 0;
  top: 0;
  margin-top: 0;
  width: 52px;
  height: 52px;
  border-radius: 100%;
  background-color: #FFFFFF;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
  transition: 0.3s;
}

.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-next1:hover,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-next2:hover,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-next3:hover,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-next4:hover,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-next5:hover,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-next6:hover,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-next7:hover,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-next8:hover,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-next9:hover,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-next10:hover,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-next11:hover,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-prev1:hover,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-prev2:hover,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-prev3:hover,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-prev4:hover,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-prev5:hover,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-prev6:hover,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-prev7:hover,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-prev8:hover,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-prev9:hover,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-prev10:hover,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-prev11:hover {
  background-color: #F25867;
}

.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-next1:hover .icon,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-next2:hover .icon,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-next3:hover .icon,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-next4:hover .icon,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-next5:hover .icon,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-next6:hover .icon,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-next7:hover .icon,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-next8:hover .icon,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-next9:hover .icon,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-next10:hover .icon,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-next11:hover .icon,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-prev1:hover .icon,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-prev2:hover .icon,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-prev3:hover .icon,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-prev4:hover .icon,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-prev5:hover .icon,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-prev6:hover .icon,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-prev7:hover .icon,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-prev8:hover .icon,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-prev9:hover .icon,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-prev10:hover .icon,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-prev11:hover .icon {
  color: #FFFFFF;
}

.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-next1::after,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-next2::after,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-next3::after,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-next4::after,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-next5::after,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-next6::after,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-next7::after,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-next8::after,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-next9::after,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-next10::after,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-next11::after,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-prev1::after,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-prev2::after,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-prev3::after,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-prev4::after,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-prev5::after,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-prev6::after,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-prev7::after,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-prev8::after,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-prev9::after,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-prev10::after,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-prev11::after {
  display: none;
}

.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-next1 .icon,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-next2 .icon,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-next3 .icon,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-next4 .icon,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-next5 .icon,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-next6 .icon,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-next7 .icon,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-next8 .icon,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-next9 .icon,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-next10 .icon,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-next11 .icon,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-prev1 .icon,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-prev2 .icon,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-prev3 .icon,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-prev4 .icon,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-prev5 .icon,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-prev6 .icon,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-prev7 .icon,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-prev8 .icon,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-prev9 .icon,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-prev10 .icon,
.live-auction .container-fluid .wrapper .arrow-otr .swiper-button-prev11 .icon {
  font-size: 24px;
  color: #F25867;
  transition: 0.3s;
}

.live-auction .container-fluid .swiper-slider2 {
  overflow: visible;
  padding: 72px 0 112px 0;
}

@media (max-width: 575px) {
  .live-auction .container-fluid .swiper-slider2 {
    padding: 48px 0 64px 0;
  }
}

.live-auction .container-fluid .swiper-slider2 .swiper-wrapper {
  height: auto;
}

.live-auction .container-fluid .swiper-slider2 .swiper-wrapper .swiper-slide .artwork-card .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr .img-inr .img {
  width: 36.02px;
  height: 36.02px;
}

.live-auction .container-fluid .swiper-slider2 .swiper-pagination {
  display: none;
  bottom: 0;
}

@media (max-width: 575px) {
  .live-auction .container-fluid .swiper-slider2 .swiper-pagination {
    display: block;
  }
}

.live-auction .container-fluid .swiper-slider2 .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  transition: 0.3s;
}

.live-auction .container-fluid .swiper-slider2 .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #F25867;
  width: 32px;
  border-radius: 4px;
}

/*===========================================
        Live Auction End Here
===========================================*/

/*===========================================
        Feature Creator start Here
===========================================*/

.feature-creator {
  margin-bottom: 112px;
}

@media (max-width: 575px) {
  .feature-creator {
    margin-bottom: 80px;
  }
}

.feature-creator .container-fluid .wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 72px;
}

@media (max-width: 575px) {
  .feature-creator .container-fluid .wrapper {
    margin-bottom: 48px;
  }
}

.feature-creator .container-fluid .wrapper .heading {
  color: #000000;
}

.feature-creator .container-fluid .wrapper .view-text {
  display: flex;
  align-items: center;
}

@media (max-width: 575px) {
  .feature-creator .container-fluid .wrapper .view-text {
    display: none;
  }
}

.feature-creator .container-fluid .wrapper .view-text:hover .icon-otr {
  background-color: #F25867;
}

.feature-creator .container-fluid .wrapper .view-text:hover .icon-otr .icon {
  color: #FFFFFF;
}

.feature-creator .container-fluid .wrapper .view-text .view-inr {
  color: #F25867;
  margin-right: 24px;
}

.feature-creator .container-fluid .wrapper .view-text .icon-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 100%;
  background-color: #FFFFFF;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
  transition: 0.3s;
}

.feature-creator .container-fluid .wrapper .view-text .icon-otr .icon {
  font-size: 24px;
  color: #F25867;
  transition: 0.3s;
}

.feature-creator .container-fluid .row-custom {
  gap: 24px 0;
}

@media (max-width: 575px) {
  .feature-creator .container-fluid .row-custom .col-creator-otr {
    width: 50%;
  }
}

.feature-creator .container-fluid .row-custom .col-creator-otr .col-creator-inr {
  background-color: #FFFFFF;
  border-radius: 8px;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
}

.feature-creator .container-fluid .row-custom .col-creator-otr .col-creator-inr .img-otr .creator-bg {
  width: 100%;
  border-radius: 8px 8px 0 0;
}

.feature-creator .container-fluid .row-custom .col-creator-otr .col-creator-inr .content {
  position: relative;
  text-align: center;
  padding: 56px 16px 24px 16px;
}

.feature-creator .container-fluid .row-custom .col-creator-otr .col-creator-inr .content .creator-otr {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -40px;
}

.feature-creator .container-fluid .row-custom .col-creator-otr .col-creator-inr .content .creator-otr .img {
  width: 80px;
  height: 80px;
  border-radius: 100%;
  border: 2px solid #FFFFFF;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
}

.feature-creator .container-fluid .row-custom .col-creator-otr .col-creator-inr .content .creator-name {
  color: #000000;
  transition: 0.3s;
  margin-bottom: 4px;
}

.feature-creator .container-fluid .row-custom .col-creator-otr .col-creator-inr .content .creator-name:hover {
  color: #F25867;
}

.feature-creator .container-fluid .row-custom .col-creator-otr .col-creator-inr .content .price {
  color: rgba(0, 0, 0, 0.4);
}

.feature-creator .container-fluid .responsive-view-text {
  display: none;
  align-items: center;
  justify-content: center;
  margin-top: 48px;
}

@media (max-width: 575px) {
  .feature-creator .container-fluid .responsive-view-text {
    display: flex;
  }
}

.feature-creator .container-fluid .responsive-view-text:hover .icon-otr {
  background-color: #F25867;
}

.feature-creator .container-fluid .responsive-view-text:hover .icon-otr .icon {
  color: #FFFFFF;
}

.feature-creator .container-fluid .responsive-view-text .view-inr {
  color: #F25867;
  margin-right: 24px;
}

.feature-creator .container-fluid .responsive-view-text .icon-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 100%;
  background-color: #FFFFFF;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
  transition: 0.3s;
}

.feature-creator .container-fluid .responsive-view-text .icon-otr .icon {
  font-size: 24px;
  color: #F25867;
  transition: 0.3s;
}

/*===========================================
        Feature Creator End Here
===========================================*/

/*===========================================
        Feature Artwork start Here
===========================================*/

.feature-artwork {
  margin: 112px 0;
}

@media (max-width: 575px) {
  .feature-artwork {
    margin: 80px 0;
  }
}

.feature-artwork .container-fluid .wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 72px;
}

@media (max-width: 575px) {
  .feature-artwork .container-fluid .wrapper {
    margin-bottom: 48px;
  }
}

.feature-artwork .container-fluid .wrapper .heading {
  color: #000000;
}

.feature-artwork .container-fluid .wrapper .view-text {
  display: flex;
  align-items: center;
}

@media (max-width: 575px) {
  .feature-artwork .container-fluid .wrapper .view-text {
    display: none;
  }
}

.feature-artwork .container-fluid .wrapper .view-text:hover .icon-otr {
  background-color: #F25867;
}

.feature-artwork .container-fluid .wrapper .view-text:hover .icon-otr .icon {
  color: #FFFFFF;
}

.feature-artwork .container-fluid .wrapper .view-text .view-inr {
  color: #F25867;
  margin-right: 24px;
}

.feature-artwork .container-fluid .wrapper .view-text .icon-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 100%;
  background-color: #FFFFFF;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
  transition: 0.3s;
}

.feature-artwork .container-fluid .wrapper .view-text .icon-otr .icon {
  font-size: 24px;
  color: #F25867;
  transition: 0.3s;
}

.feature-artwork .container-fluid .row-custom {
  gap: 24px 0;
}

@media (min-width: 992px) and (max-width: 1440px) {
  .feature-artwork .container-fluid .row-custom .col-box-otr {
    width: 33.333%;
  }
}

.feature-artwork .container-fluid .responsive-view-text {
  display: none;
  align-items: center;
  justify-content: center;
  margin-top: 48px;
}

@media (max-width: 575px) {
  .feature-artwork .container-fluid .responsive-view-text {
    display: flex;
  }
}

.feature-artwork .container-fluid .responsive-view-text:hover .icon-otr {
  background-color: #F25867;
}

.feature-artwork .container-fluid .responsive-view-text:hover .icon-otr .icon {
  color: #FFFFFF;
}

.feature-artwork .container-fluid .responsive-view-text .view-inr {
  color: #F25867;
  margin-right: 24px;
}

.feature-artwork .container-fluid .responsive-view-text .icon-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 100%;
  background-color: #FFFFFF;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
  transition: 0.3s;
}

.feature-artwork .container-fluid .responsive-view-text .icon-otr .icon {
  font-size: 24px;
  color: #F25867;
  transition: 0.3s;
}

/*===========================================
        Feature Artwork End Here
===========================================*/

/*===========================================
        Popular Collection start Here
===========================================*/

.popular-collection {
  overflow: hidden;
  margin: 112px 0 0 0;
}

@media (max-width: 575px) {
  .popular-collection {
    margin: 80px 0;
  }
}

.popular-collection .container-fluid .wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.popular-collection .container-fluid .wrapper .heading {
  color: #000000;
}

.popular-collection .container-fluid .wrapper .arrow-otr {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}

@media (max-width: 575px) {
  .popular-collection .container-fluid .wrapper .arrow-otr {
    display: none;
  }
}

.popular-collection .container-fluid .wrapper .arrow-otr .swiper-button-next1,
.popular-collection .container-fluid .wrapper .arrow-otr .swiper-button-next2,
.popular-collection .container-fluid .wrapper .arrow-otr .swiper-button-next3,
.popular-collection .container-fluid .wrapper .arrow-otr .swiper-button-next12 {
  margin-left: 16px;
}

.popular-collection .container-fluid .wrapper .arrow-otr .swiper-button-next1,
.popular-collection .container-fluid .wrapper .arrow-otr .swiper-button-next2,
.popular-collection .container-fluid .wrapper .arrow-otr .swiper-button-next3,
.popular-collection .container-fluid .wrapper .arrow-otr .swiper-button-next12,
.popular-collection .container-fluid .wrapper .arrow-otr .swiper-button-prev1,
.popular-collection .container-fluid .wrapper .arrow-otr .swiper-button-prev2,
.popular-collection .container-fluid .wrapper .arrow-otr .swiper-button-prev3,
.popular-collection .container-fluid .wrapper .arrow-otr .swiper-button-prev12 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  left: 0;
  right: 0;
  top: 0;
  margin-top: 0;
  width: 52px;
  height: 52px;
  border-radius: 100%;
  background-color: #FFFFFF;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
  transition: 0.3s;
}

.popular-collection .container-fluid .wrapper .arrow-otr .swiper-button-next1:hover,
.popular-collection .container-fluid .wrapper .arrow-otr .swiper-button-next2:hover,
.popular-collection .container-fluid .wrapper .arrow-otr .swiper-button-next3:hover,
.popular-collection .container-fluid .wrapper .arrow-otr .swiper-button-next12:hover,
.popular-collection .container-fluid .wrapper .arrow-otr .swiper-button-prev1:hover,
.popular-collection .container-fluid .wrapper .arrow-otr .swiper-button-prev2:hover,
.popular-collection .container-fluid .wrapper .arrow-otr .swiper-button-prev3:hover,
.popular-collection .container-fluid .wrapper .arrow-otr .swiper-button-prev12:hover {
  background-color: #F25867;
}

.popular-collection .container-fluid .wrapper .arrow-otr .swiper-button-next1:hover .icon,
.popular-collection .container-fluid .wrapper .arrow-otr .swiper-button-next2:hover .icon,
.popular-collection .container-fluid .wrapper .arrow-otr .swiper-button-next3:hover .icon,
.popular-collection .container-fluid .wrapper .arrow-otr .swiper-button-next12:hover .icon,
.popular-collection .container-fluid .wrapper .arrow-otr .swiper-button-prev1:hover .icon,
.popular-collection .container-fluid .wrapper .arrow-otr .swiper-button-prev2:hover .icon,
.popular-collection .container-fluid .wrapper .arrow-otr .swiper-button-prev3:hover .icon,
.popular-collection .container-fluid .wrapper .arrow-otr .swiper-button-prev12:hover .icon {
  color: #FFFFFF;
}

.popular-collection .container-fluid .wrapper .arrow-otr .swiper-button-next1::after,
.popular-collection .container-fluid .wrapper .arrow-otr .swiper-button-next2::after,
.popular-collection .container-fluid .wrapper .arrow-otr .swiper-button-next3::after,
.popular-collection .container-fluid .wrapper .arrow-otr .swiper-button-next12::after,
.popular-collection .container-fluid .wrapper .arrow-otr .swiper-button-prev1::after,
.popular-collection .container-fluid .wrapper .arrow-otr .swiper-button-prev2::after,
.popular-collection .container-fluid .wrapper .arrow-otr .swiper-button-prev3::after,
.popular-collection .container-fluid .wrapper .arrow-otr .swiper-button-prev12::after {
  display: none;
}

.popular-collection .container-fluid .wrapper .arrow-otr .swiper-button-next1 .icon,
.popular-collection .container-fluid .wrapper .arrow-otr .swiper-button-next2 .icon,
.popular-collection .container-fluid .wrapper .arrow-otr .swiper-button-next3 .icon,
.popular-collection .container-fluid .wrapper .arrow-otr .swiper-button-next12 .icon,
.popular-collection .container-fluid .wrapper .arrow-otr .swiper-button-prev1 .icon,
.popular-collection .container-fluid .wrapper .arrow-otr .swiper-button-prev2 .icon,
.popular-collection .container-fluid .wrapper .arrow-otr .swiper-button-prev3 .icon,
.popular-collection .container-fluid .wrapper .arrow-otr .swiper-button-prev12 .icon {
  font-size: 24px;
  color: #F25867;
  transition: 0.3s;
}

.popular-collection .container-fluid .swiper-slider3 {
  overflow: visible;
  padding: 72px 0 112px 0;
}

@media (max-width: 575px) {
  .popular-collection .container-fluid .swiper-slider3 {
    padding: 48px 0 64px 0;
  }
}

.popular-collection .container-fluid .swiper-slider3 .swiper-wrapper {
  height: auto;
}

.popular-collection .container-fluid .swiper-slider3 .swiper-pagination {
  display: none;
  bottom: 0;
}

@media (max-width: 575px) {
  .popular-collection .container-fluid .swiper-slider3 .swiper-pagination {
    display: block;
  }
}

.popular-collection .container-fluid .swiper-slider3 .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  transition: 0.3s;
}

.popular-collection .container-fluid .swiper-slider3 .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #F25867;
  width: 32px;
  border-radius: 4px;
}

/*===========================================
        Popular Collection End Here
===========================================*/

/*===========================================
        Call-to-Action start Here
===========================================*/

.cta-main {
  margin-bottom: 112px;
}

@media (max-width: 575px) {
  .cta-main {
    margin-bottom: 80px;
  }
}

.cta-main .container-fluid .wrapper {
  background-image: url(/assets/img/cta-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
  padding: 72px 15px 96px 15px;
  border-radius: 8px;
}

@media (max-width: 575px) {
  .cta-main .container-fluid .wrapper {
    padding: 48px 15px 72px 15px;
  }
}

.cta-main .container-fluid .wrapper .heading {
  color: #FFFFFF;
}

.cta-main .container-fluid .wrapper .desc {
  color: rgba(255, 255, 255, 0.75);
  margin: 16px 0 36px 0;
}

.cta-main .container-fluid .wrapper .action-otr {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 575px) {
  .cta-main .container-fluid .wrapper .action-otr {
    flex-direction: column;
    width: 100%;
  }
}

@media (max-width: 575px) {
  .cta-main .container-fluid .wrapper .action-otr .action {
    width: 100%;
  }
}

.cta-main .container-fluid .wrapper .action-otr .action:not(:last-child) {
  margin-right: 24px;
}

@media (max-width: 575px) {
  .cta-main .container-fluid .wrapper .action-otr .action:not(:last-child) {
    margin: 0 0 24px 0;
  }
}

@media (max-width: 575px) {
  .cta-main .container-fluid .wrapper .action-otr .action .upload-btn {
    width: 100%;
  }
}

.cta-main .container-fluid .wrapper .action-otr .action .upload-btn:hover {
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
}

.cta-main .container-fluid .wrapper .action-otr .action .wallet-btn {
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
}

@media (max-width: 575px) {
  .cta-main .container-fluid .wrapper .action-otr .action .wallet-btn {
    width: 100%;
  }
}

.cta-main .container-fluid .wrapper .action-otr .action .wallet-btn:hover {
  border: 1px solid transparent;
}

/*===========================================
        Call-to-Action End Here
===========================================*/

/*===========================================
            Blog start Here
===========================================*/

.blog {
  margin: 112px 0;
}

@media (max-width: 575px) {
  .blog {
    margin: 80px 0;
  }
}

.blog .container-fluid .wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 72px;
}

@media (max-width: 575px) {
  .blog .container-fluid .wrapper {
    margin-bottom: 48px;
  }
}

.blog .container-fluid .wrapper .heading {
  color: #000000;
}

.blog .container-fluid .wrapper .view-text {
  display: flex;
  align-items: center;
}

@media (max-width: 575px) {
  .blog .container-fluid .wrapper .view-text {
    display: none;
  }
}

.blog .container-fluid .wrapper .view-text:hover .icon-otr {
  background-color: #F25867;
}

.blog .container-fluid .wrapper .view-text:hover .icon-otr .icon {
  color: #FFFFFF;
}

.blog .container-fluid .wrapper .view-text .view-inr {
  color: #F25867;
  margin-right: 24px;
}

.blog .container-fluid .wrapper .view-text .icon-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 100%;
  background-color: #FFFFFF;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
  transition: 0.3s;
}

.blog .container-fluid .wrapper .view-text .icon-otr .icon {
  font-size: 24px;
  color: #F25867;
  transition: 0.3s;
}

.blog .container-fluid .row-custom {
  gap: 24px 0;
}

.blog .container-fluid .row-custom .col-blog-otr .col-blog-inr .img-otr .img {
  width: 100%;
}

.blog .container-fluid .row-custom .col-blog-otr .col-blog-inr .content {
  position: relative;
}

.blog .container-fluid .row-custom .col-blog-otr .col-blog-inr .content .date-otr {
  position: absolute;
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
  background-color: #FFFFFF;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
  padding: 10px 16px;
  top: -62px;
  right: 24px;
  border-radius: 4px;
}

.blog .container-fluid .row-custom .col-blog-otr .col-blog-inr .content .date-otr .date {
  color: #F25867;
}

.blog .container-fluid .row-custom .col-blog-otr .col-blog-inr .content .date-otr .month {
  color: #000000;
}

.blog .container-fluid .row-custom .col-blog-otr .col-blog-inr .content .tag {
  color: #F25867;
  margin: 24px 0 8px 0;
}

.blog .container-fluid .row-custom .col-blog-otr .col-blog-inr .content .heading {
  display: inline;
  color: #000000;
  transition: 0.3s;
}

.blog .container-fluid .row-custom .col-blog-otr .col-blog-inr .content .heading:hover {
  color: #F25867;
}

.blog .container-fluid .responsive-view-text {
  display: none;
  align-items: center;
  justify-content: center;
  margin-top: 48px;
}

@media (max-width: 575px) {
  .blog .container-fluid .responsive-view-text {
    display: flex;
  }
}

.blog .container-fluid .responsive-view-text:hover .icon-otr {
  background-color: #F25867;
}

.blog .container-fluid .responsive-view-text:hover .icon-otr .icon {
  color: #FFFFFF;
}

.blog .container-fluid .responsive-view-text .view-inr {
  color: #F25867;
  margin-right: 24px;
}

.blog .container-fluid .responsive-view-text .icon-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 100%;
  background-color: #FFFFFF;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
  transition: 0.3s;
}

.blog .container-fluid .responsive-view-text .icon-otr .icon {
  font-size: 24px;
  color: #F25867;
  transition: 0.3s;
}

/*===========================================
            Blog End Here
===========================================*/

/*===========================================
        Hero-Navbar start Here
===========================================*/

.hero-navbar2 {
  position: relative;
  background-image: url(/assets/img/hero-bg2.png);
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
}

@media (max-width: 575px) {
  .hero-navbar2 {
    background-size: contain;
    background-position: bottom;
  }
}

.hero-navbar2::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 250px;
  background: conic-gradient(from 180deg at 50% 50%, #F25867 0deg, rgba(242, 88, 103, 0) 360deg);
  filter: blur(230px);
  left: 0;
  top: 0;
  z-index: -1;
}

@media (max-width: 575px) {
  .hero-navbar2::after {
    display: none;
  }
}

.hero-navbar2 .navbar {
  background-color: #FFFFFF;
  box-shadow: 0px 15px 10px rgba(242, 88, 103, 0.1);
  padding: 24px 0;
}

.hero-navbar2 .navbar .container-fluid .navbar-inr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.hero-navbar2 .navbar .container-fluid .navbar-inr .logo-main {
  display: flex;
  align-items: center;
}

@media (max-width: 767px) {
  .hero-navbar2 .navbar .container-fluid .navbar-inr .logo-main {
    flex-direction: row-reverse;
    justify-content: space-between;
    width: 100%;
  }
}

.hero-navbar2 .navbar .container-fluid .navbar-inr .logo-main .menu-icon-otr {
  display: none;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.03);
  margin-right: 20px;
}

@media (max-width: 991px) {
  .hero-navbar2 .navbar .container-fluid .navbar-inr .logo-main .menu-icon-otr {
    display: flex;
  }
}

@media (max-width: 767px) {
  .hero-navbar2 .navbar .container-fluid .navbar-inr .logo-main .menu-icon-otr {
    margin-right: 0;
  }
}

.hero-navbar2 .navbar .container-fluid .navbar-inr .logo-main .menu-icon-otr .icon {
  font-size: 24px;
  color: rgba(0, 0, 0, 0.4);
}

@media (max-width: 1100px) {
  .hero-navbar2 .navbar .container-fluid .navbar-inr .input-otr {
    display: none;
  }
}

@media (max-width: 991px) {
  .hero-navbar2 .navbar .container-fluid .navbar-inr .menu-otr {
    display: none;
  }
}

.hero-navbar2 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul {
  display: flex;
  align-items: center;
  gap: 0 30px;
}

.hero-navbar2 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li {
  position: relative;
}

.hero-navbar2 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li:hover .menu-a {
  color: #F25867;
}

.hero-navbar2 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li:hover .drop-otr {
  opacity: 1;
  visibility: visible;
  top: 30px;
}

.hero-navbar2 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .menu-a {
  cursor: pointer;
  color: rgba(0, 0, 0, 0.75);
  transition: 0.3s;
}

.hero-navbar2 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr {
  position: absolute;
  top: 100px;
  left: -24px;
  z-index: 99999;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}

.hero-navbar2 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul {
  width: 250px;
  background-color: #FFFFFF;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding-top: 12px;
}

.hero-navbar2 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li {
  position: relative;
  padding: 0 24px 12px 24px;
}

.hero-navbar2 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li:hover .other-drop-otr {
  opacity: 1;
  visibility: visible;
}

.hero-navbar2 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li:not(:last-child) {
  margin-bottom: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.hero-navbar2 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .drop-a {
  position: relative;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.75);
  transition: 0.3s;
  cursor: pointer;
}

.hero-navbar2 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .drop-a:hover {
  color: #F25867;
  padding-left: 22px;
}

.hero-navbar2 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .drop-a:hover::after {
  left: 0;
}

.hero-navbar2 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .drop-a::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: #F25867;
  left: -30px;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s;
}

.hero-navbar2 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr {
  position: absolute;
  left: 180px;
  top: 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}

.hero-navbar2 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr .other-drop-ul {
  width: 230px;
  background-color: #FFFFFF;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding-top: 12px;
}

.hero-navbar2 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr .other-drop-ul .other-drop-li {
  padding: 0 24px 12px 24px;
}

.hero-navbar2 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr .other-drop-ul .other-drop-li:not(:last-child) {
  margin-bottom: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.hero-navbar2 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr .other-drop-ul .other-drop-li .other-drop-a {
  position: relative;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.75);
  transition: 0.3s;
}

.hero-navbar2 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr .other-drop-ul .other-drop-li .other-drop-a:hover {
  color: #F25867;
  padding-left: 22px;
}

.hero-navbar2 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr .other-drop-ul .other-drop-li .other-drop-a:hover::after {
  left: 0;
}

.hero-navbar2 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr .other-drop-ul .other-drop-li .other-drop-a::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: #F25867;
  left: -30px;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s;
}

@media (max-width: 1366px) {
  .hero-navbar2 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-5,
  .hero-navbar2 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-4 {
    display: none;
  }
}

.hero-navbar2 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-6 {
  display: none;
}

@media (max-width: 1366px) {
  .hero-navbar2 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-6 {
    display: block;
  }
}

.hero-navbar2 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-6 .menu-a {
  padding: 10px 0;
}

.hero-navbar2 .navbar .container-fluid .navbar-inr .action-otr {
  display: flex;
  align-items: center;
}

@media (max-width: 767px) {
  .hero-navbar2 .navbar .container-fluid .navbar-inr .action-otr {
    display: none;
  }
}

.hero-navbar2 .navbar .container-fluid .navbar-inr .action-otr .search-icon-otr {
  display: none;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.03);
  cursor: pointer;
}

@media (max-width: 1100px) {
  .hero-navbar2 .navbar .container-fluid .navbar-inr .action-otr .search-icon-otr {
    display: flex;
  }
}

.hero-navbar2 .navbar .container-fluid .navbar-inr .action-otr .search-icon-otr .icon {
  font-size: 24px;
  color: rgba(0, 0, 0, 0.4);
}

.hero-navbar2 .navbar .container-fluid .navbar-inr .action-otr .action {
  display: flex;
}

.hero-navbar2 .navbar .container-fluid .navbar-inr .action-otr .action:not(:last-child) {
  margin: 0 20px;
}

.hero-navbar2 .navbar .container-fluid .navbar-inr .action-otr .action .icon-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.03);
  transition: 0.3s;
}

.hero-navbar2 .navbar .container-fluid .navbar-inr .action-otr .action .icon-otr:hover {
  background-color: #F25867;
}

.hero-navbar2 .navbar .container-fluid .navbar-inr .action-otr .action .icon-otr:hover .icon {
  color: #FFFFFF;
}

.hero-navbar2 .navbar .container-fluid .navbar-inr .action-otr .action .icon-otr .icon {
  font-size: 24px;
  color: rgba(0, 0, 0, 0.4);
  transition: 0.3s;
}

.hero-navbar2 .hero-main .container-fluid .row-custom {
  justify-content: space-between;
}

.hero-navbar2 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr {
  padding: 112px 0 128px 0;
}

@media (max-width: 575px) {
  .hero-navbar2 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr {
    padding: 72px 0 48px 0;
  }
}

.hero-navbar2 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .heading {
  color: #000000;
}

.hero-navbar2 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .desc {
  color: rgba(0, 0, 0, 0.4);
  margin: 16px 0 36px 0;
}

.hero-navbar2 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .action-otr {
  display: flex;
  align-items: center;
}

@media (max-width: 420px) {
  .hero-navbar2 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .action-otr {
    flex-direction: column;
    width: 100%;
  }
}

@media (max-width: 420px) {
  .hero-navbar2 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .action-otr .action {
    width: 100%;
    text-align: center;
  }
}

.hero-navbar2 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .action-otr .action:not(:last-child) {
  margin-right: 24px;
}

@media (max-width: 420px) {
  .hero-navbar2 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .action-otr .action:not(:last-child) {
    margin: 0 0 24px 0;
  }
}

.hero-navbar2 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .statistics-otr {
  display: flex;
  align-items: center;
  margin-top: 40px;
}

.hero-navbar2 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .statistics-otr .content:not(:last-child) {
  border-right: 1px solid rgba(0, 0, 0, 0.4);
  padding-right: 60px;
}

@media (max-width: 420px) {
  .hero-navbar2 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .statistics-otr .content:not(:last-child) {
    padding-right: 0;
    border-right: none;
  }
}

.hero-navbar2 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .statistics-otr .content:not(:first-child) {
  padding-left: 60px;
}

@media (max-width: 575px) {
  .hero-navbar2 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .statistics-otr .content:not(:first-child) {
    padding-left: 24px;
  }
}

.hero-navbar2 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .statistics-otr .content .num {
  color: #F25867;
  margin-bottom: 8px;
}

.hero-navbar2 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .statistics-otr .content .text {
  color: rgba(0, 0, 0, 0.75);
}

@media (max-width: 420px) {
  .hero-navbar2 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .statistics-otr .box-1 {
    border-right: 1px solid rgba(0, 0, 0, 0.4) !important;
    padding-right: 24px !important;
  }
}

@media (max-width: 420px) {
  .hero-navbar2 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .statistics-otr .box-3 {
    display: none;
  }
}

.hero-navbar2 .hero-main .container-fluid .row-custom .col-slide-otr {
  background-color: #fcdee1;
}

.hero-navbar2 .hero-main .container-fluid .row-custom .col-slide-otr .swiper-slider4 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 72px;
  height: 100%;
}

@media (max-width: 1440px) {
  .hero-navbar2 .hero-main .container-fluid .row-custom .col-slide-otr .swiper-slider4 {
    padding: 50px;
  }
}

@media (max-width: 991px) {
  .hero-navbar2 .hero-main .container-fluid .row-custom .col-slide-otr .swiper-slider4 {
    padding: 72px;
  }
}

@media (max-width: 575px) {
  .hero-navbar2 .hero-main .container-fluid .row-custom .col-slide-otr .swiper-slider4 {
    padding: 48px 72px;
  }
}

@media (max-width: 420px) {
  .hero-navbar2 .hero-main .container-fluid .row-custom .col-slide-otr .swiper-slider4 {
    padding: 72px 0;
  }
}

.hero-navbar2 .hero-main .container-fluid .row-custom .col-slide-otr .swiper-slider4 .swiper-wrapper {
  height: auto;
}

.hero-navbar2 .hero-main .container-fluid .row-custom .col-slide-otr .swiper-slider4 .swiper-wrapper .swiper-slide .img-otr {
  display: flex;
  align-items: center;
  justify-content: center;
}

.hero-navbar2 .hero-main .container-fluid .row-custom .col-slide-otr .swiper-slider4 .swiper-wrapper .swiper-slide .img-otr .img-innr {
  border-radius: 8px;
}

.hero-navbar2 .hero-main .container-fluid .row-custom .col-slide-otr .swiper-slider4 .swiper-wrapper .swiper-slide-shadow {
  display: none;
}

/*===========================================
        Hero-Navbar End Here
===========================================*/

/*===========================================
        Hero-Navbar start Here
===========================================*/

.hero-navbar3 {
  position: relative;
  background-image: url(/assets/img/hero-bg2.png);
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
}

@media (max-width: 575px) {
  .hero-navbar3 {
    background-size: contain;
    background-position: bottom;
  }
}

.hero-navbar3::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 250px;
  background: conic-gradient(from 180deg at 50% 50%, #F25867 0deg, rgba(242, 88, 103, 0) 360deg);
  filter: blur(230px);
  left: 0;
  top: 0;
  z-index: -1;
}

@media (max-width: 575px) {
  .hero-navbar3::after {
    display: none;
  }
}

.hero-navbar3 .navbar {
  background-color: #FFFFFF;
  box-shadow: 0px 15px 10px rgba(242, 88, 103, 0.1);
  padding: 24px 0;
}

.hero-navbar3 .navbar .container-fluid .navbar-inr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.hero-navbar3 .navbar .container-fluid .navbar-inr .logo-main {
  display: flex;
  align-items: center;
}

@media (max-width: 767px) {
  .hero-navbar3 .navbar .container-fluid .navbar-inr .logo-main {
    flex-direction: row-reverse;
    justify-content: space-between;
    width: 100%;
  }
}

.hero-navbar3 .navbar .container-fluid .navbar-inr .logo-main .menu-icon-otr {
  display: none;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.03);
  margin-right: 20px;
}

@media (max-width: 991px) {
  .hero-navbar3 .navbar .container-fluid .navbar-inr .logo-main .menu-icon-otr {
    display: flex;
  }
}

@media (max-width: 767px) {
  .hero-navbar3 .navbar .container-fluid .navbar-inr .logo-main .menu-icon-otr {
    margin-right: 0;
  }
}

.hero-navbar3 .navbar .container-fluid .navbar-inr .logo-main .menu-icon-otr .icon {
  font-size: 24px;
  color: rgba(0, 0, 0, 0.4);
}

@media (max-width: 1100px) {
  .hero-navbar3 .navbar .container-fluid .navbar-inr .input-otr {
    display: none;
  }
}

@media (max-width: 991px) {
  .hero-navbar3 .navbar .container-fluid .navbar-inr .menu-otr {
    display: none;
  }
}

.hero-navbar3 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul {
  display: flex;
  align-items: center;
  gap: 0 30px;
}

.hero-navbar3 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li {
  position: relative;
}

.hero-navbar3 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li:hover .menu-a {
  color: #F25867;
}

.hero-navbar3 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li:hover .drop-otr {
  opacity: 1;
  visibility: visible;
  top: 30px;
}

.hero-navbar3 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .menu-a {
  cursor: pointer;
  color: rgba(0, 0, 0, 0.75);
  transition: 0.3s;
}

.hero-navbar3 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr {
  position: absolute;
  top: 100px;
  left: -24px;
  z-index: 99999;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}

.hero-navbar3 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul {
  width: 250px;
  background-color: #FFFFFF;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding-top: 12px;
}

.hero-navbar3 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li {
  position: relative;
  padding: 0 24px 12px 24px;
}

.hero-navbar3 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li:hover .other-drop-otr {
  opacity: 1;
  visibility: visible;
}

.hero-navbar3 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li:not(:last-child) {
  margin-bottom: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.hero-navbar3 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .drop-a {
  position: relative;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.75);
  transition: 0.3s;
  cursor: pointer;
}

.hero-navbar3 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .drop-a:hover {
  color: #F25867;
  padding-left: 22px;
}

.hero-navbar3 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .drop-a:hover::after {
  left: 0;
}

.hero-navbar3 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .drop-a::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: #F25867;
  left: -30px;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s;
}

.hero-navbar3 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr {
  position: absolute;
  left: 180px;
  top: 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}

.hero-navbar3 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr .other-drop-ul {
  width: 230px;
  background-color: #FFFFFF;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding-top: 12px;
}

.hero-navbar3 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr .other-drop-ul .other-drop-li {
  padding: 0 24px 12px 24px;
}

.hero-navbar3 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr .other-drop-ul .other-drop-li:not(:last-child) {
  margin-bottom: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.hero-navbar3 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr .other-drop-ul .other-drop-li .other-drop-a {
  position: relative;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.75);
  transition: 0.3s;
}

.hero-navbar3 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr .other-drop-ul .other-drop-li .other-drop-a:hover {
  color: #F25867;
  padding-left: 22px;
}

.hero-navbar3 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr .other-drop-ul .other-drop-li .other-drop-a:hover::after {
  left: 0;
}

.hero-navbar3 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr .other-drop-ul .other-drop-li .other-drop-a::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: #F25867;
  left: -30px;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s;
}

@media (max-width: 1366px) {
  .hero-navbar3 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-5,
  .hero-navbar3 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-4 {
    display: none;
  }
}

.hero-navbar3 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-6 {
  display: none;
}

@media (max-width: 1366px) {
  .hero-navbar3 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-6 {
    display: block;
  }
}

.hero-navbar3 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-6 .menu-a {
  padding: 10px 0;
}

.hero-navbar3 .navbar .container-fluid .navbar-inr .action-otr {
  display: flex;
  align-items: center;
}

@media (max-width: 767px) {
  .hero-navbar3 .navbar .container-fluid .navbar-inr .action-otr {
    display: none;
  }
}

.hero-navbar3 .navbar .container-fluid .navbar-inr .action-otr .search-icon-otr {
  display: none;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.03);
  cursor: pointer;
}

@media (max-width: 1100px) {
  .hero-navbar3 .navbar .container-fluid .navbar-inr .action-otr .search-icon-otr {
    display: flex;
  }
}

.hero-navbar3 .navbar .container-fluid .navbar-inr .action-otr .search-icon-otr .icon {
  font-size: 24px;
  color: rgba(0, 0, 0, 0.4);
}

.hero-navbar3 .navbar .container-fluid .navbar-inr .action-otr .action {
  display: flex;
}

.hero-navbar3 .navbar .container-fluid .navbar-inr .action-otr .action:not(:last-child) {
  margin: 0 20px;
}

.hero-navbar3 .navbar .container-fluid .navbar-inr .action-otr .action .icon-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.03);
  transition: 0.3s;
}

.hero-navbar3 .navbar .container-fluid .navbar-inr .action-otr .action .icon-otr:hover {
  background-color: #F25867;
}

.hero-navbar3 .navbar .container-fluid .navbar-inr .action-otr .action .icon-otr:hover .icon {
  color: #FFFFFF;
}

.hero-navbar3 .navbar .container-fluid .navbar-inr .action-otr .action .icon-otr .icon {
  font-size: 24px;
  color: rgba(0, 0, 0, 0.4);
  transition: 0.3s;
}

.hero-navbar3 .hero-main .container-fluid .row-custom {
  align-items: center;
}

.hero-navbar3 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr {
  padding: 112px 0 128px 0;
}

@media (max-width: 575px) {
  .hero-navbar3 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr {
    padding: 72px 0 48px 0;
  }
}

.hero-navbar3 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .heading {
  color: #000000;
}

.hero-navbar3 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .desc {
  color: rgba(0, 0, 0, 0.4);
  margin: 16px 0 36px 0;
}

.hero-navbar3 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .action-otr {
  display: flex;
  align-items: center;
}

@media (max-width: 420px) {
  .hero-navbar3 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .action-otr {
    flex-direction: column;
    width: 100%;
  }
}

@media (max-width: 420px) {
  .hero-navbar3 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .action-otr .action {
    width: 100%;
    text-align: center;
  }
}

.hero-navbar3 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .action-otr .action:not(:last-child) {
  margin-right: 24px;
}

@media (max-width: 420px) {
  .hero-navbar3 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .action-otr .action:not(:last-child) {
    margin: 0 0 24px 0;
  }
}

.hero-navbar3 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .statistics-otr {
  display: none;
  align-items: center;
  margin-top: 40px;
}

@media (max-width: 991px) {
  .hero-navbar3 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .statistics-otr {
    display: flex;
  }
}

.hero-navbar3 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .statistics-otr .content:not(:last-child) {
  border-right: 1px solid rgba(0, 0, 0, 0.4);
  padding-right: 60px;
}

@media (max-width: 420px) {
  .hero-navbar3 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .statistics-otr .content:not(:last-child) {
    padding-right: 0;
    border-right: none;
  }
}

.hero-navbar3 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .statistics-otr .content:not(:first-child) {
  padding-left: 60px;
}

@media (max-width: 575px) {
  .hero-navbar3 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .statistics-otr .content:not(:first-child) {
    padding-left: 24px;
  }
}

.hero-navbar3 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .statistics-otr .content .num {
  color: #F25867;
  margin-bottom: 8px;
}

.hero-navbar3 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .statistics-otr .content .text {
  color: rgba(0, 0, 0, 0.75);
}

@media (max-width: 420px) {
  .hero-navbar3 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .statistics-otr .box-1 {
    border-right: 1px solid rgba(0, 0, 0, 0.4) !important;
    padding-right: 24px !important;
  }
}

@media (max-width: 420px) {
  .hero-navbar3 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .statistics-otr .box-3 {
    display: none;
  }
}

.hero-navbar3 .hero-main .container-fluid .row-custom .col-imgs-otr .col-imgs-inr {
  padding: 72px 0;
  gap: 24px 0;
}

@media (max-width: 991px) {
  .hero-navbar3 .hero-main .container-fluid .row-custom .col-imgs-otr .col-imgs-inr {
    padding: 0 0 128px 0;
  }
}

@media (max-width: 575px) {
  .hero-navbar3 .hero-main .container-fluid .row-custom .col-imgs-otr .col-imgs-inr {
    padding: 0 0 72px 0;
  }
}

.hero-navbar3 .hero-main .container-fluid .row-custom .col-imgs-otr .col-imgs-inr .col-img-otr .col-img-inr {
  height: 100%;
}

.hero-navbar3 .hero-main .container-fluid .row-custom .col-imgs-otr .col-imgs-inr .col-img-otr .col-img-inr .img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}

@media (max-width: 575px) {
  .hero-navbar3 .hero-main .container-fluid .row-custom .col-imgs-otr .col-imgs-inr .col-img-otr .col-img-inr .img {
    height: 240px;
  }
}

/*===========================================
        Hero-Navbar End Here
===========================================*/

/*===========================================
        Hero-Navbar start Here
===========================================*/

.hero-navbar4 {
  background-image: url(/assets/img/hero-bg1.png);
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
}

.hero-navbar4 .navbar {
  position: relative;
  background-color: #FFFFFF;
  box-shadow: 0px 15px 10px rgba(242, 88, 103, 0.1);
  padding: 24px 0;
  z-index: 10;
}

.hero-navbar4 .navbar .container-fluid .navbar-inr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.hero-navbar4 .navbar .container-fluid .navbar-inr .logo-main {
  display: flex;
  align-items: center;
}

@media (max-width: 767px) {
  .hero-navbar4 .navbar .container-fluid .navbar-inr .logo-main {
    flex-direction: row-reverse;
    justify-content: space-between;
    width: 100%;
  }
}

.hero-navbar4 .navbar .container-fluid .navbar-inr .logo-main .menu-icon-otr {
  display: none;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.03);
  margin-right: 20px;
}

@media (max-width: 991px) {
  .hero-navbar4 .navbar .container-fluid .navbar-inr .logo-main .menu-icon-otr {
    display: flex;
  }
}

@media (max-width: 767px) {
  .hero-navbar4 .navbar .container-fluid .navbar-inr .logo-main .menu-icon-otr {
    margin-right: 0;
  }
}

.hero-navbar4 .navbar .container-fluid .navbar-inr .logo-main .menu-icon-otr .icon {
  font-size: 24px;
  color: rgba(0, 0, 0, 0.4);
}

@media (max-width: 1100px) {
  .hero-navbar4 .navbar .container-fluid .navbar-inr .input-otr {
    display: none;
  }
}

@media (max-width: 991px) {
  .hero-navbar4 .navbar .container-fluid .navbar-inr .menu-otr {
    display: none;
  }
}

.hero-navbar4 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul {
  display: flex;
  align-items: center;
  gap: 0 30px;
}

.hero-navbar4 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li {
  position: relative;
}

.hero-navbar4 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li:hover .menu-a {
  color: #F25867;
}

.hero-navbar4 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li:hover .drop-otr {
  opacity: 1;
  visibility: visible;
  top: 30px;
}

.hero-navbar4 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .menu-a {
  cursor: pointer;
  color: rgba(0, 0, 0, 0.75);
  transition: 0.3s;
}

.hero-navbar4 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr {
  position: absolute;
  top: 100px;
  left: -24px;
  z-index: 99999;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}

.hero-navbar4 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul {
  width: 250px;
  background-color: #FFFFFF;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding-top: 12px;
}

.hero-navbar4 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li {
  position: relative;
  padding: 0 24px 12px 24px;
}

.hero-navbar4 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li:hover .other-drop-otr {
  opacity: 1;
  visibility: visible;
}

.hero-navbar4 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li:not(:last-child) {
  margin-bottom: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.hero-navbar4 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .drop-a {
  position: relative;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.75);
  transition: 0.3s;
  cursor: pointer;
}

.hero-navbar4 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .drop-a:hover {
  color: #F25867;
  padding-left: 22px;
}

.hero-navbar4 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .drop-a:hover::after {
  left: 0;
}

.hero-navbar4 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .drop-a::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: #F25867;
  left: -30px;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s;
}

.hero-navbar4 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr {
  position: absolute;
  left: 180px;
  top: 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}

.hero-navbar4 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr .other-drop-ul {
  width: 230px;
  background-color: #FFFFFF;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding-top: 12px;
}

.hero-navbar4 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr .other-drop-ul .other-drop-li {
  padding: 0 24px 12px 24px;
}

.hero-navbar4 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr .other-drop-ul .other-drop-li:not(:last-child) {
  margin-bottom: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.hero-navbar4 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr .other-drop-ul .other-drop-li .other-drop-a {
  position: relative;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.75);
  transition: 0.3s;
}

.hero-navbar4 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr .other-drop-ul .other-drop-li .other-drop-a:hover {
  color: #F25867;
  padding-left: 22px;
}

.hero-navbar4 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr .other-drop-ul .other-drop-li .other-drop-a:hover::after {
  left: 0;
}

.hero-navbar4 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr .other-drop-ul .other-drop-li .other-drop-a::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: #F25867;
  left: -30px;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s;
}

@media (max-width: 1366px) {
  .hero-navbar4 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-5,
  .hero-navbar4 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-4 {
    display: none;
  }
}

.hero-navbar4 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-6 {
  display: none;
}

@media (max-width: 1366px) {
  .hero-navbar4 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-6 {
    display: block;
  }
}

.hero-navbar4 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-6 .menu-a {
  padding: 10px 0;
}

.hero-navbar4 .navbar .container-fluid .navbar-inr .action-otr {
  display: flex;
  align-items: center;
}

@media (max-width: 767px) {
  .hero-navbar4 .navbar .container-fluid .navbar-inr .action-otr {
    display: none;
  }
}

.hero-navbar4 .navbar .container-fluid .navbar-inr .action-otr .search-icon-otr {
  display: none;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.03);
  cursor: pointer;
}

@media (max-width: 1100px) {
  .hero-navbar4 .navbar .container-fluid .navbar-inr .action-otr .search-icon-otr {
    display: flex;
  }
}

.hero-navbar4 .navbar .container-fluid .navbar-inr .action-otr .search-icon-otr .icon {
  font-size: 24px;
  color: rgba(0, 0, 0, 0.4);
}

.hero-navbar4 .navbar .container-fluid .navbar-inr .action-otr .action {
  display: flex;
}

.hero-navbar4 .navbar .container-fluid .navbar-inr .action-otr .action:not(:last-child) {
  margin: 0 20px;
}

.hero-navbar4 .navbar .container-fluid .navbar-inr .action-otr .action .icon-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.03);
  transition: 0.3s;
}

.hero-navbar4 .navbar .container-fluid .navbar-inr .action-otr .action .icon-otr:hover {
  background-color: #F25867;
}

.hero-navbar4 .navbar .container-fluid .navbar-inr .action-otr .action .icon-otr:hover .icon {
  color: #FFFFFF;
}

.hero-navbar4 .navbar .container-fluid .navbar-inr .action-otr .action .icon-otr .icon {
  font-size: 24px;
  color: rgba(0, 0, 0, 0.4);
  transition: 0.3s;
}

.hero-navbar4 .hero-main {
  position: relative;
}

.hero-navbar4 .hero-main::after {
  content: "";
  position: absolute;
  left: -200px;
  bottom: -200px;
  width: 420px;
  height: 420px;
  border-radius: 100%;
  background: conic-gradient(from 180deg at 50% 50%, #F25867 0deg, rgba(242, 88, 103, 0) 360deg);
  filter: blur(200px);
  z-index: -1;
}

@media (max-width: 575px) {
  .hero-navbar4 .hero-main::after {
    display: none;
  }
}

.hero-navbar4 .hero-main::before {
  content: "";
  position: absolute;
  right: -200px;
  bottom: -200px;
  width: 420px;
  height: 420px;
  border-radius: 100%;
  background: conic-gradient(from 180deg at 50% 50%, #F25867 0deg, rgba(242, 88, 103, 0) 360deg);
  filter: blur(200px);
  z-index: -1;
}

@media (max-width: 575px) {
  .hero-navbar4 .hero-main::before {
    display: none;
  }
}

@media (max-width: 991px) {
  .hero-navbar4 .hero-main .container-fluid .row-custom {
    flex-direction: column-reverse;
  }
}

.hero-navbar4 .hero-main .container-fluid .row-custom .col-statistics-otr .col-statistics-inr {
  padding-right: 30px;
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

@media (max-width: 991px) {
  .hero-navbar4 .hero-main .container-fluid .row-custom .col-statistics-otr .col-statistics-inr {
    display: none;
  }
}

.hero-navbar4 .hero-main .container-fluid .row-custom .col-statistics-otr .col-statistics-inr .content:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
  padding-bottom: 40px;
}

.hero-navbar4 .hero-main .container-fluid .row-custom .col-statistics-otr .col-statistics-inr .content:not(:first-child) {
  padding-top: 40px;
}

.hero-navbar4 .hero-main .container-fluid .row-custom .col-statistics-otr .col-statistics-inr .content .num {
  color: #F25867;
  margin-bottom: 8px;
}

.hero-navbar4 .hero-main .container-fluid .row-custom .col-statistics-otr .col-statistics-inr .content .text {
  color: rgba(0, 0, 0, 0.75);
}

.hero-navbar4 .hero-main .container-fluid .row-custom .col-slide-otr {
  position: relative;
  background-color: #FFFFFF;
}

.hero-navbar4 .hero-main .container-fluid .row-custom .col-slide-otr .col-slide-inr {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  padding: 72px;
}

@media (max-width: 991px) {
  .hero-navbar4 .hero-main .container-fluid .row-custom .col-slide-otr .col-slide-inr {
    top: 0;
    transform: translateY(0);
  }
}

@media (max-width: 575px) {
  .hero-navbar4 .hero-main .container-fluid .row-custom .col-slide-otr .col-slide-inr {
    padding: 48px 0 72px 0;
  }
}

.hero-navbar4 .hero-main .container-fluid .row-custom .col-slide-otr .col-slide-inr .hero4-slide1 {
  margin-bottom: 24px;
}

.hero-navbar4 .hero-main .container-fluid .row-custom .col-slide-otr .col-slide-inr .hero4-slide1 .swiper-wrapper {
  height: 500px;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hero-navbar4 .hero-main .container-fluid .row-custom .col-slide-otr .col-slide-inr .hero4-slide1 .swiper-wrapper {
    height: 400px;
  }
}

@media (max-width: 575px) {
  .hero-navbar4 .hero-main .container-fluid .row-custom .col-slide-otr .col-slide-inr .hero4-slide1 .swiper-wrapper {
    height: 350px;
  }
}

.hero-navbar4 .hero-main .container-fluid .row-custom .col-slide-otr .col-slide-inr .hero4-slide1 .swiper-wrapper .swiper-slide .img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  border-radius: 8px;
}

.hero-navbar4 .hero-main .container-fluid .row-custom .col-slide-otr .col-slide-inr .hero4-slide2 .swiper-wrapper {
  height: auto;
}

.hero-navbar4 .hero-main .container-fluid .row-custom .col-slide-otr .col-slide-inr .hero4-slide2 .swiper-wrapper .swiper-slide .img {
  width: 100%;
  border-radius: 8px;
  transition: 0.3s;
  opacity: 0.3;
}

.hero-navbar4 .hero-main .container-fluid .row-custom .col-slide-otr .col-slide-inr .hero4-slide2 .swiper-wrapper .swiper-slide-thumb-active .img {
  opacity: 1;
}

.hero-navbar4 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr {
  padding: 112px 0 128px 40px;
}

@media (max-width: 991px) {
  .hero-navbar4 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr {
    padding: 72px 0;
  }
}

@media (max-width: 575px) {
  .hero-navbar4 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr {
    padding: 72px 0 48px;
  }
}

.hero-navbar4 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .tag {
  color: #F25867;
}

.hero-navbar4 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .heading {
  color: #000000;
  margin: 16px 0 24px 0;
}

.hero-navbar4 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .desc {
  color: rgba(0, 0, 0, 0.4);
}

.hero-navbar4 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .action-otr {
  display: flex;
  align-items: center;
  margin: 40px 0;
}

@media (max-width: 420px) {
  .hero-navbar4 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .action-otr {
    flex-direction: column;
    width: 100%;
  }
}

@media (max-width: 420px) {
  .hero-navbar4 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .action-otr .action {
    width: 100%;
    text-align: center;
  }
}

.hero-navbar4 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .action-otr .action:not(:last-child) {
  margin-right: 24px;
}

@media (max-width: 420px) {
  .hero-navbar4 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .action-otr .action:not(:last-child) {
    margin: 0 0 24px 0;
  }
}

.hero-navbar4 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .profile-otr {
  display: flex;
  align-items: center;
}

@media (max-width: 420px) {
  .hero-navbar4 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .profile-otr {
    flex-direction: column;
    align-items: flex-start;
  }
}

.hero-navbar4 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .profile-otr .creator-imgs {
  position: relative;
  display: flex;
  align-items: center;
}

.hero-navbar4 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .profile-otr .creator-imgs .img-otr {
  position: relative;
}

.hero-navbar4 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .profile-otr .creator-imgs .img-otr:hover .hover-otr {
  opacity: 1;
  visibility: visible;
}

.hero-navbar4 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .profile-otr .creator-imgs .img-otr:hover .img-inr {
  z-index: 2;
}

.hero-navbar4 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .profile-otr .creator-imgs .img-otr .img-inr {
  position: relative;
}

.hero-navbar4 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .profile-otr .creator-imgs .img-otr .img-inr .img {
  width: 52px;
  height: 52px;
  border-radius: 100%;
  border: 2px solid #FFFFFF;
  transition: 0.3s;
}

.hero-navbar4 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .profile-otr .creator-imgs .img-otr .img-inr .check-otr {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: #F25867;
  right: 0;
  bottom: 0;
  z-index: 4;
}

.hero-navbar4 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .profile-otr .creator-imgs .img-otr .img-inr .check-otr .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #FFFFFF;
}

.hero-navbar4 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .profile-otr .creator-imgs .img-otr .hover-otr {
  position: absolute;
  width: 300px;
  border-radius: 4px;
  background-color: #FFFFFF;
  padding: 24px 24px;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
  bottom: 60px;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}

@media (max-width: 991px) {
  .hero-navbar4 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .profile-otr .creator-imgs .img-otr .hover-otr {
    display: none;
  }
}

.hero-navbar4 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .profile-otr .creator-imgs .img-otr .hover-otr .profile-follow-otr {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.hero-navbar4 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .profile-otr .creator-imgs .img-otr .hover-otr .profile-follow-otr .user-otr {
  position: relative;
}

.hero-navbar4 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .profile-otr .creator-imgs .img-otr .hover-otr .profile-follow-otr .user-otr .user-img {
  width: 52px;
  height: 52px;
  border-radius: 4px;
}

.hero-navbar4 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .profile-otr .creator-imgs .img-otr .hover-otr .profile-follow-otr .user-otr .plus-icon-otr {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: #F25867;
  right: -4px;
  bottom: -4px;
}

.hero-navbar4 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .profile-otr .creator-imgs .img-otr .hover-otr .profile-follow-otr .user-otr .plus-icon-otr .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #FFFFFF;
}

.hero-navbar4 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .profile-otr .creator-imgs .img-otr .hover-otr .profile-follow-otr .action {
  display: flex;
}

.hero-navbar4 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .profile-otr .creator-imgs .img-otr .hover-otr .popup-content {
  padding-top: 16px;
}

.hero-navbar4 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .profile-otr .creator-imgs .img-otr .hover-otr .popup-content .name {
  color: #000000;
  margin-bottom: 8px;
  transition: 0.3s;
}

.hero-navbar4 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .profile-otr .creator-imgs .img-otr .hover-otr .popup-content .name:hover {
  color: #F25867;
}

.hero-navbar4 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .profile-otr .creator-imgs .img-otr .hover-otr .popup-content .pop-desc {
  color: rgba(0, 0, 0, 0.4);
}

.hero-navbar4 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .profile-otr .creator-imgs .img-otr2,
.hero-navbar4 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .profile-otr .creator-imgs .img-otr3 {
  margin-left: -20px;
}

.hero-navbar4 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .profile-otr .content {
  padding-left: 24px;
}

@media (max-width: 420px) {
  .hero-navbar4 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .profile-otr .content {
    padding: 16px 0 0 0;
  }
}

.hero-navbar4 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .profile-otr .content .num {
  color: #000000;
}

.hero-navbar4 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .profile-otr .content .text {
  color: rgba(0, 0, 0, 0.75);
}

.hero-navbar4 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .statistics-otr {
  display: none;
  align-items: center;
  margin-top: 40px;
}

@media (max-width: 991px) {
  .hero-navbar4 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .statistics-otr {
    display: flex;
  }
}

.hero-navbar4 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .statistics-otr .content:not(:last-child) {
  border-right: 1px solid rgba(0, 0, 0, 0.4);
  padding-right: 60px;
}

@media (max-width: 420px) {
  .hero-navbar4 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .statistics-otr .content:not(:last-child) {
    padding-right: 0;
    border-right: none;
  }
}

.hero-navbar4 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .statistics-otr .content:not(:first-child) {
  padding-left: 60px;
}

@media (max-width: 575px) {
  .hero-navbar4 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .statistics-otr .content:not(:first-child) {
    padding-left: 24px;
  }
}

.hero-navbar4 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .statistics-otr .content .num {
  color: #F25867;
  margin-bottom: 8px;
}

.hero-navbar4 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .statistics-otr .content .text {
  color: rgba(0, 0, 0, 0.75);
}

@media (max-width: 420px) {
  .hero-navbar4 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .statistics-otr .box-1 {
    border-right: 1px solid rgba(0, 0, 0, 0.4) !important;
    padding-right: 24px !important;
  }
}

@media (max-width: 420px) {
  .hero-navbar4 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .statistics-otr .box-3 {
    display: none;
  }
}

/*===========================================
        Hero-Navbar End Here
===========================================*/

/*===========================================
        Hero-Navbar start Here
===========================================*/

.hero-navbar5 {
  position: relative;
  background-image: url(/assets/img/hero-bg3.png);
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
}

@media (max-width: 575px) {
  .hero-navbar5 {
    background-size: contain;
  }
}

.hero-navbar5::after {
  content: "";
  position: absolute;
  width: 250px;
  height: 100%;
  left: 0;
  top: 0;
  filter: blur(200px);
  background: conic-gradient(from 180deg at 50% 50%, #F25867 0deg, rgba(242, 88, 103, 0) 360deg);
  z-index: -1;
}

@media (max-width: 575px) {
  .hero-navbar5::after {
    display: none;
  }
}

.hero-navbar5::before {
  content: "";
  position: absolute;
  width: 250px;
  height: 40%;
  right: 0;
  top: 0;
  filter: blur(200px);
  background: conic-gradient(from 180deg at 50% 50%, #F25867 0deg, rgba(242, 88, 103, 0) 360deg);
  z-index: -1;
}

@media (max-width: 575px) {
  .hero-navbar5::before {
    display: none;
  }
}

.hero-navbar5 .navbar {
  background-color: #FFFFFF;
  box-shadow: 0px 15px 10px rgba(242, 88, 103, 0.1);
  padding: 24px 0;
}

.hero-navbar5 .navbar .container-fluid .navbar-inr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.hero-navbar5 .navbar .container-fluid .navbar-inr .logo-main {
  display: flex;
  align-items: center;
}

@media (max-width: 767px) {
  .hero-navbar5 .navbar .container-fluid .navbar-inr .logo-main {
    flex-direction: row-reverse;
    justify-content: space-between;
    width: 100%;
  }
}

.hero-navbar5 .navbar .container-fluid .navbar-inr .logo-main .menu-icon-otr {
  display: none;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.03);
  margin-right: 20px;
}

@media (max-width: 991px) {
  .hero-navbar5 .navbar .container-fluid .navbar-inr .logo-main .menu-icon-otr {
    display: flex;
  }
}

@media (max-width: 767px) {
  .hero-navbar5 .navbar .container-fluid .navbar-inr .logo-main .menu-icon-otr {
    margin-right: 0;
  }
}

.hero-navbar5 .navbar .container-fluid .navbar-inr .logo-main .menu-icon-otr .icon {
  font-size: 24px;
  color: rgba(0, 0, 0, 0.4);
}

@media (max-width: 1100px) {
  .hero-navbar5 .navbar .container-fluid .navbar-inr .input-otr {
    display: none;
  }
}

@media (max-width: 991px) {
  .hero-navbar5 .navbar .container-fluid .navbar-inr .menu-otr {
    display: none;
  }
}

.hero-navbar5 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul {
  display: flex;
  align-items: center;
  gap: 0 30px;
}

.hero-navbar5 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li {
  position: relative;
}

.hero-navbar5 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li:hover .menu-a {
  color: #F25867;
}

.hero-navbar5 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li:hover .drop-otr {
  opacity: 1;
  visibility: visible;
  top: 30px;
}

.hero-navbar5 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .menu-a {
  cursor: pointer;
  color: rgba(0, 0, 0, 0.75);
  transition: 0.3s;
}

.hero-navbar5 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr {
  position: absolute;
  top: 100px;
  left: -24px;
  z-index: 99999;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}

.hero-navbar5 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul {
  width: 250px;
  background-color: #FFFFFF;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding-top: 12px;
}

.hero-navbar5 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li {
  position: relative;
  padding: 0 24px 12px 24px;
}

.hero-navbar5 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li:hover .other-drop-otr {
  opacity: 1;
  visibility: visible;
}

.hero-navbar5 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li:not(:last-child) {
  margin-bottom: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.hero-navbar5 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .drop-a {
  position: relative;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.75);
  transition: 0.3s;
  cursor: pointer;
}

.hero-navbar5 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .drop-a:hover {
  color: #F25867;
  padding-left: 22px;
}

.hero-navbar5 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .drop-a:hover::after {
  left: 0;
}

.hero-navbar5 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .drop-a::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: #F25867;
  left: -30px;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s;
}

.hero-navbar5 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr {
  position: absolute;
  left: 180px;
  top: 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}

.hero-navbar5 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr .other-drop-ul {
  width: 230px;
  background-color: #FFFFFF;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding-top: 12px;
}

.hero-navbar5 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr .other-drop-ul .other-drop-li {
  padding: 0 24px 12px 24px;
}

.hero-navbar5 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr .other-drop-ul .other-drop-li:not(:last-child) {
  margin-bottom: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.hero-navbar5 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr .other-drop-ul .other-drop-li .other-drop-a {
  position: relative;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.75);
  transition: 0.3s;
}

.hero-navbar5 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr .other-drop-ul .other-drop-li .other-drop-a:hover {
  color: #F25867;
  padding-left: 22px;
}

.hero-navbar5 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr .other-drop-ul .other-drop-li .other-drop-a:hover::after {
  left: 0;
}

.hero-navbar5 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr .other-drop-ul .other-drop-li .other-drop-a::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: #F25867;
  left: -30px;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s;
}

@media (max-width: 1366px) {
  .hero-navbar5 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-5,
  .hero-navbar5 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-4 {
    display: none;
  }
}

.hero-navbar5 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-6 {
  display: none;
}

@media (max-width: 1366px) {
  .hero-navbar5 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-6 {
    display: block;
  }
}

.hero-navbar5 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-6 .menu-a {
  padding: 10px 0;
}

.hero-navbar5 .navbar .container-fluid .navbar-inr .action-otr {
  display: flex;
  align-items: center;
}

@media (max-width: 767px) {
  .hero-navbar5 .navbar .container-fluid .navbar-inr .action-otr {
    display: none;
  }
}

.hero-navbar5 .navbar .container-fluid .navbar-inr .action-otr .search-icon-otr {
  display: none;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.03);
  cursor: pointer;
}

@media (max-width: 1100px) {
  .hero-navbar5 .navbar .container-fluid .navbar-inr .action-otr .search-icon-otr {
    display: flex;
  }
}

.hero-navbar5 .navbar .container-fluid .navbar-inr .action-otr .search-icon-otr .icon {
  font-size: 24px;
  color: rgba(0, 0, 0, 0.4);
}

.hero-navbar5 .navbar .container-fluid .navbar-inr .action-otr .action {
  display: flex;
}

.hero-navbar5 .navbar .container-fluid .navbar-inr .action-otr .action:not(:last-child) {
  margin: 0 20px;
}

.hero-navbar5 .navbar .container-fluid .navbar-inr .action-otr .action .icon-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.03);
  transition: 0.3s;
}

.hero-navbar5 .navbar .container-fluid .navbar-inr .action-otr .action .icon-otr:hover {
  background-color: #F25867;
}

.hero-navbar5 .navbar .container-fluid .navbar-inr .action-otr .action .icon-otr:hover .icon {
  color: #FFFFFF;
}

.hero-navbar5 .navbar .container-fluid .navbar-inr .action-otr .action .icon-otr .icon {
  font-size: 24px;
  color: rgba(0, 0, 0, 0.4);
  transition: 0.3s;
}

.hero-navbar5 .hero-main {
  padding: 112px 0 128px 0;
}

@media (max-width: 575px) {
  .hero-navbar5 .hero-main {
    padding: 72px 0 0 0;
  }
}

.hero-navbar5 .hero-main .container-fluid .row-custom .heading {
  text-align: center;
  color: #000000;
}

.hero-navbar5 .hero-main .container-fluid .row-custom .heading .heading-inr {
  color: #F25867;
  text-decoration: underline;
  margin-right: 10px;
}

.hero-navbar5 .hero-main .container-fluid .row-custom .desc {
  color: rgba(0, 0, 0, 0.75);
  text-align: center;
  margin: 24px 0 40px 0;
}

.hero-navbar5 .hero-main .container-fluid .row-custom .statistics-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
}

.hero-navbar5 .hero-main .container-fluid .row-custom .statistics-otr .content:not(:last-child) {
  border-right: 1px solid rgba(0, 0, 0, 0.4);
  padding-right: 60px;
}

@media (max-width: 420px) {
  .hero-navbar5 .hero-main .container-fluid .row-custom .statistics-otr .content:not(:last-child) {
    padding-right: 0;
    border-right: none;
  }
}

.hero-navbar5 .hero-main .container-fluid .row-custom .statistics-otr .content:not(:first-child) {
  padding-left: 60px;
}

@media (max-width: 575px) {
  .hero-navbar5 .hero-main .container-fluid .row-custom .statistics-otr .content:not(:first-child) {
    padding-left: 24px;
  }
}

.hero-navbar5 .hero-main .container-fluid .row-custom .statistics-otr .content .num {
  color: #F25867;
  margin-bottom: 8px;
}

.hero-navbar5 .hero-main .container-fluid .row-custom .statistics-otr .content .text {
  color: rgba(0, 0, 0, 0.75);
}

@media (max-width: 420px) {
  .hero-navbar5 .hero-main .container-fluid .row-custom .statistics-otr .box-1 {
    border-right: 1px solid rgba(0, 0, 0, 0.4) !important;
    padding-right: 24px !important;
  }
}

@media (max-width: 420px) {
  .hero-navbar5 .hero-main .container-fluid .row-custom .statistics-otr .box-3 {
    display: none;
  }
}

.hero-navbar5 .hero-main .container-fluid .row-custom .action-otr {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 420px) {
  .hero-navbar5 .hero-main .container-fluid .row-custom .action-otr {
    flex-direction: column;
    width: 100%;
  }
}

@media (max-width: 420px) {
  .hero-navbar5 .hero-main .container-fluid .row-custom .action-otr .action {
    width: 100%;
    text-align: center;
  }
}

.hero-navbar5 .hero-main .container-fluid .row-custom .action-otr .action:not(:last-child) {
  margin-right: 24px;
}

@media (max-width: 420px) {
  .hero-navbar5 .hero-main .container-fluid .row-custom .action-otr .action:not(:last-child) {
    margin: 0 0 24px 0;
  }
}

.hero-navbar5 .hero-main .container-fluid .wrapper {
  padding-top: 72px;
  overflow: hidden;
}

@media (max-width: 575px) {
  .hero-navbar5 .hero-main .container-fluid .wrapper {
    padding-top: 48px;
  }
}

.hero-navbar5 .hero-main .container-fluid .wrapper .hero-swiper {
  overflow: visible;
}

.hero-navbar5 .hero-main .container-fluid .wrapper .hero-swiper .swiper-wrapper {
  height: auto;
}

.hero-navbar5 .hero-main .container-fluid .wrapper .hero-swiper .swiper-wrapper .swiper-slide {
  position: relative;
}

.hero-navbar5 .hero-main .container-fluid .wrapper .hero-swiper .swiper-wrapper .swiper-slide .art-img {
  width: 100%;
  height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}

.hero-navbar5 .hero-main .container-fluid .wrapper .hero-swiper .swiper-wrapper .swiper-slide .creator-imgs {
  position: absolute;
  display: flex;
  align-items: center;
  left: 24px;
  bottom: 24px;
}

.hero-navbar5 .hero-main .container-fluid .wrapper .hero-swiper .swiper-wrapper .swiper-slide .creator-imgs .img-otr {
  position: relative;
}

.hero-navbar5 .hero-main .container-fluid .wrapper .hero-swiper .swiper-wrapper .swiper-slide .creator-imgs .img-otr:hover .hover-otr {
  opacity: 1;
  visibility: visible;
}

.hero-navbar5 .hero-main .container-fluid .wrapper .hero-swiper .swiper-wrapper .swiper-slide .creator-imgs .img-otr:hover .img-inr {
  z-index: 2;
}

.hero-navbar5 .hero-main .container-fluid .wrapper .hero-swiper .swiper-wrapper .swiper-slide .creator-imgs .img-otr .img-inr {
  position: relative;
}

.hero-navbar5 .hero-main .container-fluid .wrapper .hero-swiper .swiper-wrapper .swiper-slide .creator-imgs .img-otr .img-inr .img {
  width: 52px;
  height: 52px;
  border-radius: 100%;
  border: 2px solid #FFFFFF;
  transition: 0.3s;
}

.hero-navbar5 .hero-main .container-fluid .wrapper .hero-swiper .swiper-wrapper .swiper-slide .creator-imgs .img-otr .img-inr .check-otr {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: #F25867;
  right: 0;
  bottom: 0;
  z-index: 4;
}

.hero-navbar5 .hero-main .container-fluid .wrapper .hero-swiper .swiper-wrapper .swiper-slide .creator-imgs .img-otr .img-inr .check-otr .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #FFFFFF;
}

.hero-navbar5 .hero-main .container-fluid .wrapper .hero-swiper .swiper-wrapper .swiper-slide .creator-imgs .img-otr .hover-otr {
  position: absolute;
  width: 300px;
  border-radius: 4px;
  background-color: #FFFFFF;
  padding: 24px 24px;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
  bottom: 60px;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}

@media (max-width: 991px) {
  .hero-navbar5 .hero-main .container-fluid .wrapper .hero-swiper .swiper-wrapper .swiper-slide .creator-imgs .img-otr .hover-otr {
    display: none;
  }
}

.hero-navbar5 .hero-main .container-fluid .wrapper .hero-swiper .swiper-wrapper .swiper-slide .creator-imgs .img-otr .hover-otr .profile-follow-otr {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.hero-navbar5 .hero-main .container-fluid .wrapper .hero-swiper .swiper-wrapper .swiper-slide .creator-imgs .img-otr .hover-otr .profile-follow-otr .user-otr {
  position: relative;
}

.hero-navbar5 .hero-main .container-fluid .wrapper .hero-swiper .swiper-wrapper .swiper-slide .creator-imgs .img-otr .hover-otr .profile-follow-otr .user-otr .user-img {
  width: 52px;
  height: 52px;
  border-radius: 4px;
}

.hero-navbar5 .hero-main .container-fluid .wrapper .hero-swiper .swiper-wrapper .swiper-slide .creator-imgs .img-otr .hover-otr .profile-follow-otr .user-otr .plus-icon-otr {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: #F25867;
  right: -4px;
  bottom: -4px;
}

.hero-navbar5 .hero-main .container-fluid .wrapper .hero-swiper .swiper-wrapper .swiper-slide .creator-imgs .img-otr .hover-otr .profile-follow-otr .user-otr .plus-icon-otr .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #FFFFFF;
}

.hero-navbar5 .hero-main .container-fluid .wrapper .hero-swiper .swiper-wrapper .swiper-slide .creator-imgs .img-otr .hover-otr .profile-follow-otr .action {
  display: flex;
}

.hero-navbar5 .hero-main .container-fluid .wrapper .hero-swiper .swiper-wrapper .swiper-slide .creator-imgs .img-otr .hover-otr .popup-content {
  padding-top: 16px;
}

.hero-navbar5 .hero-main .container-fluid .wrapper .hero-swiper .swiper-wrapper .swiper-slide .creator-imgs .img-otr .hover-otr .popup-content .name {
  color: #000000;
  margin-bottom: 8px;
  transition: 0.3s;
}

.hero-navbar5 .hero-main .container-fluid .wrapper .hero-swiper .swiper-wrapper .swiper-slide .creator-imgs .img-otr .hover-otr .popup-content .name:hover {
  color: #F25867;
}

.hero-navbar5 .hero-main .container-fluid .wrapper .hero-swiper .swiper-wrapper .swiper-slide .creator-imgs .img-otr .hover-otr .popup-content .pop-desc {
  color: rgba(0, 0, 0, 0.4);
}

.hero-navbar5 .hero-main .container-fluid .wrapper .hero-swiper .swiper-wrapper .swiper-slide .creator-imgs .img-otr2,
.hero-navbar5 .hero-main .container-fluid .wrapper .hero-swiper .swiper-wrapper .swiper-slide .creator-imgs .img-otr3 {
  margin-left: -20px;
}

/*===========================================
        Hero-Navbar End Here
===========================================*/

/*===========================================
        Hero-Navbar start Here
===========================================*/

.hero-navbar6 {
  position: relative;
  background-image: url(/assets/img/hero-bg4.png);
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
}

@media (max-width: 575px) {
  .hero-navbar6 {
    background-size: auto;
  }
}

.hero-navbar6::after {
  content: "";
  position: absolute;
  width: 250px;
  height: 100%;
  left: 0;
  top: 0;
  filter: blur(200px);
  background: conic-gradient(from 180deg at 50% 50%, #F25867 0deg, rgba(242, 88, 103, 0) 360deg);
  z-index: -1;
}

@media (max-width: 575px) {
  .hero-navbar6::after {
    display: none;
  }
}

.hero-navbar6::before {
  content: "";
  position: absolute;
  width: 250px;
  height: 40%;
  right: 0;
  top: 0;
  filter: blur(200px);
  background: conic-gradient(from 180deg at 50% 50%, #F25867 0deg, rgba(242, 88, 103, 0) 360deg);
  z-index: -1;
}

@media (max-width: 575px) {
  .hero-navbar6::before {
    display: none;
  }
}

.hero-navbar6 .navbar {
  background-color: #FFFFFF;
  box-shadow: 0px 15px 10px rgba(242, 88, 103, 0.1);
  padding: 24px 0;
}

.hero-navbar6 .navbar .container-fluid .navbar-inr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.hero-navbar6 .navbar .container-fluid .navbar-inr .logo-main {
  display: flex;
  align-items: center;
}

@media (max-width: 767px) {
  .hero-navbar6 .navbar .container-fluid .navbar-inr .logo-main {
    flex-direction: row-reverse;
    justify-content: space-between;
    width: 100%;
  }
}

.hero-navbar6 .navbar .container-fluid .navbar-inr .logo-main .menu-icon-otr {
  display: none;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.03);
  margin-right: 20px;
}

@media (max-width: 991px) {
  .hero-navbar6 .navbar .container-fluid .navbar-inr .logo-main .menu-icon-otr {
    display: flex;
  }
}

@media (max-width: 767px) {
  .hero-navbar6 .navbar .container-fluid .navbar-inr .logo-main .menu-icon-otr {
    margin-right: 0;
  }
}

.hero-navbar6 .navbar .container-fluid .navbar-inr .logo-main .menu-icon-otr .icon {
  font-size: 24px;
  color: rgba(0, 0, 0, 0.4);
}

@media (max-width: 1100px) {
  .hero-navbar6 .navbar .container-fluid .navbar-inr .input-otr {
    display: none;
  }
}

@media (max-width: 991px) {
  .hero-navbar6 .navbar .container-fluid .navbar-inr .menu-otr {
    display: none;
  }
}

.hero-navbar6 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul {
  display: flex;
  align-items: center;
  gap: 0 30px;
}

.hero-navbar6 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li {
  position: relative;
}

.hero-navbar6 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li:hover .menu-a {
  color: #F25867;
}

.hero-navbar6 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li:hover .drop-otr {
  opacity: 1;
  visibility: visible;
  top: 30px;
}

.hero-navbar6 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .menu-a {
  cursor: pointer;
  color: rgba(0, 0, 0, 0.75);
  transition: 0.3s;
}

.hero-navbar6 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr {
  position: absolute;
  top: 100px;
  left: -24px;
  z-index: 99999;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}

.hero-navbar6 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul {
  width: 250px;
  background-color: #FFFFFF;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding-top: 12px;
}

.hero-navbar6 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li {
  position: relative;
  padding: 0 24px 12px 24px;
}

.hero-navbar6 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li:hover .other-drop-otr {
  opacity: 1;
  visibility: visible;
}

.hero-navbar6 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li:not(:last-child) {
  margin-bottom: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.hero-navbar6 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .drop-a {
  position: relative;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.75);
  transition: 0.3s;
  cursor: pointer;
}

.hero-navbar6 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .drop-a:hover {
  color: #F25867;
  padding-left: 22px;
}

.hero-navbar6 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .drop-a:hover::after {
  left: 0;
}

.hero-navbar6 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .drop-a::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: #F25867;
  left: -30px;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s;
}

.hero-navbar6 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr {
  position: absolute;
  left: 180px;
  top: 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}

.hero-navbar6 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr .other-drop-ul {
  width: 230px;
  background-color: #FFFFFF;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding-top: 12px;
}

.hero-navbar6 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr .other-drop-ul .other-drop-li {
  padding: 0 24px 12px 24px;
}

.hero-navbar6 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr .other-drop-ul .other-drop-li:not(:last-child) {
  margin-bottom: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.hero-navbar6 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr .other-drop-ul .other-drop-li .other-drop-a {
  position: relative;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.75);
  transition: 0.3s;
}

.hero-navbar6 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr .other-drop-ul .other-drop-li .other-drop-a:hover {
  color: #F25867;
  padding-left: 22px;
}

.hero-navbar6 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr .other-drop-ul .other-drop-li .other-drop-a:hover::after {
  left: 0;
}

.hero-navbar6 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr .other-drop-ul .other-drop-li .other-drop-a::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: #F25867;
  left: -30px;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s;
}

@media (max-width: 1366px) {
  .hero-navbar6 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-5,
  .hero-navbar6 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-4 {
    display: none;
  }
}

.hero-navbar6 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-6 {
  display: none;
}

@media (max-width: 1366px) {
  .hero-navbar6 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-6 {
    display: block;
  }
}

.hero-navbar6 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-6 .menu-a {
  padding: 10px 0;
}

.hero-navbar6 .navbar .container-fluid .navbar-inr .action-otr {
  display: flex;
  align-items: center;
}

@media (max-width: 767px) {
  .hero-navbar6 .navbar .container-fluid .navbar-inr .action-otr {
    display: none;
  }
}

.hero-navbar6 .navbar .container-fluid .navbar-inr .action-otr .search-icon-otr {
  display: none;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.03);
  cursor: pointer;
}

@media (max-width: 1100px) {
  .hero-navbar6 .navbar .container-fluid .navbar-inr .action-otr .search-icon-otr {
    display: flex;
  }
}

.hero-navbar6 .navbar .container-fluid .navbar-inr .action-otr .search-icon-otr .icon {
  font-size: 24px;
  color: rgba(0, 0, 0, 0.4);
}

.hero-navbar6 .navbar .container-fluid .navbar-inr .action-otr .action {
  display: flex;
}

.hero-navbar6 .navbar .container-fluid .navbar-inr .action-otr .action:not(:last-child) {
  margin: 0 20px;
}

.hero-navbar6 .navbar .container-fluid .navbar-inr .action-otr .action .icon-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.03);
  transition: 0.3s;
}

.hero-navbar6 .navbar .container-fluid .navbar-inr .action-otr .action .icon-otr:hover {
  background-color: #F25867;
}

.hero-navbar6 .navbar .container-fluid .navbar-inr .action-otr .action .icon-otr:hover .icon {
  color: #FFFFFF;
}

.hero-navbar6 .navbar .container-fluid .navbar-inr .action-otr .action .icon-otr .icon {
  font-size: 24px;
  color: rgba(0, 0, 0, 0.4);
  transition: 0.3s;
}

.hero-navbar6 .hero-main {
  margin-bottom: 128px;
}

@media (max-width: 991px) {
  .hero-navbar6 .hero-main {
    padding-bottom: 72px;
  }
}

@media (max-width: 575px) {
  .hero-navbar6 .hero-main {
    margin-bottom: 0;
  }
}

.hero-navbar6 .hero-main .container-fluid .row-custom {
  position: relative;
  align-items: flex-end;
}

@media (max-width: 991px) {
  .hero-navbar6 .hero-main .container-fluid .row-custom {
    justify-content: center;
  }
}

.hero-navbar6 .hero-main .container-fluid .row-custom .heading {
  font-size: 80px;
  line-height: 100px;
  position: absolute;
  text-align: center;
  color: #000000;
  z-index: 2;
  top: 72px;
}

@media (max-width: 991px) {
  .hero-navbar6 .hero-main .container-fluid .row-custom .heading br {
    display: none;
  }
}

@media (max-width: 767px) {
  .hero-navbar6 .hero-main .container-fluid .row-custom .heading {
    font-size: 56px;
    line-height: 72px;
  }
}

@media (max-width: 575px) {
  .hero-navbar6 .hero-main .container-fluid .row-custom .heading {
    font-size: 32px;
    line-height: 48px;
  }
}

.hero-navbar6 .hero-main .container-fluid .row-custom .heading .heading-inr {
  text-decoration: underline;
  margin-right: 10px;
}

.hero-navbar6 .hero-main .container-fluid .row-custom .col-slide-otr .swiper-slider4 {
  position: relative;
  padding: 200px 80px 0 0;
}

@media (max-width: 991px) {
  .hero-navbar6 .hero-main .container-fluid .row-custom .col-slide-otr .swiper-slider4 {
    padding: 200px 0 0 0;
  }
}

@media (max-width: 575px) {
  .hero-navbar6 .hero-main .container-fluid .row-custom .col-slide-otr .swiper-slider4 {
    padding: 200px 40px 0 40px;
  }
}

@media (max-width: 420px) {
  .hero-navbar6 .hero-main .container-fluid .row-custom .col-slide-otr .swiper-slider4 {
    padding: 200px 40px 0 40px;
  }
}

.hero-navbar6 .hero-main .container-fluid .row-custom .col-slide-otr .swiper-slider4 .swiper-wrapper {
  height: auto;
}

.hero-navbar6 .hero-main .container-fluid .row-custom .col-slide-otr .swiper-slider4 .swiper-wrapper .swiper-slide .img-otr {
  display: flex;
  align-items: center;
  justify-content: center;
}

.hero-navbar6 .hero-main .container-fluid .row-custom .col-slide-otr .swiper-slider4 .swiper-wrapper .swiper-slide .img-otr .img-innr {
  width: 60%;
  height: 550px;
  border-radius: 8px;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 1366px) {
  .hero-navbar6 .hero-main .container-fluid .row-custom .col-slide-otr .swiper-slider4 .swiper-wrapper .swiper-slide .img-otr .img-innr {
    width: 70%;
    height: 500px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hero-navbar6 .hero-main .container-fluid .row-custom .col-slide-otr .swiper-slider4 .swiper-wrapper .swiper-slide .img-otr .img-innr {
    width: 80%;
    height: 450px;
  }
}

@media (max-width: 767px) {
  .hero-navbar6 .hero-main .container-fluid .row-custom .col-slide-otr .swiper-slider4 .swiper-wrapper .swiper-slide .img-otr .img-innr {
    width: 80%;
    height: 450px;
  }
}

@media (max-width: 575px) {
  .hero-navbar6 .hero-main .container-fluid .row-custom .col-slide-otr .swiper-slider4 .swiper-wrapper .swiper-slide .img-otr .img-innr {
    width: 75%;
    height: 400px;
  }
}

@media (max-width: 420px) {
  .hero-navbar6 .hero-main .container-fluid .row-custom .col-slide-otr .swiper-slider4 .swiper-wrapper .swiper-slide .img-otr .img-innr {
    width: 100%;
    height: 320px;
  }
}

.hero-navbar6 .hero-main .container-fluid .row-custom .col-slide-otr .swiper-slider4 .swiper-wrapper .swiper-slide-shadow {
  display: none;
}

.hero-navbar6 .hero-main .container-fluid .row-custom .col-slide-otr .swiper-slider4 .circle {
  width: 200px;
  height: 200px;
  position: absolute;
  bottom: -50px;
  left: 0px;
}

@media (max-width: 991px) {
  .hero-navbar6 .hero-main .container-fluid .row-custom .col-slide-otr .swiper-slider4 .circle {
    display: none;
  }
}

.hero-navbar6 .hero-main .container-fluid .row-custom .col-slide-otr .swiper-slider4 .col-explore-inr {
  display: none;
  position: absolute;
  width: 200px;
  height: 200px;
  left: 50%;
  transform: translateX(-50%);
  bottom: -100px;
  z-index: 5;
}

@media (max-width: 991px) {
  .hero-navbar6 .hero-main .container-fluid .row-custom .col-slide-otr .swiper-slider4 .col-explore-inr {
    display: block;
  }
}

@media (max-width: 575px) {
  .hero-navbar6 .hero-main .container-fluid .row-custom .col-slide-otr .swiper-slider4 .col-explore-inr {
    width: 120px;
    height: 120px;
    bottom: -64px;
  }
}

.hero-navbar6 .hero-main .container-fluid .row-custom .col-slide-otr .swiper-slider4 .col-explore-inr .explore-img {
  width: 100%;
  -webkit-animation-name: rotate;
          animation-name: rotate;
  -webkit-animation-duration: 15s;
          animation-duration: 15s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

.hero-navbar6 .hero-main .container-fluid .row-custom .col-slide-otr .swiper-slider4 .col-explore-inr .icon {
  position: absolute;
  font-size: 40px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(90deg);
  color: #000000;
}

@media (max-width: 575px) {
  .hero-navbar6 .hero-main .container-fluid .row-custom .col-slide-otr .swiper-slider4 .col-explore-inr .icon {
    font-size: 36px;
  }
}

@media (max-width: 575px) {
  .hero-navbar6 .hero-main .container-fluid .row-custom .col-slide-otr .swiper-slider4 .col-explore-inr .icon {
    font-size: 24px;
  }
}

@media (max-width: 991px) {
  .hero-navbar6 .hero-main .container-fluid .row-custom .col-desc-otr .col-desc-inr {
    display: none;
  }
}

.hero-navbar6 .hero-main .container-fluid .row-custom .col-desc-otr .col-desc-inr .desc {
  color: rgba(0, 0, 0, 0.75);
  margin-bottom: 24px;
}

.hero-navbar6 .hero-main .container-fluid .row-custom .col-desc-otr .col-desc-inr .col-explore-inr {
  position: relative;
  width: 60%;
}

.hero-navbar6 .hero-main .container-fluid .row-custom .col-desc-otr .col-desc-inr .col-explore-inr .explore-img {
  width: 100%;
  -webkit-animation-name: rotate;
          animation-name: rotate;
  -webkit-animation-duration: 15s;
          animation-duration: 15s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

.hero-navbar6 .hero-main .container-fluid .row-custom .col-desc-otr .col-desc-inr .col-explore-inr .icon {
  position: absolute;
  font-size: 50px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #F25867;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hero-navbar6 .hero-main .container-fluid .row-custom .col-desc-otr .col-desc-inr .col-explore-inr .icon {
    font-size: 32px;
  }
}

/*===========================================
        Hero-Navbar End Here
===========================================*/

/*===========================================
            Sidebar start Here
===========================================*/

.sidebar-main {
  height: 100vh;
  width: 100px;
  background-color: rgba(0, 0, 0, 0.03);
  position: fixed;
}

@media (max-width: 575px) {
  .sidebar-main {
    display: none;
  }
}

.sidebar-main .sidebar-inr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  height: 100%;
  padding: 24px 0;
}

.sidebar-main .sidebar-inr .burger-icon-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  background-color: rgba(0, 0, 0, 0.03);
  border-radius: 4px;
  transition: 0.3s;
  cursor: pointer;
}

.sidebar-main .sidebar-inr .burger-icon-otr:hover {
  background-color: #F25867;
}

.sidebar-main .sidebar-inr .burger-icon-otr:hover .icon {
  color: #FFFFFF;
}

.sidebar-main .sidebar-inr .burger-icon-otr .icon {
  font-size: 24px;
  color: #BBBBBB;
  transition: 0.3s;
}

.sidebar-main .sidebar-inr .menu-otr {
  transform: rotate(90deg);
}

@media (max-width: 991px) {
  .sidebar-main .sidebar-inr .menu-otr {
    display: none;
  }
}

.sidebar-main .sidebar-inr .menu-otr .menu-ul {
  display: flex;
  align-items: center;
}

@media (max-width: 1440px) {
  .sidebar-main .sidebar-inr .menu-otr .menu-ul {
    justify-content: center;
    margin: 0 24px;
    flex-wrap: wrap;
    width: 400px;
  }
}

.sidebar-main .sidebar-inr .menu-otr .menu-ul .menu-li:not(:last-child) {
  margin-right: 30px;
}

.sidebar-main .sidebar-inr .menu-otr .menu-ul .menu-li .menu-a {
  color: rgba(0, 0, 0, 0.4);
  transition: 0.3s;
}

.sidebar-main .sidebar-inr .menu-otr .menu-ul .menu-li .menu-a:hover {
  color: #F25867;
}

.sidebar-main .sidebar-inr .search-icon-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  background-color: rgba(0, 0, 0, 0.03);
  border-radius: 4px;
  transition: 0.3s;
}

.sidebar-main .sidebar-inr .search-icon-otr:hover {
  background-color: #F25867;
}

.sidebar-main .sidebar-inr .search-icon-otr:hover .icon {
  color: #FFFFFF;
}

.sidebar-main .sidebar-inr .search-icon-otr .icon {
  font-size: 24px;
  color: #BBBBBB;
  transition: 0.3s;
}

/*===========================================
            Sidebar End Here
===========================================*/

.home-7 {
  margin-left: 100px;
  /*===========================================
          Hero-Navbar start Here
  ===========================================*/
  /*===========================================
          Hero-Navbar End Here
  ===========================================*/
}

@media (max-width: 575px) {
  .home-7 {
    margin-left: 0;
  }
}

.home-7 .hero-navbar7 {
  position: relative;
  overflow: hidden;
}

.home-7 .hero-navbar7::after {
  content: "";
  position: absolute;
  width: 250px;
  height: 100%;
  right: 0;
  top: 0;
  background: conic-gradient(from 180deg at 50% 50%, #F25867 0deg, rgba(242, 88, 103, 0) 360deg);
  filter: blur(200px);
  z-index: -1;
}

@media (max-width: 575px) {
  .home-7 .hero-navbar7::after {
    display: none;
  }
}

.home-7 .hero-navbar7 .navbar-main {
  background-color: #FFFFFF;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
}

.home-7 .hero-navbar7 .navbar-main .container-fluid .nav-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 0;
}

.home-7 .hero-navbar7 .navbar-main .container-fluid .nav-bar .action-otr {
  display: flex;
  align-items: center;
}

.home-7 .hero-navbar7 .navbar-main .container-fluid .nav-bar .action-otr .burger-icon-otr {
  display: none;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  background-color: rgba(0, 0, 0, 0.03);
  border-radius: 4px;
  transition: 0.3s;
  cursor: pointer;
}

@media (max-width: 575px) {
  .home-7 .hero-navbar7 .navbar-main .container-fluid .nav-bar .action-otr .burger-icon-otr {
    display: flex;
  }
}

.home-7 .hero-navbar7 .navbar-main .container-fluid .nav-bar .action-otr .burger-icon-otr:hover {
  background-color: #F25867;
}

.home-7 .hero-navbar7 .navbar-main .container-fluid .nav-bar .action-otr .burger-icon-otr:hover .icon {
  color: #FFFFFF;
}

.home-7 .hero-navbar7 .navbar-main .container-fluid .nav-bar .action-otr .burger-icon-otr .icon {
  font-size: 24px;
  color: #BBBBBB;
  transition: 0.3s;
}

@media (max-width: 575px) {
  .home-7 .hero-navbar7 .navbar-main .container-fluid .nav-bar .action-otr .action {
    display: none;
  }
}

.home-7 .hero-navbar7 .navbar-main .container-fluid .nav-bar .action-otr .action:not(:last-child) {
  margin-right: 24px;
}

.home-7 .hero-navbar7 .navbar-main .container-fluid .nav-bar .action-otr .action .icon-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.03);
  transition: 0.3s;
}

.home-7 .hero-navbar7 .navbar-main .container-fluid .nav-bar .action-otr .action .icon-otr:hover {
  background-color: #F25867;
}

.home-7 .hero-navbar7 .navbar-main .container-fluid .nav-bar .action-otr .action .icon-otr:hover .icon {
  color: #FFFFFF;
}

.home-7 .hero-navbar7 .navbar-main .container-fluid .nav-bar .action-otr .action .icon-otr .icon {
  font-size: 24px;
  color: rgba(0, 0, 0, 0.4);
  transition: 0.3s;
}

.home-7 .hero-navbar7 .hero-main .container-fluid .row-custom {
  align-items: center;
}

@media (max-width: 991px) {
  .home-7 .hero-navbar7 .hero-main .container-fluid .row-custom {
    justify-content: center;
  }
}

.home-7 .hero-navbar7 .hero-main .container-fluid .row-custom .col-card-otr {
  overflow: hidden;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .home-7 .hero-navbar7 .hero-main .container-fluid .row-custom .col-card-otr {
    width: 40%;
  }
}

.home-7 .hero-navbar7 .hero-main .container-fluid .row-custom .col-card-otr .col-card-inr {
  position: relative;
  padding: 96px 0;
  margin: 0 72px;
}

@media (max-width: 1199px) {
  .home-7 .hero-navbar7 .hero-main .container-fluid .row-custom .col-card-otr .col-card-inr {
    margin: 0 24px;
  }
}

@media (max-width: 575px) {
  .home-7 .hero-navbar7 .hero-main .container-fluid .row-custom .col-card-otr .col-card-inr {
    margin: 0;
    padding: 72px 0 48px 0;
  }
}

.home-7 .hero-navbar7 .hero-main .container-fluid .row-custom .col-card-otr .col-card-inr .boxes-bg {
  position: absolute;
  top: -10px;
  left: 0;
  width: 100%;
  height: 890px;
  opacity: 0.07;
  z-index: -1;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .home-7 .hero-navbar7 .hero-main .container-fluid .row-custom .col-content-otr {
    width: 60%;
  }
}

@media (max-width: 991px) {
  .home-7 .hero-navbar7 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr {
    padding-bottom: 112px;
  }
}

@media (max-width: 575px) {
  .home-7 .hero-navbar7 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr {
    padding-bottom: 0;
  }
}

.home-7 .hero-navbar7 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .heading {
  color: #000000;
}

.home-7 .hero-navbar7 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .desc {
  color: rgba(0, 0, 0, 0.75);
  margin: 24px 0 40px 0;
}

.home-7 .hero-navbar7 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .action-otr {
  display: flex;
  align-items: center;
}

@media (max-width: 420px) {
  .home-7 .hero-navbar7 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .action-otr {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 420px) {
  .home-7 .hero-navbar7 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .action-otr .action {
    width: 100%;
    text-align: center;
  }
}

.home-7 .hero-navbar7 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .action-otr .action:not(:last-child) {
  margin-right: 24px;
}

@media (max-width: 420px) {
  .home-7 .hero-navbar7 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .action-otr .action:not(:last-child) {
    margin: 0 0 24px 0;
  }
}

/*===========================================
        Hero-Navbar start Here
===========================================*/

.hero-navbar8 {
  position: relative;
  overflow: hidden;
}

.hero-navbar8::after {
  content: "";
  position: absolute;
  width: 250px;
  height: 50%;
  bottom: 0;
  left: 0;
  background: conic-gradient(from 180deg at 50% 50%, #F25867 0deg, rgba(242, 88, 103, 0) 360deg);
  filter: blur(200px);
  z-index: -1;
}

@media (max-width: 575px) {
  .hero-navbar8::after {
    display: none;
  }
}

.hero-navbar8 .navbar {
  background-color: #FFFFFF;
  box-shadow: 0px 15px 10px rgba(242, 88, 103, 0.1);
  padding: 24px 0;
}

.hero-navbar8 .navbar .container-fluid .navbar-inr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.hero-navbar8 .navbar .container-fluid .navbar-inr .logo-main {
  display: flex;
  align-items: center;
}

@media (max-width: 767px) {
  .hero-navbar8 .navbar .container-fluid .navbar-inr .logo-main {
    flex-direction: row-reverse;
    justify-content: space-between;
    width: 100%;
  }
}

.hero-navbar8 .navbar .container-fluid .navbar-inr .logo-main .menu-icon-otr {
  display: none;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.03);
  margin-right: 20px;
}

@media (max-width: 991px) {
  .hero-navbar8 .navbar .container-fluid .navbar-inr .logo-main .menu-icon-otr {
    display: flex;
  }
}

@media (max-width: 767px) {
  .hero-navbar8 .navbar .container-fluid .navbar-inr .logo-main .menu-icon-otr {
    margin-right: 0;
  }
}

.hero-navbar8 .navbar .container-fluid .navbar-inr .logo-main .menu-icon-otr .icon {
  font-size: 24px;
  color: rgba(0, 0, 0, 0.4);
}

@media (max-width: 1100px) {
  .hero-navbar8 .navbar .container-fluid .navbar-inr .input-otr {
    display: none;
  }
}

@media (max-width: 991px) {
  .hero-navbar8 .navbar .container-fluid .navbar-inr .menu-otr {
    display: none;
  }
}

.hero-navbar8 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul {
  display: flex;
  align-items: center;
  gap: 0 30px;
}

.hero-navbar8 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li {
  position: relative;
}

.hero-navbar8 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li:hover .menu-a {
  color: #F25867;
}

.hero-navbar8 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li:hover .drop-otr {
  opacity: 1;
  visibility: visible;
  top: 30px;
}

.hero-navbar8 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .menu-a {
  cursor: pointer;
  color: rgba(0, 0, 0, 0.75);
  transition: 0.3s;
}

.hero-navbar8 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr {
  position: absolute;
  top: 100px;
  left: -24px;
  z-index: 99999;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}

.hero-navbar8 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul {
  width: 250px;
  background-color: #FFFFFF;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding-top: 12px;
}

.hero-navbar8 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li {
  position: relative;
  padding: 0 24px 12px 24px;
}

.hero-navbar8 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li:hover .other-drop-otr {
  opacity: 1;
  visibility: visible;
}

.hero-navbar8 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li:not(:last-child) {
  margin-bottom: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.hero-navbar8 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .drop-a {
  position: relative;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.75);
  transition: 0.3s;
  cursor: pointer;
}

.hero-navbar8 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .drop-a:hover {
  color: #F25867;
  padding-left: 22px;
}

.hero-navbar8 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .drop-a:hover::after {
  left: 0;
}

.hero-navbar8 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .drop-a::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: #F25867;
  left: -30px;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s;
}

.hero-navbar8 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr {
  position: absolute;
  left: 180px;
  top: 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}

.hero-navbar8 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr .other-drop-ul {
  width: 230px;
  background-color: #FFFFFF;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding-top: 12px;
}

.hero-navbar8 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr .other-drop-ul .other-drop-li {
  padding: 0 24px 12px 24px;
}

.hero-navbar8 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr .other-drop-ul .other-drop-li:not(:last-child) {
  margin-bottom: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.hero-navbar8 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr .other-drop-ul .other-drop-li .other-drop-a {
  position: relative;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.75);
  transition: 0.3s;
}

.hero-navbar8 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr .other-drop-ul .other-drop-li .other-drop-a:hover {
  color: #F25867;
  padding-left: 22px;
}

.hero-navbar8 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr .other-drop-ul .other-drop-li .other-drop-a:hover::after {
  left: 0;
}

.hero-navbar8 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .drop-otr .drop-ul .drop-li .other-drop-otr .other-drop-ul .other-drop-li .other-drop-a::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: #F25867;
  left: -30px;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s;
}

@media (max-width: 1366px) {
  .hero-navbar8 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-5,
  .hero-navbar8 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-4 {
    display: none;
  }
}

.hero-navbar8 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-6 {
  display: none;
}

@media (max-width: 1366px) {
  .hero-navbar8 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-6 {
    display: block;
  }
}

.hero-navbar8 .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-6 .menu-a {
  padding: 10px 0;
}

.hero-navbar8 .navbar .container-fluid .navbar-inr .action-otr {
  display: flex;
  align-items: center;
}

@media (max-width: 767px) {
  .hero-navbar8 .navbar .container-fluid .navbar-inr .action-otr {
    display: none;
  }
}

.hero-navbar8 .navbar .container-fluid .navbar-inr .action-otr .search-icon-otr {
  display: none;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.03);
  cursor: pointer;
}

@media (max-width: 1100px) {
  .hero-navbar8 .navbar .container-fluid .navbar-inr .action-otr .search-icon-otr {
    display: flex;
  }
}

.hero-navbar8 .navbar .container-fluid .navbar-inr .action-otr .search-icon-otr .icon {
  font-size: 24px;
  color: rgba(0, 0, 0, 0.4);
}

.hero-navbar8 .navbar .container-fluid .navbar-inr .action-otr .icon-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.03);
  transition: 0.3s;
}

.hero-navbar8 .navbar .container-fluid .navbar-inr .action-otr .icon-otr:hover {
  background-color: #F25867;
}

.hero-navbar8 .navbar .container-fluid .navbar-inr .action-otr .icon-otr:hover .icon {
  color: #FFFFFF;
}

.hero-navbar8 .navbar .container-fluid .navbar-inr .action-otr .icon-otr .icon {
  font-size: 24px;
  color: rgba(0, 0, 0, 0.4);
  transition: 0.3s;
}

.hero-navbar8 .hero-main {
  overflow: hidden;
}

.hero-navbar8 .hero-main .container-fluid .row-custom {
  align-items: center;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hero-navbar8 .hero-main .container-fluid .row-custom .col-content-otr {
    width: 40%;
  }
}

.hero-navbar8 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr {
  position: relative;
}

@media (max-width: 991px) {
  .hero-navbar8 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr {
    padding: 72px 0;
  }
}

.hero-navbar8 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .box-img {
  position: absolute;
  left: 0;
  top: -165px;
  height: 870px;
  opacity: 0.05;
  z-index: -1;
}

.hero-navbar8 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .heading {
  color: #000000;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hero-navbar8 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .heading {
    font-size: 44px;
    line-height: 56px;
  }
}

.hero-navbar8 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .desc {
  color: rgba(0, 0, 0, 0.75);
  margin: 24px 0 40px 0;
}

.hero-navbar8 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .action-otr {
  display: flex;
  align-items: center;
}

@media (max-width: 420px) {
  .hero-navbar8 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .action-otr {
    flex-direction: column;
    width: 100%;
    text-align: center;
  }
}

@media (max-width: 420px) {
  .hero-navbar8 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .action-otr .action {
    width: 100%;
  }
}

.hero-navbar8 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .action-otr .action:not(:last-child) {
  margin-right: 24px;
}

@media (max-width: 420px) {
  .hero-navbar8 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .action-otr .action:not(:last-child) {
    margin: 0 0 24px 0;
  }
}

.hero-navbar8 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .profile-otr {
  display: flex;
  align-items: center;
  margin-top: 40px;
}

@media (max-width: 420px) {
  .hero-navbar8 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .profile-otr {
    flex-direction: column;
    align-items: flex-start;
  }
}

.hero-navbar8 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .profile-otr .creator-imgs {
  position: relative;
  display: flex;
  align-items: center;
}

.hero-navbar8 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .profile-otr .creator-imgs .img-otr {
  position: relative;
}

.hero-navbar8 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .profile-otr .creator-imgs .img-otr:hover .hover-otr {
  opacity: 1;
  visibility: visible;
}

.hero-navbar8 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .profile-otr .creator-imgs .img-otr:hover .img-inr {
  z-index: 2;
}

.hero-navbar8 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .profile-otr .creator-imgs .img-otr .img-inr {
  position: relative;
}

.hero-navbar8 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .profile-otr .creator-imgs .img-otr .img-inr .img {
  width: 52px;
  height: 52px;
  border-radius: 100%;
  border: 2px solid #FFFFFF;
  transition: 0.3s;
}

.hero-navbar8 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .profile-otr .creator-imgs .img-otr .img-inr .check-otr {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: #F25867;
  right: 0;
  bottom: 0;
  z-index: 4;
}

.hero-navbar8 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .profile-otr .creator-imgs .img-otr .img-inr .check-otr .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #FFFFFF;
}

.hero-navbar8 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .profile-otr .creator-imgs .img-otr .hover-otr {
  position: absolute;
  width: 300px;
  border-radius: 4px;
  background-color: #FFFFFF;
  padding: 24px 24px;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
  bottom: 60px;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}

@media (max-width: 991px) {
  .hero-navbar8 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .profile-otr .creator-imgs .img-otr .hover-otr {
    display: none;
  }
}

.hero-navbar8 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .profile-otr .creator-imgs .img-otr .hover-otr .profile-follow-otr {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.hero-navbar8 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .profile-otr .creator-imgs .img-otr .hover-otr .profile-follow-otr .user-otr {
  position: relative;
}

.hero-navbar8 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .profile-otr .creator-imgs .img-otr .hover-otr .profile-follow-otr .user-otr .user-img {
  width: 52px;
  height: 52px;
  border-radius: 4px;
}

.hero-navbar8 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .profile-otr .creator-imgs .img-otr .hover-otr .profile-follow-otr .user-otr .plus-icon-otr {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: #F25867;
  right: -4px;
  bottom: -4px;
}

.hero-navbar8 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .profile-otr .creator-imgs .img-otr .hover-otr .profile-follow-otr .user-otr .plus-icon-otr .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #FFFFFF;
}

.hero-navbar8 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .profile-otr .creator-imgs .img-otr .hover-otr .profile-follow-otr .action {
  display: flex;
}

.hero-navbar8 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .profile-otr .creator-imgs .img-otr .hover-otr .popup-content {
  padding-top: 16px;
}

.hero-navbar8 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .profile-otr .creator-imgs .img-otr .hover-otr .popup-content .name {
  color: #000000;
  margin-bottom: 8px;
  transition: 0.3s;
}

.hero-navbar8 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .profile-otr .creator-imgs .img-otr .hover-otr .popup-content .name:hover {
  color: #F25867;
}

.hero-navbar8 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .profile-otr .creator-imgs .img-otr .hover-otr .popup-content .pop-desc {
  color: rgba(0, 0, 0, 0.4);
}

.hero-navbar8 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .profile-otr .creator-imgs .img-otr2,
.hero-navbar8 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .profile-otr .creator-imgs .img-otr3 {
  margin-left: -20px;
}

.hero-navbar8 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .profile-otr .content {
  padding-left: 24px;
}

@media (max-width: 420px) {
  .hero-navbar8 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .profile-otr .content {
    padding: 16px 0 0 0;
  }
}

.hero-navbar8 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .profile-otr .content .num {
  color: #000000;
}

.hero-navbar8 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .profile-otr .content .text {
  color: rgba(0, 0, 0, 0.75);
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hero-navbar8 .hero-main .container-fluid .row-custom .col-slide1-otr {
    width: 30%;
  }
}

@media (max-width: 991px) {
  .hero-navbar8 .hero-main .container-fluid .row-custom .col-slide1-otr {
    display: none;
  }
}

.hero-navbar8 .hero-main .container-fluid .row-custom .col-slide1-otr .col-slide1-inr {
  height: auto;
}

@media (max-width: 420px) {
  .hero-navbar8 .hero-main .container-fluid .row-custom .col-slide1-otr .col-slide1-inr {
    width: 100%;
  }
}

.hero-navbar8 .hero-main .container-fluid .row-custom .col-slide1-otr .col-slide1-inr .swiper-slider2 {
  overflow: visible;
  height: 850px;
}

@media (max-width: 575px) {
  .hero-navbar8 .hero-main .container-fluid .row-custom .col-slide1-otr .col-slide1-inr .swiper-slider2 {
    height: 660px;
    width: 100%;
  }
}

.hero-navbar8 .hero-main .container-fluid .row-custom .col-slide1-otr .col-slide1-inr .swiper-slider2 .swiper-wrapper {
  top: -180px;
}

@media (max-width: 575px) {
  .hero-navbar8 .hero-main .container-fluid .row-custom .col-slide1-otr .col-slide1-inr .swiper-slider2 .swiper-wrapper {
    top: 0px;
  }
}

.hero-navbar8 .hero-main .container-fluid .row-custom .col-slide1-otr .col-slide1-inr .swiper-slider2 .swiper-wrapper .swiper-slide {
  height: auto !important;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hero-navbar8 .hero-main .container-fluid .row-custom .col-slide2-otr {
    width: 30%;
  }
}

@media (max-width: 991px) {
  .hero-navbar8 .hero-main .container-fluid .row-custom .col-slide2-otr {
    display: none;
  }
}

.hero-navbar8 .hero-main .container-fluid .row-custom .col-slide2-otr .col-slide2-inr {
  transform: rotate(180deg);
  height: auto;
}

.hero-navbar8 .hero-main .container-fluid .row-custom .col-slide2-otr .col-slide2-inr .swiper-slider2 {
  overflow: visible;
  height: 850px;
}

.hero-navbar8 .hero-main .container-fluid .row-custom .col-slide2-otr .col-slide2-inr .swiper-slider2 .swiper-wrapper {
  top: -100px;
}

.hero-navbar8 .hero-main .container-fluid .row-custom .col-slide2-otr .col-slide2-inr .swiper-slider2 .swiper-wrapper .swiper-slide {
  transform: rotate(-180deg);
  height: auto !important;
}

.hero-navbar8 .hero-main .container-fluid .row-custom .col-cards-otr {
  display: none;
}

@media (max-width: 991px) {
  .hero-navbar8 .hero-main .container-fluid .row-custom .col-cards-otr {
    display: block;
  }
}

.hero-navbar8 .hero-main .container-fluid .row-custom .col-cards-otr .col-cards-inr {
  padding: 0 0 72px 0;
}

@media (max-width: 575px) {
  .hero-navbar8 .hero-main .container-fluid .row-custom .col-cards-otr .col-cards-inr {
    padding: 0 0 48px 0;
  }
}

@media (max-width: 575px) {
  .hero-navbar8 .hero-main .container-fluid .row-custom .col-cards-otr .col-cards-inr .col-card-otr .box-2 {
    display: none;
  }
}

/*===========================================
        Hero-Navbar End Here
===========================================*/

/*===========================================
        explore creator start Here
===========================================*/

.explore-creator {
  margin: 112px 0 128px 0;
}

@media (max-width: 575px) {
  .explore-creator {
    margin: 80px 0 96px 0;
  }
}

.explore-creator .container-fluid .wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 72px;
}

@media (max-width: 767px) {
  .explore-creator .container-fluid .wrapper {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 575px) {
  .explore-creator .container-fluid .wrapper {
    margin-bottom: 48px;
  }
}

.explore-creator .container-fluid .wrapper .heading {
  color: #000000;
}

@media (max-width: 767px) {
  .explore-creator .container-fluid .wrapper .heading {
    margin-bottom: 16px;
  }
}

.explore-creator .container-fluid .wrapper .sort-by-otr {
  display: flex;
  align-items: center;
}

@media (max-width: 420px) {
  .explore-creator .container-fluid .wrapper .sort-by-otr {
    display: grid;
    grid-template-columns: auto 1fr;
  }
}

.explore-creator .container-fluid .wrapper .sort-by-otr .sort-text {
  color: rgba(0, 0, 0, 0.4);
  margin-right: 24px;
}

@media (max-width: 420px) {
  .explore-creator .container-fluid .wrapper .sort-by-otr .slect-main {
    width: 100%;
  }
}

.explore-creator .container-fluid .wrapper .sort-by-otr .slect-main .select {
  cursor: pointer;
  display: inline-block;
  position: relative;
}

@media (max-width: 420px) {
  .explore-creator .container-fluid .wrapper .sort-by-otr .slect-main .select {
    width: 100%;
  }
}

.explore-creator .container-fluid .wrapper .sort-by-otr .slect-main .select:not(:last-child) {
  margin-right: 24px;
}

.explore-creator .container-fluid .wrapper .sort-by-otr .slect-main .select .select-hidden {
  display: none;
  visibility: hidden;
  padding-right: 10px;
}

.explore-creator .container-fluid .wrapper .sort-by-otr .slect-main .select .select-styled {
  color: #F25867;
  padding: 6px 40px 6px 16px;
  border-radius: 8px;
  border: 1px solid #F25867;
  font-family: "SpaceGrotesk-Bold";
  font-feature-settings: "ss04" on;
  font-size: 16px;
  line-height: 28px;
}

.explore-creator .container-fluid .wrapper .sort-by-otr .slect-main .select .select-styled:after {
  content: "";
  width: 12px;
  height: 10px;
  position: absolute;
  background-image: url(/assets/img/arrow-drop-down.svg);
  background-repeat: no-repeat;
  background-position: center;
  top: 16px;
  right: 16px;
}

.explore-creator .container-fluid .wrapper .sort-by-otr .slect-main .select .select-styled:active:after,
.explore-creator .container-fluid .wrapper .sort-by-otr .slect-main .select .select-styled.active:after {
  top: 16px;
  border-color: transparent transparent #FFFFFF transparent;
}

.explore-creator .container-fluid .wrapper .sort-by-otr .slect-main .select .select-options {
  display: none;
  position: absolute;
  top: 130%;
  right: 0;
  width: 200px;
  z-index: 999;
  background-color: #FFFFFF;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 8px 0 0 0;
}

@media (max-width: 575px) {
  .explore-creator .container-fluid .wrapper .sort-by-otr .slect-main .select .select-options {
    right: inherit;
    left: 0;
  }
}

.explore-creator .container-fluid .wrapper .sort-by-otr .slect-main .select .select-options li {
  color: rgba(0, 0, 0, 0.75);
  border-radius: 0;
  padding: 0 24px 8px 24px;
  transition: 0.3s;
  font-family: "SpaceGrotesk-Bold";
  font-feature-settings: "ss04" on;
  font-size: 16px;
  line-height: 28px;
}

.explore-creator .container-fluid .wrapper .sort-by-otr .slect-main .select .select-options li:not(:last-child) {
  margin: 0 0 8px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.explore-creator .container-fluid .wrapper .sort-by-otr .slect-main .select .select-options li:hover {
  color: #F25867;
  background: transparent;
  border-radius: 0;
}

.explore-creator .container-fluid .wrapper .sort-by-otr .slect-main .select .select-options li[rel=hide] {
  display: none;
}

.explore-creator .container-fluid .row-custom {
  gap: 24px 0;
}

@media (max-width: 575px) {
  .explore-creator .container-fluid .row-custom .col-creator-otr {
    width: 50%;
  }
}

.explore-creator .container-fluid .row-custom .col-creator-otr .col-creator-inr {
  background-color: #FFFFFF;
  border-radius: 8px;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
}

.explore-creator .container-fluid .row-custom .col-creator-otr .col-creator-inr .img-otr .creator-bg {
  width: 100%;
  border-radius: 8px 8px 0 0;
}

.explore-creator .container-fluid .row-custom .col-creator-otr .col-creator-inr .content {
  position: relative;
  text-align: center;
  padding: 56px 16px 24px 16px;
}

.explore-creator .container-fluid .row-custom .col-creator-otr .col-creator-inr .content .creator-otr {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -40px;
}

.explore-creator .container-fluid .row-custom .col-creator-otr .col-creator-inr .content .creator-otr .img {
  width: 80px;
  height: 80px;
  border-radius: 100%;
  border: 2px solid #FFFFFF;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
}

.explore-creator .container-fluid .row-custom .col-creator-otr .col-creator-inr .content .creator-name {
  color: #000000;
  transition: 0.3s;
  margin-bottom: 4px;
}

.explore-creator .container-fluid .row-custom .col-creator-otr .col-creator-inr .content .creator-name:hover {
  color: #F25867;
}

.explore-creator .container-fluid .row-custom .col-creator-otr .col-creator-inr .content .price {
  color: rgba(0, 0, 0, 0.4);
}

/*===========================================
        explore creator End Here
===========================================*/

/*===========================================
            Contact start Here
===========================================*/

.contact-main {
  margin: 112px 0 128px 0;
}

@media (max-width: 575px) {
  .contact-main {
    margin: 80px 0 96px 0;
  }
}

.contact-main .container-fluid .row-custom {
  align-items: center;
}

.contact-main .container-fluid .row-custom .col-img-otr .col-img-inr {
  position: relative;
}

@media (max-width: 991px) {
  .contact-main .container-fluid .row-custom .col-img-otr .col-img-inr {
    margin-bottom: 72px;
  }
}

@media (max-width: 575px) {
  .contact-main .container-fluid .row-custom .col-img-otr .col-img-inr {
    margin-bottom: 48px;
  }
}

.contact-main .container-fluid .row-custom .col-img-otr .col-img-inr .social-otr {
  position: absolute;
  top: 16px;
  width: 100%;
  padding: 0 72px;
}

@media (max-width: 575px) {
  .contact-main .container-fluid .row-custom .col-img-otr .col-img-inr .social-otr {
    padding: 0 30px;
  }
}

.contact-main .container-fluid .row-custom .col-img-otr .col-img-inr .social-otr .social-ul {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 16px;
}

.contact-main .container-fluid .row-custom .col-img-otr .col-img-inr .social-otr .social-ul .social-li .social-a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.1);
  transition: 0.3s;
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
}

.contact-main .container-fluid .row-custom .col-img-otr .col-img-inr .social-otr .social-ul .social-li .social-a:hover {
  background-color: #FFFFFF;
}

.contact-main .container-fluid .row-custom .col-img-otr .col-img-inr .social-otr .social-ul .social-li .social-a:hover .icon {
  color: #F25867;
}

.contact-main .container-fluid .row-custom .col-img-otr .col-img-inr .social-otr .social-ul .social-li .social-a .icon {
  font-size: 24px;
  color: #FFFFFF;
  transition: 0.3s;
}

.contact-main .container-fluid .row-custom .col-img-otr .col-img-inr .img {
  width: 100%;
}

.contact-main .container-fluid .row-custom .col-contact-otr .col-contact-inr .row-custom-inr {
  gap: 24px 0;
}

.contact-main .container-fluid .row-custom .col-contact-otr .col-contact-inr .row-custom-inr .col-info-otr .col-info-inr {
  display: flex;
  align-items: center;
  flex-direction: column;
  background-color: rgba(0, 0, 0, 0.03);
  border-radius: 8px;
  padding: 28px 24px 20px 24px;
  text-align: center;
  height: 100%;
}

.contact-main .container-fluid .row-custom .col-contact-otr .col-contact-inr .row-custom-inr .col-info-otr .col-info-inr .icon-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background-color: #F25867;
  border-radius: 4px;
}

.contact-main .container-fluid .row-custom .col-contact-otr .col-contact-inr .row-custom-inr .col-info-otr .col-info-inr .icon-otr .icon {
  font-size: 36px;
  color: #FFFFFF;
}

.contact-main .container-fluid .row-custom .col-contact-otr .col-contact-inr .row-custom-inr .col-info-otr .col-info-inr .heading {
  color: #000000;
  margin: 12px 0 6px 0;
}

.contact-main .container-fluid .row-custom .col-contact-otr .col-contact-inr .row-custom-inr .col-info-otr .col-info-inr .desc {
  color: rgba(0, 0, 0, 0.4);
  word-break: break-all;
}

.contact-main .container-fluid .row-custom .col-contact-otr .col-contact-inr .wrapper {
  margin: 72px 0 36px 0;
}

@media (max-width: 575px) {
  .contact-main .container-fluid .row-custom .col-contact-otr .col-contact-inr .wrapper {
    margin: 48px 0 36px 0;
  }
}

.contact-main .container-fluid .row-custom .col-contact-otr .col-contact-inr .wrapper .heading-form {
  color: #000000;
  margin-bottom: 16px;
}

.contact-main .container-fluid .row-custom .col-contact-otr .col-contact-inr .wrapper .desc {
  color: rgba(0, 0, 0, 0.4);
}

.contact-main .container-fluid .row-custom .col-contact-otr .col-contact-inr .form-main .input-main {
  display: flex;
  align-items: center;
}

@media (max-width: 575px) {
  .contact-main .container-fluid .row-custom .col-contact-otr .col-contact-inr .form-main .input-main {
    flex-direction: column;
    align-items: flex-start;
  }
}

.contact-main .container-fluid .row-custom .col-contact-otr .col-contact-inr .form-main .input-main .input-otr {
  width: 50%;
}

@media (max-width: 575px) {
  .contact-main .container-fluid .row-custom .col-contact-otr .col-contact-inr .form-main .input-main .input-otr {
    width: 100%;
  }
}

.contact-main .container-fluid .row-custom .col-contact-otr .col-contact-inr .form-main .input-main .input-otr:not(:last-child) {
  margin-right: 24px;
}

@media (max-width: 575px) {
  .contact-main .container-fluid .row-custom .col-contact-otr .col-contact-inr .form-main .input-main .input-otr:not(:last-child) {
    margin: 0 0 24px 0;
  }
}

.contact-main .container-fluid .row-custom .col-contact-otr .col-contact-inr .form-main .input-main .input-otr .input {
  color: rgba(0, 0, 0, 0.4);
  padding: 11px 24px;
}

.contact-main .container-fluid .row-custom .col-contact-otr .col-contact-inr .form-main .slect-main {
  width: 100%;
  margin: 24px 0;
}

.contact-main .container-fluid .row-custom .col-contact-otr .col-contact-inr .form-main .slect-main .select {
  cursor: pointer;
  display: inline-block;
  position: relative;
  width: 100%;
}

.contact-main .container-fluid .row-custom .col-contact-otr .col-contact-inr .form-main .slect-main .select .select-hidden {
  display: none;
  visibility: hidden;
  padding-right: 10px;
}

.contact-main .container-fluid .row-custom .col-contact-otr .col-contact-inr .form-main .slect-main .select .select-styled {
  color: rgba(0, 0, 0, 0.6);
  padding: 12px 40px 12px 24px;
  border-radius: 8px;
  border: none;
  background-color: rgba(0, 0, 0, 0.03);
  font-family: "SpaceGrotesk-Bold";
  font-feature-settings: "ss04" on;
  font-size: 16px;
  line-height: 28px;
}

.contact-main .container-fluid .row-custom .col-contact-otr .col-contact-inr .form-main .slect-main .select .select-styled:after {
  content: "";
  width: 12px;
  height: 10px;
  position: absolute;
  background-image: url(/assets/img/arrow-drop-down-black.svg);
  background-repeat: no-repeat;
  background-position: center;
  top: 22px;
  right: 24px;
}

.contact-main .container-fluid .row-custom .col-contact-otr .col-contact-inr .form-main .slect-main .select .select-styled:active:after,
.contact-main .container-fluid .row-custom .col-contact-otr .col-contact-inr .form-main .slect-main .select .select-styled.active:after {
  top: 22px;
  border-color: transparent transparent #FFFFFF transparent;
}

.contact-main .container-fluid .row-custom .col-contact-otr .col-contact-inr .form-main .slect-main .select .select-options {
  display: none;
  position: absolute;
  top: 130%;
  right: 0;
  width: 200px;
  z-index: 999;
  background-color: #FFFFFF;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 8px 0 0 0;
  width: 100%;
}

@media (max-width: 575px) {
  .contact-main .container-fluid .row-custom .col-contact-otr .col-contact-inr .form-main .slect-main .select .select-options {
    right: inherit;
    left: 0;
  }
}

.contact-main .container-fluid .row-custom .col-contact-otr .col-contact-inr .form-main .slect-main .select .select-options li {
  color: rgba(0, 0, 0, 0.75);
  border-radius: 0;
  padding: 0 24px 8px 24px;
  transition: 0.3s;
  font-family: "SpaceGrotesk-Bold";
  font-feature-settings: "ss04" on;
  font-size: 16px;
  line-height: 28px;
}

.contact-main .container-fluid .row-custom .col-contact-otr .col-contact-inr .form-main .slect-main .select .select-options li:not(:last-child) {
  margin: 0 0 8px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.contact-main .container-fluid .row-custom .col-contact-otr .col-contact-inr .form-main .slect-main .select .select-options li:hover {
  color: #F25867;
  background: transparent;
  border-radius: 0;
}

.contact-main .container-fluid .row-custom .col-contact-otr .col-contact-inr .form-main .slect-main .select .select-options li[rel=hide] {
  display: none;
}

.contact-main .container-fluid .row-custom .col-contact-otr .col-contact-inr .form-main .input-otr .textarea {
  height: 150px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  resize: none;
  padding: 11px 24px;
}

.contact-main .container-fluid .row-custom .col-contact-otr .col-contact-inr .form-main .action-otr {
  margin-top: 24px;
  width: 48.5%;
  text-align: center;
}

@media (max-width: 575px) {
  .contact-main .container-fluid .row-custom .col-contact-otr .col-contact-inr .form-main .action-otr {
    width: 100%;
  }
}

.contact-main .container-fluid .row-custom .col-contact-otr .col-contact-inr .form-main .action-otr .button {
  width: 100%;
}

/*===========================================
            Contact End Here
===========================================*/

/*===========================================
            404 start Here
===========================================*/

.error-main {
  height: 100vh;
  overflow: hidden;
}

.error-main .container-fluid {
  height: 100%;
}

.error-main .container-fluid .row-custom {
  height: 100%;
  justify-content: center;
}

.error-main .container-fluid .row-custom .col-content-otr {
  display: flex;
  align-items: center;
  justify-content: center;
}

.error-main .container-fluid .row-custom .col-content-otr .col-content-inr .img {
  width: 100%;
}

.error-main .container-fluid .row-custom .col-content-otr .col-content-inr .heading {
  text-align: center;
  color: #000000;
  margin: 40px 0;
}

.error-main .container-fluid .row-custom .col-content-otr .col-content-inr .action {
  display: flex;
  align-items: center;
  justify-content: center;
}

/*===========================================
            404 End Here
===========================================*/

/*===========================================
        How It Works start Here
===========================================*/

.how-it-work {
  position: relative;
  padding: 112px 0 128px 0;
  overflow: hidden;
}

@media (max-width: 575px) {
  .how-it-work {
    padding: 80px 0 96px 0;
  }
}

.how-it-work::after {
  content: "";
  position: absolute;
  width: 200px;
  height: 60%;
  bottom: 0;
  left: 0;
  background: conic-gradient(from 180deg at 50% 50%, #F25867 0deg, rgba(242, 88, 103, 0) 360deg);
  filter: blur(200px);
  z-index: -1;
}

@media (max-width: 575px) {
  .how-it-work::after {
    display: none;
  }
}

.how-it-work::before {
  content: "";
  position: absolute;
  width: 200px;
  height: 60%;
  top: 0;
  right: 0;
  background: conic-gradient(from 180deg at 50% 50%, #F25867 0deg, rgba(242, 88, 103, 0) 360deg);
  filter: blur(200px);
  z-index: -1;
}

@media (max-width: 575px) {
  .how-it-work::before {
    display: none;
  }
}

.how-it-work .container-fluid .wrapper {
  text-align: center;
  margin-bottom: 72px;
}

@media (max-width: 575px) {
  .how-it-work .container-fluid .wrapper {
    margin-bottom: 48px;
  }
}

.how-it-work .container-fluid .wrapper .heading {
  color: #000000;
  margin-bottom: 16px;
}

.how-it-work .container-fluid .wrapper .desc {
  color: rgba(0, 0, 0, 0.4);
}

.how-it-work .container-fluid .row-custom {
  gap: 24px 0;
  justify-content: center;
}

.how-it-work .container-fluid .row-custom .col-box-otr .col-box-inr {
  position: relative;
  background-color: #FFFFFF;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 60px 28px 24px 28px;
  margin-top: 40px;
  text-align: center;
}

.how-it-work .container-fluid .row-custom .col-box-otr .col-box-inr .icon-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  background-color: #F25867;
  border-radius: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -40px;
}

.how-it-work .container-fluid .row-custom .col-box-otr .col-box-inr .icon-otr .icon {
  font-size: 40px;
  color: #FFFFFF;
}

.how-it-work .container-fluid .row-custom .col-box-otr .col-box-inr .heading {
  color: #000000;
}

.how-it-work .container-fluid .row-custom .col-box-otr .col-box-inr .desc {
  color: rgba(0, 0, 0, 0.4);
}

.how-it-work .container-fluid .row-custom .col-box-otr .col-box-inr .desc .span {
  display: inline;
  color: #F25867;
}

/*===========================================
        How It Works End Here
===========================================*/

/*===========================================
        help center start Here
===========================================*/

.help-center {
  position: relative;
  padding: 112px 0 128px 0;
  overflow: hidden;
}

@media (max-width: 575px) {
  .help-center {
    padding: 80px 0 96px 0;
  }
}

.help-center::after {
  content: "";
  position: absolute;
  width: 200px;
  height: 60%;
  bottom: 0;
  left: 0;
  background: conic-gradient(from 180deg at 50% 50%, #F25867 0deg, rgba(242, 88, 103, 0) 360deg);
  filter: blur(200px);
  z-index: -1;
}

@media (max-width: 575px) {
  .help-center::after {
    display: none;
  }
}

.help-center::before {
  content: "";
  position: absolute;
  width: 200px;
  height: 60%;
  top: 0;
  right: 0;
  background: conic-gradient(from 180deg at 50% 50%, #F25867 0deg, rgba(242, 88, 103, 0) 360deg);
  filter: blur(200px);
  z-index: -1;
}

@media (max-width: 575px) {
  .help-center::before {
    display: none;
  }
}

.help-center .img1 {
  position: absolute;
  top: -120px;
  left: -100px;
  width: 250px;
  height: 250px;
}

@media (max-width: 575px) {
  .help-center .img1 {
    display: none;
  }
}

.help-center .img2 {
  position: absolute;
  bottom: 170px;
  right: 16%;
  width: 130px;
  height: 130px;
  z-index: -1;
}

@media (max-width: 991px) {
  .help-center .img2 {
    right: -70px;
  }
}

@media (max-width: 575px) {
  .help-center .img2 {
    display: none;
  }
}

.help-center .container-fluid .row-custom {
  justify-content: center;
}

.help-center .container-fluid .row-custom .col-heading-otr .col-heading-inr {
  margin-bottom: 72px;
}

@media (max-width: 575px) {
  .help-center .container-fluid .row-custom .col-heading-otr .col-heading-inr {
    margin-bottom: 48px;
  }
}

.help-center .container-fluid .row-custom .col-heading-otr .col-heading-inr .heading {
  color: #000000;
  margin-bottom: 40px;
  text-align: center;
}

.help-center .container-fluid .row-custom .col-heading-otr .col-heading-inr .nav {
  border: none;
  align-items: center;
  justify-content: center;
}

.help-center .container-fluid .row-custom .col-heading-otr .col-heading-inr .nav .nav-item {
  margin-top: 16px;
}

.help-center .container-fluid .row-custom .col-heading-otr .col-heading-inr .nav .nav-item:not(:last-child) {
  margin-right: 16px;
}

.help-center .container-fluid .row-custom .col-heading-otr .col-heading-inr .nav .nav-item .nav-link {
  background-color: rgba(0, 0, 0, 0.03);
  color: rgba(0, 0, 0, 0.4);
  border-radius: 4px;
  border: none;
  padding: 6px 16px;
}

.help-center .container-fluid .row-custom .col-heading-otr .col-heading-inr .nav .nav-item .nav-link:hover {
  border: none;
  background-color: #F25867;
  color: #FFFFFF;
}

.help-center .container-fluid .row-custom .col-heading-otr .col-heading-inr .nav .nav-item .active {
  background-color: #F25867;
  color: #FFFFFF;
}

.help-center .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-pane .accordion .accordion-item {
  border-radius: 8px;
  background-color: #FFFFFF;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
  border: none;
  overflow: hidden;
}

.help-center .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-pane .accordion .accordion-item:not(:last-child) {
  margin-bottom: 24px;
}

.help-center .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-pane .accordion .accordion-item .accordion-header .accordion-button {
  display: flex;
  align-items: center;
  padding: 16px 24px;
  border: none;
  background-color: #FFFFFF;
  box-shadow: 0px 15px 10px rgba(242, 88, 103, 0.1);
  border-radius: 8px 8px 0 0;
}

.help-center .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-pane .accordion .accordion-item .accordion-header .accordion-button::after {
  width: 36px;
  height: 36px;
  background-image: url(/assets/img/plus-icon-blue.svg);
  transition: 0.3s;
  background-size: cover;
}

.help-center .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-pane .accordion .accordion-item .accordion-header .accordion-button .icon-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  background-color: #F25867;
  margin-right: 24px;
}

.help-center .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-pane .accordion .accordion-item .accordion-header .accordion-button .icon-otr .icon {
  font-size: 24px;
  color: #FFFFFF;
}

.help-center .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-pane .accordion .accordion-item .accordion-header .accordion-button .text {
  color: #000000;
  transition: 0.3s;
}

@media (max-width: 575px) {
  .help-center .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-pane .accordion .accordion-item .accordion-header .accordion-button .text {
    font-size: 16px;
    line-height: 28px;
  }
}

.help-center .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-pane .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) .text {
  color: #F25867;
}

.help-center .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-pane .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
  transform: rotate(-225deg);
}

.help-center .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-pane .accordion .accordion-item .accordion-collapse .accordion-body {
  padding: 24px;
  color: rgba(0, 0, 0, 0.4);
}

.help-center .container-fluid .row-custom .answer-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 72px;
}

@media (max-width: 575px) {
  .help-center .container-fluid .row-custom .answer-otr {
    flex-direction: column;
    margin-top: 48px;
  }
}

.help-center .container-fluid .row-custom .answer-otr .find-answer-text {
  color: #000000;
  margin-right: 24px;
}

@media (max-width: 575px) {
  .help-center .container-fluid .row-custom .answer-otr .find-answer-text {
    margin: 0 0 16px 0;
  }
}

/*===========================================
        help center End Here
===========================================*/

/*===========================================
            About start Here
===========================================*/

.about-main {
  position: relative;
  padding-top: 112px;
}

@media (max-width: 575px) {
  .about-main {
    padding-top: 80px;
  }
}

.about-main::after {
  content: "";
  position: absolute;
  width: 200px;
  height: 70%;
  left: 0;
  top: 0;
  background: conic-gradient(from 180deg at 50% 50%, #F25867 0deg, rgba(242, 88, 103, 0) 360deg);
  filter: blur(200px);
  z-index: -1;
}

@media (max-width: 575px) {
  .about-main::after {
    display: none;
  }
}

.about-main .container-fluid .row-custom {
  align-items: center;
  margin-bottom: 72px;
}

@media (max-width: 767px) {
  .about-main .container-fluid .row-custom {
    text-align: center;
  }
}

@media (max-width: 575px) {
  .about-main .container-fluid .row-custom {
    margin-bottom: 48px;
  }
}

@media (max-width: 767px) {
  .about-main .container-fluid .row-custom .col-heading-otr .col-heading-inr {
    padding-bottom: 24px;
  }
}

.about-main .container-fluid .row-custom .col-heading-otr .col-heading-inr .heading {
  color: #000000;
}

.about-main .container-fluid .row-custom .col-desc-otr .col-desc-inr .desc {
  color: rgba(0, 0, 0, 0.4);
}

.about-main .container-fluid .row-custom2 {
  align-items: flex-end;
}

@media (max-width: 991px) {
  .about-main .container-fluid .row-custom2 {
    gap: 24px 0;
  }
}

.about-main .container-fluid .row-custom2 .col-img-otr .col-img-inr .img {
  width: 100%;
  border-radius: 8px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.about-main .container-fluid .row-custom2 .col-img-otr .col-img-inr .img1 {
  height: 370px;
}

@media (max-width: 991px) {
  .about-main .container-fluid .row-custom2 .col-img-otr .col-img-inr .img1 {
    height: 300px;
  }
}

.about-main .container-fluid .row-custom2 .col-img-otr .col-img-inr .img2,
.about-main .container-fluid .row-custom2 .col-img-otr .col-img-inr .img4 {
  height: 450px;
}

@media (max-width: 991px) {
  .about-main .container-fluid .row-custom2 .col-img-otr .col-img-inr .img2,
  .about-main .container-fluid .row-custom2 .col-img-otr .col-img-inr .img4 {
    height: 300px;
  }
}

.about-main .container-fluid .row-custom2 .col-img-otr .col-img-inr .img3 {
  height: 300px;
}

@media (max-width: 991px) {
  .about-main .container-fluid .row-custom2 .col-img-otr .col-img-inr .img3 {
    height: 300px;
  }
}

/*===========================================
            About End Here
===========================================*/

/*===========================================
            Statistics start Here
===========================================*/

.statistics {
  margin: 112px 0;
}

@media (max-width: 575px) {
  .statistics {
    margin: 80px 0;
  }
}

.statistics .container-fluid .wrapper {
  text-align: center;
  margin-bottom: 72px;
}

@media (max-width: 575px) {
  .statistics .container-fluid .wrapper {
    margin-bottom: 48px;
  }
}

.statistics .container-fluid .wrapper .heading {
  color: #000000;
  margin-bottom: 16px;
}

.statistics .container-fluid .wrapper .desc {
  color: rgba(0, 0, 0, 0.4);
}

@media (max-width: 991px) {
  .statistics .container-fluid .row-custom {
    gap: 24px 0;
  }
}

.statistics .container-fluid .row-custom .col-box-otr .col-box-inr {
  background: rgba(0, 0, 0, 0.03);
  border-radius: 8px;
  text-align: center;
  padding: 28px;
}

.statistics .container-fluid .row-custom .col-box-otr .col-box-inr .heading {
  color: #F25867;
}

.statistics .container-fluid .row-custom .col-box-otr .col-box-inr .desc {
  color: rgba(0, 0, 0, 0.4);
}

/*===========================================
            Statistics End Here
===========================================*/

/*===========================================
        How It Works start Here
===========================================*/

.how-it-work-about {
  margin: 112px 0;
}

@media (max-width: 575px) {
  .how-it-work-about {
    margin: 80px 0;
  }
}

.how-it-work-about .container-fluid .wrapper {
  text-align: center;
  margin-bottom: 72px;
}

@media (max-width: 575px) {
  .how-it-work-about .container-fluid .wrapper {
    margin-bottom: 48px;
  }
}

.how-it-work-about .container-fluid .wrapper .heading {
  color: #000000;
  margin-bottom: 16px;
}

.how-it-work-about .container-fluid .wrapper .desc {
  color: rgba(0, 0, 0, 0.4);
}

.how-it-work-about .container-fluid .row-custom {
  gap: 24px 0;
  justify-content: center;
}

.how-it-work-about .container-fluid .row-custom .col-box-otr .col-box-inr {
  position: relative;
  background-color: #FFFFFF;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 60px 28px 24px 28px;
  margin-top: 40px;
  text-align: center;
}

.how-it-work-about .container-fluid .row-custom .col-box-otr .col-box-inr .icon-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  background-color: #F25867;
  border-radius: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -40px;
}

.how-it-work-about .container-fluid .row-custom .col-box-otr .col-box-inr .icon-otr .icon {
  font-size: 40px;
  color: #FFFFFF;
}

.how-it-work-about .container-fluid .row-custom .col-box-otr .col-box-inr .heading {
  color: #000000;
}

.how-it-work-about .container-fluid .row-custom .col-box-otr .col-box-inr .desc {
  color: rgba(0, 0, 0, 0.4);
}

.how-it-work-about .container-fluid .row-custom .col-box-otr .col-box-inr .desc .span {
  display: inline;
  color: #F25867;
}

/*===========================================
        How It Works End Here
===========================================*/

/*===========================================
            Activity start Here
===========================================*/

.activity {
  margin: 112px 0 128px 0;
}

@media (max-width: 575px) {
  .activity {
    margin: 80px 0 96px 0;
  }
}

.activity .container-fluid .wrapper {
  margin-bottom: 72px;
}

@media (max-width: 575px) {
  .activity .container-fluid .wrapper {
    margin-bottom: 48px;
  }
}

.activity .container-fluid .wrapper .heading {
  color: #000000;
}

@media (max-width: 991px) {
  .activity .container-fluid .row-custom {
    flex-direction: column-reverse;
  }
}

.activity .container-fluid .row-custom .col-activity-otr .col-activity-inr .activity-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px;
  border-radius: 8px;
  background-color: rgba(0, 0, 0, 0.03);
}

.activity .container-fluid .row-custom .col-activity-otr .col-activity-inr .activity-box:not(:last-child) {
  margin-bottom: 24px;
}

@media (max-width: 575px) {
  .activity .container-fluid .row-custom .col-activity-otr .col-activity-inr .activity-box {
    position: relative;
  }
}

.activity .container-fluid .row-custom .col-activity-otr .col-activity-inr .activity-box .img-content {
  display: flex;
  align-items: center;
}

@media (max-width: 575px) {
  .activity .container-fluid .row-custom .col-activity-otr .col-activity-inr .activity-box .img-content {
    flex-direction: column;
    align-items: flex-start;
  }
}

.activity .container-fluid .row-custom .col-activity-otr .col-activity-inr .activity-box .img-content .img-otr {
  margin-right: 24px;
}

@media (max-width: 575px) {
  .activity .container-fluid .row-custom .col-activity-otr .col-activity-inr .activity-box .img-content .img-otr {
    margin: 0 0 24px 0;
  }
}

.activity .container-fluid .row-custom .col-activity-otr .col-activity-inr .activity-box .img-content .img-otr .img {
  width: 125px;
  height: 125px;
  border-radius: 8px;
}

.activity .container-fluid .row-custom .col-activity-otr .col-activity-inr .activity-box .img-content .content-otr .heading {
  color: #000000;
  transition: 0.3s;
}

.activity .container-fluid .row-custom .col-activity-otr .col-activity-inr .activity-box .img-content .content-otr .heading:hover {
  color: #F25867;
}

.activity .container-fluid .row-custom .col-activity-otr .col-activity-inr .activity-box .img-content .content-otr .desc {
  color: rgba(0, 0, 0, 0.4);
  margin: 4px 0 8px 0;
}

.activity .container-fluid .row-custom .col-activity-otr .col-activity-inr .activity-box .img-content .content-otr .desc .linkk {
  display: inline;
  color: #F25867;
}

.activity .container-fluid .row-custom .col-activity-otr .col-activity-inr .activity-box .img-content .content-otr .tag-otr {
  display: flex;
  align-items: center;
}

@media (max-width: 420px) {
  .activity .container-fluid .row-custom .col-activity-otr .col-activity-inr .activity-box .img-content .content-otr .tag-otr {
    flex-direction: column;
    align-items: flex-start;
  }
}

.activity .container-fluid .row-custom .col-activity-otr .col-activity-inr .activity-box .img-content .content-otr .tag-otr .tag-inr1 {
  display: flex;
  align-items: center;
  color: rgba(0, 0, 0, 0.4);
}

.activity .container-fluid .row-custom .col-activity-otr .col-activity-inr .activity-box .img-content .content-otr .tag-otr .tag-inr1:not(:last-child) {
  margin-right: 24px;
}

@media (max-width: 420px) {
  .activity .container-fluid .row-custom .col-activity-otr .col-activity-inr .activity-box .img-content .content-otr .tag-otr .tag-inr1:not(:last-child) {
    margin: 0 0 8px 0;
  }
}

.activity .container-fluid .row-custom .col-activity-otr .col-activity-inr .activity-box .img-content .content-otr .tag-otr .tag-inr1 .icon-time {
  font-size: 20px;
  color: #F25867;
  margin-right: 8px;
}

.activity .container-fluid .row-custom .col-activity-otr .col-activity-inr .activity-box .icon-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0.03);
  cursor: pointer;
  transition: 0.3s;
}

@media (max-width: 575px) {
  .activity .container-fluid .row-custom .col-activity-otr .col-activity-inr .activity-box .icon-otr {
    position: absolute;
    top: 24px;
    right: 24px;
  }
}

.activity .container-fluid .row-custom .col-activity-otr .col-activity-inr .activity-box .icon-otr:hover {
  background-color: #F25867;
}

.activity .container-fluid .row-custom .col-activity-otr .col-activity-inr .activity-box .icon-otr:hover .icon {
  color: #FFFFFF;
}

.activity .container-fluid .row-custom .col-activity-otr .col-activity-inr .activity-box .icon-otr .icon {
  font-size: 28px;
  color: rgba(0, 0, 0, 0.4);
  transition: 0.3s;
}

.activity .container-fluid .row-custom .col-activity-otr .pegination-main {
  margin-top: 72px;
}

.activity .container-fluid .row-custom .col-activity-otr .pegination-main .navigation-nav {
  display: flex;
  align-items: center;
  justify-content: center;
}

.activity .container-fluid .row-custom .col-activity-otr .pegination-main .navigation-nav .page-num-ul {
  gap: 0 20px;
}

@media (max-width: 575px) {
  .activity .container-fluid .row-custom .col-activity-otr .pegination-main .navigation-nav .page-num-ul {
    gap: 0;
  }
}

.activity .container-fluid .row-custom .col-activity-otr .pegination-main .navigation-nav .page-num-ul .disabled {
  opacity: 0.5;
}

.activity .container-fluid .row-custom .col-activity-otr .pegination-main .navigation-nav .page-num-ul .active .page-link {
  background-color: #F25867 !important;
  color: #FFFFFF !important;
}

@media (max-width: 575px) {
  .activity .container-fluid .row-custom .col-activity-otr .pegination-main .navigation-nav .page-num-ul .page-item:not(:last-child) {
    border-right: 2px solid rgba(0, 0, 0, 0.03);
  }
}

.activity .container-fluid .row-custom .col-activity-otr .pegination-main .navigation-nav .page-num-ul .page-item .page-link {
  padding: 11px 24px;
  background-color: #FFFFFF;
  color: #F25867;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
  border: none;
}

@media (max-width: 575px) {
  .activity .container-fluid .row-custom .col-activity-otr .pegination-main .navigation-nav .page-num-ul .page-item .page-link {
    font-size: 14px;
    line-height: 24px;
    padding: 4px 16px;
    box-shadow: none;
  }
}

.activity .container-fluid .row-custom .col-activity-otr .pegination-main .navigation-nav .page-num-ul .page-item .page-link:hover {
  background-color: #F25867;
  color: #FFFFFF;
}

.activity .container-fluid .row-custom .col-filter-otr .col-filter-inr {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  right: 0;
  padding-left: 48px;
}

@media (max-width: 991px) {
  .activity .container-fluid .row-custom .col-filter-otr .col-filter-inr {
    padding: 0 0 72px 0;
  }
}

@media (max-width: 575px) {
  .activity .container-fluid .row-custom .col-filter-otr .col-filter-inr {
    padding: 0 0 48px 0;
  }
}

.activity .container-fluid .row-custom .col-filter-otr .col-filter-inr .search-otr .heading {
  color: #000000;
  margin-bottom: 24px;
}

.activity .container-fluid .row-custom .col-filter-otr .col-filter-inr .filter-main {
  margin: 36px 0;
}

.activity .container-fluid .row-custom .col-filter-otr .col-filter-inr .filter-main .heading {
  color: #000000;
}

.activity .container-fluid .row-custom .col-filter-otr .col-filter-inr .filter-main .filter-ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  margin: 24px 0;
}

.activity .container-fluid .row-custom .col-filter-otr .col-filter-inr .filter-main .filter-ul .filter-btn .filter-active {
  background-color: #F25867;
  color: #FFFFFF;
  border: 1px solid transparent;
}

.activity .container-fluid .row-custom .col-filter-otr .col-filter-inr .filter-main .clear-filter {
  color: #F25867;
  cursor: pointer;
}

.activity .container-fluid .row-custom .col-filter-otr .col-filter-inr .artwork-main .heading {
  color: #000000;
  margin-bottom: 24px;
}

.activity .container-fluid .row-custom .col-filter-otr .col-filter-inr .artwork-main .imgs-ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}

.activity .container-fluid .row-custom .col-filter-otr .col-filter-inr .artwork-main .imgs-ul .imgs-li .imgs-a .img {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
  transition: 0.3s;
}

@media (max-width: 575px) {
  .activity .container-fluid .row-custom .col-filter-otr .col-filter-inr .artwork-main .imgs-ul .imgs-li .imgs-a .img {
    width: 80px;
    height: 80px;
  }
}

.activity .container-fluid .row-custom .col-filter-otr .col-filter-inr .artwork-main .imgs-ul .imgs-li .imgs-a .img:hover {
  opacity: 0.5;
}

/*===========================================
            Activity End Here
===========================================*/

/*===========================================
            Blog start Here
===========================================*/

.blog-main {
  margin: 112px 0 128px 0;
}

@media (max-width: 575px) {
  .blog-main {
    margin: 80px 0 96px 0;
  }
}

.blog-main .container-fluid .row-custom {
  gap: 24px 0;
}

.blog-main .container-fluid .row-custom .col-blog-otr .col-blog-inr .img-otr .img {
  width: 100%;
}

.blog-main .container-fluid .row-custom .col-blog-otr .col-blog-inr .content {
  position: relative;
}

.blog-main .container-fluid .row-custom .col-blog-otr .col-blog-inr .content .date-otr {
  position: absolute;
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
  background-color: #FFFFFF;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
  padding: 10px 16px;
  top: -62px;
  right: 24px;
  border-radius: 4px;
}

.blog-main .container-fluid .row-custom .col-blog-otr .col-blog-inr .content .date-otr .date {
  color: #F25867;
}

.blog-main .container-fluid .row-custom .col-blog-otr .col-blog-inr .content .date-otr .month {
  color: #000000;
}

.blog-main .container-fluid .row-custom .col-blog-otr .col-blog-inr .content .tag {
  color: #F25867;
  margin: 24px 0 8px 0;
}

.blog-main .container-fluid .row-custom .col-blog-otr .col-blog-inr .content .heading {
  display: inline;
  color: #000000;
  transition: 0.3s;
}

.blog-main .container-fluid .row-custom .col-blog-otr .col-blog-inr .content .heading:hover {
  color: #F25867;
}

.blog-main .container-fluid .action-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 72px;
}

@media (max-width: 575px) {
  .blog-main .container-fluid .action-otr {
    margin-top: 48px;
  }
}

/*===========================================
            Blog End Here
===========================================*/

/*===========================================
            Blog start Here
===========================================*/

.blog-detail {
  padding: 112px 0;
  position: relative;
  overflow: hidden;
}

@media (max-width: 575px) {
  .blog-detail {
    padding: 80px 0;
  }
}

.blog-detail::after {
  content: "";
  position: absolute;
  width: 200px;
  height: 100%;
  top: 0;
  left: 0;
  background: conic-gradient(from 180deg at 50% 50%, #F25867 0deg, rgba(242, 88, 103, 0) 360deg);
  filter: blur(200px);
  z-index: -1;
}

@media (max-width: 575px) {
  .blog-detail::after {
    display: none;
  }
}

.blog-detail::before {
  content: "";
  position: absolute;
  width: 200px;
  height: 20%;
  top: 0;
  right: 0;
  background: conic-gradient(from 180deg at 50% 50%, #F25867 0deg, rgba(242, 88, 103, 0) 360deg);
  filter: blur(200px);
  z-index: -1;
}

@media (max-width: 575px) {
  .blog-detail::before {
    display: none;
  }
}

.blog-detail .container-fluid .row-custom {
  justify-content: center;
}

.blog-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .heading {
  color: #000000;
}

.blog-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .profile-detail-main {
  position: relative;
}

.blog-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .profile-detail-main .profile-detail-otr {
  background-color: rgba(0, 0, 0, 0.03);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  padding: 48px 48px 56px 48px;
  border-radius: 8px;
  margin: 48px 0;
}

@media (max-width: 575px) {
  .blog-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .profile-detail-main .profile-detail-otr {
    padding: 15px;
  }
}

.blog-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .profile-detail-main .profile-detail-otr .profile-main {
  background-color: #FFFFFF;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 36px;
  padding: 0 28px;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .blog-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .profile-detail-main .profile-detail-otr .profile-main {
    flex-direction: column;
  }
}

@media (max-width: 767px) {
  .blog-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .profile-detail-main .profile-detail-otr .profile-main {
    flex-direction: column;
  }
}

.blog-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .profile-detail-main .profile-detail-otr .profile-main .profile-otr {
  display: flex;
  align-items: center;
  padding: 24px 28px 24px 0;
  border-right: 1px solid #BBBBBB;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .blog-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .profile-detail-main .profile-detail-otr .profile-main .profile-otr {
    border-right: 1px solid transparent;
    border-bottom: 1px solid #BBBBBB;
    width: 100%;
  }
}

@media (max-width: 767px) {
  .blog-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .profile-detail-main .profile-detail-otr .profile-main .profile-otr {
    border-right: 1px solid transparent;
    border-bottom: 1px solid #BBBBBB;
    width: 100%;
  }
}

@media (max-width: 575px) {
  .blog-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .profile-detail-main .profile-detail-otr .profile-main .profile-otr {
    flex-direction: column;
    padding: 24px 0;
  }
}

.blog-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .profile-detail-main .profile-detail-otr .profile-main .profile-otr .profile-inr .profile {
  width: 80px;
  height: 80px;
  border-radius: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.blog-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .profile-detail-main .profile-detail-otr .profile-main .profile-otr .content-otr {
  display: flex;
  align-items: center;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .blog-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .profile-detail-main .profile-detail-otr .profile-main .profile-otr .content-otr {
    width: 100%;
    justify-content: space-between;
  }
}

@media (max-width: 767px) {
  .blog-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .profile-detail-main .profile-detail-otr .profile-main .profile-otr .content-otr {
    width: 100%;
    justify-content: space-between;
  }
}

@media (max-width: 575px) {
  .blog-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .profile-detail-main .profile-detail-otr .profile-main .profile-otr .content-otr {
    flex-direction: column;
    text-align: center;
  }
}

.blog-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .profile-detail-main .profile-detail-otr .profile-main .profile-otr .content-otr .content-inr {
  margin: 0 60px 0 16px;
}

@media (max-width: 767px) {
  .blog-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .profile-detail-main .profile-detail-otr .profile-main .profile-otr .content-otr .content-inr {
    margin: 0 0 0 16px;
  }
}

@media (max-width: 575px) {
  .blog-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .profile-detail-main .profile-detail-otr .profile-main .profile-otr .content-otr .content-inr {
    margin: 16px 0 4px 0;
  }
}

.blog-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .profile-detail-main .profile-detail-otr .profile-main .profile-otr .content-otr .content-inr .creater-text1 {
  color: rgba(0, 0, 0, 0.4);
  margin-bottom: 4px;
}

.blog-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .profile-detail-main .profile-detail-otr .profile-main .profile-otr .content-otr .content-inr .creater-text2 {
  color: #000000;
  transition: 0.3s;
}

.blog-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .profile-detail-main .profile-detail-otr .profile-main .profile-otr .content-otr .content-inr .creater-text2:hover {
  color: #F25867;
}

.blog-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .profile-detail-main .profile-detail-otr .profile-main .profile-otr .content-otr .content-inr2 {
  text-align: right;
}

@media (max-width: 575px) {
  .blog-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .profile-detail-main .profile-detail-otr .profile-main .profile-otr .content-otr .content-inr2 {
    text-align: center;
  }
}

.blog-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .profile-detail-main .profile-detail-otr .profile-main .profile-otr .content-otr .content-inr2 .creater-text1 {
  color: rgba(0, 0, 0, 0.4);
}

.blog-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .profile-detail-main .profile-detail-otr .profile-main .profile-otr .content-otr .content-inr2 .creater-text1:not(:last-child) {
  margin-bottom: 8px;
}

.blog-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .profile-detail-main .profile-detail-otr .profile-main .icon-otr {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .blog-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .profile-detail-main .profile-detail-otr .profile-main .icon-otr {
    margin: 24px 0;
  }
}

@media (max-width: 767px) {
  .blog-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .profile-detail-main .profile-detail-otr .profile-main .icon-otr {
    margin: 24px 0;
  }
}

.blog-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .profile-detail-main .profile-detail-otr .profile-main .icon-otr .icon-inr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0.03);
  transition: 0.3s;
}

.blog-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .profile-detail-main .profile-detail-otr .profile-main .icon-otr .icon-inr:not(:last-child) {
  margin-right: 24px;
}

.blog-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .profile-detail-main .profile-detail-otr .profile-main .icon-otr .icon-inr:hover {
  background-color: #F25867;
}

.blog-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .profile-detail-main .profile-detail-otr .profile-main .icon-otr .icon-inr:hover .icon {
  color: #FFFFFF;
}

.blog-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .profile-detail-main .profile-detail-otr .profile-main .icon-otr .icon-inr .icon {
  font-size: 24px;
  color: rgba(0, 0, 0, 0.4);
  transition: 0.3s;
}

.blog-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .profile-detail-main .profile-detail-otr .profile-main .icon-otr .share-pop-otr {
  position: absolute;
  width: 320px;
  background-color: #FFFFFF;
  border-radius: 8px;
  padding: 20px 28px 24px 28px;
  text-align: center;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  right: 0;
  bottom: 60px;
  transition: 0.3s;
}

@media (max-width: 575px) {
  .blog-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .profile-detail-main .profile-detail-otr .profile-main .icon-otr .share-pop-otr {
    left: 50%;
    transform: translateX(-50%);
  }
}

.blog-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .profile-detail-main .profile-detail-otr .profile-main .icon-otr .share-pop-otr .share-text {
  color: #000000;
}

.blog-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .profile-detail-main .profile-detail-otr .profile-main .icon-otr .share-pop-otr .social-ul {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 16px;
}

.blog-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .profile-detail-main .profile-detail-otr .profile-main .icon-otr .share-pop-otr .social-ul .social-li .social-a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0.03);
  transition: 0.3s;
}

.blog-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .profile-detail-main .profile-detail-otr .profile-main .icon-otr .share-pop-otr .social-ul .social-li .social-a:hover {
  background-color: #F25867;
}

.blog-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .profile-detail-main .profile-detail-otr .profile-main .icon-otr .share-pop-otr .social-ul .social-li .social-a:hover .icon {
  color: #FFFFFF;
}

.blog-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .profile-detail-main .profile-detail-otr .profile-main .icon-otr .share-pop-otr .social-ul .social-li .social-a .icon {
  font-size: 20px;
  color: rgba(0, 0, 0, 0.4);
  transition: 0.3s;
}

.blog-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .profile-detail-main .profile-detail-otr .profile-main .icon-otr .share-pop-active {
  opacity: 1;
  visibility: visible;
  z-index: 10;
}

.blog-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .profile-detail-main .profile-detail-otr .img-otr .img {
  width: 100%;
  border-radius: 8px;
}

.blog-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .profile-detail-main .circle {
  position: absolute;
  width: 200px;
  height: 200px;
  right: -56px;
  bottom: -56px;
  z-index: -1;
}

@media (max-width: 575px) {
  .blog-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .profile-detail-main .circle {
    display: none;
  }
}

.blog-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .content-detail .heading {
  color: #000000;
}

.blog-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .content-detail .desc {
  color: rgba(0, 0, 0, 0.4);
}

.blog-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .content-detail .desc-1 {
  margin: 20px 0 16px 0;
}

.blog-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .content-detail .heading-2,
.blog-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .content-detail .heading-3,
.blog-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .content-detail .heading-4,
.blog-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .content-detail .heading-5,
.blog-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .content-detail .heading-6 {
  margin: 24px 0 20px 0;
}

.blog-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .content-detail .desc-otr {
  background-color: rgba(0, 0, 0, 0.03);
  border-radius: 8px;
  padding: 16px 28px;
  margin: 36px 0;
}

.blog-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .content-detail .desc-otr .desc-inr {
  color: rgba(0, 0, 0, 0.4);
}

/*===========================================
            Blog End Here
===========================================*/

/*===========================================
            Login start Here
===========================================*/

.login {
  position: relative;
  overflow: hidden;
  padding: 112px 0 128px 0;
}

@media (max-width: 575px) {
  .login {
    padding: 80px 0 96px 0;
  }
}

.login::after {
  content: "";
  position: absolute;
  width: 200px;
  height: 100%;
  top: 0;
  left: 0;
  background: conic-gradient(from 180deg at 50% 50%, #F25867 0deg, rgba(242, 88, 103, 0) 360deg);
  filter: blur(200px);
  z-index: -1;
}

@media (max-width: 575px) {
  .login::after {
    display: none;
  }
}

.login::before {
  content: "";
  position: absolute;
  width: 200px;
  height: 60%;
  top: 0;
  right: 0;
  background: conic-gradient(from 180deg at 50% 50%, #F25867 0deg, rgba(242, 88, 103, 0) 360deg);
  filter: blur(200px);
  z-index: -1;
}

@media (max-width: 575px) {
  .login::before {
    display: none;
  }
}

.login .container-fluid .row-custom {
  justify-content: center;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .login .container-fluid .row-custom .col-login-otr {
    width: 100%;
  }
}

.login .container-fluid .row-custom .col-login-otr .col-login-inr {
  background-color: #FFFFFF;
  border-radius: 8px;
  padding: 48px 56px 72px 56px;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
}

@media (max-width: 575px) {
  .login .container-fluid .row-custom .col-login-otr .col-login-inr {
    padding: 24px;
  }
}

.login .container-fluid .row-custom .col-login-otr .col-login-inr .wrapper {
  text-align: center;
  margin-bottom: 48px;
}

.login .container-fluid .row-custom .col-login-otr .col-login-inr .wrapper .heading {
  color: #000000;
  margin-bottom: 16px;
}

.login .container-fluid .row-custom .col-login-otr .col-login-inr .wrapper .desc {
  color: rgba(0, 0, 0, 0.4);
}

.login .container-fluid .row-custom .col-login-otr .col-login-inr .row-custom-inr {
  align-items: center;
}

.login .container-fluid .row-custom .col-login-otr .col-login-inr .row-custom-inr .col-form-otr .col-form-inr {
  background-color: #FFFFFF;
  padding: 24px 32px 40px 32px;
  border-radius: 8px;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
}

@media (max-width: 991px) {
  .login .container-fluid .row-custom .col-login-otr .col-login-inr .row-custom-inr .col-form-otr .col-form-inr {
    margin-bottom: 30px;
  }
}

@media (max-width: 420px) {
  .login .container-fluid .row-custom .col-login-otr .col-login-inr .row-custom-inr .col-form-otr .col-form-inr {
    padding: 24px;
  }
}

.login .container-fluid .row-custom .col-login-otr .col-login-inr .row-custom-inr .col-form-otr .col-form-inr .heading {
  color: #000000;
  margin-bottom: 24px;
}

.login .container-fluid .row-custom .col-login-otr .col-login-inr .row-custom-inr .col-form-otr .col-form-inr .form-main {
  margin: 0;
}

.login .container-fluid .row-custom .col-login-otr .col-login-inr .row-custom-inr .col-form-otr .col-form-inr .form-main .input-otr:not(:last-child) {
  margin-bottom: 24px;
}

.login .container-fluid .row-custom .col-login-otr .col-login-inr .row-custom-inr .col-form-otr .col-form-inr .form-main .check-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 24px 0;
}

@media (max-width: 420px) {
  .login .container-fluid .row-custom .col-login-otr .col-login-inr .row-custom-inr .col-form-otr .col-form-inr .form-main .check-main {
    flex-direction: column;
    align-items: flex-start;
  }
}

.login .container-fluid .row-custom .col-login-otr .col-login-inr .row-custom-inr .col-form-otr .col-form-inr .form-main .check-main .check {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 420px) {
  .login .container-fluid .row-custom .col-login-otr .col-login-inr .row-custom-inr .col-form-otr .col-form-inr .form-main .check-main .check {
    margin: 0 0 16px 0;
  }
}

@media (max-width: 420px) {
  .login .container-fluid .row-custom .col-login-otr .col-login-inr .row-custom-inr .col-form-otr .col-form-inr .form-main .check-main .check {
    margin: 0 0 16px 0;
  }
}

.login .container-fluid .row-custom .col-login-otr .col-login-inr .row-custom-inr .col-form-otr .col-form-inr .form-main .check-main .check label {
  display: flex;
  align-items: center;
  margin: 0;
}

.login .container-fluid .row-custom .col-login-otr .col-login-inr .row-custom-inr .col-form-otr .col-form-inr .form-main .check-main .check label .check-inner {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  flex-shrink: 0;
  margin-right: 12px;
  background-color: #fcdee1;
  position: relative;
}

.login .container-fluid .row-custom .col-login-otr .col-login-inr .row-custom-inr .col-form-otr .col-form-inr .form-main .check-main .check label .check-inner:hover {
  cursor: pointer;
}

.login .container-fluid .row-custom .col-login-otr .col-login-inr .row-custom-inr .col-form-otr .col-form-inr .form-main .check-main .check label .check-inner .input-check {
  opacity: 0;
  position: absolute;
}

.login .container-fluid .row-custom .col-login-otr .col-login-inr .row-custom-inr .col-form-otr .col-form-inr .form-main .check-main .check label .check-inner .input-check:hover {
  cursor: pointer;
}

.login .container-fluid .row-custom .col-login-otr .col-login-inr .row-custom-inr .col-form-otr .col-form-inr .form-main .check-main .check label .check-inner .input-check:checked + .fill-current {
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}

.login .container-fluid .row-custom .col-login-otr .col-login-inr .row-custom-inr .col-form-otr .col-form-inr .form-main .check-main .check label .check-inner .fill-current {
  display: none;
  width: 24px;
  height: 24px;
  pointer-events: none;
  position: relative;
  left: -1px;
  top: -1px;
}

.login .container-fluid .row-custom .col-login-otr .col-login-inr .row-custom-inr .col-form-otr .col-form-inr .form-main .check-main .check label .select-none {
  color: rgba(0, 0, 0, 0.75);
  line-height: 28px;
  cursor: pointer;
}

.login .container-fluid .row-custom .col-login-otr .col-login-inr .row-custom-inr .col-form-otr .col-form-inr .form-main .check-main .check label .select-none .terms {
  display: inline;
}

.login .container-fluid .row-custom .col-login-otr .col-login-inr .row-custom-inr .col-form-otr .col-form-inr .form-main .check-main .forget {
  color: #F25867;
}

.login .container-fluid .row-custom .col-login-otr .col-login-inr .row-custom-inr .col-form-otr .col-form-inr .form-main .action {
  display: flex;
  width: 100%;
}

.login .container-fluid .row-custom .col-login-otr .col-login-inr .row-custom-inr .col-form-otr .col-form-inr .form-main .action .button {
  width: 100%;
}

.login .container-fluid .row-custom .col-login-otr .col-login-inr .row-custom-inr .col-social-otr .col-social-inr {
  background-color: #FFFFFF;
  padding: 24px 32px 40px 32px;
  border-radius: 8px;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
}

.login .container-fluid .row-custom .col-login-otr .col-login-inr .row-custom-inr .col-social-otr .col-social-inr .heading {
  color: #000000;
  margin-bottom: 24px;
}

.login .container-fluid .row-custom .col-login-otr .col-login-inr .row-custom-inr .col-social-otr .col-social-inr .social-ul .social-li:not(:last-child) {
  margin-bottom: 20px;
}

.login .container-fluid .row-custom .col-login-otr .col-login-inr .row-custom-inr .col-social-otr .col-social-inr .social-ul .social-li .social-a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border: 1px solid #F25867;
  border-radius: 4px;
  padding: 12px 24px;
  transition: 0.3s;
}

.login .container-fluid .row-custom .col-login-otr .col-login-inr .row-custom-inr .col-social-otr .col-social-inr .social-ul .social-li .social-a:hover {
  background-color: #F25867;
}

.login .container-fluid .row-custom .col-login-otr .col-login-inr .row-custom-inr .col-social-otr .col-social-inr .social-ul .social-li .social-a:hover .icon {
  color: #FFFFFF;
}

.login .container-fluid .row-custom .col-login-otr .col-login-inr .row-custom-inr .col-social-otr .col-social-inr .social-ul .social-li .social-a:hover .social-p {
  color: #FFFFFF;
}

.login .container-fluid .row-custom .col-login-otr .col-login-inr .row-custom-inr .col-social-otr .col-social-inr .social-ul .social-li .social-a .icon {
  font-size: 24px;
  margin-right: 12px;
  color: #F25867;
  transition: 0.3s;
}

.login .container-fluid .row-custom .col-login-otr .col-login-inr .row-custom-inr .col-social-otr .col-social-inr .social-ul .social-li .social-a .social-p {
  color: #F25867;
  transition: 0.3s;
}

/*===========================================
            Login End Here
===========================================*/

/*===========================================
            Login start Here
===========================================*/

.signup {
  position: relative;
  overflow: hidden;
  padding: 112px 0 128px 0;
}

@media (max-width: 575px) {
  .signup {
    padding: 80px 0 96px 0;
  }
}

.signup::after {
  content: "";
  position: absolute;
  width: 200px;
  height: 100%;
  top: 0;
  left: 0;
  background: conic-gradient(from 180deg at 50% 50%, #F25867 0deg, rgba(242, 88, 103, 0) 360deg);
  filter: blur(200px);
  z-index: -1;
}

@media (max-width: 575px) {
  .signup::after {
    display: none;
  }
}

.signup::before {
  content: "";
  position: absolute;
  width: 200px;
  height: 60%;
  top: 0;
  right: 0;
  background: conic-gradient(from 180deg at 50% 50%, #F25867 0deg, rgba(242, 88, 103, 0) 360deg);
  filter: blur(200px);
  z-index: -1;
}

@media (max-width: 575px) {
  .signup::before {
    display: none;
  }
}

.signup .container-fluid .row-custom {
  justify-content: center;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .signup .container-fluid .row-custom .col-signup-otr {
    width: 100%;
  }
}

.signup .container-fluid .row-custom .col-signup-otr .col-signup-inr {
  background-color: #FFFFFF;
  border-radius: 8px;
  padding: 48px 56px 72px 56px;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
}

@media (max-width: 575px) {
  .signup .container-fluid .row-custom .col-signup-otr .col-signup-inr {
    padding: 24px;
  }
}

.signup .container-fluid .row-custom .col-signup-otr .col-signup-inr .wrapper {
  text-align: center;
  margin-bottom: 48px;
}

.signup .container-fluid .row-custom .col-signup-otr .col-signup-inr .wrapper .heading {
  color: #000000;
  margin-bottom: 16px;
}

.signup .container-fluid .row-custom .col-signup-otr .col-signup-inr .wrapper .desc {
  color: rgba(0, 0, 0, 0.4);
}

.signup .container-fluid .row-custom .col-signup-otr .col-signup-inr .row-custom-inr {
  align-items: center;
}

.signup .container-fluid .row-custom .col-signup-otr .col-signup-inr .row-custom-inr .col-form-otr .col-form-inr {
  background-color: #FFFFFF;
  padding: 24px 32px 40px 32px;
  border-radius: 8px;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
}

@media (max-width: 991px) {
  .signup .container-fluid .row-custom .col-signup-otr .col-signup-inr .row-custom-inr .col-form-otr .col-form-inr {
    margin-bottom: 30px;
  }
}

@media (max-width: 420px) {
  .signup .container-fluid .row-custom .col-signup-otr .col-signup-inr .row-custom-inr .col-form-otr .col-form-inr {
    padding: 24px;
  }
}

.signup .container-fluid .row-custom .col-signup-otr .col-signup-inr .row-custom-inr .col-form-otr .col-form-inr .heading {
  color: #000000;
  margin-bottom: 24px;
}

.signup .container-fluid .row-custom .col-signup-otr .col-signup-inr .row-custom-inr .col-form-otr .col-form-inr .form-main {
  margin: 0;
}

.signup .container-fluid .row-custom .col-signup-otr .col-signup-inr .row-custom-inr .col-form-otr .col-form-inr .form-main .input-otr:not(:last-child) {
  margin-bottom: 24px;
}

.signup .container-fluid .row-custom .col-signup-otr .col-signup-inr .row-custom-inr .col-form-otr .col-form-inr .form-main .check-main {
  margin: 24px 0;
}

.signup .container-fluid .row-custom .col-signup-otr .col-signup-inr .row-custom-inr .col-form-otr .col-form-inr .form-main .check-main .check {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 420px) {
  .signup .container-fluid .row-custom .col-signup-otr .col-signup-inr .row-custom-inr .col-form-otr .col-form-inr .form-main .check-main .check {
    margin: 0 0 16px 0;
  }
}

.signup .container-fluid .row-custom .col-signup-otr .col-signup-inr .row-custom-inr .col-form-otr .col-form-inr .form-main .check-main .check label {
  display: flex;
  align-items: center;
  margin: 0;
}

.signup .container-fluid .row-custom .col-signup-otr .col-signup-inr .row-custom-inr .col-form-otr .col-form-inr .form-main .check-main .check label .check-inner {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  flex-shrink: 0;
  margin-right: 12px;
  background-color: #fcdee1;
  position: relative;
}

.signup .container-fluid .row-custom .col-signup-otr .col-signup-inr .row-custom-inr .col-form-otr .col-form-inr .form-main .check-main .check label .check-inner:hover {
  cursor: pointer;
}

.signup .container-fluid .row-custom .col-signup-otr .col-signup-inr .row-custom-inr .col-form-otr .col-form-inr .form-main .check-main .check label .check-inner .input-check {
  opacity: 0;
  position: absolute;
}

.signup .container-fluid .row-custom .col-signup-otr .col-signup-inr .row-custom-inr .col-form-otr .col-form-inr .form-main .check-main .check label .check-inner .input-check:hover {
  cursor: pointer;
}

.signup .container-fluid .row-custom .col-signup-otr .col-signup-inr .row-custom-inr .col-form-otr .col-form-inr .form-main .check-main .check label .check-inner .input-check:checked + .fill-current {
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}

.signup .container-fluid .row-custom .col-signup-otr .col-signup-inr .row-custom-inr .col-form-otr .col-form-inr .form-main .check-main .check label .check-inner .fill-current {
  display: none;
  width: 24px;
  height: 24px;
  pointer-events: none;
  position: relative;
  left: -1px;
  top: -1px;
}

.signup .container-fluid .row-custom .col-signup-otr .col-signup-inr .row-custom-inr .col-form-otr .col-form-inr .form-main .check-main .check label .select-none {
  color: rgba(0, 0, 0, 0.75);
  line-height: 28px;
  cursor: pointer;
}

.signup .container-fluid .row-custom .col-signup-otr .col-signup-inr .row-custom-inr .col-form-otr .col-form-inr .form-main .check-main .check label .select-none .linkk {
  display: inline;
  color: #F25867;
}

.signup .container-fluid .row-custom .col-signup-otr .col-signup-inr .row-custom-inr .col-form-otr .col-form-inr .form-main .action {
  display: flex;
  width: 100%;
}

.signup .container-fluid .row-custom .col-signup-otr .col-signup-inr .row-custom-inr .col-form-otr .col-form-inr .form-main .action .button {
  width: 100%;
}

.signup .container-fluid .row-custom .col-signup-otr .col-signup-inr .row-custom-inr .col-social-otr .col-social-inr {
  background-color: #FFFFFF;
  padding: 24px 32px 40px 32px;
  border-radius: 8px;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
}

.signup .container-fluid .row-custom .col-signup-otr .col-signup-inr .row-custom-inr .col-social-otr .col-social-inr .heading {
  color: #000000;
  margin-bottom: 24px;
}

.signup .container-fluid .row-custom .col-signup-otr .col-signup-inr .row-custom-inr .col-social-otr .col-social-inr .social-ul .social-li:not(:last-child) {
  margin-bottom: 20px;
}

.signup .container-fluid .row-custom .col-signup-otr .col-signup-inr .row-custom-inr .col-social-otr .col-social-inr .social-ul .social-li .social-a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border: 1px solid #F25867;
  border-radius: 4px;
  padding: 12px 24px;
  transition: 0.3s;
}

.signup .container-fluid .row-custom .col-signup-otr .col-signup-inr .row-custom-inr .col-social-otr .col-social-inr .social-ul .social-li .social-a:hover {
  background-color: #F25867;
}

.signup .container-fluid .row-custom .col-signup-otr .col-signup-inr .row-custom-inr .col-social-otr .col-social-inr .social-ul .social-li .social-a:hover .icon {
  color: #FFFFFF;
}

.signup .container-fluid .row-custom .col-signup-otr .col-signup-inr .row-custom-inr .col-social-otr .col-social-inr .social-ul .social-li .social-a:hover .social-p {
  color: #FFFFFF;
}

.signup .container-fluid .row-custom .col-signup-otr .col-signup-inr .row-custom-inr .col-social-otr .col-social-inr .social-ul .social-li .social-a .icon {
  font-size: 24px;
  margin-right: 12px;
  color: #F25867;
  transition: 0.3s;
}

.signup .container-fluid .row-custom .col-signup-otr .col-signup-inr .row-custom-inr .col-social-otr .col-social-inr .social-ul .social-li .social-a .social-p {
  color: #F25867;
  transition: 0.3s;
}

/*===========================================
            Login End Here
===========================================*/

/*===========================================
            upload start Here
===========================================*/

.upload {
  position: relative;
  overflow: hidden;
  padding: 112px 0 128px 0;
}

@media (max-width: 575px) {
  .upload {
    padding: 80px 0 96px 0;
  }
}

.upload::after {
  content: "";
  position: absolute;
  width: 200px;
  height: 50%;
  bottom: 0;
  left: 0;
  background: conic-gradient(from 180deg at 50% 50%, #F25867 0deg, rgba(242, 88, 103, 0) 360deg);
  filter: blur(200px);
  z-index: -1;
}

@media (max-width: 575px) {
  .upload::after {
    display: none;
  }
}

.upload::before {
  content: "";
  position: absolute;
  width: 200px;
  height: 50%;
  top: 0;
  right: 0;
  background: conic-gradient(from 180deg at 50% 50%, #F25867 0deg, rgba(242, 88, 103, 0) 360deg);
  filter: blur(200px);
  z-index: -1;
}

@media (max-width: 575px) {
  .upload::before {
    display: none;
  }
}

.upload .container-fluid .wrapper {
  text-align: center;
  margin-bottom: 72px;
}

@media (max-width: 575px) {
  .upload .container-fluid .wrapper {
    margin-bottom: 48px;
  }
}

.upload .container-fluid .wrapper .heading {
  color: #000000;
  margin-bottom: 16px;
}

.upload .container-fluid .wrapper .desc {
  color: rgba(0, 0, 0, 0.4);
}

.upload .container-fluid .wrapper .desc .linkk {
  display: inline;
  color: #F25867;
}

.upload .container-fluid .row-custom {
  align-items: center;
  justify-content: center;
}

@media (max-width: 575px) {
  .upload .container-fluid .row-custom {
    gap: 24px 0;
  }
}

.upload .container-fluid .row-custom .col-upload-otr .col-upload-inr .img-otr {
  margin-bottom: 30px;
}

.upload .container-fluid .row-custom .col-upload-otr .col-upload-inr .img-otr .img {
  width: 100%;
}

.upload .container-fluid .row-custom .col-upload-otr .col-upload-inr .action {
  display: flex;
  text-align: center;
  width: 100%;
}

.upload .container-fluid .row-custom .col-upload-otr .col-upload-inr .action .upload-btn {
  width: 100%;
}

/*===========================================
            upload End Here
===========================================*/

/*===========================================
        Connect Wallet start Here
===========================================*/

.connect-wallet {
  position: relative;
  overflow: hidden;
  padding: 112px 0 128px 0;
}

@media (max-width: 575px) {
  .connect-wallet {
    padding: 80px 0 96px 0;
  }
}

.connect-wallet::after {
  content: "";
  position: absolute;
  width: 200px;
  height: 100%;
  bottom: 0;
  left: 0;
  background: conic-gradient(from 180deg at 50% 50%, #F25867 0deg, rgba(242, 88, 103, 0) 360deg);
  filter: blur(200px);
  z-index: -1;
}

@media (max-width: 575px) {
  .connect-wallet::after {
    display: none;
  }
}

.connect-wallet .circle-img {
  position: absolute;
  right: -80px;
  top: -60px;
  width: 170px;
  height: 170px;
}

@media (max-width: 575px) {
  .connect-wallet .circle-img {
    display: none;
  }
}

.connect-wallet .container-fluid .wrapper {
  position: relative;
  text-align: center;
  margin-bottom: 72px;
}

@media (max-width: 575px) {
  .connect-wallet .container-fluid .wrapper {
    margin-bottom: 48px;
  }
}

.connect-wallet .container-fluid .wrapper .heading {
  color: #000000;
  margin-bottom: 16px;
}

.connect-wallet .container-fluid .wrapper .desc {
  color: rgba(0, 0, 0, 0.4);
}

.connect-wallet .container-fluid .wrapper .circle {
  position: absolute;
  left: 72px;
  top: 50%;
  transform: translateY(-50%);
  width: 90px;
  height: 90px;
}

@media (max-width: 767px) {
  .connect-wallet .container-fluid .wrapper .circle {
    left: -60px;
  }
}

@media (max-width: 575px) {
  .connect-wallet .container-fluid .wrapper .circle {
    display: none;
  }
}

.connect-wallet .container-fluid .row-custom {
  justify-content: center;
  gap: 24px 0;
}

.connect-wallet .container-fluid .row-custom .col-wallet-otr .col-wallet-inr {
  background-color: #FFFFFF;
  border-radius: 8px;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
}

.connect-wallet .container-fluid .row-custom .col-wallet-otr .col-wallet-inr .img-otr .wallet-bg {
  width: 100%;
  border-radius: 8px 8px 0 0;
}

.connect-wallet .container-fluid .row-custom .col-wallet-otr .col-wallet-inr .content {
  position: relative;
  text-align: center;
  padding: 56px 16px 24px 16px;
}

.connect-wallet .container-fluid .row-custom .col-wallet-otr .col-wallet-inr .content .wallet-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -40px;
  width: 80px;
  height: 80px;
  border-radius: 100%;
  border: 2px solid #F25867;
  background-color: #FFFFFF;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
}

.connect-wallet .container-fluid .row-custom .col-wallet-otr .col-wallet-inr .content .wallet-name {
  color: #000000;
  margin-bottom: 4px;
}

.connect-wallet .container-fluid .row-custom .col-wallet-otr .col-wallet-inr .content .desc {
  color: rgba(0, 0, 0, 0.4);
}

/*===========================================
        Connect Wallet End Here
===========================================*/

/*===========================================
        Single-creator start Here
===========================================*/

.single-creator {
  padding: 112px 0 128px 0;
}

@media (max-width: 575px) {
  .single-creator {
    padding: 80px 0 96px 0;
  }
}

.single-creator .container-fluid .wrapper {
  margin-bottom: 72px;
}

@media (max-width: 575px) {
  .single-creator .container-fluid .wrapper {
    margin-bottom: 48px;
  }
}

.single-creator .container-fluid .wrapper .heading {
  color: #000000;
}

.single-creator .container-fluid .row-custom .col-creator-otr .col-creator-inr {
  background-color: rgba(0, 0, 0, 0.03);
  border-radius: 8px;
  overflow: hidden;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
}

@media (max-width: 991px) {
  .single-creator .container-fluid .row-custom .col-creator-otr .col-creator-inr {
    margin-bottom: 72px;
  }
}

@media (max-width: 575px) {
  .single-creator .container-fluid .row-custom .col-creator-otr .col-creator-inr {
    margin-bottom: 48px;
  }
}

.single-creator .container-fluid .row-custom .col-creator-otr .col-creator-inr .img-otr .bg-img {
  width: 100%;
}

.single-creator .container-fluid .row-custom .col-creator-otr .col-creator-inr .content-otr {
  position: relative;
  text-align: center;
  padding: 100px 30px 24px 30px;
}

.single-creator .container-fluid .row-custom .col-creator-otr .col-creator-inr .content-otr .creator-otr {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -75px;
}

.single-creator .container-fluid .row-custom .col-creator-otr .col-creator-inr .content-otr .creator-otr .creator {
  width: 150px;
  height: 150px;
  border-radius: 100%;
  border: 2px solid #FFFFFF;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
}

.single-creator .container-fluid .row-custom .col-creator-otr .col-creator-inr .content-otr .email {
  color: #F25867;
}

.single-creator .container-fluid .row-custom .col-creator-otr .col-creator-inr .content-otr .name {
  color: #000000;
  margin: 8px 0;
}

.single-creator .container-fluid .row-custom .col-creator-otr .col-creator-inr .content-otr .copy-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}

.single-creator .container-fluid .row-custom .col-creator-otr .col-creator-inr .content-otr .copy-otr:hover .copy-text {
  color: #F25867;
}

.single-creator .container-fluid .row-custom .col-creator-otr .col-creator-inr .content-otr .copy-otr:hover .icon {
  color: #F25867;
}

.single-creator .container-fluid .row-custom .col-creator-otr .col-creator-inr .content-otr .copy-otr .copy-text {
  color: rgba(0, 0, 0, 0.4);
  margin-right: 16px;
  transition: 0.3s;
}

.single-creator .container-fluid .row-custom .col-creator-otr .col-creator-inr .content-otr .copy-otr .icon {
  font-size: 24px;
  color: rgba(0, 0, 0, 0.4);
  transition: 0.3s;
}

.single-creator .container-fluid .row-custom .col-creator-otr .col-creator-inr .content-otr .action {
  display: flex;
  width: 100%;
  margin: 24px 0;
}

.single-creator .container-fluid .row-custom .col-creator-otr .col-creator-inr .content-otr .action .follow-btn {
  width: 100%;
}

.single-creator .container-fluid .row-custom .col-creator-otr .col-creator-inr .content-otr .social-ul {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 16px;
}

.single-creator .container-fluid .row-custom .col-creator-otr .col-creator-inr .content-otr .social-ul .social-li .social-a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 100%;
  background-color: #FFFFFF;
  transition: 0.3s;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
}

.single-creator .container-fluid .row-custom .col-creator-otr .col-creator-inr .content-otr .social-ul .social-li .social-a:hover {
  background-color: #F25867;
}

.single-creator .container-fluid .row-custom .col-creator-otr .col-creator-inr .content-otr .social-ul .social-li .social-a:hover .icon {
  color: #FFFFFF;
}

.single-creator .container-fluid .row-custom .col-creator-otr .col-creator-inr .content-otr .social-ul .social-li .social-a .icon {
  font-size: 24px;
  color: rgba(0, 0, 0, 0.4);
  transition: 0.3s;
}

.single-creator .container-fluid .row-custom .col-creator-otr .col-creator-inr .member-text {
  text-align: center;
  border-top: 1px solid #BBBBBB;
  padding: 16px 24px;
}

.single-creator .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .nav {
  border: none;
  margin-bottom: 20px;
}

.single-creator .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .nav .nav-item {
  margin-bottom: 16px;
}

.single-creator .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .nav .nav-item:not(:last-child) {
  margin-right: 16px;
}

.single-creator .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .nav .nav-item .nav-link {
  padding: 6px 16px;
  background-color: rgba(0, 0, 0, 0.03);
  color: rgba(0, 0, 0, 0.4);
  border-radius: 4px;
  border: none;
}

.single-creator .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .nav .nav-item .active {
  background-color: #F25867;
  color: #FFFFFF;
}

.single-creator .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-one .heading {
  color: #000000;
  margin-bottom: 16px;
}

.single-creator .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-one .info-otr {
  display: flex;
  align-items: center;
}

@media (max-width: 420px) {
  .single-creator .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-one .info-otr {
    flex-direction: column;
    align-items: flex-start;
  }
}

.single-creator .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-one .info-otr:not(:last-child) {
  margin-bottom: 16px;
}

.single-creator .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-one .info-otr .info-text1 {
  margin-right: 60px;
  color: rgba(0, 0, 0, 0.4);
}

@media (max-width: 420px) {
  .single-creator .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-one .info-otr .info-text1 {
    margin: 0 0 16px 0;
  }
}

.single-creator .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-one .info-otr .info-text2 {
  color: rgba(0, 0, 0, 0.75);
}

.single-creator .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-one .star-main {
  display: flex;
  align-items: center;
}

@media (max-width: 420px) {
  .single-creator .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-one .star-main {
    flex-direction: column;
    align-items: flex-start;
  }
}

.single-creator .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-one .star-main .info-text1 {
  color: rgba(0, 0, 0, 0.4);
  margin-right: 60px;
}

@media (max-width: 420px) {
  .single-creator .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-one .star-main .info-text1 {
    margin: 0 0 16px 0;
  }
}

.single-creator .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-one .star-main .star-ul {
  display: flex;
  align-items: center;
}

.single-creator .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-one .star-main .star-ul .star-li:not(:last-child) {
  margin-right: 8px;
}

.single-creator .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-one .star-main .star-ul .star-li .icon {
  font-size: 20px;
  color: #FFB800;
}

.single-creator .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-one .star-main .star-ul .star-li .last-iocn {
  color: #BBBBBB;
}

.single-creator .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-one .star-main .info-text2 {
  color: rgba(0, 0, 0, 0.75);
  margin-left: 12px;
}

.single-creator .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-one .bio-text {
  color: #000000;
  margin: 24px 0 16px 0;
}

.single-creator .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-one .bio-desc {
  color: rgba(0, 0, 0, 0.4);
}

.single-creator .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-five {
  gap: 24px 0;
}

.single-creator .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-five .activity-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px;
  border-radius: 8px;
  background-color: rgba(0, 0, 0, 0.03);
}

.single-creator .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-five .activity-box:not(:last-child) {
  margin-bottom: 24px;
}

@media (max-width: 575px) {
  .single-creator .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-five .activity-box {
    position: relative;
  }
}

.single-creator .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-five .activity-box .img-content {
  display: flex;
  align-items: center;
}

@media (max-width: 575px) {
  .single-creator .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-five .activity-box .img-content {
    flex-direction: column;
    align-items: flex-start;
  }
}

.single-creator .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-five .activity-box .img-content .img-otr {
  margin-right: 24px;
}

@media (max-width: 575px) {
  .single-creator .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-five .activity-box .img-content .img-otr {
    margin: 0 0 24px 0;
  }
}

.single-creator .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-five .activity-box .img-content .img-otr .img {
  width: 125px;
  height: 125px;
  border-radius: 8px;
}

.single-creator .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-five .activity-box .img-content .content-otr .heading {
  color: #000000;
  transition: 0.3s;
}

.single-creator .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-five .activity-box .img-content .content-otr .heading:hover {
  color: #F25867;
}

.single-creator .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-five .activity-box .img-content .content-otr .desc {
  color: rgba(0, 0, 0, 0.4);
  margin: 4px 0 8px 0;
}

.single-creator .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-five .activity-box .img-content .content-otr .desc .linkk {
  display: inline;
  color: #F25867;
}

.single-creator .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-five .activity-box .img-content .content-otr .tag {
  color: rgba(0, 0, 0, 0.4);
}

.single-creator .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-five .activity-box .icon-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0.03);
  cursor: pointer;
  transition: 0.3s;
}

@media (max-width: 575px) {
  .single-creator .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-five .activity-box .icon-otr {
    position: absolute;
    top: 24px;
    right: 24px;
  }
}

.single-creator .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-five .activity-box .icon-otr:hover {
  background-color: #F25867;
}

.single-creator .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-five .activity-box .icon-otr:hover .icon {
  color: #FFFFFF;
}

.single-creator .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-five .activity-box .icon-otr .icon {
  font-size: 28px;
  color: rgba(0, 0, 0, 0.4);
  transition: 0.3s;
}

.single-creator .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-six .row-custom {
  gap: 24px 0;
}

.single-creator .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-six .row-custom .col-card-otr .col-card-inr {
  background-color: rgba(0, 0, 0, 0.03);
  border-radius: 8px;
}

.single-creator .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-six .row-custom .col-card-otr .col-card-inr .content-icon {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
  border-bottom: 1px solid #BBBBBB;
}

.single-creator .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-six .row-custom .col-card-otr .col-card-inr .content-icon .img-content {
  display: flex;
  align-items: center;
}

@media (max-width: 420px) {
  .single-creator .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-six .row-custom .col-card-otr .col-card-inr .content-icon .img-content {
    flex-direction: column;
    align-items: flex-start;
  }
}

.single-creator .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-six .row-custom .col-card-otr .col-card-inr .content-icon .img-content .img-otr {
  position: relative;
}

.single-creator .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-six .row-custom .col-card-otr .col-card-inr .content-icon .img-content .img-otr .creator {
  width: 80px;
  height: 80px;
  border-radius: 100%;
  border: 2px solid #FFFFFF;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
}

.single-creator .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-six .row-custom .col-card-otr .col-card-inr .content-icon .img-content .img-otr .icon-otr {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 24px;
  height: 24px;
  background-color: #F25867;
  border-radius: 100%;
}

.single-creator .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-six .row-custom .col-card-otr .col-card-inr .content-icon .img-content .img-otr .icon-otr .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 24px;
  color: #FFFFFF;
}

.single-creator .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-six .row-custom .col-card-otr .col-card-inr .content-icon .img-content .location-main {
  margin-left: 24px;
}

@media (max-width: 420px) {
  .single-creator .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-six .row-custom .col-card-otr .col-card-inr .content-icon .img-content .location-main {
    margin: 24px 0 0 0;
  }
}

.single-creator .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-six .row-custom .col-card-otr .col-card-inr .content-icon .img-content .location-main .name {
  color: #000000;
  transition: 0.3s;
}

.single-creator .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-six .row-custom .col-card-otr .col-card-inr .content-icon .img-content .location-main .name:hover {
  color: #F25867;
}

.single-creator .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-six .row-custom .col-card-otr .col-card-inr .content-icon .img-content .location-main .location-otr {
  display: flex;
  align-items: center;
  margin-top: 4px;
}

.single-creator .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-six .row-custom .col-card-otr .col-card-inr .content-icon .img-content .location-main .location-otr .map-icon {
  font-size: 20px;
  color: rgba(0, 0, 0, 0.4);
  margin-right: 12px;
}

.single-creator .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-six .row-custom .col-card-otr .col-card-inr .content-icon .img-content .location-main .location-otr .location {
  color: rgba(0, 0, 0, 0.4);
}

.single-creator .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-six .row-custom .col-card-otr .col-card-inr .content-icon .follow-icon-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0.03);
  transition: 0.3s;
}

.single-creator .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-six .row-custom .col-card-otr .col-card-inr .content-icon .follow-icon-otr:hover {
  background-color: #F25867;
}

.single-creator .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-six .row-custom .col-card-otr .col-card-inr .content-icon .follow-icon-otr:hover .follow-icon {
  color: #FFFFFF;
}

.single-creator .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-six .row-custom .col-card-otr .col-card-inr .content-icon .follow-icon-otr .follow-icon {
  font-size: 24px;
  color: rgba(0, 0, 0, 0.4);
  transition: 0.3s;
}

.single-creator .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-six .row-custom .col-card-otr .col-card-inr .creator-slide {
  margin: 0 24px;
  padding: 20px 0;
}

.single-creator .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-six .row-custom .col-card-otr .col-card-inr .creator-slide .swiper-wrapper {
  height: auto;
}

.single-creator .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-six .row-custom .col-card-otr .col-card-inr .creator-slide .swiper-wrapper .swiper-slide .img-otr {
  width: 100%;
}

.single-creator .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-six .row-custom .col-card-otr .col-card-inr .creator-slide .swiper-wrapper .swiper-slide .img-otr .img {
  width: 100%;
  border-radius: 8px;
  -o-object-fit: cover;
     object-fit: cover;
}

.single-creator .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-two .row-custom,
.single-creator .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-three .row-custom,
.single-creator .container-fluid .row-custom .col-tabs-otr .col-tabs-inr .tab-content .tab-four .row-custom {
  gap: 24px 0;
}

/*===========================================
        Single-creator End Here
===========================================*/

/*===========================================
        create Single start Here
===========================================*/

.create-single {
  position: relative;
  overflow: hidden;
  padding: 112px 0 128px 0;
  background-image: url(/assets/img/create-single-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
}

@media (max-width: 575px) {
  .create-single {
    padding: 80px 0 96px 0;
    background-size: contain;
  }
}

.create-single::after {
  content: "";
  position: absolute;
  width: 200px;
  height: 40%;
  bottom: 0;
  left: 0;
  background: conic-gradient(from 180deg at 50% 50%, #F25867 0deg, rgba(242, 88, 103, 0) 360deg);
  filter: blur(200px);
  z-index: -1;
}

@media (max-width: 575px) {
  .create-single::after {
    display: none;
  }
}

.create-single .container-fluid .wrapper {
  margin-bottom: 72px;
}

@media (max-width: 575px) {
  .create-single .container-fluid .wrapper {
    margin-bottom: 48px;
  }
}

.create-single .container-fluid .wrapper .heading {
  color: #000000;
}

.create-single .container-fluid .row-custom .col-upload-otr .col-upload-inr {
  background-color: rgba(0, 0, 0, 0.03);
  border-radius: 8px;
  padding: 24px 32px 40px 32px;
}

.create-single .container-fluid .row-custom .col-upload-otr .col-upload-inr .heading {
  color: #000000;
}

.create-single .container-fluid .row-custom .col-upload-otr .col-upload-inr .desc {
  color: rgba(0, 0, 0, 0.4);
  margin: 16px 0 24px 0;
}

@media (max-width: 991px) {
  .create-single .container-fluid .row-custom .col-detail-otr .col-detail-inr {
    padding-top: 72px;
  }
}

@media (max-width: 575px) {
  .create-single .container-fluid .row-custom .col-detail-otr .col-detail-inr {
    padding-top: 48px;
  }
}

.create-single .container-fluid .row-custom .col-detail-otr .col-detail-inr .heading {
  color: #000000;
}

.create-single .container-fluid .row-custom .col-detail-otr .col-detail-inr .heading1 {
  margin-bottom: 24px;
}

.create-single .container-fluid .row-custom .col-detail-otr .col-detail-inr .input-otr {
  margin-bottom: 24px;
}

.create-single .container-fluid .row-custom .col-detail-otr .col-detail-inr .input-otr .textarea {
  height: 150px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  resize: none;
}

.create-single .container-fluid .row-custom .col-detail-otr .col-detail-inr .slect-main {
  width: 100%;
}

.create-single .container-fluid .row-custom .col-detail-otr .col-detail-inr .slect-main .select {
  cursor: pointer;
  display: inline-block;
  position: relative;
  width: 100%;
}

.create-single .container-fluid .row-custom .col-detail-otr .col-detail-inr .slect-main .select .select-hidden {
  display: none;
  visibility: hidden;
  padding-right: 10px;
}

.create-single .container-fluid .row-custom .col-detail-otr .col-detail-inr .slect-main .select .select-styled {
  color: rgba(0, 0, 0, 0.6);
  padding: 12px 40px 12px 24px;
  border-radius: 8px;
  border: none;
  background-color: rgba(0, 0, 0, 0.03);
  font-family: "SpaceGrotesk-Bold";
  font-feature-settings: "ss04" on;
  font-size: 16px;
  line-height: 28px;
}

.create-single .container-fluid .row-custom .col-detail-otr .col-detail-inr .slect-main .select .select-styled:after {
  content: "";
  width: 12px;
  height: 10px;
  position: absolute;
  background-image: url(/assets/img/arrow-drop-down-black.svg);
  background-repeat: no-repeat;
  background-position: center;
  top: 22px;
  right: 24px;
}

.create-single .container-fluid .row-custom .col-detail-otr .col-detail-inr .slect-main .select .select-styled:active:after,
.create-single .container-fluid .row-custom .col-detail-otr .col-detail-inr .slect-main .select .select-styled.active:after {
  top: 22px;
  border-color: transparent transparent #FFFFFF transparent;
}

.create-single .container-fluid .row-custom .col-detail-otr .col-detail-inr .slect-main .select .select-options {
  display: none;
  position: absolute;
  top: 130%;
  right: 0;
  width: 200px;
  z-index: 999;
  background-color: #FFFFFF;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 8px 0 0 0;
  width: 100%;
}

@media (max-width: 575px) {
  .create-single .container-fluid .row-custom .col-detail-otr .col-detail-inr .slect-main .select .select-options {
    right: inherit;
    left: 0;
  }
}

.create-single .container-fluid .row-custom .col-detail-otr .col-detail-inr .slect-main .select .select-options li {
  color: rgba(0, 0, 0, 0.75);
  border-radius: 0;
  padding: 0 24px 8px 24px;
  transition: 0.3s;
  font-family: "SpaceGrotesk-Bold";
  font-size: 16px;
  line-height: 28px;
  font-feature-settings: "ss04" on;
}

.create-single .container-fluid .row-custom .col-detail-otr .col-detail-inr .slect-main .select .select-options li:not(:last-child) {
  margin: 0 0 8px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.create-single .container-fluid .row-custom .col-detail-otr .col-detail-inr .slect-main .select .select-options li:hover {
  color: #F25867;
  background: transparent;
  border-radius: 0;
}

.create-single .container-fluid .row-custom .col-detail-otr .col-detail-inr .slect-main .select .select-options li[rel=hide] {
  display: none;
}

.create-single .container-fluid .row-custom .col-detail-otr .col-detail-inr .heading2 {
  margin: 24px 0;
}

.create-single .container-fluid .row-custom .col-detail-otr .col-detail-inr .input-main {
  display: flex;
  align-items: center;
}

@media (max-width: 575px) {
  .create-single .container-fluid .row-custom .col-detail-otr .col-detail-inr .input-main {
    flex-direction: column;
    align-items: flex-start;
  }
}

.create-single .container-fluid .row-custom .col-detail-otr .col-detail-inr .input-main .input-otr {
  width: 50%;
  margin-bottom: 0;
}

@media (max-width: 575px) {
  .create-single .container-fluid .row-custom .col-detail-otr .col-detail-inr .input-main .input-otr {
    width: 100%;
  }
}

.create-single .container-fluid .row-custom .col-detail-otr .col-detail-inr .input-main .input-otr:not(:last-child) {
  margin-right: 24px;
}

@media (max-width: 575px) {
  .create-single .container-fluid .row-custom .col-detail-otr .col-detail-inr .input-main .input-otr:not(:last-child) {
    margin: 0 0 24px 0;
  }
}

.create-single .container-fluid .row-custom .col-detail-otr .col-detail-inr .check-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 30px 0 24px 0;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .create-single .container-fluid .row-custom .col-detail-otr .col-detail-inr .check-main {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 575px) {
  .create-single .container-fluid .row-custom .col-detail-otr .col-detail-inr .check-main {
    flex-direction: column;
    align-items: flex-start;
  }
}

.create-single .container-fluid .row-custom .col-detail-otr .col-detail-inr .check-main .check {
  display: flex;
  justify-content: space-between;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .create-single .container-fluid .row-custom .col-detail-otr .col-detail-inr .check-main .check:not(:last-child) {
    margin-bottom: 16px;
  }
}

@media (max-width: 575px) {
  .create-single .container-fluid .row-custom .col-detail-otr .col-detail-inr .check-main .check:not(:last-child) {
    margin-bottom: 16px;
  }
}

.create-single .container-fluid .row-custom .col-detail-otr .col-detail-inr .check-main .check label {
  display: flex;
  align-items: center;
  margin: 0;
}

.create-single .container-fluid .row-custom .col-detail-otr .col-detail-inr .check-main .check label .check-inner {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  flex-shrink: 0;
  margin-right: 12px;
  background-color: transparent;
  border: 2px solid #BBBBBB;
  position: relative;
}

.create-single .container-fluid .row-custom .col-detail-otr .col-detail-inr .check-main .check label .check-inner:hover {
  cursor: pointer;
}

.create-single .container-fluid .row-custom .col-detail-otr .col-detail-inr .check-main .check label .check-inner .input-check {
  opacity: 0;
  position: absolute;
}

.create-single .container-fluid .row-custom .col-detail-otr .col-detail-inr .check-main .check label .check-inner .input-check:hover {
  cursor: pointer;
}

.create-single .container-fluid .row-custom .col-detail-otr .col-detail-inr .check-main .check label .check-inner .input-check:checked + .fill-current {
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}

.create-single .container-fluid .row-custom .col-detail-otr .col-detail-inr .check-main .check label .check-inner .fill-current {
  display: none;
  width: 24px;
  height: 24px;
  pointer-events: none;
  position: relative;
  left: -1px;
  top: -1px;
}

.create-single .container-fluid .row-custom .col-detail-otr .col-detail-inr .check-main .check label .select-none {
  color: rgba(0, 0, 0, 0.75);
  line-height: 28px;
  cursor: pointer;
}

.create-single .container-fluid .row-custom .col-detail-otr .col-detail-inr .check-main .check label .select-none .terms {
  display: inline;
}

.create-single .container-fluid .row-custom .col-detail-otr .col-detail-inr .desc {
  color: rgba(0, 0, 0, 0.4);
  margin: 16px 0 36px 0;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .create-single .container-fluid .row-custom .col-detail-otr .col-detail-inr .row-custom-inr {
    gap: 24px 0;
  }
}

@media (max-width: 767px) {
  .create-single .container-fluid .row-custom .col-detail-otr .col-detail-inr .row-custom-inr {
    gap: 24px 0;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .create-single .container-fluid .row-custom .col-detail-otr .col-detail-inr .row-custom-inr .col-box-otr {
    width: 33.333%;
  }
}

.create-single .container-fluid .row-custom .col-detail-otr .col-detail-inr .row-custom-inr .col-box-otr .col-box-inr {
  background-color: rgba(0, 0, 0, 0.03);
  border-radius: 8px;
  padding: 20px 20px 16px 20px;
  cursor: pointer;
  border: 2px solid transparent;
  transition: 0.3s;
}

.create-single .container-fluid .row-custom .col-detail-otr .col-detail-inr .row-custom-inr .col-box-otr .col-box-inr .img-otr-1 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background-color: #F25867;
  border-radius: 100%;
}

.create-single .container-fluid .row-custom .col-detail-otr .col-detail-inr .row-custom-inr .col-box-otr .col-box-inr .img-otr-1 .icon {
  font-size: 36px;
  color: #FFFFFF;
}

.create-single .container-fluid .row-custom .col-detail-otr .col-detail-inr .row-custom-inr .col-box-otr .col-box-inr .img-otr {
  margin-bottom: 10px;
}

.create-single .container-fluid .row-custom .col-detail-otr .col-detail-inr .row-custom-inr .col-box-otr .col-box-inr .img-otr .img-profile {
  width: 60px;
  height: 60px;
  border: 2px solid #FFFFFF;
  border-radius: 100%;
}

.create-single .container-fluid .row-custom .col-detail-otr .col-detail-inr .row-custom-inr .col-box-otr .col-box-inr .heading {
  color: #000000;
}

.create-single .container-fluid .row-custom .col-detail-otr .col-detail-inr .row-custom-inr .col-box-otr .active-border {
  border: 2px solid #F25867;
  background-color: #FFFFFF;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
}

.create-single .container-fluid .row-custom .col-detail-otr .col-detail-inr .row-custom-inr .action-otr {
  display: flex;
  align-items: center;
  text-align: center;
  margin-top: 40px;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .create-single .container-fluid .row-custom .col-detail-otr .col-detail-inr .row-custom-inr .action-otr {
    margin-top: 10px;
  }
}

@media (max-width: 767px) {
  .create-single .container-fluid .row-custom .col-detail-otr .col-detail-inr .row-custom-inr .action-otr {
    margin-top: 10px;
  }
}

@media (max-width: 420px) {
  .create-single .container-fluid .row-custom .col-detail-otr .col-detail-inr .row-custom-inr .action-otr {
    flex-direction: column;
  }
}

.create-single .container-fluid .row-custom .col-detail-otr .col-detail-inr .row-custom-inr .action-otr .btn-create {
  width: 50%;
}

@media (max-width: 420px) {
  .create-single .container-fluid .row-custom .col-detail-otr .col-detail-inr .row-custom-inr .action-otr .btn-create {
    width: 100%;
  }
}

.create-single .container-fluid .row-custom .col-detail-otr .col-detail-inr .row-custom-inr .action-otr .btn-create:not(:last-child) {
  margin-right: 24px;
}

@media (max-width: 420px) {
  .create-single .container-fluid .row-custom .col-detail-otr .col-detail-inr .row-custom-inr .action-otr .btn-create:not(:last-child) {
    margin: 0 0 24px 0;
  }
}

/*===========================================
        create Single End Here
===========================================*/

.upload-area {
  width: 100%;
  background-color: #fcdee1;
  border-radius: 8px;
  text-align: center;
  padding: 72px;
  border: 2px solid #F25867;
  margin: 0;
}

@media (max-width: 420px) {
  .upload-area {
    padding: 15px;
  }
}

.upload-area .upload-area--open {
  -webkit-animation: slidDown 500ms ease-in-out;
          animation: slidDown 500ms ease-in-out;
}

.upload-area .upload-area__header .upload-area__paragraph .upload-area__tooltip {
  position: relative;
  cursor: pointer;
  transition: color 300ms ease-in-out;
}

.upload-area .upload-area__header .upload-area__paragraph .upload-area__tooltip:hover {
  color: var(--clr-blue);
}

.upload-area .upload-area__header .upload-area__paragraph .upload-area__tooltip:hover .upload-area__tooltip-data {
  opacity: 1;
  visibility: visible;
}

.upload-area .upload-area__header .upload-area__paragraph .upload-area__tooltip .upload-area__tooltip-data {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -125%);
  opacity: 0;
  visibility: hidden;
  transition: none 300ms ease-in-out;
}

.upload-area .upload-area__drop-zoon {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  cursor: pointer;
}

.upload-area .upload-area__drop-zoon .drop-zoon__icon {
  display: none;
  font-size: 3.75rem;
  color: #F25867;
}

.upload-area .upload-area__drop-zoon .desc {
  color: rgba(0, 0, 0, 0.4);
  margin: 0 0 24px 0 !important;
}

@media (max-width: 420px) {
  .upload-area .upload-area__drop-zoon .desc {
    margin: 12px 0 8px;
  }
}

.upload-area .upload-area__drop-zoon .drop-zoon__paragraph {
  margin: 0;
  transition: opacity 300ms ease-in-out;
}

.upload-area .upload-area__drop-zoon .drop-zoon__loading-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  color: var(--clr-light-blue);
  z-index: 10;
}

.upload-area .upload-area__drop-zoon .drop-zoon__preview-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 232px;
  -o-object-fit: contain;
     object-fit: contain;
  display: none;
  z-index: 1000;
}

.upload-area .upload-area__drop-zoon .drop-zoon__file-input {
  display: none;
}

.upload-area .upload-area__file-details {
  height: 0;
  visibility: hidden;
  opacity: 0;
  text-align: left;
}

.upload-area .upload-area__file-details .file-details__title {
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--clr-light-gray);
}

.upload-area .upload-area__file-details .uploaded-file {
  display: flex;
  align-items: center;
  visibility: hidden;
  opacity: 0;
  transition: none 500ms ease-in-out;
  transition-property: visibility, opacity;
}

.upload-area .upload-area__file-details .uploaded-file .uploaded-file__icon-container {
  position: relative;
}

.upload-area .upload-area__file-details .uploaded-file .uploaded-file__icon-container .uploaded-file__icon {
  font-size: 3.4375rem;
  color: var(--clr-blue);
}

.upload-area .upload-area__file-details .uploaded-file .uploaded-file__icon-container .uploaded-file__icon-text {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.9375rem;
  font-weight: 500;
  color: var(--clr-white);
}

.upload-area .upload-area__file-details .uploaded-file--open {
  visibility: visible;
  opacity: 1;
}

@-webkit-keyframes slidDown {
  from {
    height: 28.125rem;
  }

  to {
    height: 35rem;
  }
}

@keyframes slidDown {
  from {
    height: 28.125rem;
  }

  to {
    height: 35rem;
  }
}

.drop-zoon__paragraph:hover {
  transform: translateY(0) !important;
}

.upload-active {
  opacity: 0 !important;
}

.drop-zoon:hover .drop-zoon__icon,
.drop-zoon:hover .drop-zoon__paragraph {
  opacity: 0.7;
}

.drop-zoon:hover .drop-zoon__preview-image {
  opacity: 1;
}

.drop-zoon--over .drop-zoon__icon,
.drop-zoon--over .drop-zoon__paragraph {
  opacity: 0.7;
}

.drop-zoon--Uploaded .drop-zoon__icon,
.drop-zoon--Uploaded .drop-zoon__paragraph {
  opacity: 0;
}

.drop-zoon--Uploaded .drop-zoon__icon,
.drop-zoon--Uploaded .desc {
  opacity: 0;
  margin: 52px 0 30px 0;
}

.file-details--open {
  height: auto;
  visibility: visible;
  opacity: 1;
}

.uploaded-file__info {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.uploaded-file__info::before,
.uploaded-file__info::after {
  content: "";
  position: absolute;
  width: 0;
  background-color: #ebf2ff;
}

.uploaded-file__info::before {
  width: 100%;
}

.uploaded-file__info::after {
  width: 100%;
  background-color: var(--clr-blue);
}

.uploaded-file__info--active::after {
  -webkit-animation: progressMove 800ms ease-in-out;
          animation: progressMove 800ms ease-in-out;
  -webkit-animation-delay: 300ms;
          animation-delay: 300ms;
}

@-webkit-keyframes progressMove {
  from {
    width: 0%;
    background-color: transparent;
  }

  to {
    width: 100%;
    background-color: var(--clr-blue);
  }
}

@keyframes progressMove {
  from {
    width: 0%;
    background-color: transparent;
  }

  to {
    width: 100%;
    background-color: var(--clr-blue);
  }
}

.uploaded-file__name {
  width: 100%;
  display: inline-block;
  font-size: 1rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.uploaded-file__counter {
  font-size: 1rem;
  color: var(--clr-light-gray);
}

.upload-area .upload-area__drop-zoon .drop-zoon__preview-image {
  height: 100%;
}

/*===========================================
        Explore-Artwork start Here
===========================================*/

.explore-artwork {
  padding: 112px 0 128px 0;
}

@media (max-width: 575px) {
  .explore-artwork {
    padding: 80px 0 96px 0;
  }
}

.explore-artwork .container-fluid .wrapper {
  margin-bottom: 72px;
}

@media (max-width: 575px) {
  .explore-artwork .container-fluid .wrapper {
    margin-bottom: 48px;
  }
}

.explore-artwork .container-fluid .wrapper .heading {
  color: #000000;
}

.explore-artwork .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-radius: 8px;
  padding: 24px 28px 28px 28px;
}

@media (max-width: 767px) {
  .explore-artwork .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr {
    margin-bottom: 72px;
  }
}

@media (max-width: 575px) {
  .explore-artwork .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr {
    margin-bottom: 48px;
  }
}

.explore-artwork .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .heading {
  color: #000000;
  margin-bottom: 16px;
}

.explore-artwork .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .filter-main:not(:last-child) {
  margin-bottom: 24px;
}

.explore-artwork .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .filter-main .filter-text {
  color: rgba(0, 0, 0, 0.75);
  margin-bottom: 8px;
}

.explore-artwork .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .filter-main .filter-ul .filter-li:not(:last-child) {
  margin-bottom: 4px;
}

.explore-artwork .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .filter-main .filter-ul .filter-li .check {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 420px) {
  .explore-artwork .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .filter-main .filter-ul .filter-li .check {
    margin: 0 0 16px 0;
  }
}

.explore-artwork .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .filter-main .filter-ul .filter-li .check label {
  display: flex;
  align-items: center;
  margin: 0;
}

.explore-artwork .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .filter-main .filter-ul .filter-li .check label .check-inner {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  flex-shrink: 0;
  margin-right: 12px;
  background-color: #fcdee1;
  position: relative;
}

.explore-artwork .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .filter-main .filter-ul .filter-li .check label .check-inner:hover {
  cursor: pointer;
}

.explore-artwork .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .filter-main .filter-ul .filter-li .check label .check-inner .input-check {
  opacity: 0;
  position: absolute;
}

.explore-artwork .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .filter-main .filter-ul .filter-li .check label .check-inner .input-check:hover {
  cursor: pointer;
}

.explore-artwork .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .filter-main .filter-ul .filter-li .check label .check-inner .input-check:checked + .fill-current {
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 4px;
}

.explore-artwork .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .filter-main .filter-ul .filter-li .check label .check-inner .fill-current {
  display: none;
  width: 16px;
  height: 16px;
  pointer-events: none;
  position: relative;
  left: -1px;
  top: -1px;
}

.explore-artwork .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .filter-main .filter-ul .filter-li .check label .select-none {
  color: rgba(0, 0, 0, 0.75);
  line-height: 28px;
  cursor: pointer;
}

.explore-artwork .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .filter-main .filter-ul .filter-li .check label .select-none .terms {
  display: inline;
}

.explore-artwork .container-fluid .row-custom .col-art-otr .col-art-inr .row-custom {
  gap: 24px 0;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .explore-artwork .container-fluid .row-custom .col-art-otr .col-art-inr .row-custom .col-box-otr {
    width: 50%;
  }
}

.explore-artwork .container-fluid .row-custom .col-art-otr .col-art-inr .action-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 72px;
}

@media (max-width: 575px) {
  .explore-artwork .container-fluid .row-custom .col-art-otr .col-art-inr .action-otr {
    margin-top: 48px;
  }
}

/*===========================================
        Explore-Artwork End Here
===========================================*/

/*===========================================
        Single-Artwork start Here
===========================================*/

.single-artwork {
  padding: 112px 0 128px 0;
}

@media (max-width: 575px) {
  .single-artwork {
    padding: 80px 0 96px 0;
  }
}

.single-artwork .container-fluid .row-custom .col-art-img-otr .col-art-img-inr {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  background-color: #FFFFFF;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}

.single-artwork .container-fluid .row-custom .col-art-img-otr .col-art-img-inr .img-otr {
  position: relative;
}

.single-artwork .container-fluid .row-custom .col-art-img-otr .col-art-img-inr .img-otr .img {
  width: 100%;
  border-radius: 8px 8px 0 0;
}

.single-artwork .container-fluid .row-custom .col-art-img-otr .col-art-img-inr .img-otr .icon-otr {
  position: absolute;
  top: 28px;
  right: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  background-color: #FFFFFF;
  border-radius: 100%;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
  transition: 0.3s;
  cursor: pointer;
}

.single-artwork .container-fluid .row-custom .col-art-img-otr .col-art-img-inr .img-otr .icon-otr:hover {
  background-color: #F25867;
}

.single-artwork .container-fluid .row-custom .col-art-img-otr .col-art-img-inr .img-otr .icon-otr:hover .icon {
  color: #FFFFFF;
}

.single-artwork .container-fluid .row-custom .col-art-img-otr .col-art-img-inr .img-otr .icon-otr .icon {
  font-size: 24px;
  color: #F25867;
  transition: 0.3s;
}

.single-artwork .container-fluid .row-custom .col-art-img-otr .col-art-img-inr .icon-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 24px;
}

.single-artwork .container-fluid .row-custom .col-art-img-otr .col-art-img-inr .icon-main .icon-otr {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  background-color: rgba(0, 0, 0, 0.03);
  border-radius: 100%;
  transition: 0.3s;
  cursor: pointer;
}

.single-artwork .container-fluid .row-custom .col-art-img-otr .col-art-img-inr .icon-main .icon-otr:hover {
  background-color: #F25867;
}

.single-artwork .container-fluid .row-custom .col-art-img-otr .col-art-img-inr .icon-main .icon-otr:hover .icon {
  color: #FFFFFF;
}

.single-artwork .container-fluid .row-custom .col-art-img-otr .col-art-img-inr .icon-main .icon-otr .icon {
  font-size: 24px;
  color: rgba(0, 0, 0, 0.4);
  transition: 0.3s;
}

.single-artwork .container-fluid .row-custom .col-art-img-otr .col-art-img-inr .icon-main .icon-otr .share-pop-otr {
  position: absolute;
  width: 320px;
  background-color: #FFFFFF;
  border-radius: 8px;
  padding: 20px 28px 24px 28px;
  text-align: center;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  left: 0;
  bottom: 60px;
  transition: 0.3s;
}

.single-artwork .container-fluid .row-custom .col-art-img-otr .col-art-img-inr .icon-main .icon-otr .share-pop-otr .share-text {
  color: #000000;
  margin-bottom: 16px;
}

.single-artwork .container-fluid .row-custom .col-art-img-otr .col-art-img-inr .icon-main .icon-otr .share-pop-otr .social-ul {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 16px;
}

.single-artwork .container-fluid .row-custom .col-art-img-otr .col-art-img-inr .icon-main .icon-otr .share-pop-otr .social-ul .social-li .social-a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0.03);
  transition: 0.3s;
}

.single-artwork .container-fluid .row-custom .col-art-img-otr .col-art-img-inr .icon-main .icon-otr .share-pop-otr .social-ul .social-li .social-a:hover {
  background-color: #F25867;
}

.single-artwork .container-fluid .row-custom .col-art-img-otr .col-art-img-inr .icon-main .icon-otr .share-pop-otr .social-ul .social-li .social-a:hover .icon {
  color: #FFFFFF;
}

.single-artwork .container-fluid .row-custom .col-art-img-otr .col-art-img-inr .icon-main .icon-otr .share-pop-otr .social-ul .social-li .social-a .icon {
  font-size: 20px;
  color: rgba(0, 0, 0, 0.4);
  transition: 0.3s;
}

.single-artwork .container-fluid .row-custom .col-art-img-otr .col-art-img-inr .icon-main .icon-otr .share-pop-active {
  opacity: 1;
  visibility: visible;
  z-index: 10;
}

.single-artwork .container-fluid .row-custom .col-detail-otr .col-detail-inr {
  padding-left: 48px;
}

@media (max-width: 991px) {
  .single-artwork .container-fluid .row-custom .col-detail-otr .col-detail-inr {
    padding: 72px 0 0 0;
  }
}

@media (max-width: 575px) {
  .single-artwork .container-fluid .row-custom .col-detail-otr .col-detail-inr {
    padding: 48px 0 0 0;
  }
}

.single-artwork .container-fluid .row-custom .col-detail-otr .col-detail-inr .heading {
  color: #000000;
}

.single-artwork .container-fluid .row-custom .col-detail-otr .col-detail-inr .bid-main {
  display: flex;
  align-items: center;
  margin: 24px 0 40px 0;
}

@media (max-width: 575px) {
  .single-artwork .container-fluid .row-custom .col-detail-otr .col-detail-inr .bid-main {
    flex-direction: column;
    align-items: flex-start;
  }
}

.single-artwork .container-fluid .row-custom .col-detail-otr .col-detail-inr .bid-main .highest-bid-box {
  background-color: rgba(0, 0, 0, 0.03);
  border-radius: 8px;
  padding: 24px 32px;
  margin-right: 24px;
}

@media (max-width: 575px) {
  .single-artwork .container-fluid .row-custom .col-detail-otr .col-detail-inr .bid-main .highest-bid-box {
    margin: 0 0 24px 0;
    width: 100%;
  }
}

.single-artwork .container-fluid .row-custom .col-detail-otr .col-detail-inr .bid-main .highest-bid-box .bid-text {
  color: rgba(0, 0, 0, 0.4);
}

.single-artwork .container-fluid .row-custom .col-detail-otr .col-detail-inr .bid-main .highest-bid-box .head-eth {
  color: #F25867;
  margin: 8px 0;
}

.single-artwork .container-fluid .row-custom .col-detail-otr .col-detail-inr .bid-main .highest-bid-box .price-text {
  color: rgba(0, 0, 0, 0.4);
}

.single-artwork .container-fluid .row-custom .col-detail-otr .col-detail-inr .bid-main .bid-inr {
  background-color: #F25867;
  border-radius: 8px;
  padding: 24px 32px;
}

@media (max-width: 575px) {
  .single-artwork .container-fluid .row-custom .col-detail-otr .col-detail-inr .bid-main .bid-inr {
    width: 100%;
  }
}

.single-artwork .container-fluid .row-custom .col-detail-otr .col-detail-inr .bid-main .bid-inr .text {
  color: #FFFFFF;
  margin-bottom: 8px;
}

.single-artwork .container-fluid .row-custom .col-detail-otr .col-detail-inr .bid-main .bid-inr .timer {
  display: flex;
  align-items: center;
}

.single-artwork .container-fluid .row-custom .col-detail-otr .col-detail-inr .bid-main .bid-inr .timer .main:not(:last-child) {
  margin-right: 24px;
}

.single-artwork .container-fluid .row-custom .col-detail-otr .col-detail-inr .bid-main .bid-inr .timer .main .time-inr {
  color: #FFFFFF;
  margin-bottom: 8px;
}

.single-artwork .container-fluid .row-custom .col-detail-otr .col-detail-inr .bid-main .bid-inr .timer .main .time-text {
  color: #FFFFFF;
}

.single-artwork .container-fluid .row-custom .col-detail-otr .col-detail-inr .action-otr {
  display: flex;
}

.single-artwork .container-fluid .row-custom .col-detail-otr .col-detail-inr .nav {
  margin: 40px 0 24px 0;
  border: none;
}

.single-artwork .container-fluid .row-custom .col-detail-otr .col-detail-inr .nav .nav-item:not(:last-child) {
  margin-right: 16px;
}

.single-artwork .container-fluid .row-custom .col-detail-otr .col-detail-inr .nav .nav-item .nav-link {
  padding: 6px 16px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.03);
  color: rgba(0, 0, 0, 0.4);
  transition: 0.3s;
  border: none;
}

.single-artwork .container-fluid .row-custom .col-detail-otr .col-detail-inr .nav .nav-item .nav-link:hover {
  background-color: #F25867;
  color: #FFFFFF;
}

.single-artwork .container-fluid .row-custom .col-detail-otr .col-detail-inr .nav .nav-item .active {
  background-color: #F25867;
  color: #FFFFFF;
}

.single-artwork .container-fluid .row-custom .col-detail-otr .col-detail-inr .tab-content .tab-one .desc {
  color: rgba(0, 0, 0, 0.4);
}

.single-artwork .container-fluid .row-custom .col-detail-otr .col-detail-inr .tab-content .tab-one .desc1 {
  margin-bottom: 12px;
}

.single-artwork .container-fluid .row-custom .col-detail-otr .col-detail-inr .tab-content .tab-one .owner-text {
  color: #000000;
  margin: 24px 0 16px 0;
}

.single-artwork .container-fluid .row-custom .col-detail-otr .col-detail-inr .tab-content .tab-one .creator-otr {
  display: flex;
  align-items: center;
}

.single-artwork .container-fluid .row-custom .col-detail-otr .col-detail-inr .tab-content .tab-one .creator-otr .img-otr {
  margin-right: 16px;
}

.single-artwork .container-fluid .row-custom .col-detail-otr .col-detail-inr .tab-content .tab-one .creator-otr .img-otr .img {
  width: 60px;
  height: 60px;
  border-radius: 100%;
  border: 2px solid #FFFFFF;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
}

.single-artwork .container-fluid .row-custom .col-detail-otr .col-detail-inr .tab-content .tab-one .creator-otr .content .name {
  color: #000000;
  margin-bottom: 4px;
  transition: 0.3s;
}

.single-artwork .container-fluid .row-custom .col-detail-otr .col-detail-inr .tab-content .tab-one .creator-otr .content .name:hover {
  color: #F25867;
}

.single-artwork .container-fluid .row-custom .col-detail-otr .col-detail-inr .tab-content .tab-one .creator-otr .content .eth-text {
  color: rgba(0, 0, 0, 0.4);
}

.single-artwork .container-fluid .row-custom .col-detail-otr .col-detail-inr .tab-content .tab-two .bid-creator {
  display: flex;
  align-items: center;
}

.single-artwork .container-fluid .row-custom .col-detail-otr .col-detail-inr .tab-content .tab-two .bid-creator:not(:last-child) {
  margin-bottom: 24px;
}

.single-artwork .container-fluid .row-custom .col-detail-otr .col-detail-inr .tab-content .tab-two .bid-creator .img-otr {
  margin-right: 16px;
}

.single-artwork .container-fluid .row-custom .col-detail-otr .col-detail-inr .tab-content .tab-two .bid-creator .img-otr .img {
  width: 60px;
  height: 60px;
  border-radius: 100%;
  border: 2px solid #FFFFFF;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
}

.single-artwork .container-fluid .row-custom .col-detail-otr .col-detail-inr .tab-content .tab-two .bid-creator .content .desc {
  color: rgba(0, 0, 0, 0.4);
}

.single-artwork .container-fluid .row-custom .col-detail-otr .col-detail-inr .tab-content .tab-two .bid-creator .content .desc .linkk {
  display: inline;
  color: rgba(0, 0, 0, 0.75);
}

.single-artwork .container-fluid .row-custom .col-detail-otr .col-detail-inr .tab-content .tab-two .bid-creator .content .time-text {
  color: rgba(0, 0, 0, 0.4);
}

.single-artwork .container-fluid .row-custom .col-detail-otr .col-detail-inr .tab-content .tab-three .col-activity-inr .activity-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px;
  border-radius: 8px;
  background-color: rgba(0, 0, 0, 0.03);
}

.single-artwork .container-fluid .row-custom .col-detail-otr .col-detail-inr .tab-content .tab-three .col-activity-inr .activity-box:not(:last-child) {
  margin-bottom: 24px;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .single-artwork .container-fluid .row-custom .col-detail-otr .col-detail-inr .tab-content .tab-three .col-activity-inr .activity-box {
    position: relative;
  }
}

@media (max-width: 575px) {
  .single-artwork .container-fluid .row-custom .col-detail-otr .col-detail-inr .tab-content .tab-three .col-activity-inr .activity-box {
    position: relative;
  }
}

.single-artwork .container-fluid .row-custom .col-detail-otr .col-detail-inr .tab-content .tab-three .col-activity-inr .activity-box .img-content {
  display: flex;
  align-items: center;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .single-artwork .container-fluid .row-custom .col-detail-otr .col-detail-inr .tab-content .tab-three .col-activity-inr .activity-box .img-content {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 575px) {
  .single-artwork .container-fluid .row-custom .col-detail-otr .col-detail-inr .tab-content .tab-three .col-activity-inr .activity-box .img-content {
    flex-direction: column;
    align-items: flex-start;
  }
}

.single-artwork .container-fluid .row-custom .col-detail-otr .col-detail-inr .tab-content .tab-three .col-activity-inr .activity-box .img-content .img-otr {
  margin-right: 24px;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .single-artwork .container-fluid .row-custom .col-detail-otr .col-detail-inr .tab-content .tab-three .col-activity-inr .activity-box .img-content .img-otr {
    margin: 0 0 24px 0;
  }
}

@media (max-width: 575px) {
  .single-artwork .container-fluid .row-custom .col-detail-otr .col-detail-inr .tab-content .tab-three .col-activity-inr .activity-box .img-content .img-otr {
    margin: 0 0 24px 0;
  }
}

.single-artwork .container-fluid .row-custom .col-detail-otr .col-detail-inr .tab-content .tab-three .col-activity-inr .activity-box .img-content .img-otr .img {
  width: 125px;
  height: 125px;
  border-radius: 8px;
}

.single-artwork .container-fluid .row-custom .col-detail-otr .col-detail-inr .tab-content .tab-three .col-activity-inr .activity-box .img-content .content-otr .heading {
  color: #000000;
  transition: 0.3s;
}

.single-artwork .container-fluid .row-custom .col-detail-otr .col-detail-inr .tab-content .tab-three .col-activity-inr .activity-box .img-content .content-otr .heading:hover {
  color: #F25867;
}

.single-artwork .container-fluid .row-custom .col-detail-otr .col-detail-inr .tab-content .tab-three .col-activity-inr .activity-box .img-content .content-otr .desc {
  color: rgba(0, 0, 0, 0.4);
  margin: 4px 0 8px 0;
}

.single-artwork .container-fluid .row-custom .col-detail-otr .col-detail-inr .tab-content .tab-three .col-activity-inr .activity-box .img-content .content-otr .desc .linkk {
  display: inline;
  color: #F25867;
}

.single-artwork .container-fluid .row-custom .col-detail-otr .col-detail-inr .tab-content .tab-three .col-activity-inr .activity-box .img-content .content-otr .tag {
  color: rgba(0, 0, 0, 0.4);
}

.single-artwork .container-fluid .row-custom .col-detail-otr .col-detail-inr .tab-content .tab-three .col-activity-inr .activity-box .icon-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0.03);
  cursor: pointer;
  transition: 0.3s;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .single-artwork .container-fluid .row-custom .col-detail-otr .col-detail-inr .tab-content .tab-three .col-activity-inr .activity-box .icon-otr {
    position: absolute;
    top: 24px;
    right: 24px;
  }
}

@media (max-width: 575px) {
  .single-artwork .container-fluid .row-custom .col-detail-otr .col-detail-inr .tab-content .tab-three .col-activity-inr .activity-box .icon-otr {
    position: absolute;
    top: 24px;
    right: 24px;
  }
}

.single-artwork .container-fluid .row-custom .col-detail-otr .col-detail-inr .tab-content .tab-three .col-activity-inr .activity-box .icon-otr:hover {
  background-color: #F25867;
}

.single-artwork .container-fluid .row-custom .col-detail-otr .col-detail-inr .tab-content .tab-three .col-activity-inr .activity-box .icon-otr:hover .icon {
  color: #FFFFFF;
}

.single-artwork .container-fluid .row-custom .col-detail-otr .col-detail-inr .tab-content .tab-three .col-activity-inr .activity-box .icon-otr .icon {
  font-size: 28px;
  color: rgba(0, 0, 0, 0.4);
  transition: 0.3s;
}

.single-artwork .container-fluid .feature {
  margin-top: 72px;
}

@media (max-width: 575px) {
  .single-artwork .container-fluid .feature {
    margin-top: 48px;
  }
}

.single-artwork .container-fluid .feature .wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 72px;
}

@media (max-width: 575px) {
  .single-artwork .container-fluid .feature .wrapper {
    margin-bottom: 48px;
  }
}

.single-artwork .container-fluid .feature .wrapper .heading {
  color: #000000;
}

.single-artwork .container-fluid .feature .wrapper .view-text {
  display: flex;
  align-items: center;
}

@media (max-width: 575px) {
  .single-artwork .container-fluid .feature .wrapper .view-text {
    display: none;
  }
}

.single-artwork .container-fluid .feature .wrapper .view-text:hover .icon-otr {
  background-color: #F25867;
}

.single-artwork .container-fluid .feature .wrapper .view-text:hover .icon-otr .icon {
  color: #FFFFFF;
}

.single-artwork .container-fluid .feature .wrapper .view-text .view-inr {
  color: #F25867;
  margin-right: 24px;
}

.single-artwork .container-fluid .feature .wrapper .view-text .icon-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 100%;
  background-color: #FFFFFF;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
  transition: 0.3s;
}

.single-artwork .container-fluid .feature .wrapper .view-text .icon-otr .icon {
  font-size: 24px;
  color: #F25867;
  transition: 0.3s;
}

.single-artwork .container-fluid .feature .row-custom {
  gap: 24px 0;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .single-artwork .container-fluid .feature .row-custom .col-box-otr {
    width: 33.333%;
  }
}

.single-artwork .container-fluid .feature .responsive-view-all {
  display: none;
  align-items: center;
  justify-content: center;
}

@media (max-width: 575px) {
  .single-artwork .container-fluid .feature .responsive-view-all {
    display: flex;
    margin-top: 48px;
  }
}

.single-artwork .container-fluid .feature .responsive-view-all:hover .icon-otr {
  background-color: #F25867;
}

.single-artwork .container-fluid .feature .responsive-view-all:hover .icon-otr .icon {
  color: #FFFFFF;
}

.single-artwork .container-fluid .feature .responsive-view-all .view-inr {
  color: #F25867;
  margin-right: 24px;
}

.single-artwork .container-fluid .feature .responsive-view-all .icon-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 100%;
  background-color: #FFFFFF;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
  transition: 0.3s;
}

.single-artwork .container-fluid .feature .responsive-view-all .icon-otr .icon {
  font-size: 24px;
  color: #F25867;
  transition: 0.3s;
}

/*===========================================
        Single-Artwork End Here
===========================================*/

/*===========================================
        Privacy Policy start Here
===========================================*/

.privacy-policy-main {
  margin: 128px 0;
}

@media (max-width: 575px) {
  .privacy-policy-main {
    margin: 96px 0;
  }
}

.privacy-policy-main .container .wrapper .heading-1 {
  margin-top: 0;
}

.privacy-policy-main .container .wrapper .desc {
  color: rgba(0, 0, 0, 0.4);
}

.privacy-policy-main .container .wrapper .para {
  padding: 0 0 16px 0;
}

.privacy-policy-main .container .wrapper .heading {
  margin: 24px 0 16px 0;
  color: #000000;
}

/*===========================================
        Privacy Policy End Here
===========================================*/

/*===========================================
        Terms of services start Here
===========================================*/

.terms-of-services {
  margin: 128px 0;
}

@media (max-width: 575px) {
  .terms-of-services {
    margin: 96px 0;
  }
}

.terms-of-services .container .wrapper .heading-1 {
  margin-top: 0;
}

.terms-of-services .container .wrapper .desc {
  color: rgba(0, 0, 0, 0.4);
}

.terms-of-services .container .wrapper .para {
  padding: 0 0 16px 0;
}

.terms-of-services .container .wrapper .heading {
  margin: 24px 0 16px 0;
  color: #000000;
}

/*===========================================
        Terms of services End Here
===========================================*/

/*===========================================
            Overlay start Here
===========================================*/

.overlay-main2 .offcanvas {
  border: none;
  z-index: 9999999;
}

.overlay-main2 .offcanvas .offcanvas-body .logo-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}

.overlay-main2 .offcanvas .offcanvas-body .logo-main .close-icon-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.03);
  transition: 0.3s;
  cursor: pointer;
}

.overlay-main2 .offcanvas .offcanvas-body .logo-main .close-icon-otr:hover {
  background-color: #F25867;
}

.overlay-main2 .offcanvas .offcanvas-body .logo-main .close-icon-otr:hover .icon {
  color: #FFFFFF;
}

.overlay-main2 .offcanvas .offcanvas-body .logo-main .close-icon-otr .icon {
  font-size: 24px;
  color: rgba(0, 0, 0, 0.4);
  transition: 0.3s;
}

.overlay-main2 .offcanvas .offcanvas-body .menu-otr .menu-ul .menu-li:not(:last-child) {
  margin-bottom: 8px;
}

.overlay-main2 .offcanvas .offcanvas-body .menu-otr .menu-ul .menu-li .menu-a {
  cursor: pointer;
  color: rgba(0, 0, 0, 0.75);
  transition: 0.3s;
}

.overlay-main2 .offcanvas .offcanvas-body .menu-otr .menu-ul .menu-li .menu-a:hover {
  color: #F25867;
}

.overlay-main2 .offcanvas .offcanvas-body .action {
  display: flex;
  text-align: center;
  width: 100%;
  margin: 36px 0;
}

.overlay-main2 .offcanvas .offcanvas-body .action .buy-btn {
  width: 100%;
}

.overlay-main2 .offcanvas .offcanvas-body .social-ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}

.overlay-main2 .offcanvas .offcanvas-body .social-ul .social-li .social-a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 100%;
  background-color: #FFFFFF;
  transition: 0.3s;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
}

.overlay-main2 .offcanvas .offcanvas-body .social-ul .social-li .social-a:hover {
  background-color: #F25867;
}

.overlay-main2 .offcanvas .offcanvas-body .social-ul .social-li .social-a:hover .icon {
  color: #FFFFFF;
}

.overlay-main2 .offcanvas .offcanvas-body .social-ul .social-li .social-a .icon {
  font-size: 24px;
  color: rgba(0, 0, 0, 0.4);
  transition: 0.3s;
}

/*===========================================
            Overlay End Here
===========================================*/

/*===========================================
        Landing Hero start Here
===========================================*/

.hero-nav-landing {
  background-image: url("/assets/img/hero-bg2.png");
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
}

@media (max-width: 575px) {
  .hero-nav-landing {
    background-size: auto;
  }
}

.hero-nav-landing::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 250px;
  background: conic-gradient(from 180deg at 50% 50%, #F25867 0deg, rgba(242, 88, 103, 0) 360deg);
  filter: blur(230px);
  left: 0;
  top: 0;
  z-index: -1;
}

@media (max-width: 575px) {
  .hero-nav-landing::after {
    display: none;
  }
}

.hero-nav-landing .navbar {
  background-color: #FFFFFF;
  box-shadow: 0px 15px 10px rgba(242, 88, 103, 0.1);
  padding: 24px 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
}

.hero-nav-landing .navbar .container-fluid .navbar-inr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.hero-nav-landing .navbar .container-fluid .navbar-inr .logo-main {
  display: flex;
  align-items: center;
}

@media (max-width: 767px) {
  .hero-nav-landing .navbar .container-fluid .navbar-inr .logo-main {
    flex-direction: row-reverse;
    width: 100%;
    justify-content: space-between;
  }
}

.hero-nav-landing .navbar .container-fluid .navbar-inr .logo-main .menu-icon-otr {
  display: none;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.03);
  margin-right: 20px;
}

@media (max-width: 991px) {
  .hero-nav-landing .navbar .container-fluid .navbar-inr .logo-main .menu-icon-otr {
    display: flex;
  }
}

@media (max-width: 767px) {
  .hero-nav-landing .navbar .container-fluid .navbar-inr .logo-main .menu-icon-otr {
    margin-right: 0;
  }
}

.hero-nav-landing .navbar .container-fluid .navbar-inr .logo-main .menu-icon-otr .icon {
  font-size: 24px;
  color: rgba(0, 0, 0, 0.4);
}

@media (max-width: 991px) {
  .hero-nav-landing .navbar .container-fluid .navbar-inr .menu-otr {
    display: none;
  }
}

.hero-nav-landing .navbar .container-fluid .navbar-inr .menu-otr .menu-ul {
  display: flex;
  align-items: center;
}

.hero-nav-landing .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li:not(:last-child) {
  margin-right: 30px;
}

.hero-nav-landing .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .menu-a {
  cursor: pointer;
  color: rgba(0, 0, 0, 0.75);
  transition: 0.3s;
}

.hero-nav-landing .navbar .container-fluid .navbar-inr .menu-otr .menu-ul .menu-li .menu-a:hover {
  color: #F25867;
}

@media (max-width: 767px) {
  .hero-nav-landing .navbar .container-fluid .navbar-inr .action {
    display: none;
  }
}

.hero-nav-landing .hero-landing {
  padding: 112px 0px 128px 0px;
  margin-top: 100px;
}

@media (max-width: 575px) {
  .hero-nav-landing .hero-landing {
    padding: 80px 0 96px 0;
  }
}

.hero-nav-landing .hero-landing .container-fluid .wrapper {
  text-align: center;
}

.hero-nav-landing .hero-landing .container-fluid .wrapper .heading {
  color: #000000;
}

@media (max-width: 991px) {
  .hero-nav-landing .hero-landing .container-fluid .wrapper .heading br {
    display: none;
  }
}

.hero-nav-landing .hero-landing .container-fluid .wrapper .desc {
  padding: 24px 0 40px 0px;
  color: rgba(0, 0, 0, 0.4);
}

.hero-nav-landing .hero-landing .container-fluid .wrapper .action {
  display: flex;
  align-items: center;
  justify-content: center;
}

/*===========================================
        Landing Hero End Here
===========================================*/

/*===========================================
       heading-section start here
===========================================*/

.home-section {
  padding-top: 112px;
}

@media (max-width: 575px) {
  .home-section {
    padding-top: 80px 0;
  }
}

.home-section .container .wrapper {
  text-align: center;
  margin-bottom: 72px;
}

@media (max-width: 575px) {
  .home-section .container .wrapper {
    margin-bottom: 48px;
  }
}

.home-section .container .row-custom {
  gap: 24px 0px;
}

.home-section .container .row-custom .box-otr .box-inr .img-otr {
  position: relative;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
  transition: 0.2s;
}

.home-section .container .row-custom .box-otr .box-inr .img-otr:hover {
  transform: translateY(-5px);
}

.home-section .container .row-custom .box-otr .box-inr .img-otr:hover .heading-otr {
  background-color: #F25867;
}

.home-section .container .row-custom .box-otr .box-inr .img-otr:hover .heading-otr .heading-innr {
  color: #FFFFFF;
}

.home-section .container .row-custom .box-otr .box-inr .img-otr a img {
  width: 100%;
}

.home-section .container .row-custom .box-otr .box-inr .img-otr .heading-otr {
  width: 100%;
  background-color: #fcdee1;
  padding: 12px 0px;
  position: absolute;
  text-align: center;
  left: 0;
  bottom: 0;
  transition: 0.2s;
}

.home-section .container .row-custom .box-otr .box-inr .img-otr .heading-otr .heading-innr {
  color: #F25867;
  transition: 0.2s;
}

/*===========================================
        heading-section end here
===========================================*/

/*===========================================
      inner-Pages start here
===========================================*/

.inner-pages {
  padding: 112px 0;
}

@media (max-width: 575px) {
  .inner-pages {
    padding: 80px 0;
  }
}

.inner-pages .container .wrapper {
  text-align: center;
  margin-bottom: 72px;
}

@media (max-width: 575px) {
  .inner-pages .container .wrapper {
    margin-bottom: 48px;
  }
}

.inner-pages .container .row-custom {
  gap: 24px 0px;
}

.inner-pages .container .row-custom .box-otr .box-inr .img-otr {
  position: relative;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
  transition: 0.2s;
}

.inner-pages .container .row-custom .box-otr .box-inr .img-otr:hover {
  transform: translateY(-5px);
}

.inner-pages .container .row-custom .box-otr .box-inr .img-otr:hover .heading-otr {
  background-color: #F25867;
}

.inner-pages .container .row-custom .box-otr .box-inr .img-otr:hover .heading-otr .heading-innr {
  color: #FFFFFF;
}

.inner-pages .container .row-custom .box-otr .box-inr .img-otr a img {
  width: 100%;
}

.inner-pages .container .row-custom .box-otr .box-inr .img-otr .heading-otr {
  width: 100%;
  background-color: #fcdee1;
  padding: 12px 0px;
  position: absolute;
  text-align: center;
  left: 0;
  bottom: 0;
  transition: 0.2s;
}

.inner-pages .container .row-custom .box-otr .box-inr .img-otr .heading-otr .heading-innr {
  color: #F25867;
  transition: 0.2s;
}

.inner-pages .container .row-custom .box-otr .box-inr .img-otr .icon {
  position: absolute;
  top: -10px;
  right: -10px;
  padding: 1px 13px;
  box-shadow: 0px 15px 10px rgba(242, 88, 103, 0.1);
  border-radius: 3px;
  background-color: #F25867;
  color: #FFFFFF;
}

@media (max-width: 575px) {
  .inner-pages .container .row-custom .box-otr .box-inr .img-otr .icon {
    top: 0;
    right: 0;
  }
}

/*===========================================
      inner-Pages end here
===========================================*/

/*===========================================
        video-section start here
===========================================*/

.video-main {
  background-color: #fcdee1;
  padding: 112px 0;
}

@media (max-width: 575px) {
  .video-main {
    padding: 80px 0;
  }
}

.video-main .container .wrapper {
  text-align: center;
  margin-bottom: 72px;
}

@media (max-width: 575px) {
  .video-main .container .wrapper {
    margin-bottom: 48px;
  }
}

.video-main .container .wrapper .heading {
  color: #000000;
}

.video-main .container .row-custom {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 991px) {
  .video-main .container .row-custom .video {
    width: 100%;
    height: 450px;
  }
}

/*===========================================
        video-section end here
===========================================*/

/*===========================================
       Alternate version start here
===========================================*/

.alternate-version {
  background-color: #fcdee1;
  padding: 112px 0;
}

@media (max-width: 575px) {
  .alternate-version {
    padding: 80px 0;
  }
}

.alternate-version .container .wrapper {
  text-align: center;
  margin-bottom: 72px;
}

@media (max-width: 575px) {
  .alternate-version .container .wrapper {
    margin-bottom: 48px;
  }
}

.alternate-version .container .row-custom {
  gap: 24px 0px;
  justify-content: center;
}

.alternate-version .container .row-custom .box-otr .box-innr {
  padding: 109px 71px;
  background-color: #FFFFFF;
  border-radius: 6px;
  text-align: center;
}

/*===========================================
       Alternate version end here
===========================================*/

/*===========================================
        Awesome Features start here
===========================================*/

.Awesome-Features {
  padding: 112px 0 128px 0;
}

@media (max-width: 575px) {
  .Awesome-Features {
    padding: 80px 0 96px 0;
  }
}

.Awesome-Features .container .wrapper {
  text-align: center;
  margin-bottom: 72px;
}

@media (max-width: 575px) {
  .Awesome-Features .container .wrapper {
    margin-bottom: 48px;
  }
}

.Awesome-Features .container .wrapper .heading {
  color: #000000;
  margin-bottom: 24px;
}

.Awesome-Features .container .wrapper .txt {
  color: rgba(0, 0, 0, 0.4);
}

.Awesome-Features .container .row-custom {
  gap: 24px 0px;
  justify-content: center;
}

.Awesome-Features .container .row-custom .box-otr .col-inr {
  background-color: #fcdee1;
  padding: 40px;
  border-radius: 6px;
}

@media (max-width: 767px) {
  .Awesome-Features .container .row-custom .box-otr .col-inr {
    text-align: center;
  }
}

/*===========================================
        Awesome Features end here
===========================================*/

/*===========================================
        footer section start here
===========================================*/

.footer-section {
  position: relative;
  padding: 112px 0 128px 0;
  background-color: #FFFFFF;
  overflow: hidden;
}

@media (max-width: 575px) {
  .footer-section {
    padding: 80px 0 96px 0;
  }
}

.footer-section .container .content {
  text-align: center;
}

@media (max-width: 991px) {
  .footer-section .container .content .heading br {
    display: none;
  }
}

.footer-section .container .content .action {
  display: flex;
  justify-content: center;
  margin: 24px 0;
}

.footer-section .container .content .link {
  color: #F25867;
}

/*===========================================
        footer section end here
===========================================*/

html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  background-color: #FFF4F4;
}

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

a {
  display: block;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0px;
  padding: 0px;
}

@media (max-width: 767px) {
  h1 br,
  h2 br,
  h3 br,
  h4 br,
  h5 br,
  h6 br,
  p br {
    display: none;
  }
}

@media (max-width: 991px) {
  .container {
    max-width: 100%;
    padding: 0 15px;
    margin: 0;
  }
}

.container-fluid {
  padding: 0 45px;
}

@media (max-width: 991px) {
  .container-fluid {
    padding: 0 15px;
  }
}

.heading-H1 {
  font-family: "SpaceGrotesk-Bold";
  font-feature-settings: "ss04" on;
  font-size: 60px;
  line-height: 80px;
}

@media (max-width: 575px) {
  .heading-H1 {
    font-size: 32px;
    line-height: 48px;
  }
}

.heading-H2 {
  font-family: "SpaceGrotesk-Bold";
  font-feature-settings: "ss04" on;
  font-size: 44px;
  line-height: 56px;
}

@media (max-width: 575px) {
  .heading-H2 {
    font-size: 28px;
    line-height: 44px;
  }
}

.heading-H3 {
  font-family: "SpaceGrotesk-Bold";
  font-feature-settings: "ss04" on;
  font-size: 32px;
  line-height: 48px;
}

@media (max-width: 575px) {
  .heading-H3 {
    font-size: 24px;
    line-height: 40px;
  }
}

.heading-H4 {
  font-family: "SpaceGrotesk-Bold";
  font-feature-settings: "ss04" on;
  font-size: 24px;
  line-height: 40px;
}

.heading-L {
  font-family: "WorkSans-Regular";
  font-size: 20px;
  line-height: 36px;
}

.heading-LB {
  font-family: "SpaceGrotesk-Bold";
  font-feature-settings: "ss04" on;
  font-size: 20px;
  line-height: 36px;
}

.heading-M {
  font-family: "WorkSans-Regular";
  font-size: 18px;
  line-height: 34px;
}

.heading-MB {
  font-family: "SpaceGrotesk-Bold";
  font-feature-settings: "ss04" on;
  font-size: 18px;
  line-height: 34px;
}

.heading-S {
  font-family: "WorkSans-Regular";
  font-size: 16px;
  line-height: 32px;
}

.heading-SB {
  font-family: "SpaceGrotesk-Bold";
  font-feature-settings: "ss04" on;
  font-size: 16px;
  line-height: 28px;
}

.heading-XS {
  font-family: "WorkSans-Regular";
  font-size: 14px;
  line-height: 28px;
}

.heading-XSB {
  font-family: "SpaceGrotesk-Bold";
  font-feature-settings: "ss04" on;
  font-size: 14px;
  line-height: 28px;
}

.primary-btn {
  background-color: #F25867;
  border-radius: 4px;
  border: 1px solid transparent;
  padding: 11px 24px;
  font-family: "SpaceGrotesk-Bold";
  font-feature-settings: "ss04" on;
  font-size: 16px;
  line-height: 28px;
  color: #FFFFFF;
  transition: 0.3s;
}

.primary-btn:hover {
  border: 1px solid #F25867;
  background-color: transparent;
  color: #F25867;
}

.border-btn {
  background-color: transparent;
  padding: 11px 24px;
  border-radius: 4px;
  border: 1px solid #F25867;
  color: #F25867;
  font-family: "SpaceGrotesk-Bold";
  font-feature-settings: "ss04" on;
  font-size: 16px;
  line-height: 28px;
  transition: 0.3s;
}

.border-btn:hover {
  background-color: #F25867;
  color: #FFFFFF;
  border: 1px solid transparent;
}

.primary-btn-small {
  background-color: #F25867;
  border-radius: 4px;
  border: 1px solid transparent;
  padding: 5px 16px 3px 16px;
  font-family: "SpaceGrotesk-Bold";
  font-feature-settings: "ss04" on;
  font-size: 16px;
  line-height: 28px;
  color: #FFFFFF;
  transition: 0.3s;
}

.primary-btn-small:hover {
  border: 1px solid #F25867;
  background-color: #FFFFFF;
  color: #F25867;
}

.border-btn-small {
  background-color: transparent;
  padding: 5px 16px 3px 16px;
  border-radius: 4px;
  border: 1px solid #F25867;
  color: #F25867;
  font-family: "SpaceGrotesk-Bold";
  font-feature-settings: "ss04" on;
  font-size: 16px;
  line-height: 28px;
  transition: 0.3s;
}

.border-btn-small:hover {
  background-color: #F25867;
  color: #FFFFFF;
  border: 1px solid transparent;
}

.input-otr {
  position: relative;
}

.input-otr .input {
  border-radius: 4px;
  color: rgba(0, 0, 0, 0.4);
  border: 1px solid transparent;
  background-color: rgba(0, 0, 0, 0.03);
  padding: 11px 24px;
  font-family: "SpaceGrotesk-Bold";
  font-feature-settings: "ss04" on;
  font-size: 16px;
  line-height: 28px;
}

.input-otr .input:focus {
  outline: none;
  box-shadow: none;
}

.input-otr .search {
  padding: 11px 56px 11px 24px;
}

.input-otr .icon {
  font-size: 24px;
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(0, 0, 0, 0.4);
}

.input {
  border-radius: 4px;
  color: #BBBBBB;
  border: 1px solid transparent;
  background-color: rgba(0, 0, 0, 0.03);
  padding: 11px 24px;
  font-family: "SpaceGrotesk-Bold";
  font-feature-settings: "ss04" on;
  font-size: 16px;
  width: 100%;
  line-height: 28px;
}

.input:focus {
  outline: none;
  box-shadow: none;
}

.artwork-card {
  background-color: #FFFFFF;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}

.artwork-card .img-otr {
  position: relative;
}

.artwork-card .img-otr .art-otr .art-img {
  width: 100%;
  border-radius: 8px 8px 0 0;
}

.artwork-card .img-otr .like-icon-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background-color: #FFFFFF;
  position: absolute;
  right: 24px;
  top: 24px;
  cursor: pointer;
}

.artwork-card .img-otr .like-icon-otr .like-icon {
  color: #F25867;
  font-size: 20px;
}

.artwork-card .img-otr .timer-otr {
  position: absolute;
  width: 100%;
  bottom: 44px;
}

.artwork-card .img-otr .timer-otr .timer {
  display: flex;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  margin: 0 24px;
  border-radius: 4px;
}

.artwork-card .img-otr .timer-otr .timer .timer-count {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 6px 0;
  width: 33.333%;
  color: #FFFFFF;
}

.artwork-card .img-otr .timer-otr .timer .timer-count:not(:last-child) {
  border-right: 1px solid #FFFFFF;
}

.artwork-card .content-otr {
  padding-top: 42px;
}

.artwork-card .content-otr .dot-creator-otr {
  position: relative;
  margin: 0 24px;
}

.artwork-card .content-otr .dot-creator-otr .dot-creator-inr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  top: -64px;
  width: 100%;
}

.artwork-card .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs {
  position: relative;
  display: flex;
  align-items: center;
}

.artwork-card .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr {
  position: relative;
}

.artwork-card .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr:hover .hover-otr {
  opacity: 1;
  visibility: visible;
}

.artwork-card .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr:hover .img-inr {
  z-index: 999;
}

.artwork-card .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr .img-inr {
  position: relative;
}

.artwork-card .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr .img-inr .img {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  border: 2px solid #FFFFFF;
  transition: 0.3s;
}

.artwork-card .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr .img-inr .check-otr {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: #F25867;
  right: 0;
  bottom: 0;
  z-index: 999;
}

.artwork-card .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr .img-inr .check-otr .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #FFFFFF;
}

.artwork-card .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr .hover-otr {
  position: absolute;
  width: 280px;
  border-radius: 4px;
  background-color: #FFFFFF;
  padding: 24px 24px;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
  bottom: 60px;
  opacity: 0;
  z-index: 999;
  visibility: hidden;
  transition: 0.3s;
}

@media (max-width: 991px) {
  .artwork-card .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr .hover-otr {
    display: none;
  }
}

@media (max-width: 1366px) {
  .artwork-card .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr .hover-otr {
    width: 240px;
  }
}

.artwork-card .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr .hover-otr .profile-follow-otr {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.artwork-card .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr .hover-otr .profile-follow-otr .user-otr {
  position: relative;
}

.artwork-card .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr .hover-otr .profile-follow-otr .user-otr .user-img {
  width: 52px;
  height: 52px;
  border-radius: 4px;
}

.artwork-card .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr .hover-otr .profile-follow-otr .user-otr .plus-icon-otr {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: #F25867;
  right: -4px;
  bottom: -4px;
}

.artwork-card .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr .hover-otr .profile-follow-otr .user-otr .plus-icon-otr .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #FFFFFF;
}

.artwork-card .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr .hover-otr .profile-follow-otr .action {
  display: flex;
}

.artwork-card .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr .hover-otr .popup-content {
  padding-top: 16px;
}

.artwork-card .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr .hover-otr .popup-content .name {
  color: #000000;
  margin-bottom: 8px;
  transition: 0.3s;
}

.artwork-card .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr .hover-otr .popup-content .name:hover {
  color: #F25867;
}

.artwork-card .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr .hover-otr .popup-content .pop-desc {
  color: rgba(0, 0, 0, 0.4);
}

.artwork-card .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr1 .hover-otr {
  left: -20px;
}

.artwork-card .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr2 .hover-otr {
  left: -40px;
}

.artwork-card .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr3 .hover-otr {
  left: -60px;
}

.artwork-card .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr2,
.artwork-card .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr3 {
  margin-left: -20px;
}

.artwork-card .content-otr .dot-creator-otr .dot-creator-inr .dot-icon-inr {
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
  background-color: #FFFFFF;
  border-radius: 100%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.artwork-card .content-otr .dot-creator-otr .dot-creator-inr .dot-icon-inr .dots {
  color: #F25867;
  font-size: 30px;
}

.artwork-card .content-otr .heading {
  color: #000000;
  transition: 0.3s;
  padding: 0 24px 16px 24px;
}

.artwork-card .content-otr .heading:hover {
  color: #F25867;
}

.artwork-card .content-otr .crnt-bid {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: rgba(0, 0, 0, 0.03);
  padding: 9px 24px;
  border-radius: 0px 0px 8px 8px;
}

.artwork-card .content-otr .crnt-bid .crnt-txt {
  color: rgba(0, 0, 0, 0.75);
}

.artwork-card .content-otr .crnt-bid .price {
  color: #F25867;
}

.artwork-card2 {
  background-color: #FFFFFF;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}

.artwork-card2 .img-otr {
  position: relative;
}

.artwork-card2 .img-otr .art-otr .art-img {
  width: 100%;
  border-radius: 8px 8px 0 0;
}

.artwork-card2 .img-otr .like-icon-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background-color: #FFFFFF;
  position: absolute;
  right: 24px;
  top: 24px;
  cursor: pointer;
}

.artwork-card2 .img-otr .like-icon-otr .like-icon {
  color: #F25867;
  font-size: 20px;
}

.artwork-card2 .content-otr {
  padding-top: 42px;
}

.artwork-card2 .content-otr .dot-creator-otr {
  position: relative;
  margin: 0 24px;
}

.artwork-card2 .content-otr .dot-creator-otr .dot-creator-inr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  top: -64px;
  width: 100%;
}

.artwork-card2 .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs {
  position: relative;
  display: flex;
  align-items: center;
}

.artwork-card2 .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr {
  position: relative;
}

.artwork-card2 .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr:hover .hover-otr {
  opacity: 1;
  visibility: visible;
}

.artwork-card2 .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr:hover .img-inr {
  z-index: 999;
}

.artwork-card2 .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr .img-inr {
  position: relative;
}

.artwork-card2 .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr .img-inr .img {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  border: 2px solid #FFFFFF;
  transition: 0.3s;
}

.artwork-card2 .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr .img-inr .check-otr {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: #F25867;
  right: 0;
  bottom: 0;
  z-index: 999;
}

.artwork-card2 .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr .img-inr .check-otr .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #FFFFFF;
}

.artwork-card2 .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr .hover-otr {
  position: absolute;
  width: 280px;
  border-radius: 4px;
  background-color: #FFFFFF;
  padding: 24px 24px;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
  bottom: 60px;
  opacity: 0;
  z-index: 999;
  visibility: hidden;
  transition: 0.3s;
}

@media (max-width: 991px) {
  .artwork-card2 .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr .hover-otr {
    display: none;
  }
}

@media (max-width: 1366px) {
  .artwork-card2 .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr .hover-otr {
    width: 240px;
  }
}

.artwork-card2 .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr .hover-otr .profile-follow-otr {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.artwork-card2 .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr .hover-otr .profile-follow-otr .user-otr {
  position: relative;
}

.artwork-card2 .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr .hover-otr .profile-follow-otr .user-otr .user-img {
  width: 52px;
  height: 52px;
  border-radius: 4px;
}

.artwork-card2 .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr .hover-otr .profile-follow-otr .user-otr .plus-icon-otr {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: #F25867;
  right: -4px;
  bottom: -4px;
}

.artwork-card2 .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr .hover-otr .profile-follow-otr .user-otr .plus-icon-otr .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #FFFFFF;
}

.artwork-card2 .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr .hover-otr .profile-follow-otr .action {
  display: flex;
}

.artwork-card2 .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr .hover-otr .popup-content {
  padding-top: 16px;
}

.artwork-card2 .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr .hover-otr .popup-content .name {
  color: #000000;
  margin-bottom: 8px;
  transition: 0.3s;
}

.artwork-card2 .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr .hover-otr .popup-content .name:hover {
  color: #F25867;
}

.artwork-card2 .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr .hover-otr .popup-content .pop-desc {
  color: rgba(0, 0, 0, 0.4);
}

.artwork-card2 .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr1 .hover-otr {
  left: -20px;
}

.artwork-card2 .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr2 .hover-otr {
  left: -40px;
}

.artwork-card2 .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr3 .hover-otr {
  left: -60px;
}

.artwork-card2 .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr2,
.artwork-card2 .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr3 {
  margin-left: -20px;
}

.artwork-card2 .content-otr .dot-creator-otr .dot-creator-inr .dot-icon-inr {
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
  background-color: #FFFFFF;
  border-radius: 100%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.artwork-card2 .content-otr .dot-creator-otr .dot-creator-inr .dot-icon-inr .dots {
  color: #F25867;
  font-size: 30px;
}

.artwork-card2 .content-otr .heading {
  color: #000000;
  transition: 0.3s;
  padding: 0 24px 16px 24px;
}

.artwork-card2 .content-otr .heading:hover {
  color: #F25867;
}

.artwork-card2 .content-otr .crnt-bid {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: rgba(0, 0, 0, 0.03);
  padding: 9px 24px;
}

.artwork-card2 .content-otr .crnt-bid .crnt-txt {
  color: rgba(0, 0, 0, 0.75);
}

.artwork-card2 .content-otr .crnt-bid .price {
  color: #F25867;
}

.artwork-card2 .content-otr .time-bid-otr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px;
}

.artwork-card2 .content-otr .time-bid-otr .timer-otr {
  position: relative;
  height: 40px;
  width: 50%;
  background-color: rgba(0, 0, 0, 0.03);
  border-radius: 4px;
  margin-right: 24px;
}

.artwork-card2 .content-otr .time-bid-otr .timer-otr .timer {
  display: flex;
  align-items: center;
  position: absolute;
  width: 88px;
  left: 52%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #F25867;
}

.artwork-card2 .content-otr .time-bid-otr .timer-otr .timer .dots-span {
  position: relative;
  padding: 0 10px;
}

.artwork-card2 .content-otr .time-bid-otr .timer-otr .timer .dots-span::after {
  content: ":";
  position: absolute;
  left: 3px;
  bottom: 2px;
}

.artwork-card2 .content-otr .time-bid-otr .timer-otr .timer .dots-span::before {
  content: ":";
  position: absolute;
  right: 3px;
  bottom: 2px;
}

.artwork-card2 .content-otr .time-bid-otr .bid-otr {
  display: flex;
  width: 50%;
  text-align: center;
}

.artwork-card2 .content-otr .time-bid-otr .bid-otr .bid-btn {
  width: 100%;
}

.artwork-card3 {
  background-color: #FFFFFF;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}

.artwork-card3 .img-otr {
  position: relative;
}

.artwork-card3 .img-otr .art-otr .art-img {
  width: 100%;
  border-radius: 8px 8px 0 0;
}

.artwork-card3 .img-otr .like-icon-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background-color: #FFFFFF;
  position: absolute;
  right: 24px;
  top: 24px;
  cursor: pointer;
}

.artwork-card3 .img-otr .like-icon-otr .like-icon {
  color: #F25867;
  font-size: 20px;
}

.artwork-card3 .img-otr .timer-otr {
  position: absolute;
  width: 100%;
  bottom: 44px;
}

.artwork-card3 .img-otr .timer-otr .timer {
  display: flex;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  margin: 0 24px;
  border-radius: 4px;
}

.artwork-card3 .img-otr .timer-otr .timer .timer-count {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 6px 0;
  width: 33.333%;
  color: #FFFFFF;
}

.artwork-card3 .img-otr .timer-otr .timer .timer-count:not(:last-child) {
  border-right: 1px solid #FFFFFF;
}

.artwork-card3 .content-otr {
  padding-top: 42px;
}

.artwork-card3 .content-otr .dot-creator-otr {
  position: relative;
  margin: 0 24px;
}

.artwork-card3 .content-otr .dot-creator-otr .dot-creator-inr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  top: -64px;
  width: 100%;
}

.artwork-card3 .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs {
  position: relative;
  display: flex;
  align-items: center;
}

.artwork-card3 .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr {
  position: relative;
}

.artwork-card3 .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr:hover .hover-otr {
  opacity: 1;
  visibility: visible;
}

.artwork-card3 .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr:hover .img-inr {
  z-index: 999;
}

.artwork-card3 .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr .img-inr {
  position: relative;
}

.artwork-card3 .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr .img-inr .img {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  border: 2px solid #FFFFFF;
  transition: 0.3s;
}

.artwork-card3 .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr .img-inr .check-otr {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: #F25867;
  right: 0;
  bottom: 0;
  z-index: 999;
}

.artwork-card3 .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr .img-inr .check-otr .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #FFFFFF;
}

.artwork-card3 .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr .hover-otr {
  position: absolute;
  width: 280px;
  border-radius: 4px;
  background-color: #FFFFFF;
  padding: 24px 24px;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
  bottom: 60px;
  opacity: 0;
  z-index: 999;
  visibility: hidden;
  transition: 0.3s;
}

@media (max-width: 991px) {
  .artwork-card3 .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr .hover-otr {
    display: none;
  }
}

@media (max-width: 1366px) {
  .artwork-card3 .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr .hover-otr {
    width: 240px;
  }
}

.artwork-card3 .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr .hover-otr .profile-follow-otr {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.artwork-card3 .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr .hover-otr .profile-follow-otr .user-otr {
  position: relative;
}

.artwork-card3 .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr .hover-otr .profile-follow-otr .user-otr .user-img {
  width: 52px;
  height: 52px;
  border-radius: 4px;
}

.artwork-card3 .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr .hover-otr .profile-follow-otr .user-otr .plus-icon-otr {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: #F25867;
  right: -4px;
  bottom: -4px;
}

.artwork-card3 .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr .hover-otr .profile-follow-otr .user-otr .plus-icon-otr .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #FFFFFF;
}

.artwork-card3 .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr .hover-otr .profile-follow-otr .action {
  display: flex;
}

.artwork-card3 .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr .hover-otr .popup-content {
  padding-top: 16px;
}

.artwork-card3 .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr .hover-otr .popup-content .name {
  color: #000000;
  margin-bottom: 8px;
  transition: 0.3s;
}

.artwork-card3 .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr .hover-otr .popup-content .name:hover {
  color: #F25867;
}

.artwork-card3 .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr .hover-otr .popup-content .pop-desc {
  color: rgba(0, 0, 0, 0.4);
}

.artwork-card3 .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr1 .hover-otr {
  left: -20px;
}

.artwork-card3 .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr2 .hover-otr {
  left: -40px;
}

.artwork-card3 .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr3 .hover-otr {
  left: -60px;
}

.artwork-card3 .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr2,
.artwork-card3 .content-otr .dot-creator-otr .dot-creator-inr .creator-imgs .img-otr3 {
  margin-left: -20px;
}

.artwork-card3 .content-otr .dot-creator-otr .dot-creator-inr .dot-icon-inr {
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
  background-color: #FFFFFF;
  border-radius: 100%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.artwork-card3 .content-otr .dot-creator-otr .dot-creator-inr .dot-icon-inr .dots {
  color: #F25867;
  font-size: 30px;
}

.artwork-card3 .content-otr .heading {
  color: #000000;
  transition: 0.3s;
  padding: 0 24px 16px 24px;
}

.artwork-card3 .content-otr .heading:hover {
  color: #F25867;
}

.artwork-card3 .content-otr .crnt-bid {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: rgba(0, 0, 0, 0.03);
  padding: 9px 24px;
}

.artwork-card3 .content-otr .crnt-bid .crnt-txt {
  color: rgba(0, 0, 0, 0.75);
}

.artwork-card3 .content-otr .crnt-bid .price {
  color: #F25867;
}

.artwork-card3 .content-otr .bid-btn-otr {
  display: flex;
  width: 100%;
  text-align: center;
}

.artwork-card3 .content-otr .bid-btn-otr .bid-btn {
  width: 100%;
  margin: 24px;
}

.popular-card-inr {
  background-color: #FFFFFF;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}

.popular-card-inr .art-img-otr {
  padding: 24px 28px;
}

.popular-card-inr .art-img-otr .img {
  width: 100%;
  height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}

@media (max-width: 420px) {
  .popular-card-inr .art-img-otr .img {
    height: 250px;
  }
}

.popular-card-inr .user-content {
  display: flex;
  align-items: center;
  padding: 0 28px 24px 28px;
}

.popular-card-inr .user-content .img-otr {
  position: relative;
  margin-right: 16px;
}

.popular-card-inr .user-content .img-otr .user {
  width: 60px;
  height: 60px;
  border: 2px solid #FFFFFF;
  border-radius: 100%;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
}

.popular-card-inr .user-content .img-otr .check-otr {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: #F25867;
  right: 0;
  bottom: 0;
  z-index: 999;
}

.popular-card-inr .user-content .img-otr .check-otr .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #FFFFFF;
}

.popular-card-inr .user-content .content .heading {
  color: #000000;
  transition: 0.3s;
}

.popular-card-inr .user-content .content .heading:hover {
  color: #F25867;
}

.popular-card-inr .user-content .content .create-by {
  color: rgba(0, 0, 0, 0.4);
}

.popular-card-inr .user-content .content .create-by .creator-name {
  display: inline;
  color: #F25867;
}

.popular-card-inr .like-item-otr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: rgba(0, 0, 0, 0.03);
  padding: 9px 28px;
  border-radius: 0 0 8px 8px;
}

.popular-card-inr .like-item-otr .like-otr {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.popular-card-inr .like-item-otr .like-otr .icon-otr {
  margin-right: 8px;
}

.popular-card-inr .like-item-otr .like-otr .icon-otr .icon {
  font-size: 20px;
  color: rgba(0, 0, 0, 0.4);
}

.popular-card-inr .like-item-otr .like-otr .like-text {
  color: rgba(0, 0, 0, 0.4);
}

.popular-card-inr .like-item-otr .item-text {
  color: #F25867;
}

.popular-card-inr2 {
  background-color: #FFFFFF;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}

.popular-card-inr2 .art-img-otr {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 6px;
  padding: 24px 28px;
}

.popular-card-inr2 .art-img-otr .img {
  width: 100%;
  height: 150px;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 420px) {
  .popular-card-inr2 .art-img-otr .img {
    height: 100px;
  }
}

.popular-card-inr2 .art-img-otr .img-1 {
  border-radius: 8px 0 0 0;
}

.popular-card-inr2 .art-img-otr .img-2 {
  border-radius: 0 8px 0 0;
}

.popular-card-inr2 .art-img-otr .img-3 {
  border-radius: 0 0 0 8px;
}

.popular-card-inr2 .art-img-otr .img-4 {
  border-radius: 0 0 8px 0;
}

.popular-card-inr2 .user-content {
  display: flex;
  align-items: center;
  padding: 0 28px 24px 28px;
}

.popular-card-inr2 .user-content .img-otr {
  position: relative;
  margin-right: 16px;
}

.popular-card-inr2 .user-content .img-otr .user {
  width: 60px;
  height: 60px;
  border: 2px solid #FFFFFF;
  border-radius: 100%;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
}

.popular-card-inr2 .user-content .img-otr .check-otr {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: #F25867;
  right: 0;
  bottom: 0;
  z-index: 999;
}

.popular-card-inr2 .user-content .img-otr .check-otr .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #FFFFFF;
}

.popular-card-inr2 .user-content .content .heading {
  color: #000000;
  transition: 0.3s;
}

.popular-card-inr2 .user-content .content .heading:hover {
  color: #F25867;
}

.popular-card-inr2 .user-content .content .create-by {
  color: rgba(0, 0, 0, 0.4);
}

.popular-card-inr2 .user-content .content .create-by .creator-name {
  display: inline;
  color: #F25867;
}

.popular-card-inr2 .like-item-otr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: rgba(0, 0, 0, 0.03);
  padding: 9px 28px;
  border-radius: 0 0 8px 8px;
}

.popular-card-inr2 .like-item-otr .like-otr {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.popular-card-inr2 .like-item-otr .like-otr .icon-otr {
  margin-right: 8px;
}

.popular-card-inr2 .like-item-otr .like-otr .icon-otr .icon {
  font-size: 20px;
  color: rgba(0, 0, 0, 0.4);
}

.popular-card-inr2 .like-item-otr .like-otr .like-text {
  color: rgba(0, 0, 0, 0.4);
}

.popular-card-inr2 .like-item-otr .item-text {
  color: #F25867;
}

.popular-card-inr3 .art-img-otr {
  background-color: #FFFFFF;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
  padding: 24px 28px;
  border-radius: 8px;
}

.popular-card-inr3 .art-img-otr .img {
  width: 100%;
  height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}

@media (max-width: 420px) {
  .popular-card-inr3 .art-img-otr .img {
    height: 250px;
  }
}

.popular-card-inr3 .user-content {
  position: relative;
  padding-top: 66px;
}

.popular-card-inr3 .user-content .img-otr {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -50px;
  z-index: 10;
}

.popular-card-inr3 .user-content .img-otr .user {
  width: 100px;
  height: 100px;
  border-radius: 100%;
  border: 2px solid #FFFFFF;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);
}

.popular-card-inr3 .user-content .img-otr .check-otr {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: #F25867;
  right: 10px;
  bottom: 0;
  z-index: 999;
}

.popular-card-inr3 .user-content .img-otr .check-otr .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #FFFFFF;
}

.popular-card-inr3 .user-content .content {
  text-align: center;
}

.popular-card-inr3 .user-content .content .heading {
  color: #000000;
  transition: 0.3s;
}

.popular-card-inr3 .user-content .content .heading:hover {
  color: #F25867;
}

.popular-card-inr3 .user-content .content .create-by {
  color: rgba(0, 0, 0, 0.4);
}

.popular-card-inr3 .user-content .content .create-by .creator-name {
  display: inline;
  color: #F25867;
}

.live-auction1,
.popular-collection1 {
  margin: 112px 0 0 0;
}

@media (max-width: 575px) {
  .live-auction1,
  .popular-collection1 {
    margin: 80px 0 0 0;
  }
}

.live-auction2,
.popular-collection2 {
  margin: 0;
}

@media (max-width: 575px) {
  .live-auction2,
  .popular-collection2 {
    margin: 80px 0;
  }
}

.live-auction3,
.popular-collection3 {
  margin: 0;
}

@media (max-width: 575px) {
  .live-auction3,
  .popular-collection3 {
    margin: 80px 0;
  }
}

button {
  border: none;
}

button:focus {
  box-shadow: none;
}

.search-icon-otr {
  box-shadow: none;
}

.search-icon-otr:focus {
  box-shadow: none;
}


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