@-webkit-keyframes line-slide {
  0% {
    background-position: -5% 0;
  }

  100% {
    background-position: 100% 0;
  }
}

@keyframes line-slide {
  0% {
    background-position: -5% 0;
  }

  100% {
    background-position: 100% 0;
  }
}

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

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

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

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

/*=====================================
             Box Shadow
=====================================*/

/*=====================================
             Background Blur
=====================================*/

/*------------------------------------------
            Overlay Start Here
-------------------------------------------*/

.overlay-content {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 200;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0.438);
  transition: 0.3s;
}

.overlay-content .modal-content-inr {
  position: relative;
  width: 420px;
  height: 100%;
  background-color: #260236;
  padding: 36px 15px;
  top: 0;
  left: -420px;
  transition: 0.3s;
  overflow-y: scroll;
}

.overlay-content .modal-content-inr::-webkit-scrollbar {
  width: 5px;
}

.overlay-content .modal-content-inr::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.2);
}

@media (max-width: 575px) {
  .overlay-content .modal-content-inr {
    width: 100%;
  }
}

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

.overlay-content .modal-content-inr .logo-main .logo-otr .logo {
  width: 120px;
}

.overlay-content .modal-content-inr .logo-main .close-icon-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  cursor: pointer;
}

.overlay-content .modal-content-inr .logo-main .close-icon-otr .icon {
  font-size: 24px;
  color: #FFFFFF;
}

.overlay-content .modal-content-inr .accordion {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  padding: 8px 0;
  margin: 36px 0;
}

.overlay-content .modal-content-inr .accordion .accordion-item {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.overlay-content .modal-content-inr .accordion .accordion-item .accordion-header .accordion-button {
  position: relative;
  color: #FFFFFF;
  background-color: transparent;
  padding: 4px 16px;
}

.overlay-content .modal-content-inr .accordion .accordion-item .accordion-header .accordion-button:focus {
  border: none;
  box-shadow: none;
}

.overlay-content .modal-content-inr .accordion .accordion-item .accordion-header .accordion-button::after {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  background-image: url(/assets/img/arrow-drop.svg);
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
}

.overlay-content .modal-content-inr .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.1);
}

.overlay-content .modal-content-inr .accordion .accordion-item .accordion-collapse .accordion-body {
  padding: 8px 24px;
}

.overlay-content .modal-content-inr .accordion .accordion-item .accordion-collapse .accordion-body .drop-ul .drop-li:not(:last-child) {
  margin-bottom: 4px;
}

.overlay-content .modal-content-inr .accordion .accordion-item .accordion-collapse .accordion-body .drop-ul .drop-li .drop-a {
  color: #FFFFFF;
  background-color: transparent;
}

.overlay-content .modal-content-inr .accordion .menu-a {
  color: #FFFFFF;
  padding: 4px 16px;
  background-color: transparent;
  transition: 0.3s;
}

.overlay-content .modal-content-inr .accordion .menu-a:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.overlay-content .modal-content-inr .accordion .menu-a:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.overlay-content .modal-content-inr .social-otr .heading {
  color: #FFFFFF;
}

.overlay-content .modal-content-inr .social-otr .social-ul {
  display: flex;
  align-items: center;
}

.overlay-content .modal-content-inr .social-otr .social-ul .social-li {
  margin-top: 16px;
}

.overlay-content .modal-content-inr .social-otr .social-ul .social-li:not(:last-child) {
  margin-right: 16px;
}

.overlay-content .modal-content-inr .social-otr .social-ul .social-li .social-a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 100%;
  transition: 0.3s;
}

.overlay-content .modal-content-inr .social-otr .social-ul .social-li .social-a:hover {
  background-color: #FF3147;
}

.overlay-content .modal-content-inr .social-otr .social-ul .social-li .social-a:hover .icon {
  color: #FFFFFF;
}

.overlay-content .modal-content-inr .social-otr .social-ul .social-li .social-a .icon {
  font-size: 24px;
  color: #FFFFFF;
  transition: 0.3s;
}

.overlay-content .modal-content-inr .action-otr {
  display: flex;
  align-items: center;
  margin-top: 36px;
  width: 100%;
}

.overlay-content .modal-content-inr .action-otr .action {
  width: 50%;
  text-align: center;
}

.overlay-content .modal-content-inr .action-otr .action:not(:last-child) {
  margin-right: 24px;
}

.overlay-open {
  opacity: 1;
  visibility: visible;
}

.overlay-open .modal-content-inr {
  left: 0;
}

/*------------------------------------------
            Overlay End Here
-------------------------------------------*/

/*------------------------------------------
            Navbar Start Here
-------------------------------------------*/

.navbar-main {
  position: relative;
  z-index: 4;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
}

.navbar-main .navbar-top {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

@media (max-width: 991px) {
  .navbar-main .navbar-top {
    display: none;
  }
}

.navbar-main .navbar-top .container-fluid .navbar-top-inr {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.navbar-main .navbar-top .container-fluid .navbar-top-inr .icon-otr .icon-ul {
  display: flex;
  align-items: center;
}

.navbar-main .navbar-top .container-fluid .navbar-top-inr .icon-otr .icon-ul .icon-li {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  transition: 0.3s;
}

.navbar-main .navbar-top .container-fluid .navbar-top-inr .icon-otr .icon-ul .icon-li:hover .icon-a {
  background-color: #FF3147;
}

.navbar-main .navbar-top .container-fluid .navbar-top-inr .icon-otr .icon-ul .icon-li:hover .icon-a .icon {
  color: #FFFFFF;
}

.navbar-main .navbar-top .container-fluid .navbar-top-inr .icon-otr .icon-ul .icon-li:last-child {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.navbar-main .navbar-top .container-fluid .navbar-top-inr .icon-otr .icon-ul .icon-li .icon-a {
  padding: 20px 26px;
  background-color: transparent;
  transition: 0.3s;
}

.navbar-main .navbar-top .container-fluid .navbar-top-inr .icon-otr .icon-ul .icon-li .icon-a .icon {
  color: #FFFFFF;
  font-size: 28px;
  transition: 0.3s;
}

.navbar-main .navbar-top .container-fluid .navbar-top-inr .logo-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  height: 100%;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.navbar-main .navbar-top .container-fluid .navbar-top-inr .logo-otr .logo {
  width: 150px;
  height: auto;
  padding: 0 24px;
}

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

.navbar-main .navbar-top .container-fluid .navbar-top-inr .action .bell-icon-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  cursor: pointer;
  margin-right: 24px;
}

.navbar-main .navbar-top .container-fluid .navbar-top-inr .action .bell-icon-otr .bell-icon {
  font-size: 16px;
  color: #FFFFFF;
}

.navbar-main .navbar-top .container-fluid .navbar-top-inr .action .drop-eng {
  position: relative;
}

.navbar-main .navbar-top .container-fluid .navbar-top-inr .action .drop-eng .drop-eng-inr {
  display: flex;
  align-items: center;
  padding: 4px 16px;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  cursor: pointer;
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
}

.navbar-main .navbar-top .container-fluid .navbar-top-inr .action .drop-eng .drop-eng-inr .eng-text {
  color: #FFFFFF;
  margin-right: 8px;
}

.navbar-main .navbar-top .container-fluid .navbar-top-inr .action .drop-eng .drop-eng-inr .arrow {
  font-size: 16px;
  color: #FFFFFF;
}

.navbar-main .navbar-top .container-fluid .navbar-top-inr .action .drop-eng .dropdown-eng {
  position: absolute;
  z-index: 2;
  padding-top: 50px;
  opacity: 0;
  visibility: hidden;
  right: 0;
  transition: 0.3s;
}

.navbar-main .navbar-top .container-fluid .navbar-top-inr .action .drop-eng .dropdown-eng .drop-ul {
  background-color: #260236;
  width: 150px;
  border-radius: 8px;
  padding: 16px 0;
}

.navbar-main .navbar-top .container-fluid .navbar-top-inr .action .drop-eng .dropdown-eng .drop-ul .drop-li .drop-a {
  color: #FFFFFF;
  background-color: transparent;
  padding: 4px 0 4px 24px;
  transition: 0.3s;
}

.navbar-main .navbar-top .container-fluid .navbar-top-inr .action .drop-eng .dropdown-eng .drop-ul .drop-li .drop-a:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.navbar-main .navbar-top .container-fluid .navbar-top-inr .action .drop-eng .eng-open {
  opacity: 1;
  visibility: visible;
  padding-top: 0;
}

.navbar-main .nav-bar {
  padding: 16px 0;
}

@media (max-width: 991px) {
  .navbar-main .nav-bar {
    display: none;
  }
}

.navbar-main .nav-bar .container-fluid .nav-bar-inr {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.navbar-main .nav-bar .container-fluid .nav-bar-inr .menu-otr .menu-ul {
  display: flex;
  align-items: center;
}

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

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

.navbar-main .nav-bar .container-fluid .nav-bar-inr .menu-otr .menu-ul .menu-li:not(:last-child) {
  margin-right: 40px;
}

.navbar-main .nav-bar .container-fluid .nav-bar-inr .menu-otr .menu-ul .menu-li .menu-a {
  display: flex;
  align-items: center;
  transition: 0.3s;
}

.navbar-main .nav-bar .container-fluid .nav-bar-inr .menu-otr .menu-ul .menu-li .menu-a:hover .menu-p {
  color: #FF3147;
}

.navbar-main .nav-bar .container-fluid .nav-bar-inr .menu-otr .menu-ul .menu-li .menu-a:hover .icon {
  color: #FF3147;
}

.navbar-main .nav-bar .container-fluid .nav-bar-inr .menu-otr .menu-ul .menu-li .menu-a .menu-p {
  color: #FFFFFF;
  transition: 0.3s;
}

.navbar-main .nav-bar .container-fluid .nav-bar-inr .menu-otr .menu-ul .menu-li .menu-a .icon {
  font-size: 24px;
  color: #FFFFFF;
  margin-left: 4px;
  transition: 0.3s;
}

.navbar-main .nav-bar .container-fluid .nav-bar-inr .menu-otr .menu-ul .menu-li .drop-down {
  position: absolute;
  left: -24px;
  top: 100px;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  padding-top: 31px;
}

.navbar-main .nav-bar .container-fluid .nav-bar-inr .menu-otr .menu-ul .menu-li .drop-down .drop-ul {
  background-color: #260236;
  width: 250px;
  border-radius: 8px;
  padding: 16px 0;
}

.navbar-main .nav-bar .container-fluid .nav-bar-inr .menu-otr .menu-ul .menu-li .drop-down .drop-ul .drop-li .drop-a {
  padding: 4px 0 4px 24px;
  color: #FFFFFF;
  background-color: transparent;
  transition: 0.3s;
}

.navbar-main .nav-bar .container-fluid .nav-bar-inr .menu-otr .menu-ul .menu-li .drop-down .drop-ul .drop-li .drop-a:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

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

.navbar-main .nav-bar .container-fluid .nav-bar-inr .action-otr .action:not(:last-child) {
  margin-right: 24px;
}

.navbar-main .nav-responsive {
  display: none;
}

@media (max-width: 991px) {
  .navbar-main .nav-responsive {
    display: block;
  }
}

.navbar-main .nav-responsive .container-fluid .navbar-responsive {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 32px 0;
}

.navbar-main .nav-responsive .container-fluid .navbar-responsive .logo-otr .logo {
  width: 120px;
}

.navbar-main .nav-responsive .container-fluid .navbar-responsive .menu-icon-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  cursor: pointer;
}

.navbar-main .nav-responsive .container-fluid .navbar-responsive .menu-icon-otr .icon {
  color: #FFFFFF;
  font-size: 24px;
}

/*------------------------------------------
            Navbar End Here
-------------------------------------------*/

/*------------------------------------------
            Inner-header Start Here
-------------------------------------------*/

.inner-header {
  margin-top: 45px;
}

.inner-header .container-fluid .wrapper {
  background-image: url(/assets/img/inner-header-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 72px 45px;
  border-radius: 16px;
  text-align: center;
}

.inner-header .container-fluid .wrapper .heading {
  color: #FFFFFF;
}

/*------------------------------------------
            Inner-header End Here
-------------------------------------------*/

/*------------------------------------------
        Footer Start Here
-------------------------------------------*/

.footer {
  background: linear-gradient(270deg, rgba(255, 49, 71, 0.15) 0%, rgba(107, 84, 182, 0.15) 99.99%);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
}

.footer .container-fluid .row-custom {
  padding: 112px 0 128px 0;
}

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

.footer .container-fluid .row-custom .col-logo-otr .col-logo-inr .logo-otr .logo {
  width: 150px;
}

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

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

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

.footer .container-fluid .row-custom .col-logo-otr .col-logo-inr .winner-otr .winner-ul .winner-li:not(:last-child) {
  margin-right: 16px;
}

.footer .container-fluid .row-custom .col-logo-otr .col-logo-inr .winner-otr .winner-ul .winner-li .winner-a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  border-radius: 8px;
  background-color: #260236;
  transform-style: preserve-3d;
}

.footer .container-fluid .row-custom .col-logo-otr .col-logo-inr .winner-otr .winner-ul .winner-li .winner-a .img {
  height: 50px;
  transform: translateZ(20px);
}

.footer .container-fluid .row-custom .col-navigation-otr .col-navigation-inr {
  padding-left: 30px;
}

@media (max-width: 1199px) {
  .footer .container-fluid .row-custom .col-navigation-otr .col-navigation-inr {
    padding-left: 0;
  }
}

@media (max-width: 991px) {
  .footer .container-fluid .row-custom .col-navigation-otr .col-navigation-inr {
    padding: 0 0 48px 40px;
  }
}

@media (max-width: 767px) {
  .footer .container-fluid .row-custom .col-navigation-otr .col-navigation-inr {
    padding: 0 0 48px 0;
  }
}

.footer .container-fluid .row-custom .col-navigation-otr .col-navigation-inr .heading {
  color: #FFFFFF;
  margin-bottom: 24px;
}

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

.footer .container-fluid .row-custom .col-navigation-otr .col-navigation-inr .navigation-ul .navigation-li .navigation-a {
  display: inline;
  color: #FFFFFF;
  transition: 0.3s;
}

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

.footer .container-fluid .row-custom .col-address-otr .col-address-inr {
  padding-left: 50px;
}

@media (max-width: 1199px) {
  .footer .container-fluid .row-custom .col-address-otr .col-address-inr {
    padding-left: 0;
  }
}

@media (max-width: 575px) {
  .footer .container-fluid .row-custom .col-address-otr .col-address-inr {
    padding-bottom: 48px;
  }
}

.footer .container-fluid .row-custom .col-address-otr .col-address-inr .heading {
  color: #FFFFFF;
  margin-bottom: 16px;
}

.footer .container-fluid .row-custom .col-address-otr .col-address-inr .address-ul .address-li:not(:last-child) {
  margin-bottom: 12px;
}

.footer .container-fluid .row-custom .col-address-otr .col-address-inr .address-ul .address-li .address-div .icon {
  font-size: 24px;
  color: #FFFFFF;
  margin-bottom: 10px;
}

.footer .container-fluid .row-custom .col-address-otr .col-address-inr .address-ul .address-li .address-div .text {
  color: rgba(255, 255, 255, 0.75);
}

.footer .container-fluid .row-custom .col-address-otr .col-address-inr .address-ul .address-li .address-a .icon {
  font-size: 24px;
  color: #FFFFFF;
  margin-bottom: 10px;
}

.footer .container-fluid .row-custom .col-address-otr .col-address-inr .address-ul .address-li .address-a .text {
  color: rgba(255, 255, 255, 0.75);
}

.footer .container-fluid .row-custom .col-social-otr .col-social-inr {
  position: relative;
}

@media (max-width: 991px) {
  .footer .container-fluid .row-custom .col-social-otr .col-social-inr {
    padding-left: 40px;
  }
}

@media (max-width: 767px) {
  .footer .container-fluid .row-custom .col-social-otr .col-social-inr {
    padding-left: 0;
  }
}

.footer .container-fluid .row-custom .col-social-otr .col-social-inr .heading {
  color: #FFFFFF;
}

.footer .container-fluid .row-custom .col-social-otr .col-social-inr .social-ul {
  display: flex;
  align-items: center;
}

.footer .container-fluid .row-custom .col-social-otr .col-social-inr .social-ul .social-li {
  margin-top: 16px;
}

.footer .container-fluid .row-custom .col-social-otr .col-social-inr .social-ul .social-li:not(:last-child) {
  margin-right: 16px;
}

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

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

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

.footer .container-fluid .row-custom .col-social-otr .col-social-inr .social-ul .social-li .social-a .icon {
  font-size: 24px;
  color: #FFFFFF;
  transition: 0.3s;
}

.footer .container-fluid .row-custom .col-social-otr .col-social-inr .img {
  height: 100px;
  position: absolute;
  right: 0;
  bottom: -200px;
  transform: rotate(-17deg);
}

@media (max-width: 991px) {
  .footer .container-fluid .row-custom .col-social-otr .col-social-inr .img {
    right: 150px;
  }
}

@media (max-width: 575px) {
  .footer .container-fluid .row-custom .col-social-otr .col-social-inr .img {
    display: none;
  }
}

.footer .copy-right {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

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

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

.footer .copy-right .container-fluid .wrapper .copy-text {
  color: rgba(255, 255, 255, 0.75);
}

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

.footer .copy-right .container-fluid .wrapper .copy-text .text-inr {
  display: inline;
  color: #FFFFFF;
  transition: 0.3s;
}

.footer .copy-right .container-fluid .wrapper .copy-text .text-inr:hover {
  color: #FF3147;
}

.footer .copy-right .container-fluid .wrapper .privacy-terms-otr {
  display: flex;
  align-items: center;
}

.footer .copy-right .container-fluid .wrapper .privacy-terms-otr .linkk1 {
  color: rgba(255, 255, 255, 0.75);
  transition: 0.3s;
}

.footer .copy-right .container-fluid .wrapper .privacy-terms-otr .linkk1:hover {
  color: #FF3147;
}

.footer .copy-right .container-fluid .wrapper .privacy-terms-otr .dot {
  color: #FFFFFF;
  margin: 0 8px;
}

/*------------------------------------------
        Footer Start Here
-------------------------------------------*/

/*------------------------------------------
        Loader Start Here
-------------------------------------------*/

.progressjs-theme-blueOverlay .progressjs-inner {
  background-color: rgba(255, 255, 255, 0.2);
}

.progressjs-theme-blueOverlay {
  background-color: #260236;
}

.progressjs-theme-blueOverlay .progressjs-percent {
  font-family: "LexendZetta-SemiBold" !important;
  letter-spacing: -3px;
}

.loader {
  width: 100%;
  height: 100vh;
  background-color: #260236;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999999;
}

/*------------------------------------------
        Loader Start Here
-------------------------------------------*/

/*------------------------------------------
        Navbar/Hero Start Here
-------------------------------------------*/

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

.navbar-hero .navbar-main {
  position: relative;
  z-index: 4;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
}

.navbar-hero .navbar-main .navbar-top {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

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

.navbar-hero .navbar-main .navbar-top .container-fluid .navbar-top-inr {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.navbar-hero .navbar-main .navbar-top .container-fluid .navbar-top-inr .icon-otr .icon-ul {
  display: flex;
  align-items: center;
}

.navbar-hero .navbar-main .navbar-top .container-fluid .navbar-top-inr .icon-otr .icon-ul .icon-li {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  transition: 0.3s;
}

.navbar-hero .navbar-main .navbar-top .container-fluid .navbar-top-inr .icon-otr .icon-ul .icon-li:hover .icon-a {
  background-color: #FF3147;
}

.navbar-hero .navbar-main .navbar-top .container-fluid .navbar-top-inr .icon-otr .icon-ul .icon-li:hover .icon-a .icon {
  color: #FFFFFF;
}

.navbar-hero .navbar-main .navbar-top .container-fluid .navbar-top-inr .icon-otr .icon-ul .icon-li:last-child {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.navbar-hero .navbar-main .navbar-top .container-fluid .navbar-top-inr .icon-otr .icon-ul .icon-li .icon-a {
  padding: 20px 26px;
  background-color: transparent;
  transition: 0.3s;
}

.navbar-hero .navbar-main .navbar-top .container-fluid .navbar-top-inr .icon-otr .icon-ul .icon-li .icon-a .icon {
  color: #FFFFFF;
  font-size: 28px;
  transition: 0.3s;
}

.navbar-hero .navbar-main .navbar-top .container-fluid .navbar-top-inr .logo-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  height: 100%;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.navbar-hero .navbar-main .navbar-top .container-fluid .navbar-top-inr .logo-otr .logo {
  width: 150px;
  height: auto;
  padding: 0 24px;
}

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

.navbar-hero .navbar-main .navbar-top .container-fluid .navbar-top-inr .action .bell-icon-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  cursor: pointer;
  margin-right: 24px;
}

.navbar-hero .navbar-main .navbar-top .container-fluid .navbar-top-inr .action .bell-icon-otr .bell-icon {
  font-size: 16px;
  color: #FFFFFF;
}

.navbar-hero .navbar-main .navbar-top .container-fluid .navbar-top-inr .action .drop-eng {
  position: relative;
}

.navbar-hero .navbar-main .navbar-top .container-fluid .navbar-top-inr .action .drop-eng .drop-eng-inr {
  display: flex;
  align-items: center;
  padding: 4px 16px;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  cursor: pointer;
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
}

.navbar-hero .navbar-main .navbar-top .container-fluid .navbar-top-inr .action .drop-eng .drop-eng-inr .eng-text {
  color: #FFFFFF;
  margin-right: 8px;
}

.navbar-hero .navbar-main .navbar-top .container-fluid .navbar-top-inr .action .drop-eng .drop-eng-inr .arrow {
  font-size: 16px;
  color: #FFFFFF;
}

.navbar-hero .navbar-main .navbar-top .container-fluid .navbar-top-inr .action .drop-eng .dropdown-eng {
  position: absolute;
  right: 0;
  z-index: 2;
  padding-top: 50px;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}

.navbar-hero .navbar-main .navbar-top .container-fluid .navbar-top-inr .action .drop-eng .dropdown-eng .drop-ul {
  background-color: #260236;
  width: 150px;
  border-radius: 8px;
  padding: 16px 0;
}

.navbar-hero .navbar-main .navbar-top .container-fluid .navbar-top-inr .action .drop-eng .dropdown-eng .drop-ul .drop-li .drop-a {
  color: #FFFFFF;
  background-color: transparent;
  padding: 4px 0 4px 24px;
  transition: 0.3s;
}

.navbar-hero .navbar-main .navbar-top .container-fluid .navbar-top-inr .action .drop-eng .dropdown-eng .drop-ul .drop-li .drop-a:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.navbar-hero .navbar-main .navbar-top .container-fluid .navbar-top-inr .action .drop-eng .eng-open {
  opacity: 1;
  visibility: visible;
  padding-top: 0;
}

.navbar-hero .navbar-main .nav-bar {
  padding: 16px 0;
}

@media (max-width: 991px) {
  .navbar-hero .navbar-main .nav-bar {
    display: none;
  }
}

.navbar-hero .navbar-main .nav-bar .container-fluid .nav-bar-inr {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.navbar-hero .navbar-main .nav-bar .container-fluid .nav-bar-inr .menu-otr .menu-ul {
  display: flex;
  align-items: center;
}

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

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

.navbar-hero .navbar-main .nav-bar .container-fluid .nav-bar-inr .menu-otr .menu-ul .menu-li:not(:last-child) {
  margin-right: 40px;
}

.navbar-hero .navbar-main .nav-bar .container-fluid .nav-bar-inr .menu-otr .menu-ul .menu-li .menu-a {
  display: flex;
  align-items: center;
  transition: 0.3s;
}

.navbar-hero .navbar-main .nav-bar .container-fluid .nav-bar-inr .menu-otr .menu-ul .menu-li .menu-a:hover .menu-p {
  color: #FF3147;
}

.navbar-hero .navbar-main .nav-bar .container-fluid .nav-bar-inr .menu-otr .menu-ul .menu-li .menu-a:hover .icon {
  color: #FF3147;
}

.navbar-hero .navbar-main .nav-bar .container-fluid .nav-bar-inr .menu-otr .menu-ul .menu-li .menu-a .menu-p {
  color: #FFFFFF;
  transition: 0.3s;
}

.navbar-hero .navbar-main .nav-bar .container-fluid .nav-bar-inr .menu-otr .menu-ul .menu-li .menu-a .icon {
  font-size: 24px;
  color: #FFFFFF;
  margin-left: 4px;
  transition: 0.3s;
}

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

.navbar-hero .navbar-main .nav-bar .container-fluid .nav-bar-inr .menu-otr .menu-ul .menu-li .drop-down .drop-ul {
  background-color: #260236;
  width: 250px;
  border-radius: 8px;
  padding: 16px 0;
}

.navbar-hero .navbar-main .nav-bar .container-fluid .nav-bar-inr .menu-otr .menu-ul .menu-li .drop-down .drop-ul .drop-li .drop-a {
  padding: 4px 0 4px 24px;
  color: #FFFFFF;
  background-color: transparent;
  transition: 0.3s;
}

.navbar-hero .navbar-main .nav-bar .container-fluid .nav-bar-inr .menu-otr .menu-ul .menu-li .drop-down .drop-ul .drop-li .drop-a:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

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

.navbar-hero .navbar-main .nav-bar .container-fluid .nav-bar-inr .action-otr .action:not(:last-child) {
  margin-right: 24px;
}

.navbar-hero .navbar-main .nav-responsive {
  display: none;
}

@media (max-width: 991px) {
  .navbar-hero .navbar-main .nav-responsive {
    display: block;
  }
}

.navbar-hero .navbar-main .nav-responsive .container-fluid .navbar-responsive {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 32px 0;
}

.navbar-hero .navbar-main .nav-responsive .container-fluid .navbar-responsive .logo-otr .logo {
  width: 150px;
}

.navbar-hero .navbar-main .nav-responsive .container-fluid .navbar-responsive .menu-icon-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  cursor: pointer;
}

.navbar-hero .navbar-main .nav-responsive .container-fluid .navbar-responsive .menu-icon-otr .icon {
  color: #FFFFFF;
  font-size: 24px;
}

.navbar-hero .hero-main {
  position: relative;
  z-index: 2;
  padding: 72px 0 96px 0;
}

.navbar-hero .hero-main .container-fluid .swiper-slider2 {
  overflow: visible;
}

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

.navbar-hero .hero-main .container-fluid .swiper-slider2 .swiper-wrapper .swiper-slide .row-custom {
  align-items: center;
  justify-content: end;
  opacity: 0;
  visibility: hidden;
  transition: 1s;
}

@media (max-width: 991px) {
  .navbar-hero .hero-main .container-fluid .swiper-slider2 .swiper-wrapper .swiper-slide .row-custom {
    justify-content: center;
    padding: 0 72px;
  }
}

@media (max-width: 600px) {
  .navbar-hero .hero-main .container-fluid .swiper-slider2 .swiper-wrapper .swiper-slide .row-custom {
    padding: 0;
  }
}

.navbar-hero .hero-main .container-fluid .swiper-slider2 .swiper-wrapper .swiper-slide .row-custom .col-img-otr {
  overflow: hidden;
}

.navbar-hero .hero-main .container-fluid .swiper-slider2 .swiper-wrapper .swiper-slide .row-custom .col-img-otr .col-img-inr {
  margin-right: 48px;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  right: -100%;
  transition: 1s;
  opacity: 0;
}

@media (max-width: 991px) {
  .navbar-hero .hero-main .container-fluid .swiper-slider2 .swiper-wrapper .swiper-slide .row-custom .col-img-otr .col-img-inr {
    padding: 0 0 72px 0;
    margin: 0;
  }
}

.navbar-hero .hero-main .container-fluid .swiper-slider2 .swiper-wrapper .swiper-slide .row-custom .col-img-otr .col-img-inr .img {
  width: 100%;
  border-radius: 16px;
}

.navbar-hero .hero-main .container-fluid .swiper-slider2 .swiper-wrapper .swiper-slide .row-custom .col-content-otr .col-content-inr {
  position: relative;
  transition: 1s;
}

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

.navbar-hero .hero-main .container-fluid .swiper-slider2 .swiper-wrapper .swiper-slide .row-custom .col-content-otr .col-content-inr .sub-heading {
  color: #FFFFFF;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
  transition-delay: 1s;
}

.navbar-hero .hero-main .container-fluid .swiper-slider2 .swiper-wrapper .swiper-slide .row-custom .col-content-otr .col-content-inr .heading {
  color: #FFFFFF;
  margin: 24px 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
  transition-delay: 1.2s;
}

.navbar-hero .hero-main .container-fluid .swiper-slider2 .swiper-wrapper .swiper-slide .row-custom .col-content-otr .col-content-inr .desc {
  color: rgba(255, 255, 255, 0.75);
  margin-bottom: 40px;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
  transition-delay: 1.4s;
}

.navbar-hero .hero-main .container-fluid .swiper-slider2 .swiper-wrapper .swiper-slide .row-custom .col-content-otr .col-content-inr .action {
  display: flex;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
  transition-delay: 1.6s;
}

@media (max-width: 991px) {
  .navbar-hero .hero-main .container-fluid .swiper-slider2 .swiper-wrapper .swiper-slide .row-custom .col-content-otr .col-content-inr .action {
    align-items: center;
    justify-content: center;
  }
}

.navbar-hero .hero-main .container-fluid .swiper-slider2 .swiper-wrapper .swiper-slide-active .row-custom {
  opacity: 1;
  visibility: visible;
}

.navbar-hero .hero-main .container-fluid .swiper-slider2 .swiper-wrapper .swiper-slide-active .row-custom .col-img-otr .col-img-inr {
  right: 0;
  opacity: 1;
  transition-delay: 0.3s;
}

.navbar-hero .hero-main .container-fluid .swiper-slider2 .swiper-wrapper .swiper-slide-active .row-custom .col-content-otr .col-content-inr {
  position: relative;
}

@media (max-width: 991px) {
  .navbar-hero .hero-main .container-fluid .swiper-slider2 .swiper-wrapper .swiper-slide-active .row-custom .col-content-otr .col-content-inr {
    text-align: center;
  }
}

.navbar-hero .hero-main .container-fluid .swiper-slider2 .swiper-wrapper .swiper-slide-active .row-custom .col-content-otr .col-content-inr .sub-heading {
  opacity: 1;
  visibility: visible;
}

.navbar-hero .hero-main .container-fluid .swiper-slider2 .swiper-wrapper .swiper-slide-active .row-custom .col-content-otr .col-content-inr .heading {
  opacity: 1;
  visibility: visible;
}

.navbar-hero .hero-main .container-fluid .swiper-slider2 .swiper-wrapper .swiper-slide-active .row-custom .col-content-otr .col-content-inr .desc {
  opacity: 1;
  visibility: visible;
}

.navbar-hero .hero-main .container-fluid .swiper-slider2 .swiper-wrapper .swiper-slide-active .row-custom .col-content-otr .col-content-inr .action {
  opacity: 1;
  visibility: visible;
}

.navbar-hero .hero-arrows {
  display: flex;
  align-items: center;
  position: absolute;
  left: 20px;
  bottom: 20px;
}

.navbar-hero .hero-arrows .swiper-button-prev {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 52px;
  height: 52px;
  left: 0;
  border-radius: 8px 0 0 8px;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  border-right: 0.5px solid #FF3147;
  transition: 0.3s;
}

.navbar-hero .hero-arrows .swiper-button-prev:hover {
  background-color: #FF3147;
}

.navbar-hero .hero-arrows .swiper-button-prev:hover .icon {
  color: #FFFFFF;
}

.navbar-hero .hero-arrows .swiper-button-prev::after {
  display: none;
}

.navbar-hero .hero-arrows .swiper-button-prev .icon {
  color: #FFFFFF;
  font-size: 24px;
  transition: 0.3s;
}

.navbar-hero .hero-arrows .swiper-button-next {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 52px;
  height: 52px;
  left: 0;
  border-radius: 0 8px 8px 0;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  border-left: 0.5px solid #FF3147;
  transition: 0.3s;
}

.navbar-hero .hero-arrows .swiper-button-next:hover {
  background-color: #FF3147;
}

.navbar-hero .hero-arrows .swiper-button-next:hover .icon {
  color: #FFFFFF;
}

.navbar-hero .hero-arrows .swiper-button-next::after {
  display: none;
}

.navbar-hero .hero-arrows .swiper-button-next .icon {
  color: #FFFFFF;
  font-size: 24px;
  transition: 0.3s;
}

/*------------------------------------------
        Navbar/Hero Start Here
-------------------------------------------*/

/*------------------------------------------
        Features Start Here
-------------------------------------------*/

.features {
  padding: 112px 0 128px 0;
}

.features .container-fluid .wrapper {
  position: relative;
  text-align: center;
  margin-bottom: 72px;
}

.features .container-fluid .wrapper .img1 {
  position: absolute;
  left: 40px;
  top: 50%;
  transform: translateY(-50%);
  width: 110px;
}

@media (max-width: 991px) {
  .features .container-fluid .wrapper .img1 {
    display: none;
  }
}

.features .container-fluid .wrapper .img2 {
  position: absolute;
  right: 40px;
  top: 50%;
  transform: translateY(-50%);
  width: 150px;
}

@media (max-width: 991px) {
  .features .container-fluid .wrapper .img2 {
    display: none;
  }
}

.features .container-fluid .wrapper .heading {
  color: #FFFFFF;
  margin-bottom: 16px;
}

.features .container-fluid .wrapper .desc {
  color: rgba(255, 255, 255, 0.75);
}

@media (min-width: 992px) and (max-width: 1199px) {
  .features .container-fluid .row-custom .col-box-otr {
    width: 33.3333%;
  }
}

.features .container-fluid .row-custom .col-box-otr .col-box-inr {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  padding: 28px 24px 24px 24px;
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  text-align: center;
  border: 1px solid transparent;
  transition: 0.3s;
}

.features .container-fluid .row-custom .col-box-otr .col-box-inr:hover {
  border: 1px solid #FF3147;
}

.features .container-fluid .row-custom .col-box-otr .col-box-inr:hover .icon-otr .icon-inr {
  background-color: #FF3147;
}

.features .container-fluid .row-custom .col-box-otr .col-box-inr:hover .icon-otr .icon-inr .icon {
  color: #FFFFFF;
}

.features .container-fluid .row-custom .col-box-otr .col-box-inr .icon-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}

.features .container-fluid .row-custom .col-box-otr .col-box-inr .icon-otr .icon-inr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  border-radius: 8px;
  transition: 0.3s;
}

.features .container-fluid .row-custom .col-box-otr .col-box-inr .icon-otr .icon-inr .icon {
  color: #FFFFFF;
  font-size: 56px;
  transition: 0.3s;
}

.features .container-fluid .row-custom .col-box-otr .col-box-inr .tittle {
  margin: 12px 0 4px 0;
  color: rgba(255, 255, 255, 0.75);
}

.features .container-fluid .row-custom .col-box-otr .col-box-inr .heading {
  color: #FFFFFF;
  margin-bottom: 8px;
}

.features .container-fluid .row-custom .col-box-otr .col-box-inr .desc {
  color: rgba(255, 255, 255, 0.75);
}

@media (min-width: 992px) and (max-width: 1199px) {
  .features .container-fluid .row-custom .col-box-otr .box-1,
  .features .container-fluid .row-custom .col-box-otr .box-2 {
    margin-bottom: 24px;
  }
}

@media (max-width: 991px) {
  .features .container-fluid .row-custom .col-box-otr .box-1,
  .features .container-fluid .row-custom .col-box-otr .box-2 {
    margin-bottom: 24px;
  }
}

@media (max-width: 575px) {
  .features .container-fluid .row-custom .col-box-otr .box-1,
  .features .container-fluid .row-custom .col-box-otr .box-2,
  .features .container-fluid .row-custom .col-box-otr .box-3 {
    margin-bottom: 24px;
  }
}

/*------------------------------------------
        Features Start Here
-------------------------------------------*/

/*------------------------------------------
        Video Start Here
-------------------------------------------*/

.video .container-fluid .wrapper .img-otr {
  height: 500px;
  position: relative;
}

@media (max-width: 575px) {
  .video .container-fluid .wrapper .img-otr {
    height: 400px;
  }
}

.video .container-fluid .wrapper .img-otr .heading-otr {
  text-align: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 32px;
  border-radius: 8px;
  padding: 24px 42px;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
}

@media (max-width: 575px) {
  .video .container-fluid .wrapper .img-otr .heading-otr {
    width: 90%;
  }
}

.video .container-fluid .wrapper .img-otr .heading-otr .heading {
  color: #FFFFFF;
}

.video .container-fluid .wrapper .img-otr .img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 16px;
  border: 5px solid #FF3147;
}

.video .container-fluid .wrapper .img-otr .icon-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 72px;
  height: 72px;
  border-radius: 100%;
  background-color: #FFFFFF;
}

.video .container-fluid .wrapper .img-otr .icon-otr .icon {
  font-size: 36px;
  color: #FF3147;
}

/*------------------------------------------
        Video Start Here
-------------------------------------------*/

/*------------------------------------------
        Games Start Here
-------------------------------------------*/

.games {
  padding: 112px 0;
}

.games .container-fluid .wrapper {
  text-align: center;
  margin-bottom: 72px;
}

.games .container-fluid .wrapper .heading {
  color: #FFFFFF;
  margin-bottom: 16px;
}

.games .container-fluid .wrapper .desc {
  color: rgba(255, 255, 255, 0.75);
}

@media (min-width: 992px) and (max-width: 1199px) {
  .games .container-fluid .row-custom .col-box-otr {
    width: 33.3333%;
  }
}

.games .container-fluid .row-custom .col-box-otr .col-box-inr {
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  padding: 20px;
  border-radius: 8px;
}

.games .container-fluid .row-custom .col-box-otr .col-box-inr .img-otr {
  position: relative;
}

.games .container-fluid .row-custom .col-box-otr .col-box-inr .img-otr .img-inr {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  transform-style: preserve-3d;
  background-color: #260236;
  padding: 40px 0;
}

.games .container-fluid .row-custom .col-box-otr .col-box-inr .img-otr .img-inr .img {
  height: 200px;
  width: auto;
  transform: translateZ(20px);
}

.games .container-fluid .row-custom .col-box-otr .col-box-inr .img-otr .arrow-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 52px;
  height: 52px;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  border-radius: 100%;
  transition: 0.3s;
}

.games .container-fluid .row-custom .col-box-otr .col-box-inr .img-otr .arrow-otr:hover {
  background-color: #FF3147;
}

.games .container-fluid .row-custom .col-box-otr .col-box-inr .img-otr .arrow-otr:hover .icon {
  color: #FFFFFF;
}

.games .container-fluid .row-custom .col-box-otr .col-box-inr .img-otr .arrow-otr .icon {
  font-size: 24px;
  color: #FFFFFF;
  transition: 0.3s;
}

.games .container-fluid .row-custom .col-box-otr .col-box-inr .heading-otr {
  text-align: center;
  background-color: rgba(255, 255, 255, 0.1);
  padding: 8px 0;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  margin-top: 20px;
}

.games .container-fluid .row-custom .col-box-otr .col-box-inr .heading-otr .name {
  color: #FFFFFF;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .games .container-fluid .row-custom .col-box-otr .box-1,
  .games .container-fluid .row-custom .col-box-otr .box-2 {
    margin-bottom: 24px;
  }
}

@media (max-width: 991px) {
  .games .container-fluid .row-custom .col-box-otr .box-1,
  .games .container-fluid .row-custom .col-box-otr .box-2 {
    margin-bottom: 24px;
  }
}

@media (max-width: 575px) {
  .games .container-fluid .row-custom .col-box-otr .box-1,
  .games .container-fluid .row-custom .col-box-otr .box-2,
  .games .container-fluid .row-custom .col-box-otr .box-3 {
    margin-bottom: 24px;
  }
}

/*------------------------------------------
        Games Start Here
-------------------------------------------*/

/*------------------------------------------
        Matches Start Here
-------------------------------------------*/

.matches .container-fluid .wrapper {
  text-align: center;
  margin-bottom: 72px;
}

.matches .container-fluid .wrapper .heading {
  color: #FFFFFF;
  margin-bottom: 16px;
}

.matches .container-fluid .wrapper .desc {
  color: rgba(255, 255, 255, 0.75);
}

.matches .container-fluid .row-custom {
  align-items: center;
}

.matches .container-fluid .row-custom:not(:last-child) {
  margin-bottom: 24px;
}

.matches .container-fluid .row-custom .col-box-otr .box-1,
.matches .container-fluid .row-custom .col-box-otr .box-3 {
  display: grid;
  align-items: center;
  grid-template-columns: auto 1fr;
  padding: 24px;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  border-radius: 8px;
}

@media (max-width: 1199px) {
  .matches .container-fluid .row-custom .col-box-otr .box-1,
  .matches .container-fluid .row-custom .col-box-otr .box-3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}

.matches .container-fluid .row-custom .col-box-otr .box-1 .img-otr,
.matches .container-fluid .row-custom .col-box-otr .box-3 .img-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 120px;
  margin-right: 24px;
  background-color: #260236;
  border-radius: 8px;
  transform-style: preserve-3d;
}

@media (max-width: 1199px) {
  .matches .container-fluid .row-custom .col-box-otr .box-1 .img-otr,
  .matches .container-fluid .row-custom .col-box-otr .box-3 .img-otr {
    margin: 0 0 16px 0;
  }
}

.matches .container-fluid .row-custom .col-box-otr .box-1 .img-otr .img,
.matches .container-fluid .row-custom .col-box-otr .box-3 .img-otr .img {
  width: 60px;
  transform: translateZ(20px);
}

.matches .container-fluid .row-custom .col-box-otr .box-1 .content .tag,
.matches .container-fluid .row-custom .col-box-otr .box-3 .content .tag {
  color: rgba(255, 255, 255, 0.75);
}

.matches .container-fluid .row-custom .col-box-otr .box-1 .content .name,
.matches .container-fluid .row-custom .col-box-otr .box-3 .content .name {
  color: #FFFFFF;
  transition: 0.3s;
}

.matches .container-fluid .row-custom .col-box-otr .box-1 .content .name:hover,
.matches .container-fluid .row-custom .col-box-otr .box-3 .content .name:hover {
  color: #FF3147;
}

.matches .container-fluid .row-custom .col-box-otr .box-1 .content .desc,
.matches .container-fluid .row-custom .col-box-otr .box-3 .content .desc {
  color: rgba(255, 255, 255, 0.75);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.matches .container-fluid .row-custom .col-box-otr .box-2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 24px;
}

@media (max-width: 1199px) {
  .matches .container-fluid .row-custom .col-box-otr .box-2 {
    flex-direction: column;
    text-align: center;
  }
}

@media (max-width: 767px) {
  .matches .container-fluid .row-custom .col-box-otr .box-2 {
    margin: 24px 0;
  }
}

@media (max-width: 1199px) {
  .matches .container-fluid .row-custom .col-box-otr .box-2 .content {
    margin-bottom: 16px;
  }
}

.matches .container-fluid .row-custom .col-box-otr .box-2 .content .streaming {
  color: rgba(255, 255, 255, 0.75);
}

.matches .container-fluid .row-custom .col-box-otr .box-2 .content .heading {
  color: #FFFFFF;
  margin: 3px 0;
}

.matches .container-fluid .row-custom .col-box-otr .box-2 .content .date {
  color: rgba(255, 255, 255, 0.75);
}

.matches .container-fluid .row-custom .col-box-otr .box-2 .icon-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 0.1);
  transition: 0.3s;
}

.matches .container-fluid .row-custom .col-box-otr .box-2 .icon-otr:hover {
  background-color: #FF3147;
}

.matches .container-fluid .row-custom .col-box-otr .box-2 .icon-otr:hover .icon {
  color: #FFFFFF;
}

.matches .container-fluid .row-custom .col-box-otr .box-2 .icon-otr .icon {
  font-size: 28px;
  color: #FFFFFF;
  transition: 0.3s;
}

.matches .container-fluid .action {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 72px;
}

/*------------------------------------------
        Matches Start Here
-------------------------------------------*/

/*------------------------------------------
        Team Start Here
-------------------------------------------*/

.team {
  margin: 112px 0 128px 0;
}

.team .container-fluid .wrapper {
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  padding: 72px 72px 96px 72px;
  border-radius: 16px;
}

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

.team .container-fluid .wrapper .wrapper-inr {
  text-align: center;
  margin-bottom: 72px;
}

.team .container-fluid .wrapper .wrapper-inr .heading {
  color: #FFFFFF;
  margin-bottom: 16px;
}

.team .container-fluid .wrapper .wrapper-inr .desc {
  color: rgba(255, 255, 255, 0.75);
}

.team .container-fluid .wrapper .row-custom {
  align-items: center;
}

.team .container-fluid .wrapper .row-custom .col-team-otr .col-team-inr {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #260236;
  border-radius: 8px;
  height: 140px;
  width: 100%;
  transform-style: preserve-3d;
}

.team .container-fluid .wrapper .row-custom .col-team-otr .col-team-inr .img {
  height: 86px;
  transform: translateZ(20px);
}

@media (max-width: 991px) {
  .team .container-fluid .wrapper .row-custom .col-team-otr .box-1,
  .team .container-fluid .wrapper .row-custom .col-team-otr .box-2,
  .team .container-fluid .wrapper .row-custom .col-team-otr .box-3,
  .team .container-fluid .wrapper .row-custom .col-team-otr .box-4 {
    margin-bottom: 24px;
  }
}

@media (max-width: 767px) {
  .team .container-fluid .wrapper .row-custom .col-team-otr .box-1,
  .team .container-fluid .wrapper .row-custom .col-team-otr .box-2,
  .team .container-fluid .wrapper .row-custom .col-team-otr .box-3 {
    margin-bottom: 24px;
  }
}

@media (max-width: 767px) {
  .team .container-fluid .wrapper .row-custom .col-team-otr .box-4 {
    margin-bottom: 0px;
  }
}

@media (max-width: 575px) {
  .team .container-fluid .wrapper .row-custom .col-team-otr .box-1,
  .team .container-fluid .wrapper .row-custom .col-team-otr .box-2,
  .team .container-fluid .wrapper .row-custom .col-team-otr .box-3,
  .team .container-fluid .wrapper .row-custom .col-team-otr .box-4,
  .team .container-fluid .wrapper .row-custom .col-team-otr .box-5 {
    margin-bottom: 24px;
  }
}

/*------------------------------------------
        Team Start Here
-------------------------------------------*/

/*------------------------------------------
        Players Start Here
-------------------------------------------*/

.players {
  margin: 112px 0 128px 0;
}

.players .container-fluid .wrapper {
  text-align: center;
  margin-bottom: 72px;
}

.players .container-fluid .wrapper .heading {
  color: #FFFFFF;
  margin-bottom: 16px;
}

.players .container-fluid .wrapper .desc {
  color: rgba(255, 255, 255, 0.75);
}

@media (min-width: 992px) and (max-width: 1199px) {
  .players .container-fluid .row-custom .col-box-otr {
    width: 33.3333%;
  }
}

.players .container-fluid .row-custom .col-box-otr .col-box-inr {
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  border-radius: 8px;
  padding: 20px;
}

.players .container-fluid .row-custom .col-box-otr .col-box-inr .img-otr {
  margin-bottom: 20px;
  height: auto;
  border-radius: 8px;
  overflow: hidden;
}

.players .container-fluid .row-custom .col-box-otr .col-box-inr .img-otr .img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}

.players .container-fluid .row-custom .col-box-otr .col-box-inr .content {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  padding: 8px 20px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  height: auto;
}

.players .container-fluid .row-custom .col-box-otr .col-box-inr .content .game-name {
  color: rgba(255, 255, 255, 0.75);
}

.players .container-fluid .row-custom .col-box-otr .col-box-inr .content .player-name {
  color: #FFFFFF;
  transition: 0.3s;
}

.players .container-fluid .row-custom .col-box-otr .col-box-inr .content .player-name:hover {
  color: #FF3147;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .players .container-fluid .row-custom .col-box-otr .box-1,
  .players .container-fluid .row-custom .col-box-otr .box-2 {
    margin-bottom: 24px;
  }
}

@media (max-width: 991px) {
  .players .container-fluid .row-custom .col-box-otr .box-1,
  .players .container-fluid .row-custom .col-box-otr .box-2 {
    margin-bottom: 24px;
  }
}

@media (max-width: 575px) {
  .players .container-fluid .row-custom .col-box-otr .box-1,
  .players .container-fluid .row-custom .col-box-otr .box-2,
  .players .container-fluid .row-custom .col-box-otr .box-3 {
    margin-bottom: 24px;
  }
}

.players .container-fluid .action {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 72px;
}

/*------------------------------------------
        Players Start Here
-------------------------------------------*/

/*------------------------------------------
        Testimonial Start Here
-------------------------------------------*/

.testimonial .container-fluid .wrapper {
  text-align: center;
  margin-bottom: 72px;
}

.testimonial .container-fluid .wrapper .heading {
  color: #FFFFFF;
  margin-bottom: 16px;
}

.testimonial .container-fluid .wrapper .desc {
  color: rgba(255, 255, 255, 0.75);
}

.testimonial .container-fluid .swiper-slider1 {
  padding-bottom: 80px;
}

.testimonial .container-fluid .swiper-slider1 .swiper-wrapper {
  height: auto;
}

.testimonial .container-fluid .swiper-slider1 .swiper-wrapper .swiper-slide .col-box-inr {
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  padding: 24px 0;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.testimonial .container-fluid .swiper-slider1 .swiper-wrapper .swiper-slide .col-box-inr .profile-main {
  display: flex;
  align-items: center;
  padding: 16px 28px;
  background-color: rgba(255, 255, 255, 0.1);
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.testimonial .container-fluid .swiper-slider1 .swiper-wrapper .swiper-slide .col-box-inr .profile-main .profile-otr {
  margin-right: 16px;
}

.testimonial .container-fluid .swiper-slider1 .swiper-wrapper .swiper-slide .col-box-inr .profile-main .profile-otr .img {
  width: 80px;
  height: 80px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}

.testimonial .container-fluid .swiper-slider1 .swiper-wrapper .swiper-slide .col-box-inr .profile-main .profile-content .name {
  color: #FFFFFF;
  margin-bottom: 4px;
}

.testimonial .container-fluid .swiper-slider1 .swiper-wrapper .swiper-slide .col-box-inr .profile-main .profile-content .rated {
  color: rgba(255, 255, 255, 0.75);
}

.testimonial .container-fluid .swiper-slider1 .swiper-wrapper .swiper-slide .col-box-inr .desc-otr {
  position: relative;
  padding: 16px 28px 0px 28px;
}

.testimonial .container-fluid .swiper-slider1 .swiper-wrapper .swiper-slide .col-box-inr .desc-otr .icon-quote {
  position: absolute;
  top: 50%;
  left: 28px;
  width: 100px;
  transform: translateY(-50%);
}

.testimonial .container-fluid .swiper-slider1 .swiper-wrapper .swiper-slide .col-box-inr .desc-otr .desc {
  position: relative;
  z-index: 2;
  color: rgba(255, 255, 255, 0.75);
}

.testimonial .container-fluid .swiper-slider1 .swiper-pagination {
  bottom: 0;
}

.testimonial .container-fluid .swiper-slider1 .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.2);
  transition: 0.3s;
}

.testimonial .container-fluid .swiper-slider1 .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #FFFFFF;
}

/*------------------------------------------
        Testimonial Start Here
-------------------------------------------*/

/*------------------------------------------
        Blog Start Here
-------------------------------------------*/

.blog {
  margin: 112px 0 128px 0;
}

.blog .container-fluid .wrapper {
  text-align: center;
  margin-bottom: 72px;
}

.blog .container-fluid .wrapper .heading {
  color: #FFFFFF;
  margin-bottom: 16px;
}

.blog .container-fluid .wrapper .desc {
  color: rgba(255, 255, 255, 0.75);
}

.blog .container-fluid .row-custom {
  align-items: center;
}

.blog .container-fluid .row-custom .col-blog-otr .col-blog-inr {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  padding: 28px;
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
}

.blog .container-fluid .row-custom .col-blog-otr .col-blog-inr .img-otr {
  margin-bottom: 24px;
}

.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 .date {
  color: rgba(255, 255, 255, 0.75);
}

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

.blog .container-fluid .row-custom .col-blog-otr .col-blog-inr .content .heading {
  color: #FFFFFF;
  transition: 0.3s;
  margin: 8px 0 12px 0;
}

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

.blog .container-fluid .row-custom .col-blog-otr .col-blog-inr .content .desc {
  color: rgba(255, 255, 255, 0.75);
}

@media (max-width: 991px) {
  .blog .container-fluid .row-custom .col-blog-otr .box-1,
  .blog .container-fluid .row-custom .col-blog-otr .box-2 {
    margin-bottom: 24px;
  }
}

.blog .container-fluid .action {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 72px;
}

/*------------------------------------------
        Blog Start Here
-------------------------------------------*/

/*------------------------------------------
        cta Start Here
-------------------------------------------*/

.cta {
  margin: 112px 0 128px 0;
}

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

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

.cta .container-fluid .wrapper .image-game {
  height: 86px;
}

@media (max-width: 991px) {
  .cta .container-fluid .wrapper .image-game {
    display: none;
  }
}

.cta .container-fluid .wrapper .img-1 {
  position: absolute;
  left: 72px;
  top: 72px;
  transform: rotate(-10deg);
}

.cta .container-fluid .wrapper .img-2 {
  position: absolute;
  right: 72px;
  top: 72px;
  transform: rotate(10deg);
}

.cta .container-fluid .wrapper .img-3 {
  position: absolute;
  left: 130px;
  bottom: 72px;
}

.cta .container-fluid .wrapper .img-4 {
  position: absolute;
  right: 130px;
  bottom: 72px;
}

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

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

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

/*------------------------------------------
        cta Start Here
-------------------------------------------*/

/*------------------------------------------
        Navbar/Hero Start Here
-------------------------------------------*/

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

.navbar-hero2 .navbar-main {
  position: relative;
  z-index: 4;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
}

.navbar-hero2 .navbar-main .navbar-top {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

@media (max-width: 991px) {
  .navbar-hero2 .navbar-main .navbar-top {
    display: none;
  }
}

.navbar-hero2 .navbar-main .navbar-top .container-fluid .navbar-top-inr {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.navbar-hero2 .navbar-main .navbar-top .container-fluid .navbar-top-inr .icon-otr .icon-ul {
  display: flex;
  align-items: center;
}

.navbar-hero2 .navbar-main .navbar-top .container-fluid .navbar-top-inr .icon-otr .icon-ul .icon-li {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  transition: 0.3s;
}

.navbar-hero2 .navbar-main .navbar-top .container-fluid .navbar-top-inr .icon-otr .icon-ul .icon-li:hover .icon-a {
  background-color: #FF3147;
}

.navbar-hero2 .navbar-main .navbar-top .container-fluid .navbar-top-inr .icon-otr .icon-ul .icon-li:hover .icon-a .icon {
  color: #FFFFFF;
}

.navbar-hero2 .navbar-main .navbar-top .container-fluid .navbar-top-inr .icon-otr .icon-ul .icon-li:last-child {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.navbar-hero2 .navbar-main .navbar-top .container-fluid .navbar-top-inr .icon-otr .icon-ul .icon-li .icon-a {
  padding: 20px 26px;
  background-color: transparent;
  transition: 0.3s;
}

.navbar-hero2 .navbar-main .navbar-top .container-fluid .navbar-top-inr .icon-otr .icon-ul .icon-li .icon-a .icon {
  color: #FFFFFF;
  font-size: 28px;
  transition: 0.3s;
}

.navbar-hero2 .navbar-main .navbar-top .container-fluid .navbar-top-inr .logo-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  height: 100%;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.navbar-hero2 .navbar-main .navbar-top .container-fluid .navbar-top-inr .logo-otr .logo {
  width: 150px;
  height: auto;
  padding: 0 24px;
}

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

.navbar-hero2 .navbar-main .navbar-top .container-fluid .navbar-top-inr .action .bell-icon-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  cursor: pointer;
  margin-right: 24px;
}

.navbar-hero2 .navbar-main .navbar-top .container-fluid .navbar-top-inr .action .bell-icon-otr .bell-icon {
  font-size: 16px;
  color: #FFFFFF;
}

.navbar-hero2 .navbar-main .navbar-top .container-fluid .navbar-top-inr .action .drop-eng {
  position: relative;
}

.navbar-hero2 .navbar-main .navbar-top .container-fluid .navbar-top-inr .action .drop-eng .drop-eng-inr {
  display: flex;
  align-items: center;
  padding: 4px 16px;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  cursor: pointer;
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
}

.navbar-hero2 .navbar-main .navbar-top .container-fluid .navbar-top-inr .action .drop-eng .drop-eng-inr .eng-text {
  color: #FFFFFF;
  margin-right: 8px;
}

.navbar-hero2 .navbar-main .navbar-top .container-fluid .navbar-top-inr .action .drop-eng .drop-eng-inr .arrow {
  font-size: 16px;
  color: #FFFFFF;
}

.navbar-hero2 .navbar-main .navbar-top .container-fluid .navbar-top-inr .action .drop-eng .dropdown-eng {
  position: absolute;
  z-index: 2;
  right: 0;
  padding-top: 50px;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}

.navbar-hero2 .navbar-main .navbar-top .container-fluid .navbar-top-inr .action .drop-eng .dropdown-eng .drop-ul {
  background-color: #260236;
  width: 150px;
  border-radius: 8px;
  padding: 16px 0;
}

.navbar-hero2 .navbar-main .navbar-top .container-fluid .navbar-top-inr .action .drop-eng .dropdown-eng .drop-ul .drop-li .drop-a {
  color: #FFFFFF;
  background-color: transparent;
  padding: 4px 0 4px 24px;
  transition: 0.3s;
}

.navbar-hero2 .navbar-main .navbar-top .container-fluid .navbar-top-inr .action .drop-eng .dropdown-eng .drop-ul .drop-li .drop-a:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.navbar-hero2 .navbar-main .navbar-top .container-fluid .navbar-top-inr .action .drop-eng .eng-open {
  opacity: 1;
  visibility: visible;
  padding-top: 0;
}

.navbar-hero2 .navbar-main .nav-bar {
  padding: 16px 0;
}

@media (max-width: 991px) {
  .navbar-hero2 .navbar-main .nav-bar {
    display: none;
  }
}

.navbar-hero2 .navbar-main .nav-bar .container-fluid .nav-bar-inr {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.navbar-hero2 .navbar-main .nav-bar .container-fluid .nav-bar-inr .menu-otr .menu-ul {
  display: flex;
  align-items: center;
}

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

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

.navbar-hero2 .navbar-main .nav-bar .container-fluid .nav-bar-inr .menu-otr .menu-ul .menu-li:not(:last-child) {
  margin-right: 40px;
}

.navbar-hero2 .navbar-main .nav-bar .container-fluid .nav-bar-inr .menu-otr .menu-ul .menu-li .menu-a {
  display: flex;
  align-items: center;
  transition: 0.3s;
}

.navbar-hero2 .navbar-main .nav-bar .container-fluid .nav-bar-inr .menu-otr .menu-ul .menu-li .menu-a:hover .menu-p {
  color: #FF3147;
}

.navbar-hero2 .navbar-main .nav-bar .container-fluid .nav-bar-inr .menu-otr .menu-ul .menu-li .menu-a:hover .icon {
  color: #FF3147;
}

.navbar-hero2 .navbar-main .nav-bar .container-fluid .nav-bar-inr .menu-otr .menu-ul .menu-li .menu-a .menu-p {
  color: #FFFFFF;
  transition: 0.3s;
}

.navbar-hero2 .navbar-main .nav-bar .container-fluid .nav-bar-inr .menu-otr .menu-ul .menu-li .menu-a .icon {
  font-size: 24px;
  color: #FFFFFF;
  margin-left: 4px;
  transition: 0.3s;
}

.navbar-hero2 .navbar-main .nav-bar .container-fluid .nav-bar-inr .menu-otr .menu-ul .menu-li .drop-down {
  position: absolute;
  left: -24px;
  top: 100px;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  padding-top: 31px;
}

.navbar-hero2 .navbar-main .nav-bar .container-fluid .nav-bar-inr .menu-otr .menu-ul .menu-li .drop-down .drop-ul {
  background-color: #260236;
  width: 250px;
  border-radius: 8px;
  padding: 16px 0;
}

.navbar-hero2 .navbar-main .nav-bar .container-fluid .nav-bar-inr .menu-otr .menu-ul .menu-li .drop-down .drop-ul .drop-li .drop-a {
  padding: 4px 0 4px 24px;
  color: #FFFFFF;
  background-color: transparent;
  transition: 0.3s;
}

.navbar-hero2 .navbar-main .nav-bar .container-fluid .nav-bar-inr .menu-otr .menu-ul .menu-li .drop-down .drop-ul .drop-li .drop-a:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

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

.navbar-hero2 .navbar-main .nav-bar .container-fluid .nav-bar-inr .action-otr .action:not(:last-child) {
  margin-right: 24px;
}

.navbar-hero2 .navbar-main .nav-responsive {
  display: none;
}

@media (max-width: 991px) {
  .navbar-hero2 .navbar-main .nav-responsive {
    display: block;
  }
}

.navbar-hero2 .navbar-main .nav-responsive .container-fluid .navbar-responsive {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 32px 0;
}

.navbar-hero2 .navbar-main .nav-responsive .container-fluid .navbar-responsive .logo-otr .logo {
  width: 150px;
}

.navbar-hero2 .navbar-main .nav-responsive .container-fluid .navbar-responsive .menu-icon-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  cursor: pointer;
}

.navbar-hero2 .navbar-main .nav-responsive .container-fluid .navbar-responsive .menu-icon-otr .icon {
  color: #FFFFFF;
  font-size: 24px;
}

.navbar-hero2 .hero-main {
  position: relative;
  z-index: 2;
  padding: 112px 0 170px 115px;
}

@media (max-width: 991px) {
  .navbar-hero2 .hero-main {
    width: 100%;
    padding: 112px 0 170px 0;
  }
}

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

.navbar-hero2 .hero-main .container-fluid .swiper-slider3 .swiper-wrapper .swiper-slide .row-custom {
  opacity: 0;
  visibility: hidden;
  transition: 1s;
}

@media (max-width: 991px) {
  .navbar-hero2 .hero-main .container-fluid .swiper-slider3 .swiper-wrapper .swiper-slide .row-custom {
    width: 100%;
  }
}

.navbar-hero2 .hero-main .container-fluid .swiper-slider3 .swiper-wrapper .swiper-slide .row-custom .col-content-otr .col-content-inr {
  position: relative;
  transition: 1s;
}

@media (max-width: 991px) {
  .navbar-hero2 .hero-main .container-fluid .swiper-slider3 .swiper-wrapper .swiper-slide .row-custom .col-content-otr .col-content-inr {
    text-align: center;
  }
}

.navbar-hero2 .hero-main .container-fluid .swiper-slider3 .swiper-wrapper .swiper-slide .row-custom .col-content-otr .col-content-inr .sub-heading {
  color: #FFFFFF;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
  transition-delay: 1s;
}

.navbar-hero2 .hero-main .container-fluid .swiper-slider3 .swiper-wrapper .swiper-slide .row-custom .col-content-otr .col-content-inr .heading {
  color: #FFFFFF;
  margin: 24px 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
  transition-delay: 1.2s;
}

.navbar-hero2 .hero-main .container-fluid .swiper-slider3 .swiper-wrapper .swiper-slide .row-custom .col-content-otr .col-content-inr .desc {
  color: rgba(255, 255, 255, 0.75);
  margin-bottom: 40px;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
  transition-delay: 1.4s;
}

.navbar-hero2 .hero-main .container-fluid .swiper-slider3 .swiper-wrapper .swiper-slide .row-custom .col-content-otr .col-content-inr .action {
  display: flex;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
  transition-delay: 1.6s;
}

@media (max-width: 991px) {
  .navbar-hero2 .hero-main .container-fluid .swiper-slider3 .swiper-wrapper .swiper-slide .row-custom .col-content-otr .col-content-inr .action {
    justify-content: center;
    align-items: center;
  }
}

.navbar-hero2 .hero-main .container-fluid .swiper-slider3 .swiper-wrapper .swiper-slide-active .row-custom {
  opacity: 1;
  visibility: visible;
}

.navbar-hero2 .hero-main .container-fluid .swiper-slider3 .swiper-wrapper .swiper-slide-active .row-custom .col-content-otr .col-content-inr {
  position: relative;
}

@media (max-width: 991px) {
  .navbar-hero2 .hero-main .container-fluid .swiper-slider3 .swiper-wrapper .swiper-slide-active .row-custom .col-content-otr .col-content-inr {
    text-align: center;
  }
}

.navbar-hero2 .hero-main .container-fluid .swiper-slider3 .swiper-wrapper .swiper-slide-active .row-custom .col-content-otr .col-content-inr .sub-heading {
  opacity: 1;
  visibility: visible;
}

.navbar-hero2 .hero-main .container-fluid .swiper-slider3 .swiper-wrapper .swiper-slide-active .row-custom .col-content-otr .col-content-inr .heading {
  opacity: 1;
  visibility: visible;
}

.navbar-hero2 .hero-main .container-fluid .swiper-slider3 .swiper-wrapper .swiper-slide-active .row-custom .col-content-otr .col-content-inr .desc {
  opacity: 1;
  visibility: visible;
}

.navbar-hero2 .hero-main .container-fluid .swiper-slider3 .swiper-wrapper .swiper-slide-active .row-custom .col-content-otr .col-content-inr .action {
  opacity: 1;
  visibility: visible;
}

.navbar-hero2 .hero-arrows {
  display: flex;
  align-items: center;
  position: absolute;
  left: 20px;
  bottom: 20px;
}

.navbar-hero2 .hero-arrows .swiper-button-prev {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 52px;
  height: 52px;
  left: 0;
  border-radius: 8px 0 0 8px;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  border-right: 0.5px solid #FF3147;
  transition: 0.3s;
}

.navbar-hero2 .hero-arrows .swiper-button-prev:hover {
  background-color: #FF3147;
}

.navbar-hero2 .hero-arrows .swiper-button-prev:hover .icon {
  color: #FFFFFF;
}

.navbar-hero2 .hero-arrows .swiper-button-prev::after {
  display: none;
}

.navbar-hero2 .hero-arrows .swiper-button-prev .icon {
  color: #FFFFFF;
  font-size: 24px;
  transition: 0.3s;
}

.navbar-hero2 .hero-arrows .swiper-button-next {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 52px;
  height: 52px;
  left: 0;
  border-radius: 0 8px 8px 0;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  border-left: 0.5px solid #FF3147;
  transition: 0.3s;
}

.navbar-hero2 .hero-arrows .swiper-button-next:hover {
  background-color: #FF3147;
}

.navbar-hero2 .hero-arrows .swiper-button-next:hover .icon {
  color: #FFFFFF;
}

.navbar-hero2 .hero-arrows .swiper-button-next::after {
  display: none;
}

.navbar-hero2 .hero-arrows .swiper-button-next .icon {
  color: #FFFFFF;
  font-size: 24px;
  transition: 0.3s;
}

/*------------------------------------------
        Navbar/Hero Start Here
-------------------------------------------*/

/*------------------------------------------
        Navbar/Hero Start Here
-------------------------------------------*/

.navbar-hero3 {
  background-color: rgba(255, 255, 255, 0.1);
}

.navbar-hero3 .navbar-main {
  position: relative;
  z-index: 4;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.navbar-hero3 .navbar-main .navbar-top {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

@media (max-width: 991px) {
  .navbar-hero3 .navbar-main .navbar-top {
    display: none;
  }
}

.navbar-hero3 .navbar-main .navbar-top .container-fluid .navbar-top-inr {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.navbar-hero3 .navbar-main .navbar-top .container-fluid .navbar-top-inr .icon-otr .icon-ul {
  display: flex;
  align-items: center;
}

.navbar-hero3 .navbar-main .navbar-top .container-fluid .navbar-top-inr .icon-otr .icon-ul .icon-li {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  transition: 0.3s;
}

.navbar-hero3 .navbar-main .navbar-top .container-fluid .navbar-top-inr .icon-otr .icon-ul .icon-li:hover .icon-a {
  background-color: #FF3147;
}

.navbar-hero3 .navbar-main .navbar-top .container-fluid .navbar-top-inr .icon-otr .icon-ul .icon-li:hover .icon-a .icon {
  color: #FFFFFF;
}

.navbar-hero3 .navbar-main .navbar-top .container-fluid .navbar-top-inr .icon-otr .icon-ul .icon-li:last-child {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.navbar-hero3 .navbar-main .navbar-top .container-fluid .navbar-top-inr .icon-otr .icon-ul .icon-li .icon-a {
  padding: 20px 26px;
  background-color: transparent;
  transition: 0.3s;
}

.navbar-hero3 .navbar-main .navbar-top .container-fluid .navbar-top-inr .icon-otr .icon-ul .icon-li .icon-a .icon {
  color: #FFFFFF;
  font-size: 28px;
  transition: 0.3s;
}

.navbar-hero3 .navbar-main .navbar-top .container-fluid .navbar-top-inr .logo-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  height: 100%;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.navbar-hero3 .navbar-main .navbar-top .container-fluid .navbar-top-inr .logo-otr .logo {
  width: 150px;
  height: auto;
  padding: 0 24px;
}

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

.navbar-hero3 .navbar-main .navbar-top .container-fluid .navbar-top-inr .action .bell-icon-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  cursor: pointer;
  margin-right: 24px;
}

.navbar-hero3 .navbar-main .navbar-top .container-fluid .navbar-top-inr .action .bell-icon-otr .bell-icon {
  font-size: 16px;
  color: #FFFFFF;
}

.navbar-hero3 .navbar-main .navbar-top .container-fluid .navbar-top-inr .action .drop-eng {
  position: relative;
}

.navbar-hero3 .navbar-main .navbar-top .container-fluid .navbar-top-inr .action .drop-eng .drop-eng-inr {
  display: flex;
  align-items: center;
  padding: 4px 16px;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  cursor: pointer;
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
}

.navbar-hero3 .navbar-main .navbar-top .container-fluid .navbar-top-inr .action .drop-eng .drop-eng-inr .eng-text {
  color: #FFFFFF;
  margin-right: 8px;
}

.navbar-hero3 .navbar-main .navbar-top .container-fluid .navbar-top-inr .action .drop-eng .drop-eng-inr .arrow {
  font-size: 16px;
  color: #FFFFFF;
}

.navbar-hero3 .navbar-main .navbar-top .container-fluid .navbar-top-inr .action .drop-eng .dropdown-eng {
  position: absolute;
  z-index: 2;
  padding-top: 50px;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}

.navbar-hero3 .navbar-main .navbar-top .container-fluid .navbar-top-inr .action .drop-eng .dropdown-eng .drop-ul {
  background-color: #260236;
  width: 150px;
  border-radius: 8px;
  padding: 16px 0;
}

.navbar-hero3 .navbar-main .navbar-top .container-fluid .navbar-top-inr .action .drop-eng .dropdown-eng .drop-ul .drop-li .drop-a {
  color: #FFFFFF;
  background-color: transparent;
  padding: 4px 0 4px 24px;
  transition: 0.3s;
}

.navbar-hero3 .navbar-main .navbar-top .container-fluid .navbar-top-inr .action .drop-eng .dropdown-eng .drop-ul .drop-li .drop-a:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.navbar-hero3 .navbar-main .navbar-top .container-fluid .navbar-top-inr .action .drop-eng .eng-open {
  opacity: 1;
  visibility: visible;
  padding-top: 0;
}

.navbar-hero3 .navbar-main .nav-bar {
  padding: 16px 0;
}

@media (max-width: 991px) {
  .navbar-hero3 .navbar-main .nav-bar {
    display: none;
  }
}

.navbar-hero3 .navbar-main .nav-bar .container-fluid .nav-bar-inr {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.navbar-hero3 .navbar-main .nav-bar .container-fluid .nav-bar-inr .menu-otr .menu-ul {
  display: flex;
  align-items: center;
}

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

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

.navbar-hero3 .navbar-main .nav-bar .container-fluid .nav-bar-inr .menu-otr .menu-ul .menu-li:not(:last-child) {
  margin-right: 40px;
}

.navbar-hero3 .navbar-main .nav-bar .container-fluid .nav-bar-inr .menu-otr .menu-ul .menu-li .menu-a {
  display: flex;
  align-items: center;
  transition: 0.3s;
}

.navbar-hero3 .navbar-main .nav-bar .container-fluid .nav-bar-inr .menu-otr .menu-ul .menu-li .menu-a:hover .menu-p {
  color: #FF3147;
}

.navbar-hero3 .navbar-main .nav-bar .container-fluid .nav-bar-inr .menu-otr .menu-ul .menu-li .menu-a:hover .icon {
  color: #FF3147;
}

.navbar-hero3 .navbar-main .nav-bar .container-fluid .nav-bar-inr .menu-otr .menu-ul .menu-li .menu-a .menu-p {
  color: #FFFFFF;
  transition: 0.3s;
}

.navbar-hero3 .navbar-main .nav-bar .container-fluid .nav-bar-inr .menu-otr .menu-ul .menu-li .menu-a .icon {
  font-size: 24px;
  color: #FFFFFF;
  margin-left: 4px;
  transition: 0.3s;
}

.navbar-hero3 .navbar-main .nav-bar .container-fluid .nav-bar-inr .menu-otr .menu-ul .menu-li .drop-down {
  position: absolute;
  left: -24px;
  top: 100px;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  padding-top: 31px;
}

.navbar-hero3 .navbar-main .nav-bar .container-fluid .nav-bar-inr .menu-otr .menu-ul .menu-li .drop-down .drop-ul {
  background-color: #260236;
  width: 250px;
  border-radius: 8px;
  padding: 16px 0;
}

.navbar-hero3 .navbar-main .nav-bar .container-fluid .nav-bar-inr .menu-otr .menu-ul .menu-li .drop-down .drop-ul .drop-li .drop-a {
  padding: 4px 0 4px 24px;
  color: #FFFFFF;
  background-color: transparent;
  transition: 0.3s;
}

.navbar-hero3 .navbar-main .nav-bar .container-fluid .nav-bar-inr .menu-otr .menu-ul .menu-li .drop-down .drop-ul .drop-li .drop-a:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

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

.navbar-hero3 .navbar-main .nav-bar .container-fluid .nav-bar-inr .action-otr .action:not(:last-child) {
  margin-right: 24px;
}

.navbar-hero3 .navbar-main .nav-responsive {
  display: none;
}

@media (max-width: 991px) {
  .navbar-hero3 .navbar-main .nav-responsive {
    display: block;
  }
}

.navbar-hero3 .navbar-main .nav-responsive .container-fluid .navbar-responsive {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 32px 0;
}

.navbar-hero3 .navbar-main .nav-responsive .container-fluid .navbar-responsive .logo-otr .logo {
  width: 150px;
}

.navbar-hero3 .navbar-main .nav-responsive .container-fluid .navbar-responsive .menu-icon-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  cursor: pointer;
}

.navbar-hero3 .navbar-main .nav-responsive .container-fluid .navbar-responsive .menu-icon-otr .icon {
  color: #FFFFFF;
  font-size: 24px;
}

.navbar-hero3 .hero-main {
  background-image: url(/assets/img/hero-bg3.png);
  background-size: cover;
  background-repeat: no-repeat;
}

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

@media (max-width: 991px) {
  .navbar-hero3 .hero-main .container-fluid .row-custom {
    justify-content: center;
    padding: 72px 72px 0 72px;
  }
}

@media (max-width: 600px) {
  .navbar-hero3 .hero-main .container-fluid .row-custom {
    padding: 72px 0 0 0;
  }
}

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

.navbar-hero3 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .sub-heading {
  color: #FFFFFF;
}

.navbar-hero3 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .heading {
  color: #FFFFFF;
  margin: 24px 0;
}

.navbar-hero3 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .desc {
  color: rgba(255, 255, 255, 0.75);
  margin-bottom: 40px;
}

.navbar-hero3 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .action {
  display: flex;
}

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

.navbar-hero3 .hero-main .container-fluid .row-custom .col-img-otr .col-img-inr {
  position: relative;
  padding: 96px 0 0 48px;
}

@media (max-width: 991px) {
  .navbar-hero3 .hero-main .container-fluid .row-custom .col-img-otr .col-img-inr {
    padding: 72px 0 0 0;
  }
}

.navbar-hero3 .hero-main .container-fluid .row-custom .col-img-otr .col-img-inr .img {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 650px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 700px 700px 8px 8px;
}

@media (max-width: 991px) {
  .navbar-hero3 .hero-main .container-fluid .row-custom .col-img-otr .col-img-inr .img {
    height: auto;
  }
}

.navbar-hero3 .hero-main .container-fluid .row-custom .col-img-otr .col-img-inr .circle {
  position: absolute;
  top: 96px;
  left: 20px;
}

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

/*------------------------------------------
        Navbar/Hero Start Here
-------------------------------------------*/

/*------------------------------------------
        features Start Here
-------------------------------------------*/

.features2 {
  position: relative;
  padding: 112px 0 128px 0;
  overflow: hidden;
}

.features2 .container-fluid .row-custom {
  position: relative;
  z-index: 2;
}

@media (max-width: 991px) {
  .features2 .container-fluid .row-custom .col-content-otr .col-content-inr {
    padding-bottom: 72px;
  }
}

.features2 .container-fluid .row-custom .col-content-otr .col-content-inr .heading {
  color: #FFFFFF;
}

.features2 .container-fluid .row-custom .col-content-otr .col-content-inr .desc {
  color: rgba(255, 255, 255, 0.75);
  margin: 16px 0 36px 0;
}

.features2 .container-fluid .row-custom .col-content-otr .col-content-inr .action {
  display: flex;
}

.features2 .container-fluid .row-custom .col-feature-otr .col-feature-inr {
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  padding: 28px;
  border-radius: 16px;
}

@media (max-width: 575px) {
  .features2 .container-fluid .row-custom .col-feature-otr .col-feature-inr {
    padding: 16px;
  }
}

.features2 .container-fluid .row-custom .col-feature-otr .col-feature-inr .box {
  display: grid;
  align-items: center;
  grid-template-columns: auto 1fr;
  background-color: #260236;
  border-radius: 8px;
  padding: 16px 24px;
}

@media (max-width: 575px) {
  .features2 .container-fluid .row-custom .col-feature-otr .col-feature-inr .box {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    padding: 24px 16px;
  }
}

.features2 .container-fluid .row-custom .col-feature-otr .col-feature-inr .box:not(:last-child) {
  margin-bottom: 16px;
}

@media (max-width: 575px) {
  .features2 .container-fluid .row-custom .col-feature-otr .col-feature-inr .box:not(:last-child) {
    margin-bottom: 24px;
  }
}

.features2 .container-fluid .row-custom .col-feature-otr .col-feature-inr .box .icon-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
}

.features2 .container-fluid .row-custom .col-feature-otr .col-feature-inr .box .icon-otr .icon {
  font-size: 28px;
  color: #FFFFFF;
}

.features2 .container-fluid .row-custom .col-feature-otr .col-feature-inr .box .content {
  margin-left: 16px;
}

@media (max-width: 575px) {
  .features2 .container-fluid .row-custom .col-feature-otr .col-feature-inr .box .content {
    margin: 16px 0 0 0;
  }
}

.features2 .container-fluid .row-custom .col-feature-otr .col-feature-inr .box .content .heading {
  color: #FFFFFF;
  margin-bottom: 4px;
}

.features2 .container-fluid .row-custom .col-feature-otr .col-feature-inr .box .content .desc {
  color: rgba(255, 255, 255, 0.75);
}

.features2 .swiper {
  position: absolute;
  left: 0;
  bottom: 56px;
}

.features2 .swiper .swiper-wrapper {
  transition-timing-function: linear !important;
  position: relative;
}

.features2 .swiper .swiper-wrapper .swiper-slide {
  position: relative;
  width: auto;
  overflow: hidden;
  padding: 0 20px;
}

.features2 .swiper .swiper-wrapper .swiper-slide .heading {
  font-size: 150px;
  font-family: "LexendZetta-Bold";
  line-height: 120px;
  color: rgba(255, 255, 255, 0.1);
}

/*------------------------------------------
        features Start Here
-------------------------------------------*/

/*------------------------------------------
        game Start Here
-------------------------------------------*/

.game2 {
  position: relative;
  overflow: hidden;
  padding: 112px 0 128px 0;
}

.game2 .container-fluid .row-custom {
  position: relative;
  z-index: 2;
}

@media (max-width: 991px) {
  .game2 .container-fluid .row-custom .col-content-otr .col-content-inr {
    padding-bottom: 72px;
  }
}

.game2 .container-fluid .row-custom .col-content-otr .col-content-inr .heading {
  color: #FFFFFF;
}

.game2 .container-fluid .row-custom .col-content-otr .col-content-inr .desc {
  color: rgba(255, 255, 255, 0.75);
  margin: 16px 0 36px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

@media (max-width: 575px) {
  .game2 .container-fluid .row-custom .col-content-otr .col-content-inr .desc {
    margin: 16px 0 0 0;
  }
}

.game2 .container-fluid .row-custom .col-content-otr .col-content-inr .game-arrows {
  display: flex;
  align-items: center;
  height: 52px;
}

@media (max-width: 575px) {
  .game2 .container-fluid .row-custom .col-content-otr .col-content-inr .game-arrows {
    display: none;
  }
}

.game2 .container-fluid .row-custom .col-content-otr .col-content-inr .game-arrows .swiper-button-prev {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 52px;
  height: 52px;
  left: 0;
  top: 12px;
  border-radius: 8px 0 0 8px;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  border-right: 0.5px solid #FF3147;
  transition: 0.3s;
}

.game2 .container-fluid .row-custom .col-content-otr .col-content-inr .game-arrows .swiper-button-prev:hover {
  background-color: #FF3147;
}

.game2 .container-fluid .row-custom .col-content-otr .col-content-inr .game-arrows .swiper-button-prev:hover .icon {
  color: #FFFFFF;
}

.game2 .container-fluid .row-custom .col-content-otr .col-content-inr .game-arrows .swiper-button-prev::after {
  display: none;
}

.game2 .container-fluid .row-custom .col-content-otr .col-content-inr .game-arrows .swiper-button-prev .icon {
  color: #FFFFFF;
  font-size: 24px;
  transition: 0.3s;
}

.game2 .container-fluid .row-custom .col-content-otr .col-content-inr .game-arrows .swiper-button-next {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 52px;
  height: 52px;
  left: 0;
  top: 12px;
  transform: translate(0, 0);
  border-radius: 0 8px 8px 0;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  border-left: 0.5px solid #FF3147;
  transition: 0.3s;
}

.game2 .container-fluid .row-custom .col-content-otr .col-content-inr .game-arrows .swiper-button-next:hover {
  background-color: #FF3147;
}

.game2 .container-fluid .row-custom .col-content-otr .col-content-inr .game-arrows .swiper-button-next:hover .icon {
  color: #FFFFFF;
}

.game2 .container-fluid .row-custom .col-content-otr .col-content-inr .game-arrows .swiper-button-next::after {
  display: none;
}

.game2 .container-fluid .row-custom .col-content-otr .col-content-inr .game-arrows .swiper-button-next .icon {
  color: #FFFFFF;
  font-size: 24px;
  transition: 0.3s;
}

.game2 .container-fluid .row-custom .col-slider-otr .col-slider-inr {
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  border-radius: 16px;
  padding: 28px;
}

@media (max-width: 575px) {
  .game2 .container-fluid .row-custom .col-slider-otr .col-slider-inr {
    padding: 16px;
  }
}

.game2 .container-fluid .row-custom .col-slider-otr .col-slider-inr .swiper .swiper-wrapper {
  height: auto;
}

.game2 .container-fluid .row-custom .col-slider-otr .col-slider-inr .swiper .swiper-wrapper .swiper-slide .col-swiper-inr {
  background-color: #260236;
  padding: 20px;
  border-radius: 8px;
}

.game2 .container-fluid .row-custom .col-slider-otr .col-slider-inr .swiper .swiper-wrapper .swiper-slide .col-swiper-inr .img-otr {
  position: relative;
}

.game2 .container-fluid .row-custom .col-slider-otr .col-slider-inr .swiper .swiper-wrapper .swiper-slide .col-swiper-inr .img-otr .img-inr {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  transform-style: preserve-3d;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  padding: 40px 0;
}

.game2 .container-fluid .row-custom .col-slider-otr .col-slider-inr .swiper .swiper-wrapper .swiper-slide .col-swiper-inr .img-otr .img-inr .img {
  height: 200px;
  width: auto;
  transform: translateZ(20px);
}

.game2 .container-fluid .row-custom .col-slider-otr .col-slider-inr .swiper .swiper-wrapper .swiper-slide .col-swiper-inr .img-otr .arrow-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 52px;
  height: 52px;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  border-radius: 100%;
  transition: 0.3s;
}

.game2 .container-fluid .row-custom .col-slider-otr .col-slider-inr .swiper .swiper-wrapper .swiper-slide .col-swiper-inr .img-otr .arrow-otr:hover {
  background-color: #FF3147;
}

.game2 .container-fluid .row-custom .col-slider-otr .col-slider-inr .swiper .swiper-wrapper .swiper-slide .col-swiper-inr .img-otr .arrow-otr:hover .icon {
  color: #FFFFFF;
}

.game2 .container-fluid .row-custom .col-slider-otr .col-slider-inr .swiper .swiper-wrapper .swiper-slide .col-swiper-inr .img-otr .arrow-otr .icon {
  font-size: 24px;
  color: #FFFFFF;
  transition: 0.3s;
}

.game2 .container-fluid .row-custom .col-slider-otr .col-slider-inr .swiper .swiper-wrapper .swiper-slide .col-swiper-inr .heading-otr {
  text-align: center;
  background-color: rgba(255, 255, 255, 0.1);
  padding: 8px 0;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  margin-top: 20px;
}

.game2 .container-fluid .row-custom .col-slider-otr .col-slider-inr .swiper .swiper-wrapper .swiper-slide .col-swiper-inr .heading-otr .name {
  color: #FFFFFF;
}

.game2 .container-fluid .row-custom .col-slider-otr .col-slider-inr .swiper .dots {
  position: relative;
  display: none;
  margin-top: 16px;
  bottom: 0;
}

@media (max-width: 575px) {
  .game2 .container-fluid .row-custom .col-slider-otr .col-slider-inr .swiper .dots {
    display: block;
  }
}

.game2 .container-fluid .row-custom .col-slider-otr .col-slider-inr .swiper .dots .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.2);
  transition: 0.3s;
}

.game2 .container-fluid .row-custom .col-slider-otr .col-slider-inr .swiper .dots .swiper-pagination-bullet-active {
  background-color: #FFFFFF;
}

.game2 .swiper-marque {
  position: absolute;
  left: 0;
  bottom: 56px;
}

.game2 .swiper-marque .swiper-wrapper {
  transition-timing-function: linear !important;
  position: relative;
}

.game2 .swiper-marque .swiper-wrapper .swiper-slide {
  position: relative;
  width: auto;
  overflow: hidden;
  padding: 0 20px;
}

.game2 .swiper-marque .swiper-wrapper .swiper-slide .heading {
  font-size: 150px;
  font-family: "LexendZetta-Bold";
  line-height: 120px;
  color: rgba(255, 255, 255, 0.1);
}

/*------------------------------------------
        game Start Here
-------------------------------------------*/

/*------------------------------------------
        Team Start Here
-------------------------------------------*/

.team2 {
  margin-top: 112px;
}

.team2 .container-fluid .row-custom {
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  padding: 72px;
  border-radius: 16px;
  align-items: center;
}

@media (max-width: 575px) {
  .team2 .container-fluid .row-custom {
    padding: 72px 0 96px 0;
  }
}

@media (max-width: 991px) {
  .team2 .container-fluid .row-custom .col-content-otr .col-content-inr {
    padding-bottom: 72px;
  }
}

.team2 .container-fluid .row-custom .col-content-otr .col-content-inr .heading {
  color: #FFFFFF;
  margin-bottom: 16px;
}

.team2 .container-fluid .row-custom .col-content-otr .col-content-inr .desc {
  color: rgba(255, 255, 255, 0.75);
}

.team2 .container-fluid .row-custom .col-team-otr .col-team-inr .col-team-otr .col-team-inr {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #260236;
  border-radius: 8px;
  height: 140px;
  width: 100%;
  transform-style: preserve-3d;
}

.team2 .container-fluid .row-custom .col-team-otr .col-team-inr .col-team-otr .col-team-inr .img {
  height: 86px;
  transform: translateZ(20px);
}

.team2 .container-fluid .row-custom .col-team-otr .col-team-inr .col-team-otr .box-1,
.team2 .container-fluid .row-custom .col-team-otr .col-team-inr .col-team-otr .box-2,
.team2 .container-fluid .row-custom .col-team-otr .col-team-inr .col-team-otr .box-3 {
  margin-bottom: 24px;
}

@media (max-width: 575px) {
  .team2 .container-fluid .row-custom .col-team-otr .col-team-inr .col-team-otr .box-1,
  .team2 .container-fluid .row-custom .col-team-otr .col-team-inr .col-team-otr .box-2,
  .team2 .container-fluid .row-custom .col-team-otr .col-team-inr .col-team-otr .box-3,
  .team2 .container-fluid .row-custom .col-team-otr .col-team-inr .col-team-otr .box-4,
  .team2 .container-fluid .row-custom .col-team-otr .col-team-inr .col-team-otr .box-5 {
    margin-bottom: 24px;
  }
}

/*------------------------------------------
        Team Start Here
-------------------------------------------*/

/*------------------------------------------
        Players Start Here
-------------------------------------------*/

.players2 {
  position: relative;
  overflow: hidden;
  padding: 112px 0 128px 0;
}

.players2 .container-fluid .row-custom {
  position: relative;
  z-index: 2;
}

@media (max-width: 991px) {
  .players2 .container-fluid .row-custom .col-content-otr .col-content-inr {
    padding-bottom: 72px;
  }
}

.players2 .container-fluid .row-custom .col-content-otr .col-content-inr .heading {
  color: #FFFFFF;
}

.players2 .container-fluid .row-custom .col-content-otr .col-content-inr .desc {
  color: rgba(255, 255, 255, 0.75);
  margin: 16px 0 36px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

@media (max-width: 575px) {
  .players2 .container-fluid .row-custom .col-content-otr .col-content-inr .desc {
    margin: 16px 0 0 0;
  }
}

.players2 .container-fluid .row-custom .col-content-otr .col-content-inr .game-arrows {
  display: flex;
  align-items: center;
  height: 52px;
}

@media (max-width: 575px) {
  .players2 .container-fluid .row-custom .col-content-otr .col-content-inr .game-arrows {
    display: none;
  }
}

.players2 .container-fluid .row-custom .col-content-otr .col-content-inr .game-arrows .swiper-button-prev {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 52px;
  height: 52px;
  left: 0;
  top: 12px;
  border-radius: 8px 0 0 8px;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  border-right: 0.5px solid #FF3147;
  transition: 0.3s;
}

.players2 .container-fluid .row-custom .col-content-otr .col-content-inr .game-arrows .swiper-button-prev:hover {
  background-color: #FF3147;
}

.players2 .container-fluid .row-custom .col-content-otr .col-content-inr .game-arrows .swiper-button-prev:hover .icon {
  color: #FFFFFF;
}

.players2 .container-fluid .row-custom .col-content-otr .col-content-inr .game-arrows .swiper-button-prev::after {
  display: none;
}

.players2 .container-fluid .row-custom .col-content-otr .col-content-inr .game-arrows .swiper-button-prev .icon {
  color: #FFFFFF;
  font-size: 24px;
  transition: 0.3s;
}

.players2 .container-fluid .row-custom .col-content-otr .col-content-inr .game-arrows .swiper-button-next {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 52px;
  height: 52px;
  left: 0;
  top: 12px;
  transform: translate(0, 0);
  border-radius: 0 8px 8px 0;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  border-left: 0.5px solid #FF3147;
  transition: 0.3s;
}

.players2 .container-fluid .row-custom .col-content-otr .col-content-inr .game-arrows .swiper-button-next:hover {
  background-color: #FF3147;
}

.players2 .container-fluid .row-custom .col-content-otr .col-content-inr .game-arrows .swiper-button-next:hover .icon {
  color: #FFFFFF;
}

.players2 .container-fluid .row-custom .col-content-otr .col-content-inr .game-arrows .swiper-button-next::after {
  display: none;
}

.players2 .container-fluid .row-custom .col-content-otr .col-content-inr .game-arrows .swiper-button-next .icon {
  color: #FFFFFF;
  font-size: 24px;
  transition: 0.3s;
}

.players2 .container-fluid .row-custom .col-slider-otr .col-slider-inr {
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  border-radius: 16px;
  padding: 28px;
}

@media (max-width: 575px) {
  .players2 .container-fluid .row-custom .col-slider-otr .col-slider-inr {
    padding: 16px;
  }
}

.players2 .container-fluid .row-custom .col-slider-otr .col-slider-inr .swiper .swiper-wrapper {
  height: auto;
}

.players2 .container-fluid .row-custom .col-slider-otr .col-slider-inr .swiper .swiper-wrapper .swiper-slide .col-swiper-inr {
  background-color: #260236;
  padding: 20px;
  border-radius: 8px;
}

.players2 .container-fluid .row-custom .col-slider-otr .col-slider-inr .swiper .swiper-wrapper .swiper-slide .col-swiper-inr .img-otr {
  margin-bottom: 20px;
  height: auto;
  border-radius: 8px;
  overflow: hidden;
}

.players2 .container-fluid .row-custom .col-slider-otr .col-slider-inr .swiper .swiper-wrapper .swiper-slide .col-swiper-inr .img-otr .img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}

.players2 .container-fluid .row-custom .col-slider-otr .col-slider-inr .swiper .swiper-wrapper .swiper-slide .col-swiper-inr .content {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  padding: 8px 20px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  height: auto;
}

.players2 .container-fluid .row-custom .col-slider-otr .col-slider-inr .swiper .swiper-wrapper .swiper-slide .col-swiper-inr .content .game-name {
  color: rgba(255, 255, 255, 0.75);
}

.players2 .container-fluid .row-custom .col-slider-otr .col-slider-inr .swiper .swiper-wrapper .swiper-slide .col-swiper-inr .content .player-name {
  color: #FFFFFF;
  transition: 0.3s;
}

.players2 .container-fluid .row-custom .col-slider-otr .col-slider-inr .swiper .swiper-wrapper .swiper-slide .col-swiper-inr .content .player-name:hover {
  color: #FF3147;
}

.players2 .container-fluid .row-custom .col-slider-otr .col-slider-inr .swiper .dots {
  position: relative;
  display: none;
  margin-top: 16px;
  bottom: 0;
}

@media (max-width: 575px) {
  .players2 .container-fluid .row-custom .col-slider-otr .col-slider-inr .swiper .dots {
    display: block;
  }
}

.players2 .container-fluid .row-custom .col-slider-otr .col-slider-inr .swiper .dots .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.2);
  transition: 0.3s;
}

.players2 .container-fluid .row-custom .col-slider-otr .col-slider-inr .swiper .dots .swiper-pagination-bullet-active {
  background-color: #FFFFFF;
}

.players2 .swiper-marque {
  position: absolute;
  left: 0;
  bottom: 56px;
}

.players2 .swiper-marque .swiper-wrapper {
  transition-timing-function: linear !important;
  position: relative;
}

.players2 .swiper-marque .swiper-wrapper .swiper-slide {
  position: relative;
  width: auto;
  overflow: hidden;
  padding: 0 20px;
}

.players2 .swiper-marque .swiper-wrapper .swiper-slide .heading {
  font-size: 150px;
  font-family: "LexendZetta-Bold";
  line-height: 120px;
  color: rgba(255, 255, 255, 0.1);
}

/*------------------------------------------
        Players Start Here
-------------------------------------------*/

/*------------------------------------------
        Navbar/Hero Start Here
-------------------------------------------*/

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

.navbar-hero4 .navbar-main .navbar-top {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

@media (max-width: 991px) {
  .navbar-hero4 .navbar-main .navbar-top {
    display: none;
  }
}

.navbar-hero4 .navbar-main .navbar-top .container-fluid .navbar-top-inr {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.navbar-hero4 .navbar-main .navbar-top .container-fluid .navbar-top-inr .icon-otr .icon-ul {
  display: flex;
  align-items: center;
}

.navbar-hero4 .navbar-main .navbar-top .container-fluid .navbar-top-inr .icon-otr .icon-ul .icon-li {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  transition: 0.3s;
}

.navbar-hero4 .navbar-main .navbar-top .container-fluid .navbar-top-inr .icon-otr .icon-ul .icon-li:hover .icon-a {
  background-color: #FF3147;
}

.navbar-hero4 .navbar-main .navbar-top .container-fluid .navbar-top-inr .icon-otr .icon-ul .icon-li:hover .icon-a .icon {
  color: #FFFFFF;
}

.navbar-hero4 .navbar-main .navbar-top .container-fluid .navbar-top-inr .icon-otr .icon-ul .icon-li:last-child {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.navbar-hero4 .navbar-main .navbar-top .container-fluid .navbar-top-inr .icon-otr .icon-ul .icon-li .icon-a {
  padding: 20px 26px;
  background-color: transparent;
  transition: 0.3s;
}

.navbar-hero4 .navbar-main .navbar-top .container-fluid .navbar-top-inr .icon-otr .icon-ul .icon-li .icon-a .icon {
  color: #FFFFFF;
  font-size: 28px;
  transition: 0.3s;
}

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

.navbar-hero4 .navbar-main .navbar-top .container-fluid .navbar-top-inr .action .bell-icon-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  cursor: pointer;
  margin-right: 24px;
}

.navbar-hero4 .navbar-main .navbar-top .container-fluid .navbar-top-inr .action .bell-icon-otr .bell-icon {
  font-size: 16px;
  color: #FFFFFF;
}

.navbar-hero4 .navbar-main .navbar-top .container-fluid .navbar-top-inr .action .drop-eng {
  position: relative;
}

.navbar-hero4 .navbar-main .navbar-top .container-fluid .navbar-top-inr .action .drop-eng .drop-eng-inr {
  display: flex;
  align-items: center;
  padding: 4px 16px;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  cursor: pointer;
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
}

.navbar-hero4 .navbar-main .navbar-top .container-fluid .navbar-top-inr .action .drop-eng .drop-eng-inr .eng-text {
  color: #FFFFFF;
  margin-right: 8px;
}

.navbar-hero4 .navbar-main .navbar-top .container-fluid .navbar-top-inr .action .drop-eng .drop-eng-inr .arrow {
  font-size: 16px;
  color: #FFFFFF;
}

.navbar-hero4 .navbar-main .navbar-top .container-fluid .navbar-top-inr .action .drop-eng .dropdown-eng {
  position: absolute;
  z-index: 2;
  right: 0;
  padding-top: 50px;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}

.navbar-hero4 .navbar-main .navbar-top .container-fluid .navbar-top-inr .action .drop-eng .dropdown-eng .drop-ul {
  background-color: #260236;
  width: 150px;
  border-radius: 8px;
  padding: 16px 0;
}

.navbar-hero4 .navbar-main .navbar-top .container-fluid .navbar-top-inr .action .drop-eng .dropdown-eng .drop-ul .drop-li .drop-a {
  color: #FFFFFF;
  background-color: transparent;
  padding: 4px 0 4px 24px;
  transition: 0.3s;
}

.navbar-hero4 .navbar-main .navbar-top .container-fluid .navbar-top-inr .action .drop-eng .dropdown-eng .drop-ul .drop-li .drop-a:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.navbar-hero4 .navbar-main .navbar-top .container-fluid .navbar-top-inr .action .drop-eng .eng-open {
  opacity: 1;
  visibility: visible;
  padding-top: 0;
}

.navbar-hero4 .navbar-main .navbar-top .container-fluid .navbar-top-inr .action .action-inr {
  display: flex;
}

.navbar-hero4 .navbar-main .navbar-top .container-fluid .navbar-top-inr .action .action-inr:not(:last-child) {
  margin: 0 24px;
}

.navbar-hero4 .navbar-main .nav-bar {
  display: block;
  padding: 16px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.navbar-hero4 .navbar-main .nav-bar .container-fluid .nav-bar-inr {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.navbar-hero4 .navbar-main .nav-bar .container-fluid .nav-bar-inr .logo-otr .logo {
  width: 150px;
}

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

.navbar-hero4 .navbar-main .nav-bar .container-fluid .nav-bar-inr .menu-otr .menu-ul {
  display: flex;
  align-items: center;
}

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

.navbar-hero4 .navbar-main .nav-bar .container-fluid .nav-bar-inr .menu-otr .menu-ul .menu-li:hover .drop-down {
  opacity: 1;
  visibility: visible;
  top: 23px;
}

.navbar-hero4 .navbar-main .nav-bar .container-fluid .nav-bar-inr .menu-otr .menu-ul .menu-li:not(:last-child) {
  margin-right: 40px;
}

.navbar-hero4 .navbar-main .nav-bar .container-fluid .nav-bar-inr .menu-otr .menu-ul .menu-li .menu-a {
  display: flex;
  align-items: center;
  transition: 0.3s;
}

.navbar-hero4 .navbar-main .nav-bar .container-fluid .nav-bar-inr .menu-otr .menu-ul .menu-li .menu-a:hover .menu-p {
  color: #FF3147;
}

.navbar-hero4 .navbar-main .nav-bar .container-fluid .nav-bar-inr .menu-otr .menu-ul .menu-li .menu-a:hover .icon {
  color: #FF3147;
}

.navbar-hero4 .navbar-main .nav-bar .container-fluid .nav-bar-inr .menu-otr .menu-ul .menu-li .menu-a .menu-p {
  color: #FFFFFF;
  transition: 0.3s;
}

.navbar-hero4 .navbar-main .nav-bar .container-fluid .nav-bar-inr .menu-otr .menu-ul .menu-li .menu-a .icon {
  font-size: 24px;
  color: #FFFFFF;
  margin-left: 4px;
  transition: 0.3s;
}

.navbar-hero4 .navbar-main .nav-bar .container-fluid .nav-bar-inr .menu-otr .menu-ul .menu-li .drop-down {
  position: absolute;
  left: -24px;
  top: 100px;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  padding-top: 31px;
}

.navbar-hero4 .navbar-main .nav-bar .container-fluid .nav-bar-inr .menu-otr .menu-ul .menu-li .drop-down .drop-ul {
  background-color: #260236;
  width: 250px;
  border-radius: 8px;
  padding: 16px 0;
}

.navbar-hero4 .navbar-main .nav-bar .container-fluid .nav-bar-inr .menu-otr .menu-ul .menu-li .drop-down .drop-ul .drop-li .drop-a {
  padding: 4px 0 4px 24px;
  color: #FFFFFF;
  background-color: transparent;
  transition: 0.3s;
}

.navbar-hero4 .navbar-main .nav-bar .container-fluid .nav-bar-inr .menu-otr .menu-ul .menu-li .drop-down .drop-ul .drop-li .drop-a:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.navbar-hero4 .navbar-main .nav-bar .container-fluid .nav-bar-inr .menu-icon-otr {
  display: none;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  cursor: pointer;
}

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

.navbar-hero4 .navbar-main .nav-bar .container-fluid .nav-bar-inr .menu-icon-otr .icon {
  color: #FFFFFF;
  font-size: 24px;
}

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

@media (max-width: 991px) {
  .navbar-hero4 .hero-main .container-fluid .row-custom {
    justify-content: center;
    padding: 72px;
  }
}

@media (max-width: 575px) {
  .navbar-hero4 .hero-main .container-fluid .row-custom {
    padding: 72px 0;
  }
}

.navbar-hero4 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr {
  padding: 72px 0;
}

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

.navbar-hero4 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .sub-heading {
  color: #FFFFFF;
}

.navbar-hero4 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .heading {
  color: #FFFFFF;
  margin: 24px 0;
}

.navbar-hero4 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .desc {
  color: rgba(255, 255, 255, 0.75);
  margin-bottom: 40px;
}

.navbar-hero4 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .action {
  display: flex;
}

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

.navbar-hero4 .hero-main .container-fluid .row-custom .col-img-otr .col-img-inr {
  padding-left: 48px;
}

@media (max-width: 991px) {
  .navbar-hero4 .hero-main .container-fluid .row-custom .col-img-otr .col-img-inr {
    padding-left: 0;
  }
}

.navbar-hero4 .hero-main .container-fluid .row-custom .col-img-otr .col-img-inr .img {
  width: 100%;
}

/*------------------------------------------
        Navbar/Hero Start Here
-------------------------------------------*/

/*------------------------------------------
        Navbar/Hero Start Here
-------------------------------------------*/

.navbar-hero5 {
  overflow: hidden;
  position: relative;
}

.navbar-hero5::after {
  content: "";
  position: absolute;
  width: 600px;
  height: 600px;
  border-radius: 100%;
  right: -200px;
  top: 50px;
  background-color: #6B54B6;
  filter: blur(200px);
}

.navbar-hero5::before {
  content: "";
  position: absolute;
  width: 600px;
  height: 600px;
  border-radius: 100%;
  left: -200px;
  bottom: -100px;
  background: linear-gradient(to right, #FF3147, #6B54B6);
  filter: blur(200px);
}

.navbar-hero5 .navbar-main {
  position: relative;
  z-index: 4;
}

.navbar-hero5 .navbar-main .navbar-top {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

@media (max-width: 991px) {
  .navbar-hero5 .navbar-main .navbar-top {
    display: none;
  }
}

.navbar-hero5 .navbar-main .navbar-top .container-fluid .navbar-top-inr {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.navbar-hero5 .navbar-main .navbar-top .container-fluid .navbar-top-inr .icon-otr .icon-ul {
  display: flex;
  align-items: center;
}

.navbar-hero5 .navbar-main .navbar-top .container-fluid .navbar-top-inr .icon-otr .icon-ul .icon-li {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  transition: 0.3s;
}

.navbar-hero5 .navbar-main .navbar-top .container-fluid .navbar-top-inr .icon-otr .icon-ul .icon-li:hover .icon-a {
  background-color: #FF3147;
}

.navbar-hero5 .navbar-main .navbar-top .container-fluid .navbar-top-inr .icon-otr .icon-ul .icon-li:hover .icon-a .icon {
  color: #FFFFFF;
}

.navbar-hero5 .navbar-main .navbar-top .container-fluid .navbar-top-inr .icon-otr .icon-ul .icon-li:last-child {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.navbar-hero5 .navbar-main .navbar-top .container-fluid .navbar-top-inr .icon-otr .icon-ul .icon-li .icon-a {
  padding: 20px 26px;
  background-color: transparent;
  transition: 0.3s;
}

.navbar-hero5 .navbar-main .navbar-top .container-fluid .navbar-top-inr .icon-otr .icon-ul .icon-li .icon-a .icon {
  color: #FFFFFF;
  font-size: 28px;
  transition: 0.3s;
}

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

.navbar-hero5 .navbar-main .navbar-top .container-fluid .navbar-top-inr .action .bell-icon-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  cursor: pointer;
  margin-right: 24px;
}

.navbar-hero5 .navbar-main .navbar-top .container-fluid .navbar-top-inr .action .bell-icon-otr .bell-icon {
  font-size: 16px;
  color: #FFFFFF;
}

.navbar-hero5 .navbar-main .navbar-top .container-fluid .navbar-top-inr .action .drop-eng {
  position: relative;
}

.navbar-hero5 .navbar-main .navbar-top .container-fluid .navbar-top-inr .action .drop-eng .drop-eng-inr {
  display: flex;
  align-items: center;
  padding: 4px 16px;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  cursor: pointer;
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
}

.navbar-hero5 .navbar-main .navbar-top .container-fluid .navbar-top-inr .action .drop-eng .drop-eng-inr .eng-text {
  color: #FFFFFF;
  margin-right: 8px;
}

.navbar-hero5 .navbar-main .navbar-top .container-fluid .navbar-top-inr .action .drop-eng .drop-eng-inr .arrow {
  font-size: 16px;
  color: #FFFFFF;
}

.navbar-hero5 .navbar-main .navbar-top .container-fluid .navbar-top-inr .action .drop-eng .dropdown-eng {
  position: absolute;
  z-index: 2;
  right: 0;
  padding-top: 50px;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}

.navbar-hero5 .navbar-main .navbar-top .container-fluid .navbar-top-inr .action .drop-eng .dropdown-eng .drop-ul {
  background-color: #260236;
  width: 150px;
  border-radius: 8px;
  padding: 16px 0;
}

.navbar-hero5 .navbar-main .navbar-top .container-fluid .navbar-top-inr .action .drop-eng .dropdown-eng .drop-ul .drop-li .drop-a {
  color: #FFFFFF;
  background-color: transparent;
  padding: 4px 0 4px 24px;
  transition: 0.3s;
}

.navbar-hero5 .navbar-main .navbar-top .container-fluid .navbar-top-inr .action .drop-eng .dropdown-eng .drop-ul .drop-li .drop-a:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.navbar-hero5 .navbar-main .navbar-top .container-fluid .navbar-top-inr .action .drop-eng .eng-open {
  opacity: 1;
  visibility: visible;
  padding-top: 0;
}

.navbar-hero5 .navbar-main .navbar-top .container-fluid .navbar-top-inr .action .action-inr {
  display: flex;
}

.navbar-hero5 .navbar-main .navbar-top .container-fluid .navbar-top-inr .action .action-inr:not(:last-child) {
  margin: 0 24px;
}

.navbar-hero5 .navbar-main .nav-bar {
  display: block;
  padding: 16px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.navbar-hero5 .navbar-main .nav-bar .container-fluid .nav-bar-inr {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.navbar-hero5 .navbar-main .nav-bar .container-fluid .nav-bar-inr .logo-otr .logo {
  width: 150px;
}

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

.navbar-hero5 .navbar-main .nav-bar .container-fluid .nav-bar-inr .menu-otr .menu-ul {
  display: flex;
  align-items: center;
}

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

.navbar-hero5 .navbar-main .nav-bar .container-fluid .nav-bar-inr .menu-otr .menu-ul .menu-li:hover .drop-down {
  opacity: 1;
  visibility: visible;
  top: 23px;
}

.navbar-hero5 .navbar-main .nav-bar .container-fluid .nav-bar-inr .menu-otr .menu-ul .menu-li:not(:last-child) {
  margin-right: 40px;
}

.navbar-hero5 .navbar-main .nav-bar .container-fluid .nav-bar-inr .menu-otr .menu-ul .menu-li .menu-a {
  display: flex;
  align-items: center;
  transition: 0.3s;
}

.navbar-hero5 .navbar-main .nav-bar .container-fluid .nav-bar-inr .menu-otr .menu-ul .menu-li .menu-a:hover .menu-p {
  color: #FF3147;
}

.navbar-hero5 .navbar-main .nav-bar .container-fluid .nav-bar-inr .menu-otr .menu-ul .menu-li .menu-a:hover .icon {
  color: #FF3147;
}

.navbar-hero5 .navbar-main .nav-bar .container-fluid .nav-bar-inr .menu-otr .menu-ul .menu-li .menu-a .menu-p {
  color: #FFFFFF;
  transition: 0.3s;
}

.navbar-hero5 .navbar-main .nav-bar .container-fluid .nav-bar-inr .menu-otr .menu-ul .menu-li .menu-a .icon {
  font-size: 24px;
  color: #FFFFFF;
  margin-left: 4px;
  transition: 0.3s;
}

.navbar-hero5 .navbar-main .nav-bar .container-fluid .nav-bar-inr .menu-otr .menu-ul .menu-li .drop-down {
  position: absolute;
  left: -24px;
  top: 100px;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  padding-top: 31px;
}

.navbar-hero5 .navbar-main .nav-bar .container-fluid .nav-bar-inr .menu-otr .menu-ul .menu-li .drop-down .drop-ul {
  background-color: #260236;
  width: 250px;
  border-radius: 8px;
  padding: 16px 0;
}

.navbar-hero5 .navbar-main .nav-bar .container-fluid .nav-bar-inr .menu-otr .menu-ul .menu-li .drop-down .drop-ul .drop-li .drop-a {
  padding: 4px 0 4px 24px;
  color: #FFFFFF;
  background-color: transparent;
  transition: 0.3s;
}

.navbar-hero5 .navbar-main .nav-bar .container-fluid .nav-bar-inr .menu-otr .menu-ul .menu-li .drop-down .drop-ul .drop-li .drop-a:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.navbar-hero5 .navbar-main .nav-bar .container-fluid .nav-bar-inr .menu-icon-otr {
  display: none;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  cursor: pointer;
}

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

.navbar-hero5 .navbar-main .nav-bar .container-fluid .nav-bar-inr .menu-icon-otr .icon {
  color: #FFFFFF;
  font-size: 24px;
}

.navbar-hero5 .hero-main {
  padding: 72px 0;
  position: relative;
  z-index: 2;
}

.navbar-hero5 .hero-main .container-fluid .row-custom {
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
  border-radius: 16px;
}

@media (max-width: 991px) {
  .navbar-hero5 .hero-main .container-fluid .row-custom {
    justify-content: center;
    width: 100%;
    margin: 0;
  }
}

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

.navbar-hero5 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr {
  padding: 72px 48px 96px 72px;
}

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

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

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

.navbar-hero5 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .desc {
  color: rgba(255, 255, 255, 0.75);
  margin: 24px 0 40px 0;
}

.navbar-hero5 .hero-main .container-fluid .row-custom .col-content-otr .col-content-inr .action {
  display: flex;
}

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

.navbar-hero5 .hero-main .container-fluid .row-custom .col-img-otr {
  padding-right: 0;
}

@media (max-width: 991px) {
  .navbar-hero5 .hero-main .container-fluid .row-custom .col-img-otr {
    padding: 0 0 72px 0;
  }
}

.navbar-hero5 .hero-main .container-fluid .row-custom .col-img-otr .col-img-inr .img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0 16px 16px 0;
}

@media (max-width: 991px) {
  .navbar-hero5 .hero-main .container-fluid .row-custom .col-img-otr .col-img-inr .img {
    border-radius: 16px;
    height: auto;
  }
}

.navbar-hero5 .swiper {
  position: absolute;
  left: 0;
  bottom: -30px;
}

.navbar-hero5 .swiper .swiper-wrapper {
  transition-timing-function: linear !important;
  position: relative;
}

.navbar-hero5 .swiper .swiper-wrapper .swiper-slide {
  position: relative;
  width: auto;
  overflow: hidden;
  padding: 0 20px;
}

.navbar-hero5 .swiper .swiper-wrapper .swiper-slide .heading {
  font-size: 150px;
  font-family: "LexendZetta-Bold";
  line-height: 120px;
  color: rgba(255, 255, 255, 0.1);
}

/*------------------------------------------
        Navbar/Hero Start Here
-------------------------------------------*/

/*------------------------------------------
        About Start Here
-------------------------------------------*/

.about {
  padding-top: 112px;
}

.about .container-fluid .row-custom {
  align-items: center;
}

.about .container-fluid .row-custom .col-video-otr .col-video-inr {
  position: relative;
  margin-right: 48px;
}

@media (max-width: 991px) {
  .about .container-fluid .row-custom .col-video-otr .col-video-inr {
    margin: 0 0 72px 0;
  }
}

.about .container-fluid .row-custom .col-video-otr .col-video-inr .img {
  width: 100%;
  height: 500px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 16px;
  border: 5px solid #FF3147;
}

@media (max-width: 575px) {
  .about .container-fluid .row-custom .col-video-otr .col-video-inr .img {
    height: 300px;
  }
}

.about .container-fluid .row-custom .col-video-otr .col-video-inr .icon-otr {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  background-color: #FFFFFF;
  border-radius: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.about .container-fluid .row-custom .col-video-otr .col-video-inr .icon-otr .icon {
  font-size: 24px;
  color: #FF3147;
}

.about .container-fluid .row-custom .col-content-otr .col-content-inr .desc,
.about .container-fluid .row-custom .col-content-otr .col-content-inr .sub-heading {
  color: rgba(255, 255, 255, 0.75);
}

@media (max-width: 575px) {
  .about .container-fluid .row-custom .col-content-otr .col-content-inr .sub-heading {
    font-size: 14px;
    line-height: 28px;
  }
}

.about .container-fluid .row-custom .col-content-otr .col-content-inr .heading {
  color: #FFFFFF;
  margin: 8px 0 16px 0;
}

.about .container-fluid .row-custom .col-content-otr .col-content-inr .desc-2 {
  margin: 8px 0 40px 0;
}

.about .container-fluid .row-custom .col-content-otr .col-content-inr .action {
  display: flex;
}

/*------------------------------------------
        About Start Here
-------------------------------------------*/

/*------------------------------------------
        Players Start Here
-------------------------------------------*/

.player-inr {
  margin: 112px 0 128px 0;
}

.player-inr .container-fluid .wrapper {
  text-align: center;
  margin-bottom: 72px;
}

.player-inr .container-fluid .wrapper .heading {
  color: #FFFFFF;
  margin-bottom: 16px;
}

.player-inr .container-fluid .wrapper .desc {
  color: rgba(255, 255, 255, 0.75);
}

@media (min-width: 992px) and (max-width: 1199px) {
  .player-inr .container-fluid .row-custom .col-box-otr {
    width: 33.3333%;
  }
}

.player-inr .container-fluid .row-custom .col-box-otr .col-box-inr {
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  border-radius: 8px;
  padding: 20px;
}

.player-inr .container-fluid .row-custom .col-box-otr .col-box-inr .img-otr {
  margin-bottom: 20px;
  height: auto;
  border-radius: 8px;
  overflow: hidden;
}

.player-inr .container-fluid .row-custom .col-box-otr .col-box-inr .img-otr .img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}

.player-inr .container-fluid .row-custom .col-box-otr .col-box-inr .content {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  padding: 8px 20px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  height: auto;
}

.player-inr .container-fluid .row-custom .col-box-otr .col-box-inr .content .game-name {
  color: rgba(255, 255, 255, 0.75);
}

.player-inr .container-fluid .row-custom .col-box-otr .col-box-inr .content .player-name {
  color: #FFFFFF;
  transition: 0.3s;
}

.player-inr .container-fluid .row-custom .col-box-otr .col-box-inr .content .player-name:hover {
  color: #FF3147;
}

.player-inr .container-fluid .row-custom .col-box-otr .box-1,
.player-inr .container-fluid .row-custom .col-box-otr .box-2,
.player-inr .container-fluid .row-custom .col-box-otr .box-3,
.player-inr .container-fluid .row-custom .col-box-otr .box-4,
.player-inr .container-fluid .row-custom .col-box-otr .box-5,
.player-inr .container-fluid .row-custom .col-box-otr .box-6,
.player-inr .container-fluid .row-custom .col-box-otr .box-7,
.player-inr .container-fluid .row-custom .col-box-otr .box-8 {
  margin-bottom: 24px;
}

@media (max-width: 991px) {
  .player-inr .container-fluid .row-custom .col-box-otr .box-1,
  .player-inr .container-fluid .row-custom .col-box-otr .box-2,
  .player-inr .container-fluid .row-custom .col-box-otr .box-3,
  .player-inr .container-fluid .row-custom .col-box-otr .box-4,
  .player-inr .container-fluid .row-custom .col-box-otr .box-5,
  .player-inr .container-fluid .row-custom .col-box-otr .box-6,
  .player-inr .container-fluid .row-custom .col-box-otr .box-7,
  .player-inr .container-fluid .row-custom .col-box-otr .box-8,
  .player-inr .container-fluid .row-custom .col-box-otr .box-9,
  .player-inr .container-fluid .row-custom .col-box-otr .box-10 {
    margin-bottom: 24px;
  }
}

@media (max-width: 575px) {
  .player-inr .container-fluid .row-custom .col-box-otr .box-1,
  .player-inr .container-fluid .row-custom .col-box-otr .box-2,
  .player-inr .container-fluid .row-custom .col-box-otr .box-3,
  .player-inr .container-fluid .row-custom .col-box-otr .box-4,
  .player-inr .container-fluid .row-custom .col-box-otr .box-5,
  .player-inr .container-fluid .row-custom .col-box-otr .box-6,
  .player-inr .container-fluid .row-custom .col-box-otr .box-7,
  .player-inr .container-fluid .row-custom .col-box-otr .box-8,
  .player-inr .container-fluid .row-custom .col-box-otr .box-9,
  .player-inr .container-fluid .row-custom .col-box-otr .box-10,
  .player-inr .container-fluid .row-custom .col-box-otr .box-11 {
    margin-bottom: 24px;
  }
}

.player-inr .container-fluid .action {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 72px;
}

/*------------------------------------------
        Players Start Here
-------------------------------------------*/

/*------------------------------------------
        Players-details Start Here
-------------------------------------------*/

.player-details {
  margin: 112px 0 128px 0;
}

.player-details .container-fluid .row-custom {
  align-items: center;
}

.player-details .container-fluid .row-custom .col-img-otr .col-img-inr {
  padding-right: 48px;
}

@media (max-width: 991px) {
  .player-details .container-fluid .row-custom .col-img-otr .col-img-inr {
    padding: 0 0 72px 0;
  }
}

.player-details .container-fluid .row-custom .col-img-otr .col-img-inr .img {
  width: 100%;
  border-radius: 8px;
}

.player-details .container-fluid .row-custom .col-content-otr .col-content-inr .desc,
.player-details .container-fluid .row-custom .col-content-otr .col-content-inr .sub-heading {
  color: rgba(255, 255, 255, 0.75);
}

@media (max-width: 575px) {
  .player-details .container-fluid .row-custom .col-content-otr .col-content-inr .sub-heading {
    font-size: 14px;
    line-height: 28px;
  }
}

.player-details .container-fluid .row-custom .col-content-otr .col-content-inr .heading {
  color: #FFFFFF;
  margin: 8px 0 16px 0;
}

.player-details .container-fluid .row-custom .col-content-otr .col-content-inr .desc-2 {
  margin: 8px 0 40px 0;
}

.player-details .container-fluid .row-custom .col-content-otr .col-content-inr .action {
  display: flex;
}

/*------------------------------------------
        Players-details End Here
-------------------------------------------*/

/*------------------------------------------
        Blog Start Here
-------------------------------------------*/

.blog-inr-page {
  margin: 112px 0 128px 0;
}

.blog-inr-page .container-fluid .wrapper {
  text-align: center;
  margin-bottom: 72px;
}

.blog-inr-page .container-fluid .wrapper .heading {
  color: #FFFFFF;
  margin-bottom: 16px;
}

.blog-inr-page .container-fluid .wrapper .desc {
  color: rgba(255, 255, 255, 0.75);
}

.blog-inr-page .container-fluid .row-custom .col-blog-otr .col-blog-inr {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  padding: 28px;
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
}

.blog-inr-page .container-fluid .row-custom .col-blog-otr .col-blog-inr .img-otr {
  margin-bottom: 24px;
}

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

.blog-inr-page .container-fluid .row-custom .col-blog-otr .col-blog-inr .content .date {
  color: rgba(255, 255, 255, 0.75);
}

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

.blog-inr-page .container-fluid .row-custom .col-blog-otr .col-blog-inr .content .heading {
  color: #FFFFFF;
  transition: 0.3s;
  margin: 8px 0 12px 0;
}

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

.blog-inr-page .container-fluid .row-custom .col-blog-otr .col-blog-inr .content .desc {
  color: rgba(255, 255, 255, 0.75);
}

.blog-inr-page .container-fluid .row-custom .col-blog-otr .box-1,
.blog-inr-page .container-fluid .row-custom .col-blog-otr .box-2,
.blog-inr-page .container-fluid .row-custom .col-blog-otr .box-3 {
  margin-bottom: 24px;
}

@media (max-width: 575px) {
  .blog-inr-page .container-fluid .row-custom .col-blog-otr .box-1,
  .blog-inr-page .container-fluid .row-custom .col-blog-otr .box-2,
  .blog-inr-page .container-fluid .row-custom .col-blog-otr .box-3,
  .blog-inr-page .container-fluid .row-custom .col-blog-otr .box-4,
  .blog-inr-page .container-fluid .row-custom .col-blog-otr .box-5 {
    margin-bottom: 24px;
  }
}

/*------------------------------------------
        Blog Start Here
-------------------------------------------*/

/*------------------------------------------
        Blog Start Here
-------------------------------------------*/

.blog-sidebar {
  margin: 112px 0 128px 0;
}

.blog-sidebar .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .search-box-otr {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  padding: 24px 28px 36px 28px;
}

.blog-sidebar .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .search-box-otr .heading {
  color: #FFFFFF;
  margin-bottom: 16px;
}

.blog-sidebar .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .search-box-otr .input-otr {
  position: relative;
}

.blog-sidebar .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .search-box-otr .input-otr .input-search {
  padding: 12px 56px 12px 24px;
}

.blog-sidebar .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .search-box-otr .input-otr .icon {
  font-size: 24px;
  color: #FFFFFF;
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
}

.blog-sidebar .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .category-box-otr {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  padding: 24px 28px 36px 28px;
  margin: 30px 0;
}

.blog-sidebar .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .category-box-otr .heading {
  color: #FFFFFF;
  margin-bottom: 16px;
}

.blog-sidebar .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .category-box-otr .category-ul .category-li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.blog-sidebar .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .category-box-otr .category-ul .category-li:not(:last-child) {
  margin-bottom: 12px;
}

.blog-sidebar .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .category-box-otr .category-ul .category-li .category-a {
  display: flex;
  align-items: center;
  padding: 0 0 12px 0;
}

.blog-sidebar .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .category-box-otr .category-ul .category-li .category-a:hover .circle {
  background-color: #FF3147;
}

.blog-sidebar .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .category-box-otr .category-ul .category-li .category-a:hover .category-p {
  color: #FF3147;
}

.blog-sidebar .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .category-box-otr .category-ul .category-li .category-a .circle {
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.75);
  transition: 0.3s;
}

.blog-sidebar .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .category-box-otr .category-ul .category-li .category-a .category-p {
  color: rgba(255, 255, 255, 0.75);
  margin-left: 12px;
  transition: 0.3s;
}

.blog-sidebar .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .game-box-otr {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  padding: 24px 28px;
}

.blog-sidebar .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .game-box-otr .col-game-inr {
  background-color: #260236;
  padding: 20px;
  border-radius: 8px;
}

.blog-sidebar .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .game-box-otr .col-game-inr .img-otr {
  position: relative;
}

.blog-sidebar .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .game-box-otr .col-game-inr .img-otr .img-inr {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  transform-style: preserve-3d;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  padding: 40px 0;
}

.blog-sidebar .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .game-box-otr .col-game-inr .img-otr .img-inr .img {
  height: 200px;
  width: auto;
  transform: translateZ(20px);
}

.blog-sidebar .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .game-box-otr .col-game-inr .img-otr .arrow-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 52px;
  height: 52px;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  border-radius: 100%;
  transition: 0.3s;
}

.blog-sidebar .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .game-box-otr .col-game-inr .img-otr .arrow-otr:hover {
  background-color: #FF3147;
}

.blog-sidebar .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .game-box-otr .col-game-inr .img-otr .arrow-otr:hover .icon {
  color: #FFFFFF;
}

.blog-sidebar .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .game-box-otr .col-game-inr .img-otr .arrow-otr .icon {
  font-size: 24px;
  color: #FFFFFF;
  transition: 0.3s;
}

.blog-sidebar .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .game-box-otr .col-game-inr .heading-otr {
  text-align: center;
  background-color: rgba(255, 255, 255, 0.1);
  padding: 8px 0;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  margin-top: 20px;
}

.blog-sidebar .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .game-box-otr .col-game-inr .heading-otr .name {
  color: #FFFFFF;
}

.blog-sidebar .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .game-box-otr .action {
  display: flex;
  text-align: center;
  width: 100%;
  margin-top: 24px;
}

.blog-sidebar .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .game-box-otr .action .play-btn {
  width: 100%;
}

.blog-sidebar .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .tag-box-otr {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  padding: 24px 28px 36px 28px;
  margin-top: 30px;
}

.blog-sidebar .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .tag-box-otr .heading {
  color: #FFFFFF;
  margin-bottom: 16px;
}

.blog-sidebar .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .tag-box-otr .tag-ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.blog-sidebar .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .tag-box-otr .tag-ul .tag-li {
  margin-top: 16px;
}

.blog-sidebar .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .tag-box-otr .tag-ul .tag-li:not(:last-child) {
  margin-right: 16px;
}

.blog-sidebar .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .tag-box-otr .tag-ul .tag-li .tag-a {
  color: #FFFFFF;
}

@media (max-width: 767px) {
  .blog-sidebar .container-fluid .row-custom .col-blogs-otr .col-blogs-inr {
    padding-top: 72px;
  }
}

.blog-sidebar .container-fluid .row-custom .col-blogs-otr .col-blogs-inr .col-blog-otr .col-blog-inr {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  padding: 28px;
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
}

.blog-sidebar .container-fluid .row-custom .col-blogs-otr .col-blogs-inr .col-blog-otr .col-blog-inr .img-otr {
  margin-bottom: 24px;
}

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

.blog-sidebar .container-fluid .row-custom .col-blogs-otr .col-blogs-inr .col-blog-otr .col-blog-inr .content .date {
  color: rgba(255, 255, 255, 0.75);
}

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

.blog-sidebar .container-fluid .row-custom .col-blogs-otr .col-blogs-inr .col-blog-otr .col-blog-inr .content .heading {
  color: #FFFFFF;
  transition: 0.3s;
  margin: 8px 0 12px 0;
}

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

.blog-sidebar .container-fluid .row-custom .col-blogs-otr .col-blogs-inr .col-blog-otr .col-blog-inr .content .desc {
  color: rgba(255, 255, 255, 0.75);
}

.blog-sidebar .container-fluid .row-custom .col-blogs-otr .col-blogs-inr .col-blog-otr .box-1,
.blog-sidebar .container-fluid .row-custom .col-blogs-otr .col-blogs-inr .col-blog-otr .box-2,
.blog-sidebar .container-fluid .row-custom .col-blogs-otr .col-blogs-inr .col-blog-otr .box-3,
.blog-sidebar .container-fluid .row-custom .col-blogs-otr .col-blogs-inr .col-blog-otr .box-4 {
  margin-bottom: 24px;
}

@media (max-width: 991px) {
  .blog-sidebar .container-fluid .row-custom .col-blogs-otr .col-blogs-inr .col-blog-otr .box-1,
  .blog-sidebar .container-fluid .row-custom .col-blogs-otr .col-blogs-inr .col-blog-otr .box-2,
  .blog-sidebar .container-fluid .row-custom .col-blogs-otr .col-blogs-inr .col-blog-otr .box-3,
  .blog-sidebar .container-fluid .row-custom .col-blogs-otr .col-blogs-inr .col-blog-otr .box-4,
  .blog-sidebar .container-fluid .row-custom .col-blogs-otr .col-blogs-inr .col-blog-otr .box-5 {
    margin-bottom: 24px;
  }
}

.blog-sidebar .container-fluid .row-custom .col-blogs-otr .col-blogs-inr .action-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 72px;
}

/*------------------------------------------
        Blog Start Here
-------------------------------------------*/

/*------------------------------------------
            404 Start Here
-------------------------------------------*/

.error {
  margin: 112px 0 128px 0;
}

.error .container-fluid .row-custom {
  justify-content: center;
}

.error .container-fluid .row-custom .col-img-otr .col-img-inr {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  border-radius: 16px;
  padding: 40px;
}

@media (max-width: 575px) {
  .error .container-fluid .row-custom .col-img-otr .col-img-inr {
    padding: 16px;
  }
}

@media (max-width: 575px) {
  .error .container-fluid .row-custom .col-img-otr .col-img-inr .img {
    width: 100%;
    height: 100px;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

.error .container-fluid .content-otr {
  text-align: center;
  margin-top: 40px;
}

.error .container-fluid .content-otr .heading {
  color: #FFFFFF;
  margin-bottom: 40px;
}

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

/*------------------------------------------
            404 Start Here
-------------------------------------------*/

/*------------------------------------------
            Contact Start Here
-------------------------------------------*/

.contact {
  margin: 112px 0 128px 0;
}

.contact .container-fluid .row-custom .col-form-otr .col-form-inr {
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  border-radius: 16px;
  padding: 24px 32px 36px 32px;
}

@media (max-width: 991px) {
  .contact .container-fluid .row-custom .col-form-otr .col-form-inr {
    margin-bottom: 72px;
  }
}

@media (max-width: 575px) {
  .contact .container-fluid .row-custom .col-form-otr .col-form-inr {
    padding: 24px 16px;
  }
}

.contact .container-fluid .row-custom .col-form-otr .col-form-inr .heading {
  color: #FFFFFF;
  margin-bottom: 24px;
}

.contact .container-fluid .row-custom .col-form-otr .col-form-inr .form-main .input-main {
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 24px;
}

@media (max-width: 575px) {
  .contact .container-fluid .row-custom .col-form-otr .col-form-inr .form-main .input-main {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 0;
  }
}

.contact .container-fluid .row-custom .col-form-otr .col-form-inr .form-main .input-main .input-otr {
  width: 50%;
}

@media (max-width: 575px) {
  .contact .container-fluid .row-custom .col-form-otr .col-form-inr .form-main .input-main .input-otr {
    width: 100%;
    margin: 0 0 24px 0;
  }
}

.contact .container-fluid .row-custom .col-form-otr .col-form-inr .form-main .input-main .input-otr:not(:last-child) {
  margin-right: 24px;
}

.contact .container-fluid .row-custom .col-form-otr .col-form-inr .form-main .textarea-otr {
  margin-bottom: 30px;
}

.contact .container-fluid .row-custom .col-form-otr .col-form-inr .form-main .textarea-otr .textarea {
  height: 150px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  resize: none;
}

.contact .container-fluid .row-custom .col-form-otr .col-form-inr .form-main .action {
  display: flex;
}

.contact .container-fluid .row-custom .col-form-otr .col-form-inr .form-main .action .btn-submit {
  border: none;
  width: 48%;
  color: #FFFFFF;
}

@media (max-width: 575px) {
  .contact .container-fluid .row-custom .col-form-otr .col-form-inr .form-main .action .btn-submit {
    width: 100%;
  }
}

.contact .container-fluid .row-custom .col-form-otr .col-form-inr .form-main .action .btn-submit:focus {
  border: none;
  outline: none;
}

.contact .container-fluid .row-custom .col-contact-otr .col-contact-inr {
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  border-radius: 16px;
  padding: 24px 32px 36px 32px;
}

@media (max-width: 575px) {
  .contact .container-fluid .row-custom .col-contact-otr .col-contact-inr {
    padding: 24px 16px;
  }
}

.contact .container-fluid .row-custom .col-contact-otr .col-contact-inr .heading {
  color: #FFFFFF;
}

.contact .container-fluid .row-custom .col-contact-otr .col-contact-inr .desc {
  color: rgba(255, 255, 255, 0.75);
  margin: 16px 0 24px 0;
}

.contact .container-fluid .row-custom .col-contact-otr .col-contact-inr .adress-otr {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  margin-bottom: 24px;
}

.contact .container-fluid .row-custom .col-contact-otr .col-contact-inr .adress-otr .icon-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  background-color: #FFFFFF;
  border-radius: 100%;
  margin-right: 16px;
}

.contact .container-fluid .row-custom .col-contact-otr .col-contact-inr .adress-otr .icon-otr .icon {
  font-size: 24px;
  color: #FF3147;
}

.contact .container-fluid .row-custom .col-contact-otr .col-contact-inr .adress-otr .content .address {
  color: #FFFFFF;
  margin-bottom: 4px;
}

.contact .container-fluid .row-custom .col-contact-otr .col-contact-inr .adress-otr .content .text {
  color: rgba(255, 255, 255, 0.75);
}

.contact .container-fluid .row-custom .col-contact-otr .col-contact-inr .email-phone-otr {
  display: flex;
  align-items: center;
  margin-bottom: 36px;
}

@media (max-width: 575px) {
  .contact .container-fluid .row-custom .col-contact-otr .col-contact-inr .email-phone-otr {
    flex-direction: column;
    align-items: flex-start;
  }
}

.contact .container-fluid .row-custom .col-contact-otr .col-contact-inr .email-phone-otr .phone-otr {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  width: 50%;
}

@media (max-width: 575px) {
  .contact .container-fluid .row-custom .col-contact-otr .col-contact-inr .email-phone-otr .phone-otr {
    width: 100%;
  }
}

.contact .container-fluid .row-custom .col-contact-otr .col-contact-inr .email-phone-otr .phone-otr:not(:last-child) {
  margin-right: 40px;
}

@media (max-width: 575px) {
  .contact .container-fluid .row-custom .col-contact-otr .col-contact-inr .email-phone-otr .phone-otr:not(:last-child) {
    margin: 0 0 24px 0;
  }
}

.contact .container-fluid .row-custom .col-contact-otr .col-contact-inr .email-phone-otr .phone-otr .icon-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  background-color: #FFFFFF;
  border-radius: 100%;
  margin-right: 16px;
}

.contact .container-fluid .row-custom .col-contact-otr .col-contact-inr .email-phone-otr .phone-otr .icon-otr .icon {
  font-size: 24px;
  color: #FF3147;
}

.contact .container-fluid .row-custom .col-contact-otr .col-contact-inr .email-phone-otr .phone-otr .content .phone {
  color: #FFFFFF;
  margin-bottom: 4px;
}

.contact .container-fluid .row-custom .col-contact-otr .col-contact-inr .email-phone-otr .phone-otr .content .text {
  color: rgba(255, 255, 255, 0.75);
  line-break: anywhere;
}

.contact .container-fluid .row-custom .col-contact-otr .col-contact-inr .social-otr .heading {
  color: #FFFFFF;
}

.contact .container-fluid .row-custom .col-contact-otr .col-contact-inr .social-otr .social-ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.contact .container-fluid .row-custom .col-contact-otr .col-contact-inr .social-otr .social-ul .social-li {
  margin-top: 16px;
}

.contact .container-fluid .row-custom .col-contact-otr .col-contact-inr .social-otr .social-ul .social-li:not(:last-child) {
  margin-right: 16px;
}

.contact .container-fluid .row-custom .col-contact-otr .col-contact-inr .social-otr .social-ul .social-li .social-a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 100%;
  transition: 0.3s;
}

.contact .container-fluid .row-custom .col-contact-otr .col-contact-inr .social-otr .social-ul .social-li .social-a:hover {
  background-color: #FFFFFF;
}

.contact .container-fluid .row-custom .col-contact-otr .col-contact-inr .social-otr .social-ul .social-li .social-a:hover .icon {
  color: #FF3147;
}

.contact .container-fluid .row-custom .col-contact-otr .col-contact-inr .social-otr .social-ul .social-li .social-a .icon {
  font-size: 24px;
  color: #FFFFFF;
  transition: 0.3s;
}

/*------------------------------------------
            Contact Start Here
-------------------------------------------*/

/*------------------------------------------
            Sign up Start Here
-------------------------------------------*/

.sign-up {
  margin: 112px 0 128px 0;
}

.sign-up .container-fluid .row-custom {
  justify-content: center;
}

.sign-up .container-fluid .row-custom .col-signup-otr .col-signup-inr {
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  padding: 40px 56px 48px 56px;
  border-radius: 16px;
}

@media (max-width: 575px) {
  .sign-up .container-fluid .row-custom .col-signup-otr .col-signup-inr {
    padding: 24px;
  }
}

.sign-up .container-fluid .row-custom .col-signup-otr .col-signup-inr .heading {
  color: #FFFFFF;
  text-align: center;
}

.sign-up .container-fluid .row-custom .col-signup-otr .col-signup-inr .social-heading-otr {
  display: flex;
  align-items: center;
  margin: 24px 0;
}

.sign-up .container-fluid .row-custom .col-signup-otr .col-signup-inr .social-heading-otr .line {
  flex: 1;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.2);
}

.sign-up .container-fluid .row-custom .col-signup-otr .col-signup-inr .social-heading-otr .social-heading {
  color: rgba(255, 255, 255, 0.75);
  margin: 0 12px;
}

.sign-up .container-fluid .row-custom .col-signup-otr .col-signup-inr .btn-social-otr {
  display: flex;
  align-items: center;
  width: 100%;
}

@media (max-width: 420px) {
  .sign-up .container-fluid .row-custom .col-signup-otr .col-signup-inr .btn-social-otr {
    flex-direction: column;
    align-items: flex-start;
  }
}

.sign-up .container-fluid .row-custom .col-signup-otr .col-signup-inr .btn-social-otr .btn-social-inr {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #FF3147;
  background-color: transparent;
  border-radius: 16px;
  padding: 10px 24px;
  width: 50%;
  transition: 0.3s;
}

@media (max-width: 420px) {
  .sign-up .container-fluid .row-custom .col-signup-otr .col-signup-inr .btn-social-otr .btn-social-inr {
    width: 100%;
  }
}

.sign-up .container-fluid .row-custom .col-signup-otr .col-signup-inr .btn-social-otr .btn-social-inr:not(:last-child) {
  margin-right: 24px;
}

@media (max-width: 420px) {
  .sign-up .container-fluid .row-custom .col-signup-otr .col-signup-inr .btn-social-otr .btn-social-inr:not(:last-child) {
    margin: 0 0 24px 0;
  }
}

.sign-up .container-fluid .row-custom .col-signup-otr .col-signup-inr .btn-social-otr .btn-social-inr:hover {
  background-color: #FF3147;
  border: 1px solid transparent;
}

.sign-up .container-fluid .row-custom .col-signup-otr .col-signup-inr .btn-social-otr .btn-social-inr:hover .icon {
  color: #FFFFFF;
}

.sign-up .container-fluid .row-custom .col-signup-otr .col-signup-inr .btn-social-otr .btn-social-inr:hover .text {
  color: #FFFFFF;
}

.sign-up .container-fluid .row-custom .col-signup-otr .col-signup-inr .btn-social-otr .btn-social-inr .icon {
  color: #FFFFFF;
  font-size: 24px;
  transition: 0.3s;
}

.sign-up .container-fluid .row-custom .col-signup-otr .col-signup-inr .btn-social-otr .btn-social-inr .text {
  color: #FFFFFF;
  margin-left: 8px;
  transition: 0.3s;
}

.sign-up .container-fluid .row-custom .col-signup-otr .col-signup-inr .input-otr {
  margin-bottom: 24px;
}

.sign-up .container-fluid .row-custom .col-signup-otr .col-signup-inr .check-main .check {
  display: flex;
  justify-content: space-between;
}

.sign-up .container-fluid .row-custom .col-signup-otr .col-signup-inr .check-main .check label {
  display: flex;
  align-items: center;
  margin: 0;
}

.sign-up .container-fluid .row-custom .col-signup-otr .col-signup-inr .check-main .check label .check-inner {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  flex-shrink: 0;
  margin-right: 12px;
  background-color: #FFFFFF;
  position: relative;
}

.sign-up .container-fluid .row-custom .col-signup-otr .col-signup-inr .check-main .check label .check-inner:hover {
  cursor: pointer;
}

.sign-up .container-fluid .row-custom .col-signup-otr .col-signup-inr .check-main .check label .check-inner .input-check {
  opacity: 0;
  position: absolute;
}

.sign-up .container-fluid .row-custom .col-signup-otr .col-signup-inr .check-main .check label .check-inner .input-check:hover {
  cursor: pointer;
}

.sign-up .container-fluid .row-custom .col-signup-otr .col-signup-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%;
}

.sign-up .container-fluid .row-custom .col-signup-otr .col-signup-inr .check-main .check label .check-inner .fill-current {
  display: none;
  width: 24px;
  height: 24px;
  pointer-events: none;
  position: relative;
  left: -1px;
  top: -1px;
}

.sign-up .container-fluid .row-custom .col-signup-otr .col-signup-inr .check-main .check label .select-none {
  color: rgba(255, 255, 255, 0.75);
  line-height: 28px;
}

.sign-up .container-fluid .row-custom .col-signup-otr .col-signup-inr .check-main .check label .select-none .linkk {
  display: inline;
  color: #FFFFFF;
}

.sign-up .container-fluid .row-custom .col-signup-otr .col-signup-inr .action {
  display: flex;
  width: 100%;
  margin: 24px 0;
}

.sign-up .container-fluid .row-custom .col-signup-otr .col-signup-inr .action .btn-submit {
  width: 100%;
  border: none;
  background-color: #FF3147;
  color: #FFFFFF;
}

.sign-up .container-fluid .row-custom .col-signup-otr .col-signup-inr .action .btn-submit:focus {
  border: none;
  outline: none;
}

.sign-up .container-fluid .row-custom .col-signup-otr .col-signup-inr .login-text {
  text-align: center;
  color: rgba(255, 255, 255, 0.75);
}

.sign-up .container-fluid .row-custom .col-signup-otr .col-signup-inr .login-text .login-inr {
  color: #FFFFFF;
  display: inline;
}

/*------------------------------------------
            Sign up Start Here
-------------------------------------------*/

/*------------------------------------------
            login Start Here
-------------------------------------------*/

.login {
  margin: 112px 0 128px 0;
}

.login .container-fluid .row-custom {
  justify-content: center;
}

.login .container-fluid .row-custom .col-signup-otr .col-signup-inr {
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  padding: 40px 56px 48px 56px;
  border-radius: 16px;
}

@media (max-width: 575px) {
  .login .container-fluid .row-custom .col-signup-otr .col-signup-inr {
    padding: 24px;
  }
}

.login .container-fluid .row-custom .col-signup-otr .col-signup-inr .heading {
  color: #FFFFFF;
  text-align: center;
}

.login .container-fluid .row-custom .col-signup-otr .col-signup-inr .social-heading-otr {
  display: flex;
  align-items: center;
  margin: 24px 0;
}

.login .container-fluid .row-custom .col-signup-otr .col-signup-inr .social-heading-otr .line {
  flex: 1;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.2);
}

.login .container-fluid .row-custom .col-signup-otr .col-signup-inr .social-heading-otr .social-heading {
  color: rgba(255, 255, 255, 0.75);
  margin: 0 12px;
}

.login .container-fluid .row-custom .col-signup-otr .col-signup-inr .btn-social-otr {
  display: flex;
  align-items: center;
  width: 100%;
}

@media (max-width: 420px) {
  .login .container-fluid .row-custom .col-signup-otr .col-signup-inr .btn-social-otr {
    flex-direction: column;
    align-items: flex-start;
  }
}

.login .container-fluid .row-custom .col-signup-otr .col-signup-inr .btn-social-otr .btn-social-inr {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #FF3147;
  background-color: transparent;
  border-radius: 16px;
  padding: 10px 24px;
  width: 50%;
  transition: 0.3s;
}

@media (max-width: 420px) {
  .login .container-fluid .row-custom .col-signup-otr .col-signup-inr .btn-social-otr .btn-social-inr {
    width: 100%;
  }
}

.login .container-fluid .row-custom .col-signup-otr .col-signup-inr .btn-social-otr .btn-social-inr:not(:last-child) {
  margin-right: 24px;
}

@media (max-width: 420px) {
  .login .container-fluid .row-custom .col-signup-otr .col-signup-inr .btn-social-otr .btn-social-inr:not(:last-child) {
    margin: 0 0 24px 0;
  }
}

.login .container-fluid .row-custom .col-signup-otr .col-signup-inr .btn-social-otr .btn-social-inr:hover {
  background-color: #FF3147;
  border: 1px solid transparent;
}

.login .container-fluid .row-custom .col-signup-otr .col-signup-inr .btn-social-otr .btn-social-inr:hover .icon {
  color: #FFFFFF;
}

.login .container-fluid .row-custom .col-signup-otr .col-signup-inr .btn-social-otr .btn-social-inr:hover .text {
  color: #FFFFFF;
}

.login .container-fluid .row-custom .col-signup-otr .col-signup-inr .btn-social-otr .btn-social-inr .icon {
  color: #FFFFFF;
  font-size: 24px;
  transition: 0.3s;
}

.login .container-fluid .row-custom .col-signup-otr .col-signup-inr .btn-social-otr .btn-social-inr .text {
  color: #FFFFFF;
  margin-left: 8px;
  transition: 0.3s;
}

.login .container-fluid .row-custom .col-signup-otr .col-signup-inr .input-otr {
  margin-bottom: 24px;
}

.login .container-fluid .row-custom .col-signup-otr .col-signup-inr .check-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (max-width: 420px) {
  .login .container-fluid .row-custom .col-signup-otr .col-signup-inr .check-main {
    flex-direction: column;
    align-items: flex-start;
  }
}

.login .container-fluid .row-custom .col-signup-otr .col-signup-inr .check-main .check {
  display: flex;
  justify-content: space-between;
}

.login .container-fluid .row-custom .col-signup-otr .col-signup-inr .check-main .check label {
  display: flex;
  align-items: center;
  margin: 0;
}

.login .container-fluid .row-custom .col-signup-otr .col-signup-inr .check-main .check label .check-inner {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  flex-shrink: 0;
  margin-right: 12px;
  background-color: #FFFFFF;
  position: relative;
}

.login .container-fluid .row-custom .col-signup-otr .col-signup-inr .check-main .check label .check-inner:hover {
  cursor: pointer;
}

.login .container-fluid .row-custom .col-signup-otr .col-signup-inr .check-main .check label .check-inner .input-check {
  opacity: 0;
  position: absolute;
}

.login .container-fluid .row-custom .col-signup-otr .col-signup-inr .check-main .check label .check-inner .input-check:hover {
  cursor: pointer;
}

.login .container-fluid .row-custom .col-signup-otr .col-signup-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%;
}

.login .container-fluid .row-custom .col-signup-otr .col-signup-inr .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-signup-otr .col-signup-inr .check-main .check label .select-none {
  color: rgba(255, 255, 255, 0.75);
  line-height: 28px;
}

.login .container-fluid .row-custom .col-signup-otr .col-signup-inr .check-main .check label .select-none .linkk {
  display: inline;
  color: #FFFFFF;
}

.login .container-fluid .row-custom .col-signup-otr .col-signup-inr .check-main .forget {
  color: #FF3147;
}

@media (max-width: 420px) {
  .login .container-fluid .row-custom .col-signup-otr .col-signup-inr .check-main .forget {
    padding-top: 12px;
  }
}

.login .container-fluid .row-custom .col-signup-otr .col-signup-inr .action {
  display: flex;
  width: 100%;
  margin: 24px 0;
}

.login .container-fluid .row-custom .col-signup-otr .col-signup-inr .action .btn-submit {
  width: 100%;
  border: none;
  color: #FFFFFF;
}

.login .container-fluid .row-custom .col-signup-otr .col-signup-inr .action .btn-submit:focus {
  border: none;
  outline: none;
}

.login .container-fluid .row-custom .col-signup-otr .col-signup-inr .login-text {
  text-align: center;
  color: rgba(255, 255, 255, 0.75);
}

.login .container-fluid .row-custom .col-signup-otr .col-signup-inr .login-text .login-inr {
  color: #FFFFFF;
  display: inline;
}

/*------------------------------------------
            login Start Here
-------------------------------------------*/

/*------------------------------------------
            Game Details Start Here
-------------------------------------------*/

.game-detail {
  margin: 112px 0 128px 0;
}

.game-detail .container-fluid .row-custom {
  justify-content: center;
}

.game-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .heading {
  color: #FFFFFF;
}

.game-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .desc {
  color: rgba(255, 255, 255, 0.75);
}

.game-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .desc1,
.game-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .desc3 {
  margin: 16px 0 10px 0;
}

.game-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .detail-img-otr {
  width: 100%;
  border-radius: 16px;
  border: 5px solid #FF3147;
  overflow: hidden;
  height: 400px;
  margin: 48px 0 40px 0;
}

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

.game-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .desc5 {
  margin: 10px 0 24px 0;
}

.game-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .desc6 {
  margin: 24px 0;
}

.game-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .desc7 {
  margin: 16px 0 48px 0;
}

.game-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .information-box-otr {
  padding: 16px 24px 24px 24px;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  border-radius: 16px;
}

.game-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .information-box-otr .information-heading {
  color: #FFFFFF;
}

.game-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .information-box-otr .information-ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.game-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .information-box-otr .information-ul .information-li {
  margin-top: 16px;
}

.game-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .information-box-otr .information-ul .information-li .information-p1 {
  color: #FFFFFF;
  margin-bottom: 4px;
}

.game-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .information-box-otr .information-ul .information-li .information-p2 {
  color: rgba(255, 255, 255, 0.75);
}

.game-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .desc8 {
  margin: 48px 0 72px 0;
}

.game-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .commens-otr .heading {
  color: #FFFFFF;
  margin-bottom: 24px;
}

.game-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .commens-otr .comment-box {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  padding: 16px 24px;
  display: flex;
  align-items: center;
}

@media (max-width: 575px) {
  .game-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .commens-otr .comment-box {
    flex-direction: column;
    align-items: flex-start;
  }
}

.game-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .commens-otr .comment-box:not(:last-child) {
  margin-bottom: 16px;
}

.game-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .commens-otr .comment-box .img-otr {
  display: flex;
  margin-right: 24px;
}

@media (max-width: 575px) {
  .game-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .commens-otr .comment-box .img-otr {
    margin: 0 0 16px 0;
  }
}

.game-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .commens-otr .comment-box .img-otr .img {
  width: 110px;
  height: 110px;
  border-radius: 8px;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 575px) {
  .game-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .commens-otr .comment-box .img-otr .img {
    width: 80px;
    height: 80px;
  }
}

.game-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .commens-otr .comment-box .content-otr .name-otr {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.game-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .commens-otr .comment-box .content-otr .name-otr .name-inr .game {
  color: rgba(255, 255, 255, 0.75);
}

.game-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .commens-otr .comment-box .content-otr .name-otr .name-inr .name {
  color: #FFFFFF;
  transition: 0.3s;
}

.game-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .commens-otr .comment-box .content-otr .name-otr .name-inr .name:hover {
  color: #FF3147;
}

.game-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .commens-otr .comment-box .content-otr .name-otr .icon-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: #260236;
  border-radius: 100%;
  transition: 0.3s;
}

.game-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .commens-otr .comment-box .content-otr .name-otr .icon-otr:hover {
  background-color: #FF3147;
}

.game-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .commens-otr .comment-box .content-otr .name-otr .icon-otr:hover .icon {
  color: #FFFFFF;
}

.game-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .commens-otr .comment-box .content-otr .name-otr .icon-otr .icon {
  font-size: 20px;
  color: #FFFFFF;
  transition: 0.3s;
}

.game-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .commens-otr .comment-box .content-otr .desc {
  color: rgba(255, 255, 255, 0.75);
  margin-top: 4px;
}

.game-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .leave-comment-otr {
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  border-radius: 16px;
  padding: 24px 32px 40px 32px;
  margin-top: 72px;
}

@media (max-width: 575px) {
  .game-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .leave-comment-otr {
    padding: 24px 16px;
  }
}

.game-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .leave-comment-otr .heading {
  color: #FFFFFF;
  margin-bottom: 24px;
}

.game-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .leave-comment-otr .form-main .input-main {
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 24px;
}

@media (max-width: 575px) {
  .game-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .leave-comment-otr .form-main .input-main {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 0;
  }
}

.game-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .leave-comment-otr .form-main .input-main .input-otr {
  width: 50%;
}

@media (max-width: 575px) {
  .game-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .leave-comment-otr .form-main .input-main .input-otr {
    width: 100%;
    margin: 0 0 24px 0;
  }
}

.game-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .leave-comment-otr .form-main .input-main .input-otr:not(:last-child) {
  margin-right: 24px;
}

.game-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .leave-comment-otr .form-main .textarea-otr {
  margin-bottom: 30px;
}

.game-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .leave-comment-otr .form-main .textarea-otr .textarea {
  height: 150px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  resize: none;
}

.game-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .leave-comment-otr .form-main .action {
  display: flex;
}

.game-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .leave-comment-otr .form-main .action .btn-submit {
  border: none;
  width: 48%;
  background-color: #FF3147;
  color: #FFFFFF;
  font-family: "LexendZetta-SemiBold";
  font-size: 16px;
  line-height: 32px;
  letter-spacing: -3px;
}

@media (max-width: 575px) {
  .game-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .leave-comment-otr .form-main .action .btn-submit {
    width: 100%;
  }
}

.game-detail .container-fluid .row-custom .col-detail-otr .col-detail-inr .leave-comment-otr .form-main .action .btn-submit:focus {
  border: none;
  outline: none;
}

/*------------------------------------------
            Game Details Start Here
-------------------------------------------*/

/*------------------------------------------
            Blog Details Start Here
-------------------------------------------*/

.blog-details {
  margin: 112px 0 128px 0;
}

.blog-details .container-fluid .row-custom {
  justify-content: center;
}

.blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .date-btn-otr .date-otr {
  display: flex;
  align-items: center;
}

@media (max-width: 420px) {
  .blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .date-btn-otr .date-otr {
    flex-direction: column;
    align-items: flex-start;
  }
}

.blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .date-btn-otr .date-otr .date-text {
  color: rgba(255, 255, 255, 0.75);
}

@media (max-width: 420px) {
  .blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .date-btn-otr .date-otr .date-text:not(:last-child) {
    margin-bottom: 10px;
  }
}

.blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .date-btn-otr .date-otr .circle {
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background-color: #FFFFFF;
  margin: 0 8px;
}

@media (max-width: 420px) {
  .blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .date-btn-otr .date-otr .circle {
    display: none;
  }
}

.blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .date-btn-otr .btn-otr .btn-ul {
  display: flex;
  align-items: center;
}

@media (max-width: 575px) {
  .blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .date-btn-otr .btn-otr .btn-ul {
    flex-wrap: wrap;
  }
}

.blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .date-btn-otr .btn-otr .btn-ul .btn-li {
  margin-top: 16px;
}

.blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .date-btn-otr .btn-otr .btn-ul .btn-li:not(:last-child) {
  margin-right: 16px;
}

.blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .date-btn-otr .btn-otr .btn-ul .btn-li .btn-a {
  color: #FFFFFF;
}

.blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .heading {
  color: #FFFFFF;
}

.blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .heading1 {
  margin: 24px 0 48px 0;
}

.blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .detail-img-otr {
  width: 100%;
  border-radius: 16px;
  border: 5px solid #FF3147;
  overflow: hidden;
  height: 400px;
  margin-bottom: 48px;
}

.blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .detail-img-otr .img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  -o-object-fit: cover;
     object-fit: cover;
}

.blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .desc {
  color: rgba(255, 255, 255, 0.75);
}

.blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .desc1,
.blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .desc6 {
  margin: 16px 0 10px 0;
}

.blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .heading3 {
  margin: 24px 0 16px 0;
}

.blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .heading3-ul .heading3-li {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
}

.blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .heading3-ul .heading3-li:not(:last-child) {
  margin-bottom: 12px;
}

.blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .heading3-ul .heading3-li .circle {
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background-color: #FFFFFF;
  margin-right: 12px;
}

.blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .heading3-ul .heading3-li .heading3-p {
  color: #FFFFFF;
}

.blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .desc3 {
  color: rgba(255, 255, 255, 0.75);
  margin: 24px 0 16px 0;
}

.blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .heading4 {
  margin: 24px 0 16px 0;
}

.blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .desc5 {
  margin-bottom: 48px;
}

.blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .share-otr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #FF3147;
  border-bottom: 1px solid #FF3147;
  padding: 16px 0;
  margin: 48px 0 72px 0;
}

@media (max-width: 575px) {
  .blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .share-otr {
    flex-direction: column;
    align-items: flex-start;
  }
}

.blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .share-otr .share-text {
  color: #FFFFFF;
}

.blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .share-otr .social-otr .social-ul {
  display: flex;
  align-items: center;
}

@media (max-width: 575px) {
  .blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .share-otr .social-otr .social-ul {
    flex-wrap: wrap;
  }
}

@media (max-width: 575px) {
  .blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .share-otr .social-otr .social-ul .social-li {
    margin-top: 16px;
  }
}

.blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .share-otr .social-otr .social-ul .social-li:not(:last-child) {
  margin-right: 16px;
}

.blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .share-otr .social-otr .social-ul .social-li .social-a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 100%;
  transition: 0.3s;
}

.blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .share-otr .social-otr .social-ul .social-li .social-a:hover {
  background-color: #FF3147;
}

.blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .share-otr .social-otr .social-ul .social-li .social-a:hover .icon {
  color: #FFFFFF;
}

.blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .share-otr .social-otr .social-ul .social-li .social-a .icon {
  font-size: 24px;
  color: #FFFFFF;
  transition: 0.3s;
}

.blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .blog-row .col-blog-otr .col-blog-inr {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  padding: 28px;
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
}

.blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .blog-row .col-blog-otr .col-blog-inr .img-otr {
  margin-bottom: 24px;
}

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

.blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .blog-row .col-blog-otr .col-blog-inr .content .date {
  color: rgba(255, 255, 255, 0.75);
}

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

.blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .blog-row .col-blog-otr .col-blog-inr .content .heading {
  color: #FFFFFF;
  transition: 0.3s;
  margin: 8px 0 12px 0;
}

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

.blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .blog-row .col-blog-otr .col-blog-inr .content .desc {
  color: rgba(255, 255, 255, 0.75);
}

@media (max-width: 575px) {
  .blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .blog-row .col-blog-otr .box-1 {
    margin-bottom: 24px;
  }
}

.blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .commens-otr {
  margin: 72px 0;
}

.blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .commens-otr .heading {
  color: #FFFFFF;
  margin-bottom: 24px;
}

.blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .commens-otr .comment-box {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  padding: 16px 24px;
  display: flex;
  align-items: center;
}

@media (max-width: 575px) {
  .blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .commens-otr .comment-box {
    flex-direction: column;
    align-items: flex-start;
  }
}

.blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .commens-otr .comment-box:not(:last-child) {
  margin-bottom: 16px;
}

.blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .commens-otr .comment-box .img-otr {
  display: flex;
  margin-right: 24px;
}

@media (max-width: 575px) {
  .blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .commens-otr .comment-box .img-otr {
    margin: 0 0 16px 0;
  }
}

.blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .commens-otr .comment-box .img-otr .img {
  width: 110px;
  height: 110px;
  border-radius: 8px;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 575px) {
  .blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .commens-otr .comment-box .img-otr .img {
    width: 80px;
    height: 80px;
  }
}

.blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .commens-otr .comment-box .content-otr .name-otr {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .commens-otr .comment-box .content-otr .name-otr .name-inr .game {
  color: rgba(255, 255, 255, 0.75);
}

.blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .commens-otr .comment-box .content-otr .name-otr .name-inr .name {
  color: #FFFFFF;
  transition: 0.3s;
}

.blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .commens-otr .comment-box .content-otr .name-otr .name-inr .name:hover {
  color: #FF3147;
}

.blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .commens-otr .comment-box .content-otr .name-otr .icon-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: #260236;
  border-radius: 100%;
  transition: 0.3s;
}

.blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .commens-otr .comment-box .content-otr .name-otr .icon-otr:hover {
  background-color: #FF3147;
}

.blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .commens-otr .comment-box .content-otr .name-otr .icon-otr:hover .icon {
  color: #FFFFFF;
}

.blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .commens-otr .comment-box .content-otr .name-otr .icon-otr .icon {
  font-size: 20px;
  color: #FFFFFF;
  transition: 0.3s;
}

.blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .commens-otr .comment-box .content-otr .desc {
  color: rgba(255, 255, 255, 0.75);
  margin-top: 4px;
}

.blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .leave-comment-otr {
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  border-radius: 16px;
  padding: 24px 32px 40px 32px;
}

@media (max-width: 575px) {
  .blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .leave-comment-otr {
    padding: 24px 16px;
  }
}

.blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .leave-comment-otr .heading {
  color: #FFFFFF;
  margin-bottom: 24px;
}

.blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .leave-comment-otr .form-main .input-main {
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 24px;
}

@media (max-width: 575px) {
  .blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .leave-comment-otr .form-main .input-main {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 0;
  }
}

.blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .leave-comment-otr .form-main .input-main .input-otr {
  width: 50%;
}

@media (max-width: 575px) {
  .blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .leave-comment-otr .form-main .input-main .input-otr {
    width: 100%;
    margin: 0 0 24px 0;
  }
}

.blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .leave-comment-otr .form-main .input-main .input-otr:not(:last-child) {
  margin-right: 24px;
}

.blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .leave-comment-otr .form-main .textarea-otr {
  margin-bottom: 30px;
}

.blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .leave-comment-otr .form-main .textarea-otr .textarea {
  height: 150px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  resize: none;
}

.blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .leave-comment-otr .form-main .action {
  display: flex;
}

.blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .leave-comment-otr .form-main .action .btn-submit {
  border: none;
  width: 48%;
  color: #FFFFFF;
}

@media (max-width: 575px) {
  .blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .leave-comment-otr .form-main .action .btn-submit {
    width: 100%;
  }
}

.blog-details .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .leave-comment-otr .form-main .action .btn-submit:focus {
  border: none;
  outline: none;
}

/*------------------------------------------
            Blog Details Start Here
-------------------------------------------*/

/*------------------------------------------
            Blog Details Start Here
-------------------------------------------*/

.blog-detail-sidebar {
  margin: 112px 0 128px 0;
}

@media (max-width: 991px) {
  .blog-detail-sidebar .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr {
    padding-bottom: 72px;
  }
}

.blog-detail-sidebar .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .search-box-otr {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  padding: 24px 28px 36px 28px;
}

.blog-detail-sidebar .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .search-box-otr .heading {
  color: #FFFFFF;
  margin-bottom: 16px;
}

.blog-detail-sidebar .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .search-box-otr .input-otr {
  position: relative;
}

.blog-detail-sidebar .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .search-box-otr .input-otr .input-search {
  padding: 12px 56px 12px 24px;
}

.blog-detail-sidebar .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .search-box-otr .input-otr .icon {
  font-size: 24px;
  color: #FFFFFF;
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
}

.blog-detail-sidebar .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .category-box-otr {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  padding: 24px 28px 36px 28px;
  margin: 30px 0;
}

.blog-detail-sidebar .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .category-box-otr .heading {
  color: #FFFFFF;
  margin-bottom: 16px;
}

.blog-detail-sidebar .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .category-box-otr .category-ul .category-li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.blog-detail-sidebar .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .category-box-otr .category-ul .category-li:not(:last-child) {
  margin-bottom: 12px;
}

.blog-detail-sidebar .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .category-box-otr .category-ul .category-li .category-a {
  display: flex;
  align-items: center;
  padding: 0 0 12px 0;
}

.blog-detail-sidebar .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .category-box-otr .category-ul .category-li .category-a:hover .circle {
  background-color: #FF3147;
}

.blog-detail-sidebar .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .category-box-otr .category-ul .category-li .category-a:hover .category-p {
  color: #FF3147;
}

.blog-detail-sidebar .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .category-box-otr .category-ul .category-li .category-a .circle {
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.75);
  transition: 0.3s;
}

.blog-detail-sidebar .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .category-box-otr .category-ul .category-li .category-a .category-p {
  color: rgba(255, 255, 255, 0.75);
  margin-left: 12px;
  transition: 0.3s;
}

.blog-detail-sidebar .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .game-box-otr {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  padding: 24px 28px;
}

.blog-detail-sidebar .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .game-box-otr .col-game-inr {
  background-color: #260236;
  padding: 20px;
  border-radius: 8px;
}

.blog-detail-sidebar .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .game-box-otr .col-game-inr .img-otr {
  position: relative;
}

.blog-detail-sidebar .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .game-box-otr .col-game-inr .img-otr .img-inr {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  transform-style: preserve-3d;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  padding: 40px 0;
}

.blog-detail-sidebar .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .game-box-otr .col-game-inr .img-otr .img-inr .img {
  height: 200px;
  width: auto;
  transform: translateZ(20px);
}

.blog-detail-sidebar .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .game-box-otr .col-game-inr .img-otr .arrow-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 52px;
  height: 52px;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  border-radius: 100%;
  transition: 0.3s;
}

.blog-detail-sidebar .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .game-box-otr .col-game-inr .img-otr .arrow-otr:hover {
  background-color: #FF3147;
}

.blog-detail-sidebar .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .game-box-otr .col-game-inr .img-otr .arrow-otr:hover .icon {
  color: #FFFFFF;
}

.blog-detail-sidebar .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .game-box-otr .col-game-inr .img-otr .arrow-otr .icon {
  font-size: 24px;
  color: #FFFFFF;
  transition: 0.3s;
}

.blog-detail-sidebar .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .game-box-otr .col-game-inr .heading-otr {
  text-align: center;
  background-color: rgba(255, 255, 255, 0.1);
  padding: 8px 0;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  margin-top: 20px;
}

.blog-detail-sidebar .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .game-box-otr .col-game-inr .heading-otr .name {
  color: #FFFFFF;
}

.blog-detail-sidebar .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .game-box-otr .action {
  display: flex;
  text-align: center;
  width: 100%;
  margin-top: 24px;
}

.blog-detail-sidebar .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .game-box-otr .action .play-btn {
  width: 100%;
}

.blog-detail-sidebar .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .tag-box-otr {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  padding: 24px 28px 36px 28px;
  margin-top: 30px;
}

.blog-detail-sidebar .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .tag-box-otr .heading {
  color: #FFFFFF;
  margin-bottom: 16px;
}

.blog-detail-sidebar .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .tag-box-otr .tag-ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.blog-detail-sidebar .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .tag-box-otr .tag-ul .tag-li {
  margin-top: 16px;
}

.blog-detail-sidebar .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .tag-box-otr .tag-ul .tag-li:not(:last-child) {
  margin-right: 16px;
}

.blog-detail-sidebar .container-fluid .row-custom .col-sidebar-otr .col-sidebar-inr .tag-box-otr .tag-ul .tag-li .tag-a {
  color: #FFFFFF;
}

.blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .date-btn-otr .date-otr {
  display: flex;
  align-items: center;
}

@media (max-width: 420px) {
  .blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .date-btn-otr .date-otr {
    flex-direction: column;
    align-items: flex-start;
  }
}

.blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .date-btn-otr .date-otr .date-text {
  color: rgba(255, 255, 255, 0.75);
}

@media (max-width: 420px) {
  .blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .date-btn-otr .date-otr .date-text:not(:last-child) {
    margin-bottom: 10px;
  }
}

.blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .date-btn-otr .date-otr .circle {
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background-color: #FFFFFF;
  margin: 0 8px;
}

@media (max-width: 420px) {
  .blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .date-btn-otr .date-otr .circle {
    display: none;
  }
}

.blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .date-btn-otr .btn-otr .btn-ul {
  display: flex;
  align-items: center;
}

@media (max-width: 575px) {
  .blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .date-btn-otr .btn-otr .btn-ul {
    flex-wrap: wrap;
  }
}

.blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .date-btn-otr .btn-otr .btn-ul .btn-li {
  margin-top: 16px;
}

.blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .date-btn-otr .btn-otr .btn-ul .btn-li:not(:last-child) {
  margin-right: 16px;
}

.blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .date-btn-otr .btn-otr .btn-ul .btn-li .btn-a {
  color: #FFFFFF;
}

.blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .heading {
  color: #FFFFFF;
}

.blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .heading1 {
  margin: 24px 0 48px 0;
}

.blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .detail-img-otr {
  width: 100%;
  border-radius: 16px;
  border: 5px solid #FF3147;
  overflow: hidden;
  height: 400px;
  margin-bottom: 48px;
}

.blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .detail-img-otr .img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  -o-object-fit: cover;
     object-fit: cover;
}

.blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .desc {
  color: rgba(255, 255, 255, 0.75);
}

.blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .desc1,
.blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .desc6 {
  margin: 16px 0 10px 0;
}

.blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .heading3 {
  margin: 24px 0 16px 0;
}

.blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .heading3-ul .heading3-li {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
}

.blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .heading3-ul .heading3-li:not(:last-child) {
  margin-bottom: 12px;
}

.blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .heading3-ul .heading3-li .circle {
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background-color: #FFFFFF;
  margin-right: 12px;
}

.blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .heading3-ul .heading3-li .heading3-p {
  color: #FFFFFF;
}

.blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .desc3 {
  color: rgba(255, 255, 255, 0.75);
  margin: 24px 0 16px 0;
}

.blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .heading4 {
  margin: 24px 0 16px 0;
}

.blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .desc5 {
  margin-bottom: 48px;
}

.blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .share-otr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #FF3147;
  border-bottom: 1px solid #FF3147;
  padding: 16px 0;
  margin: 48px 0 72px 0;
}

@media (max-width: 575px) {
  .blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .share-otr {
    flex-direction: column;
    align-items: flex-start;
  }
}

.blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .share-otr .share-text {
  color: #FFFFFF;
}

.blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .share-otr .social-otr .social-ul {
  display: flex;
  align-items: center;
}

@media (max-width: 575px) {
  .blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .share-otr .social-otr .social-ul {
    flex-wrap: wrap;
  }
}

@media (max-width: 575px) {
  .blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .share-otr .social-otr .social-ul .social-li {
    margin-top: 16px;
  }
}

.blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .share-otr .social-otr .social-ul .social-li:not(:last-child) {
  margin-right: 16px;
}

.blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .share-otr .social-otr .social-ul .social-li .social-a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 100%;
  transition: 0.3s;
}

.blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .share-otr .social-otr .social-ul .social-li .social-a:hover {
  background-color: #FF3147;
}

.blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .share-otr .social-otr .social-ul .social-li .social-a:hover .icon {
  color: #FFFFFF;
}

.blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .share-otr .social-otr .social-ul .social-li .social-a .icon {
  font-size: 24px;
  color: #FFFFFF;
  transition: 0.3s;
}

.blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .blog-row .col-blog-otr .col-blog-inr {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  padding: 28px;
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
}

.blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .blog-row .col-blog-otr .col-blog-inr .img-otr {
  margin-bottom: 24px;
}

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

.blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .blog-row .col-blog-otr .col-blog-inr .content .date {
  color: rgba(255, 255, 255, 0.75);
}

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

.blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .blog-row .col-blog-otr .col-blog-inr .content .heading {
  color: #FFFFFF;
  transition: 0.3s;
  margin: 8px 0 12px 0;
}

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

.blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .blog-row .col-blog-otr .col-blog-inr .content .desc {
  color: rgba(255, 255, 255, 0.75);
}

@media (max-width: 575px) {
  .blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .blog-row .col-blog-otr .box-1 {
    margin-bottom: 24px;
  }
}

.blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .commens-otr {
  margin: 72px 0;
}

.blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .commens-otr .heading {
  color: #FFFFFF;
  margin-bottom: 24px;
}

.blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .commens-otr .comment-box {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  padding: 16px 24px;
  display: flex;
  align-items: center;
}

@media (max-width: 575px) {
  .blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .commens-otr .comment-box {
    flex-direction: column;
    align-items: flex-start;
  }
}

.blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .commens-otr .comment-box:not(:last-child) {
  margin-bottom: 16px;
}

.blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .commens-otr .comment-box .img-otr {
  display: flex;
  margin-right: 24px;
}

@media (max-width: 575px) {
  .blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .commens-otr .comment-box .img-otr {
    margin: 0 0 16px 0;
  }
}

.blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .commens-otr .comment-box .img-otr .img {
  width: 110px;
  height: 110px;
  border-radius: 8px;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 575px) {
  .blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .commens-otr .comment-box .img-otr .img {
    width: 80px;
    height: 80px;
  }
}

.blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .commens-otr .comment-box .content-otr .name-otr {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .commens-otr .comment-box .content-otr .name-otr .name-inr .game {
  color: rgba(255, 255, 255, 0.75);
}

.blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .commens-otr .comment-box .content-otr .name-otr .name-inr .name {
  color: #FFFFFF;
  transition: 0.3s;
}

.blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .commens-otr .comment-box .content-otr .name-otr .name-inr .name:hover {
  color: #FF3147;
}

.blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .commens-otr .comment-box .content-otr .name-otr .icon-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: #260236;
  border-radius: 100%;
  transition: 0.3s;
}

.blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .commens-otr .comment-box .content-otr .name-otr .icon-otr:hover {
  background-color: #FF3147;
}

.blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .commens-otr .comment-box .content-otr .name-otr .icon-otr:hover .icon {
  color: #FFFFFF;
}

.blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .commens-otr .comment-box .content-otr .name-otr .icon-otr .icon {
  font-size: 20px;
  color: #FFFFFF;
  transition: 0.3s;
}

.blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .commens-otr .comment-box .content-otr .desc {
  color: rgba(255, 255, 255, 0.75);
  margin-top: 4px;
}

.blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .leave-comment-otr {
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  border-radius: 16px;
  padding: 24px 32px 40px 32px;
}

@media (max-width: 575px) {
  .blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .leave-comment-otr {
    padding: 24px 16px;
  }
}

.blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .leave-comment-otr .heading {
  color: #FFFFFF;
  margin-bottom: 24px;
}

.blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .leave-comment-otr .form-main .input-main {
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 24px;
}

@media (max-width: 575px) {
  .blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .leave-comment-otr .form-main .input-main {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 0;
  }
}

.blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .leave-comment-otr .form-main .input-main .input-otr {
  width: 50%;
}

@media (max-width: 575px) {
  .blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .leave-comment-otr .form-main .input-main .input-otr {
    width: 100%;
    margin: 0 0 24px 0;
  }
}

.blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .leave-comment-otr .form-main .input-main .input-otr:not(:last-child) {
  margin-right: 24px;
}

.blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .leave-comment-otr .form-main .textarea-otr {
  margin-bottom: 30px;
}

.blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .leave-comment-otr .form-main .textarea-otr .textarea {
  height: 150px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  resize: none;
}

.blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .leave-comment-otr .form-main .action {
  display: flex;
}

.blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .leave-comment-otr .form-main .action .btn-submit {
  border: none;
  width: 48%;
  color: #FFFFFF;
}

@media (max-width: 575px) {
  .blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .leave-comment-otr .form-main .action .btn-submit {
    width: 100%;
  }
}

.blog-detail-sidebar .container-fluid .row-custom .col-blog-detail-otr .col-blog-detail-inr .leave-comment-otr .form-main .action .btn-submit:focus {
  border: none;
  outline: none;
}

/*------------------------------------------
            Blog Details Start Here
-------------------------------------------*/

/*------------------------------------------
            Faq Start Here
-------------------------------------------*/

.faq {
  margin: 112px 0 128px 0;
}

.faq .container-fluid .row-custom {
  background: linear-gradient(270deg, rgba(255, 49, 71, 0.15) 0%, rgba(107, 84, 182, 0.15) 99.99%);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  border-radius: 16px;
  padding: 48px 48px 40px 48px;
}

@media (max-width: 575px) {
  .faq .container-fluid .row-custom {
    padding: 24px;
  }
}

.faq .container-fluid .row-custom .accordion .accordion-inr .accordion-item {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.faq .container-fluid .row-custom .accordion .accordion-inr .accordion-item:not(:last-child) {
  margin-bottom: 24px;
}

.faq .container-fluid .row-custom .accordion .accordion-inr .accordion-item .accordion-header .accordion-button {
  background-color: transparent;
  color: #FFFFFF;
  padding: 0 0 24px 0;
  transition: 0.3s;
}

.faq .container-fluid .row-custom .accordion .accordion-inr .accordion-item .accordion-header .accordion-button:focus {
  border: none;
  box-shadow: none;
}

.faq .container-fluid .row-custom .accordion .accordion-inr .accordion-item .accordion-header .accordion-button::after {
  background-image: url(/assets/img/plus-icon.svg);
  background-size: contain;
  width: 52px;
  height: 52px;
  transition: 0.3s;
}

@media (max-width: 767px) {
  .faq .container-fluid .row-custom .accordion .accordion-inr .accordion-item .accordion-header .accordion-button::after {
    width: 40px;
    height: 40px;
  }
}

.faq .container-fluid .row-custom .accordion .accordion-inr .accordion-item .accordion-header .accordion-button:not(.collapsed) {
  color: #FF3147;
  box-shadow: none;
}

.faq .container-fluid .row-custom .accordion .accordion-inr .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
  background-image: url(/assets/img/minus-icon.svg);
}

.faq .container-fluid .row-custom .accordion .accordion-inr .accordion-item .accordion-collapse .accordion-body {
  padding: 0 0 24px 0;
}

.faq .container-fluid .row-custom .accordion .accordion-inr .accordion-item .accordion-collapse .accordion-body .desc {
  color: rgba(255, 255, 255, 0.75);
}

/*------------------------------------------
            Faq Start Here
-------------------------------------------*/

/*------------------------------------------
            match-detail Start Here
-------------------------------------------*/

.match-time {
  margin: 112px 0 128px 0;
}

.match-time .container-fluid .wrapper {
  display: flex;
  align-items: center;
}

@media (max-width: 991px) {
  .match-time .container-fluid .wrapper {
    flex-direction: column;
    align-items: flex-start;
  }
}

.match-time .container-fluid .wrapper .player-otr {
  display: flex;
  align-items: center;
}

@media (max-width: 575px) {
  .match-time .container-fluid .wrapper .player-otr {
    flex-direction: column;
    justify-content: center;
    width: 100%;
  }
}

.match-time .container-fluid .wrapper .player-otr .col-team-inr {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  border-radius: 8px;
  height: 150px;
  width: 150px;
  transform-style: preserve-3d;
}

@media (max-width: 575px) {
  .match-time .container-fluid .wrapper .player-otr .col-team-inr {
    width: 100%;
  }
}

.match-time .container-fluid .wrapper .player-otr .col-team-inr .img {
  height: 110px;
  transform: translateZ(20px);
}

.match-time .container-fluid .wrapper .player-otr .vs-text {
  color: #FF3147;
  margin: 0 24px;
}

@media (max-width: 575px) {
  .match-time .container-fluid .wrapper .player-otr .vs-text {
    margin: 24px 0;
  }
}

.match-time .container-fluid .wrapper .win-detail-otr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  border-radius: 8px;
  padding: 0 28px 24px 28px;
  width: 100%;
  margin-left: 24px;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .match-time .container-fluid .wrapper .win-detail-otr {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 991px) {
  .match-time .container-fluid .wrapper .win-detail-otr {
    margin: 24px 0 0 0;
  }
}

@media (max-width: 991px) {
  .match-time .container-fluid .wrapper .win-detail-otr {
    flex-direction: column;
    align-items: flex-start;
  }
}

.match-time .container-fluid .wrapper .win-detail-otr .win-detail-inr {
  display: flex;
  align-items: center;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .match-time .container-fluid .wrapper .win-detail-otr .win-detail-inr {
    flex-wrap: wrap;
  }
}

@media (max-width: 767px) {
  .match-time .container-fluid .wrapper .win-detail-otr .win-detail-inr {
    flex-wrap: wrap;
  }
}

.match-time .container-fluid .wrapper .win-detail-otr .win-detail-inr .win-box {
  text-align: center;
  background-color: #260236;
  border-radius: 8px;
  padding: 16px 24px;
  margin-top: 24px;
}

.match-time .container-fluid .wrapper .win-detail-otr .win-detail-inr .win-box:not(:last-child) {
  margin-right: 24px;
}

.match-time .container-fluid .wrapper .win-detail-otr .win-detail-inr .win-box .box-text {
  color: rgba(255, 255, 255, 0.75);
  margin-bottom: 6px;
}

.match-time .container-fluid .wrapper .win-detail-otr .win-detail-inr .win-box .heading {
  color: #FFFFFF;
}

.match-time .container-fluid .wrapper .win-detail-otr .action {
  margin-top: 24px;
}

.match-time .container-fluid .wrapper2 {
  margin: 48px 0;
}

.match-time .container-fluid .wrapper2 .img-otr {
  height: 500px;
  position: relative;
}

@media (max-width: 575px) {
  .match-time .container-fluid .wrapper2 .img-otr {
    height: 400px;
  }
}

.match-time .container-fluid .wrapper2 .img-otr .heading-otr {
  text-align: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 32px;
  border-radius: 8px;
  padding: 24px 42px;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
}

@media (max-width: 575px) {
  .match-time .container-fluid .wrapper2 .img-otr .heading-otr {
    width: 90%;
  }
}

.match-time .container-fluid .wrapper2 .img-otr .heading-otr .heading {
  color: #FFFFFF;
}

.match-time .container-fluid .wrapper2 .img-otr .img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 16px;
  border: 5px solid #FF3147;
}

.match-time .container-fluid .wrapper2 .img-otr .icon-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 72px;
  height: 72px;
  border-radius: 100%;
  background-color: #FFFFFF;
}

.match-time .container-fluid .wrapper2 .img-otr .icon-otr .icon {
  font-size: 36px;
  color: #FF3147;
}

.match-time .container-fluid .content-otr .sub-heading {
  color: rgba(255, 255, 255, 0.75);
}

.match-time .container-fluid .content-otr .heading {
  color: #FFFFFF;
  margin: 16px 0 24px 0;
}

.match-time .container-fluid .content-otr .desc {
  color: rgba(255, 255, 255, 0.75);
}

.match-time .container-fluid .content-otr .desc:not(:last-child) {
  margin-bottom: 16px;
}

/*------------------------------------------
            match-detail Start Here
-------------------------------------------*/

/*------------------------------------------
        Players Start Here
-------------------------------------------*/

.team-one .container-fluid .wrapper {
  text-align: center;
  margin-bottom: 72px;
}

.team-one .container-fluid .wrapper .sub-heading {
  color: rgba(255, 255, 255, 0.75);
}

.team-one .container-fluid .wrapper .heading {
  color: #FFFFFF;
  margin: 8px 0 16px 0;
}

.team-one .container-fluid .wrapper .desc {
  color: rgba(255, 255, 255, 0.75);
}

@media (min-width: 992px) and (max-width: 1199px) {
  .team-one .container-fluid .row-custom .col-box-otr {
    width: 33.3333%;
  }
}

.team-one .container-fluid .row-custom .col-box-otr .col-box-inr {
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  border-radius: 8px;
  padding: 20px;
}

.team-one .container-fluid .row-custom .col-box-otr .col-box-inr .img-otr {
  margin-bottom: 20px;
  height: auto;
  border-radius: 8px;
  overflow: hidden;
}

.team-one .container-fluid .row-custom .col-box-otr .col-box-inr .img-otr .img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}

.team-one .container-fluid .row-custom .col-box-otr .col-box-inr .content {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  padding: 8px 20px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  height: auto;
}

.team-one .container-fluid .row-custom .col-box-otr .col-box-inr .content .game-name {
  color: rgba(255, 255, 255, 0.75);
}

.team-one .container-fluid .row-custom .col-box-otr .col-box-inr .content .player-name {
  color: #FFFFFF;
  transition: 0.3s;
}

.team-one .container-fluid .row-custom .col-box-otr .col-box-inr .content .player-name:hover {
  color: #FF3147;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .team-one .container-fluid .row-custom .col-box-otr .box-1,
  .team-one .container-fluid .row-custom .col-box-otr .box-2 {
    margin-bottom: 24px;
  }
}

@media (max-width: 991px) {
  .team-one .container-fluid .row-custom .col-box-otr .box-1,
  .team-one .container-fluid .row-custom .col-box-otr .box-2 {
    margin-bottom: 24px;
  }
}

@media (max-width: 575px) {
  .team-one .container-fluid .row-custom .col-box-otr .box-1,
  .team-one .container-fluid .row-custom .col-box-otr .box-2,
  .team-one .container-fluid .row-custom .col-box-otr .box-3 {
    margin-bottom: 24px;
  }
}

/*------------------------------------------
        Players Start Here
-------------------------------------------*/

/*------------------------------------------
        Players Start Here
-------------------------------------------*/

.team-two {
  margin-top: 112px;
}

.team-two .container-fluid .wrapper {
  text-align: center;
  margin-bottom: 72px;
}

.team-two .container-fluid .wrapper .sub-heading {
  color: rgba(255, 255, 255, 0.75);
}

.team-two .container-fluid .wrapper .heading {
  color: #FFFFFF;
  margin: 8px 0 16px 0;
}

.team-two .container-fluid .wrapper .desc {
  color: rgba(255, 255, 255, 0.75);
}

@media (min-width: 992px) and (max-width: 1199px) {
  .team-two .container-fluid .row-custom .col-box-otr {
    width: 33.3333%;
  }
}

.team-two .container-fluid .row-custom .col-box-otr .col-box-inr {
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  border-radius: 8px;
  padding: 20px;
}

.team-two .container-fluid .row-custom .col-box-otr .col-box-inr .img-otr {
  margin-bottom: 20px;
  height: auto;
  border-radius: 8px;
  overflow: hidden;
}

.team-two .container-fluid .row-custom .col-box-otr .col-box-inr .img-otr .img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}

.team-two .container-fluid .row-custom .col-box-otr .col-box-inr .content {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  padding: 8px 20px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  height: auto;
}

.team-two .container-fluid .row-custom .col-box-otr .col-box-inr .content .game-name {
  color: rgba(255, 255, 255, 0.75);
}

.team-two .container-fluid .row-custom .col-box-otr .col-box-inr .content .player-name {
  color: #FFFFFF;
  transition: 0.3s;
}

.team-two .container-fluid .row-custom .col-box-otr .col-box-inr .content .player-name:hover {
  color: #FF3147;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .team-two .container-fluid .row-custom .col-box-otr .box-1,
  .team-two .container-fluid .row-custom .col-box-otr .box-2 {
    margin-bottom: 24px;
  }
}

@media (max-width: 991px) {
  .team-two .container-fluid .row-custom .col-box-otr .box-1,
  .team-two .container-fluid .row-custom .col-box-otr .box-2 {
    margin-bottom: 24px;
  }
}

@media (max-width: 575px) {
  .team-two .container-fluid .row-custom .col-box-otr .box-1,
  .team-two .container-fluid .row-custom .col-box-otr .box-2,
  .team-two .container-fluid .row-custom .col-box-otr .box-3 {
    margin-bottom: 24px;
  }
}

/*------------------------------------------
        Players Start Here
-------------------------------------------*/

/*------------------------------------------
            Contact Start Here
-------------------------------------------*/

.Comment-contact {
  margin: 112px 0 128px 0;
}

.Comment-contact .container-fluid .row-custom {
  align-items: center;
}

@media (max-width: 991px) {
  .Comment-contact .container-fluid .row-custom .col-comment-otr .col-comment-inr {
    margin-bottom: 72px;
  }
}

.Comment-contact .container-fluid .row-custom .col-comment-otr .col-comment-inr .heading {
  color: #FFFFFF;
  margin-bottom: 24px;
}

.Comment-contact .container-fluid .row-custom .col-comment-otr .col-comment-inr .comment-box {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  padding: 16px 24px;
  display: flex;
  align-items: center;
}

@media (max-width: 575px) {
  .Comment-contact .container-fluid .row-custom .col-comment-otr .col-comment-inr .comment-box {
    flex-direction: column;
    align-items: flex-start;
  }
}

.Comment-contact .container-fluid .row-custom .col-comment-otr .col-comment-inr .comment-box:not(:last-child) {
  margin-bottom: 16px;
}

.Comment-contact .container-fluid .row-custom .col-comment-otr .col-comment-inr .comment-box .img-otr {
  display: flex;
  margin-right: 24px;
}

@media (max-width: 575px) {
  .Comment-contact .container-fluid .row-custom .col-comment-otr .col-comment-inr .comment-box .img-otr {
    margin: 0 0 16px 0;
  }
}

.Comment-contact .container-fluid .row-custom .col-comment-otr .col-comment-inr .comment-box .img-otr .img {
  width: 110px;
  height: 110px;
  border-radius: 8px;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 575px) {
  .Comment-contact .container-fluid .row-custom .col-comment-otr .col-comment-inr .comment-box .img-otr .img {
    width: 80px;
    height: 80px;
  }
}

.Comment-contact .container-fluid .row-custom .col-comment-otr .col-comment-inr .comment-box .content-otr .name-otr {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.Comment-contact .container-fluid .row-custom .col-comment-otr .col-comment-inr .comment-box .content-otr .name-otr .name-inr .game {
  color: rgba(255, 255, 255, 0.75);
}

.Comment-contact .container-fluid .row-custom .col-comment-otr .col-comment-inr .comment-box .content-otr .name-otr .name-inr .name {
  color: #FFFFFF;
  transition: 0.3s;
}

.Comment-contact .container-fluid .row-custom .col-comment-otr .col-comment-inr .comment-box .content-otr .name-otr .name-inr .name:hover {
  color: #FF3147;
}

.Comment-contact .container-fluid .row-custom .col-comment-otr .col-comment-inr .comment-box .content-otr .name-otr .icon-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: #260236;
  border-radius: 100%;
  transition: 0.3s;
}

.Comment-contact .container-fluid .row-custom .col-comment-otr .col-comment-inr .comment-box .content-otr .name-otr .icon-otr:hover {
  background-color: #FF3147;
}

.Comment-contact .container-fluid .row-custom .col-comment-otr .col-comment-inr .comment-box .content-otr .name-otr .icon-otr:hover .icon {
  color: #FFFFFF;
}

.Comment-contact .container-fluid .row-custom .col-comment-otr .col-comment-inr .comment-box .content-otr .name-otr .icon-otr .icon {
  font-size: 20px;
  color: #FFFFFF;
  transition: 0.3s;
}

.Comment-contact .container-fluid .row-custom .col-comment-otr .col-comment-inr .comment-box .content-otr .desc {
  color: rgba(255, 255, 255, 0.75);
  margin-top: 4px;
}

.Comment-contact .container-fluid .row-custom .col-leave-comment-otr .col-leave-comment-inr {
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  border-radius: 16px;
  padding: 24px 32px 40px 32px;
}

@media (max-width: 575px) {
  .Comment-contact .container-fluid .row-custom .col-leave-comment-otr .col-leave-comment-inr {
    padding: 24px 16px;
  }
}

.Comment-contact .container-fluid .row-custom .col-leave-comment-otr .col-leave-comment-inr .heading {
  color: #FFFFFF;
  margin-bottom: 24px;
}

.Comment-contact .container-fluid .row-custom .col-leave-comment-otr .col-leave-comment-inr .form-main .input-main {
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 24px;
}

@media (max-width: 575px) {
  .Comment-contact .container-fluid .row-custom .col-leave-comment-otr .col-leave-comment-inr .form-main .input-main {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 0;
  }
}

.Comment-contact .container-fluid .row-custom .col-leave-comment-otr .col-leave-comment-inr .form-main .input-main .input-otr {
  width: 50%;
}

@media (max-width: 575px) {
  .Comment-contact .container-fluid .row-custom .col-leave-comment-otr .col-leave-comment-inr .form-main .input-main .input-otr {
    width: 100%;
    margin: 0 0 24px 0;
  }
}

.Comment-contact .container-fluid .row-custom .col-leave-comment-otr .col-leave-comment-inr .form-main .input-main .input-otr:not(:last-child) {
  margin-right: 24px;
}

.Comment-contact .container-fluid .row-custom .col-leave-comment-otr .col-leave-comment-inr .form-main .textarea-otr {
  margin-bottom: 30px;
}

.Comment-contact .container-fluid .row-custom .col-leave-comment-otr .col-leave-comment-inr .form-main .textarea-otr .textarea {
  height: 150px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  resize: none;
}

.Comment-contact .container-fluid .row-custom .col-leave-comment-otr .col-leave-comment-inr .form-main .action {
  display: flex;
}

.Comment-contact .container-fluid .row-custom .col-leave-comment-otr .col-leave-comment-inr .form-main .action .btn-submit {
  border: none;
  width: 48%;
  font-family: "LexendZetta-SemiBold";
  font-size: 16px;
  line-height: 32px;
  letter-spacing: -3px;
  background-color: #FF3147;
  color: #FFFFFF;
}

@media (max-width: 575px) {
  .Comment-contact .container-fluid .row-custom .col-leave-comment-otr .col-leave-comment-inr .form-main .action .btn-submit {
    width: 100%;
  }
}

.Comment-contact .container-fluid .row-custom .col-leave-comment-otr .col-leave-comment-inr .form-main .action .btn-submit:focus {
  border: none;
  outline: none;
}

/*------------------------------------------
            Contact Start Here
-------------------------------------------*/

/*------------------------------------------
        Paivacy-Policy Start Here
-------------------------------------------*/

.privacy-policy {
  margin: 112px 0 128px 0;
}

.privacy-policy .container-fluid .row-custom {
  justify-content: center;
}

.privacy-policy .container-fluid .row-custom .col-privacy-otr .col-privacy-inr .heading {
  color: #FFFFFF;
  margin-bottom: 16px;
}

.privacy-policy .container-fluid .row-custom .col-privacy-otr .col-privacy-inr .desc {
  color: rgba(255, 255, 255, 0.75);
}

.privacy-policy .container-fluid .row-custom .col-privacy-otr .col-privacy-inr .desc2,
.privacy-policy .container-fluid .row-custom .col-privacy-otr .col-privacy-inr .desc6 {
  margin: 10px 0;
}

.privacy-policy .container-fluid .row-custom .col-privacy-otr .col-privacy-inr .desc3,
.privacy-policy .container-fluid .row-custom .col-privacy-otr .col-privacy-inr .desc4,
.privacy-policy .container-fluid .row-custom .col-privacy-otr .col-privacy-inr .desc7,
.privacy-policy .container-fluid .row-custom .col-privacy-otr .col-privacy-inr .desc8,
.privacy-policy .container-fluid .row-custom .col-privacy-otr .col-privacy-inr .desc9 {
  margin-bottom: 16px;
}

.privacy-policy .container-fluid .row-custom .col-privacy-otr .col-privacy-inr .desc10 {
  margin-bottom: 10px;
}

/*------------------------------------------
        Paivacy-Policy Start Here
-------------------------------------------*/

html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  background-color: #260236;
}

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;
  }
}

.container-fluid {
  padding: 0 45px;
}

@media (max-width: 991px) {
  .container-fluid {
    padding: 0 15px;
  }
}

.overflow {
  overflow: hidden;
}

@media (max-width: 575px) {
  .col-xs-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-xs-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-xs-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-xs-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-xs-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-xs-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-xs-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-xs-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-xs-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-xs-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-xs-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-xs-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}

.heading-h1 {
  font-family: "LexendZetta-Bold";
  font-size: 52px;
  line-height: 72px;
  letter-spacing: -8px;
}

@media (max-width: 767px) {
  .heading-h1 {
    font-size: 36px;
    line-height: 56px;
    letter-spacing: -6px;
  }
}

@media (max-width: 575px) {
  .heading-h1 {
    font-size: 28px;
    line-height: 44px;
    letter-spacing: -5;
  }
}

.heading-h2 {
  font-family: "LexendZetta-Bold";
  font-size: 36px;
  line-height: 56px;
  letter-spacing: -6px;
}

@media (max-width: 767px) {
  .heading-h2 {
    font-size: 28px;
    line-height: 44px;
    letter-spacing: -5px;
  }
}

@media (max-width: 575px) {
  .heading-h2 {
    font-size: 20px;
    line-height: 36px;
    letter-spacing: -3;
  }
}

.heading-h3 {
  font-family: "LexendZetta-SemiBold";
  font-size: 28px;
  line-height: 44px;
  letter-spacing: -5px;
}

@media (max-width: 767px) {
  .heading-h3 {
    font-size: 20px;
    line-height: 36px;
    letter-spacing: -3;
  }
}

.heading-l {
  font-family: "Montserrat-Regular";
  font-size: 20px;
  line-height: 36px;
}

.heading-lb {
  font-family: "LexendZetta-Bold";
  font-size: 20px;
  line-height: 36px;
  letter-spacing: -3px;
}

@media (max-width: 767px) {
  .heading-lb {
    font-size: 18px;
    line-height: 34px;
  }
}

.heading-m {
  font-family: "Montserrat-Regular";
  font-size: 18px;
  line-height: 34px;
}

.heading-mb {
  font-family: "LexendZetta-SemiBold";
  font-size: 18px;
  line-height: 34px;
  letter-spacing: -2px;
}

.heading-s {
  font-family: "Montserrat-Regular";
  font-size: 16px;
  line-height: 32px;
}

.heading-sb {
  font-family: "LexendZetta-SemiBold";
  font-size: 16px;
  line-height: 32px;
  letter-spacing: -1px;
}

.heading-xs {
  font-family: "Montserrat-Regular";
  font-size: 14px;
  line-height: 28px;
}

.heading-xsb {
  font-family: "LexendZetta-SemiBold";
  font-size: 14px;
  line-height: 28px;
  letter-spacing: -1px;
}

.Primary-btn {
  height: 52px;
  padding: 0 24px;
  background-color: #FF3147;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}

.Primary-btn:hover .text-hover1 {
  position: absolute;
  transform: translateY(-50px);
}

.Primary-btn:hover .text-hover2 {
  position: relative;
  transform: translateY(0);
}

.Primary-btn .text-hover1 {
  font-family: "LexendZetta-SemiBold";
  font-size: 16px;
  line-height: 32px;
  letter-spacing: -3px;
  transition: 0.5s;
  color: #FFFFFF;
}

.Primary-btn .text-hover2 {
  font-family: "LexendZetta-SemiBold";
  font-size: 16px;
  line-height: 32px;
  letter-spacing: -3px;
  position: absolute;
  transform: translateY(50px);
  transition: 0.5s;
  color: #FFFFFF;
}

.border-btn {
  height: 52px;
  padding: 0 24px;
  border: 1px solid #FF3147;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}

.border-btn:hover .text-hover1 {
  position: absolute;
  transform: translateY(-50px);
}

.border-btn:hover .text-hover2 {
  position: relative;
  transform: translateY(0);
}

.border-btn .text-hover1 {
  font-family: "LexendZetta-SemiBold";
  font-size: 16px;
  line-height: 32px;
  letter-spacing: -3px;
  transition: 0.5s;
  color: #FFFFFF;
}

.border-btn .text-hover2 {
  font-family: "LexendZetta-SemiBold";
  font-size: 16px;
  line-height: 32px;
  letter-spacing: -3px;
  position: absolute;
  transform: translateY(50px);
  transition: 0.5s;
  color: #FFFFFF;
}

.Primary-btn-small {
  height: 36px;
  padding: 0 16px;
  background-color: #FF3147;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}

.Primary-btn-small:hover .text-hover1 {
  position: absolute;
  transform: translateY(-50px);
}

.Primary-btn-small:hover .text-hover2 {
  position: relative;
  transform: translateY(0);
}

.Primary-btn-small .text-hover1 {
  font-family: "LexendZetta-SemiBold";
  font-size: 14px;
  line-height: 28px;
  letter-spacing: -3px;
  transition: 0.5s;
  color: #FFFFFF;
}

.Primary-btn-small .text-hover2 {
  font-family: "LexendZetta-SemiBold";
  font-size: 14px;
  line-height: 28px;
  letter-spacing: -3px;
  position: absolute;
  transform: translateY(50px);
  transition: 0.5s;
  color: #FFFFFF;
}

.border-btn-small {
  height: 36px;
  padding: 0 16px;
  border: 1px solid #FF3147;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}

.border-btn-small:hover .text-hover1 {
  position: absolute;
  transform: translateY(-50px);
}

.border-btn-small:hover .text-hover2 {
  position: relative;
  transform: translateY(0);
}

.border-btn-small .text-hover1 {
  font-family: "LexendZetta-SemiBold";
  font-size: 14px;
  line-height: 28px;
  letter-spacing: -3px;
  transition: 0.5s;
  color: #FFFFFF;
}

.border-btn-small .text-hover2 {
  font-family: "LexendZetta-SemiBold";
  font-size: 14px;
  line-height: 28px;
  letter-spacing: -3px;
  position: absolute;
  transform: translateY(50px);
  transition: 0.5s;
  color: #FFFFFF;
}

.input {
  font-family: "LexendZetta-SemiBold";
  font-size: 16px;
  line-height: 32px;
  letter-spacing: -3px;
  padding: 12px 24px;
  background-color: #260236;
  color: #FFFFFF;
  width: 100%;
  border-radius: 8px;
  border: 1px solid transparent;
  transition: 0.3s;
}

.input::-moz-placeholder {
  color: #FFFFFF;
}

.input:-ms-input-placeholder {
  color: #FFFFFF;
}

.input::placeholder {
  color: #FFFFFF;
}

.input:focus {
  outline: none;
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.inner-page {
  margin: 112px 0 128px 0;
}


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