@font-face {
  font-family: "PFDinTextArabic-XBlack";
  src: url("./../fonts/pf-din/PFDinTextArabic-XBlack.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("./../fonts/montserrat/Montserrat-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("./../fonts/montserrat/Montserrat-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("./../fonts/montserrat/Montserrat-BlackItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("./../fonts/montserrat/Montserrat-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("./../fonts/montserrat/Montserrat-ExtraBold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("./../fonts/montserrat/Montserrat-ExtraBoldItalic.woff")
    format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("./../fonts/montserrat/Montserrat-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("./../fonts/montserrat/Montserrat-ExtraLightItalic.woff")
    format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("./../fonts/montserrat/Montserrat-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("./../fonts/montserrat/Montserrat-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("./../fonts/montserrat/Montserrat-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("./../fonts/montserrat/Montserrat-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("./../fonts/montserrat/Montserrat-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("./../fonts/montserrat/Montserrat-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("./../fonts/montserrat/Montserrat-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("./../fonts/montserrat/Montserrat-SemiBoldItalic.woff")
    format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("./../fonts/montserrat/Montserrat-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("./../fonts/montserrat/Montserrat-ThinItalic.woff") format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("./../fonts/poppins/Poppins-BlackItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("./../fonts/poppins/Poppins-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("./../fonts/poppins/Poppins-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("./../fonts/poppins/Poppins-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("./../fonts/poppins/Poppins-ExtraBold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("./../fonts/poppins/Poppins-ExtraBoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("./../fonts/poppins/Poppins-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("./../fonts/poppins/Poppins-ExtraLightItalic.woff") format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("./../fonts/poppins/Poppins-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("./../fonts/poppins/Poppins-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("./../fonts/poppins/Poppins-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("./../fonts/poppins/Poppins-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("./../fonts/poppins/Poppins-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("./../fonts/poppins/Poppins-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("./../fonts/poppins/Poppins-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("./../fonts/poppins/Poppins-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("./../fonts/poppins/Poppins-SemiBoldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("./../fonts/poppins/Poppins-ThinItalic.woff") format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "IRANYekan";
  src: url("./../fonts/iranyekan/IRANYekanWeb-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IRANYekan";
  src: url("./../fonts/iranyekan/IRANYekanWeb-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IRANYekan";
  src: url("./../fonts/iranyekan/IRANYekanWeb-ExtraBlack.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IRANYekan";
  src: url("./../fonts/iranyekan/IRANYekanWeb-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IRANYekan";
  src: url("./../fonts/iranyekan/IRANYekanWeb-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IRANYekan";
  src: url("./../fonts/iranyekan/IRANYekanWeb-ExtraBold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IRANYekan";
  src: url("./../fonts/iranyekan/IRANYekanWeb-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IRANYekan";
  src: url("./../fonts/iranyekan/IRANYekanWeb.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("./../fonts/raleway/Raleway-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("./../fonts/raleway/Raleway-BlackItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("./../fonts/raleway/Raleway-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("./../fonts/raleway/Raleway-ExtraBold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("./../fonts/raleway/Raleway-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("./../fonts/raleway/Raleway-ExtraBoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("./../fonts/raleway/Raleway-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("./../fonts/raleway/Raleway-ExtraLightItalic.woff") format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("./../fonts/raleway/Raleway-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("./../fonts/raleway/Raleway-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("./../fonts/raleway/Raleway-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("./../fonts/raleway/Raleway-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("./../fonts/raleway/Raleway-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("./../fonts/raleway/Raleway-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("./../fonts/raleway/Raleway-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("./../fonts/raleway/Raleway-SemiBoldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("./../fonts/raleway/Raleway-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url("./../fonts/raleway/Raleway-ThinItalic.woff") format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Yekan Bakh";
  font-style: normal;
  font-weight: 100;
  src: url("./../fonts/yekanbakh/YekanBakh-thin.woff") format("woff");
  font-display: block;
}
@font-face {
  font-family: "Yekan Bakh";
  font-style: normal;
  font-weight: 300;
  src: url("./../fonts/yekanbakh/YekanBakh-Light.woff") format("woff");
  font-display: block;
}
@font-face {
  font-family: "Yekan Bakh";
  font-style: normal;
  font-weight: normal;
  src: url("./../fonts/yekanbakh/YekanBakh-Regular.woff") format("woff");
  font-display: block;
}
@font-face {
  font-family: "Yekan Bakh";
  font-style: normal;
  font-weight: 600;
  src: url("./../fonts/yekanbakh/YekanBakh-SemiBold.woff") format("woff");
  font-display: block;
}
@font-face {
  font-family: "Yekan Bakh";
  font-style: normal;
  font-weight: bold;
  src: url("./../fonts/yekanbakh/YekanBakh-Bold.woff") format("woff");
  font-display: block;
}
@font-face {
  font-family: "Yekan Bakh";
  font-style: normal;
  font-weight: 800;
  src: url("./../fonts/yekanbakh/YekanBakh-ExtraBold.woff") format("woff");
  font-display: block;
}
@font-face {
  font-family: "Yekan Bakh";
  font-style: normal;
  font-weight: 900;
  src: url("./../fonts/yekanbakh/YekanBakh-Black.woff") format("woff");
  font-display: block;
}
@font-face {
  font-family: "Yekan Bakh";
  font-style: normal;
  font-weight: 950;
  src: url("./../fonts/yekanbakh/YekanBakh-ExtraBlack.woff") format("woff");
  font-display: block;
}
* {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  list-style: none;
  font-family: inherit;
}

img,
video,
svg,
i {
  vertical-align: middle;
  display: inline-block;
}

img {
  max-width: 100%;
  height: auto;
}

button,
input,
select {
  border: none;
  outline: none;
}

button,
select {
  cursor: pointer;
}

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

a,
button,
input,
.btn,
.form-control {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.swiper {
  overflow: visible;
}

body {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  background-color: #13161e;
  color: #dbe1f3;
}

.col-xxl-12,
.col-xxl-11,
.col-xxl-10,
.col-xxl-9,
.col-xxl-8,
.col-xxl-7,
.col-xxl-6,
.col-xxl-5,
.col-xxl-4,
.col-xxl-3,
.col-xxl-2,
.col-xxl-1,
.col-xl-12,
.col-xl-11,
.col-xl-10,
.col-xl-9,
.col-xl-8,
.col-xl-7,
.col-xl-6,
.col-xl-5,
.col-xl-4,
.col-xl-3,
.col-xl-2,
.col-xl-1,
.col-lg-12,
.col-lg-11,
.col-lg-10,
.col-lg-9,
.col-lg-8,
.col-lg-7,
.col-lg-6,
.col-lg-5,
.col-lg-4,
.col-lg-3,
.col-lg-2,
.col-lg-1,
.col-md-12,
.col-md-11,
.col-md-10,
.col-md-9,
.col-md-8,
.col-md-7,
.col-md-6,
.col-md-5,
.col-md-4,
.col-md-3,
.col-md-2,
.col-md-1,
.col-sm-12,
.col-sm-11,
.col-sm-10,
.col-sm-9,
.col-sm-8,
.col-sm-7,
.col-sm-6,
.col-sm-5,
.col-sm-4,
.col-sm-3,
.col-sm-2,
.col-sm-1,
.col-12,
.col-11,
.col-10,
.col-9,
.col-8,
.col-7,
.col-6,
.col-5,
.col-4,
.col-3,
.col-2,
.col-1,
.container-fluid,
.container {
  padding: 0 12px;
}

.col-xxl-12,
.col-xxl-11,
.col-xxl-10,
.col-xxl-9,
.col-xxl-8,
.col-xxl-7,
.col-xxl-6,
.col-xxl-5,
.col-xxl-4,
.col-xxl-3,
.col-xxl-2,
.col-xxl-1,
.col-xl-12,
.col-xl-11,
.col-xl-10,
.col-xl-9,
.col-xl-8,
.col-xl-7,
.col-xl-6,
.col-xl-5,
.col-xl-4,
.col-xl-3,
.col-xl-2,
.col-xl-1,
.col-lg-12,
.col-lg-11,
.col-lg-10,
.col-lg-9,
.col-lg-8,
.col-lg-7,
.col-lg-6,
.col-lg-5,
.col-lg-4,
.col-lg-3,
.col-lg-2,
.col-lg-1,
.col-md-12,
.col-md-11,
.col-md-10,
.col-md-9,
.col-md-8,
.col-md-7,
.col-md-6,
.col-md-5,
.col-md-4,
.col-md-3,
.col-md-2,
.col-md-1,
.col-sm-12,
.col-sm-11,
.col-sm-10,
.col-sm-9,
.col-sm-8,
.col-sm-7,
.col-sm-6,
.col-sm-5,
.col-sm-4,
.col-sm-3,
.col-sm-2,
.col-sm-1,
.col-12,
.col-11,
.col-10,
.col-9,
.col-8,
.col-7,
.col-6,
.col-5,
.col-4,
.col-3,
.col-2,
.col-1 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 100%;
}

.dashbord .table tbody tr::after,
.switch label::before,
.switch label::after,
.custom-check label::before,
.custom-check label::after,
.table thead tr::before,
.table tbody tr::before,
[data-message]::after,
.swiper-button-next::before,
.swiper-button-prev::before,
[class^="btn-gradient"]::before,
[class*=" btn-gradient"]::before,
.after\:absolute::after,
.before\:absolute::before,
.position-absolute {
  position: absolute;
}

.switch label,
.custom-check label,
.table thead tr,
.table tbody tr,
[data-message],
[class^="btn-gradient"],
[class*=" btn-gradient"] {
  position: relative;
}

.link-fix {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.dashbord .settings-links li a,
.dashbord .hiring-robot .tabs li,
.dashbord .my-statistics-remaining-box,
.dashbord .my-statistics-bottom-item .value,
.auth .button::before,
.cookie-policy-content h2::before,
.pricing-robot .button::before,
.nav-responsive-content ul li a,
.card-back i,
.dashbord-header-btn-nav,
.dashbord-header .btn-icon,
.dashbord-header-search .form-control,
.tabs li,
.btn {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.dashbord .profile .card::before,
.dashbord .settings .card::before,
.dashbord .description-robot,
.dashbord .hiring-robot,
.checker-wrapper .box,
.checker-wrapper .box form,
.checker-wrapper .box form::before,
.checker-wrapper .box form::after,
.pricing-robot,
.pricing-robot-content,
.pricing-robot::before,
.card,
select.form-control {
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}

.faq-content .image::before,
.faq-content .image::after,
.options-home-item .image::before,
.switch label::after,
.dashbord-header .notification span,
.dashbord-sidebar-nav ul li a span::before,
.dashbord-sidebar-nav ul li a i::after,
.dashbord-sidebar-avatar .image,
.swiper-pagination-bullet {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.container {
  margin: 0 auto;
  max-width: 100%;
  width: 100%;
}
.container-fluid {
  max-width: 100%;
  width: 100%;
}
@media only screen and (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
@media only screen and (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media only screen and (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media only screen and (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}
@media only screen and (min-width: 1400px) {
  .container {
    max-width: 1320px;
  }
}

.row {
  margin: 0 -12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.col-1 {
  max-width: 8.3333333333%;
}

.col-2 {
  max-width: 16.6666666667%;
}

.col-3 {
  max-width: 25%;
}

.col-4 {
  max-width: 33.3333333333%;
}

.col-5 {
  max-width: 41.6666666667%;
}

.col-6 {
  max-width: 50%;
}

.col-7 {
  max-width: 58.3333333333%;
}

.col-8 {
  max-width: 66.6666666667%;
}

.col-9 {
  max-width: 75%;
}

.col-10 {
  max-width: 83.3333333333%;
}

.col-11 {
  max-width: 91.6666666667%;
}

.col-12 {
  max-width: 100%;
}

@media only screen and (min-width: 576px) {
  .col-sm-1 {
    max-width: 8.3333333333%;
  }
}

@media only screen and (min-width: 576px) {
  .col-sm-2 {
    max-width: 16.6666666667%;
  }
}

@media only screen and (min-width: 576px) {
  .col-sm-3 {
    max-width: 25%;
  }
}

@media only screen and (min-width: 576px) {
  .col-sm-4 {
    max-width: 33.3333333333%;
  }
}

@media only screen and (min-width: 576px) {
  .col-sm-5 {
    max-width: 41.6666666667%;
  }
}

@media only screen and (min-width: 576px) {
  .col-sm-6 {
    max-width: 50%;
  }
}

@media only screen and (min-width: 576px) {
  .col-sm-7 {
    max-width: 58.3333333333%;
  }
}

@media only screen and (min-width: 576px) {
  .col-sm-8 {
    max-width: 66.6666666667%;
  }
}

@media only screen and (min-width: 576px) {
  .col-sm-9 {
    max-width: 75%;
  }
}

@media only screen and (min-width: 576px) {
  .col-sm-10 {
    max-width: 83.3333333333%;
  }
}

@media only screen and (min-width: 576px) {
  .col-sm-11 {
    max-width: 91.6666666667%;
  }
}

@media only screen and (min-width: 576px) {
  .col-sm-12 {
    max-width: 100%;
  }
}

@media only screen and (min-width: 768px) {
  .col-md-1 {
    max-width: 8.3333333333%;
  }
}

@media only screen and (min-width: 768px) {
  .col-md-2 {
    max-width: 16.6666666667%;
  }
}

@media only screen and (min-width: 768px) {
  .col-md-3 {
    max-width: 25%;
  }
}

@media only screen and (min-width: 768px) {
  .col-md-4 {
    max-width: 33.3333333333%;
  }
}

@media only screen and (min-width: 768px) {
  .col-md-5 {
    max-width: 41.6666666667%;
  }
}

@media only screen and (min-width: 768px) {
  .col-md-6 {
    max-width: 50%;
  }
}

@media only screen and (min-width: 768px) {
  .col-md-7 {
    max-width: 58.3333333333%;
  }
}

@media only screen and (min-width: 768px) {
  .col-md-8 {
    max-width: 66.6666666667%;
  }
}

@media only screen and (min-width: 768px) {
  .col-md-9 {
    max-width: 75%;
  }
}

@media only screen and (min-width: 768px) {
  .col-md-10 {
    max-width: 83.3333333333%;
  }
}

@media only screen and (min-width: 768px) {
  .col-md-11 {
    max-width: 91.6666666667%;
  }
}

@media only screen and (min-width: 768px) {
  .col-md-12 {
    max-width: 100%;
  }
}

@media only screen and (min-width: 992px) {
  .col-lg-1 {
    max-width: 8.3333333333%;
  }
}

@media only screen and (min-width: 992px) {
  .col-lg-2 {
    max-width: 16.6666666667%;
  }
}

@media only screen and (min-width: 992px) {
  .col-lg-3 {
    max-width: 25%;
  }
}

@media only screen and (min-width: 992px) {
  .col-lg-4 {
    max-width: 33.3333333333%;
  }
}

@media only screen and (min-width: 992px) {
  .col-lg-5 {
    max-width: 41.6666666667%;
  }
}

@media only screen and (min-width: 992px) {
  .col-lg-6 {
    max-width: 50%;
  }
}

@media only screen and (min-width: 992px) {
  .col-lg-7 {
    max-width: 58.3333333333%;
  }
}

@media only screen and (min-width: 992px) {
  .col-lg-8 {
    max-width: 66.6666666667%;
  }
}

@media only screen and (min-width: 992px) {
  .col-lg-9 {
    max-width: 75%;
  }
}

@media only screen and (min-width: 992px) {
  .col-lg-10 {
    max-width: 83.3333333333%;
  }
}

@media only screen and (min-width: 992px) {
  .col-lg-11 {
    max-width: 91.6666666667%;
  }
}

@media only screen and (min-width: 992px) {
  .col-lg-12 {
    max-width: 100%;
  }
}

@media only screen and (min-width: 1200px) {
  .col-xl-1 {
    max-width: 8.3333333333%;
  }
}

@media only screen and (min-width: 1200px) {
  .col-xl-2 {
    max-width: 16.6666666667%;
  }
}

@media only screen and (min-width: 1200px) {
  .col-xl-3 {
    max-width: 25%;
  }
}

@media only screen and (min-width: 1200px) {
  .col-xl-4 {
    max-width: 33.3333333333%;
  }
}

@media only screen and (min-width: 1200px) {
  .col-xl-5 {
    max-width: 41.6666666667%;
  }
}

@media only screen and (min-width: 1200px) {
  .col-xl-6 {
    max-width: 50%;
  }
}

@media only screen and (min-width: 1200px) {
  .col-xl-7 {
    max-width: 58.3333333333%;
  }
}

@media only screen and (min-width: 1200px) {
  .col-xl-8 {
    max-width: 66.6666666667%;
  }
}

@media only screen and (min-width: 1200px) {
  .col-xl-9 {
    max-width: 75%;
  }
}

@media only screen and (min-width: 1200px) {
  .col-xl-10 {
    max-width: 83.3333333333%;
  }
}

@media only screen and (min-width: 1200px) {
  .col-xl-11 {
    max-width: 91.6666666667%;
  }
}

@media only screen and (min-width: 1200px) {
  .col-xl-12 {
    max-width: 100%;
  }
}

@media only screen and (min-width: 1400px) {
  .col-xxl-1 {
    max-width: 8.3333333333%;
  }
}

@media only screen and (min-width: 1400px) {
  .col-xxl-2 {
    max-width: 16.6666666667%;
  }
}

@media only screen and (min-width: 1400px) {
  .col-xxl-3 {
    max-width: 25%;
  }
}

@media only screen and (min-width: 1400px) {
  .col-xxl-4 {
    max-width: 33.3333333333%;
  }
}

@media only screen and (min-width: 1400px) {
  .col-xxl-5 {
    max-width: 41.6666666667%;
  }
}

@media only screen and (min-width: 1400px) {
  .col-xxl-6 {
    max-width: 50%;
  }
}

@media only screen and (min-width: 1400px) {
  .col-xxl-7 {
    max-width: 58.3333333333%;
  }
}

@media only screen and (min-width: 1400px) {
  .col-xxl-8 {
    max-width: 66.6666666667%;
  }
}

@media only screen and (min-width: 1400px) {
  .col-xxl-9 {
    max-width: 75%;
  }
}

@media only screen and (min-width: 1400px) {
  .col-xxl-10 {
    max-width: 83.3333333333%;
  }
}

@media only screen and (min-width: 1400px) {
  .col-xxl-11 {
    max-width: 91.6666666667%;
  }
}

@media only screen and (min-width: 1400px) {
  .col-xxl-12 {
    max-width: 100%;
  }
}

@font-face {
  font-family: "icomoon";
  src: url("./../fonts/icon/icomoon.woff?ybb4qr") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="icon-"],
[class*=" icon-"] {
  font-family: "icomoon" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: middle;
}

.icon-clock-2:before {
  content: "\e939";
}

.icon-arrow-right-circle:before {
  content: "\e935";
}

.icon-clock:before {
  content: "\e936";
}

.icon-comment:before {
  content: "\e937";
}

.icon-qute-2:before {
  content: "\e938";
}

.icon-calendar-2:before {
  content: "\e933";
}

.icon-chat:before {
  content: "\e934";
}

.icon-qute:before {
  content: "\e932";
}

.icon-eye:before {
  content: "\e92b";
}

.icon-trash-alt:before {
  content: "\e92a";
}

.icon-bookmark:before {
  content: "\e923";
}

.icon-expand:before {
  content: "\e924";
}

.icon-filter:before {
  content: "\e925";
}

.icon-notification-2:before {
  content: "\e926";
}

.icon-refresh:before {
  content: "\e927";
}

.icon-search1:before {
  content: "\e928";
}

.icon-trash:before {
  content: "\e929";
}

.icon-location:before {
  content: "\e922";
}

.icon-angle-fill-down:before {
  content: "\e92c";
}

.icon-angle-fill-up:before {
  content: "\e92d";
}

.icon-calendar:before {
  content: "\e92e";
}

.icon-file-download:before {
  content: "\e92f";
}

.icon-file-upload:before {
  content: "\e930";
}

.icon-share:before {
  content: "\e931";
}

.icon-cart:before {
  content: "\e920";
}

.icon-cpu:before {
  content: "\e921";
}

.icon-grid-2:before {
  content: "\e91f";
}

.icon-other:before {
  content: "\e91e";
}

.icon-add-squre:before {
  content: "\e915";
}

.icon-bag:before {
  content: "\e916";
}

.icon-card:before {
  content: "\e917";
}

.icon-logout:before {
  content: "\e918";
}

.icon-notification:before {
  content: "\e919";
}

.icon-robot:before {
  content: "\e91a";
}

.icon-search:before {
  content: "\e91b";
}

.icon-setting:before {
  content: "\e91c";
}

.icon-user-3:before {
  content: "\e91d";
}

.icon-check:before {
  content: "\e90f";
}

.icon-desktop:before {
  content: "\e910";
}

.icon-info-circle:before {
  content: "\e911";
}

.icon-mobile:before {
  content: "\e912";
}

.icon-plus:before {
  content: "\e913";
}

.icon-tablet:before {
  content: "\e914";
}

.icon-user-2:before {
  content: "\e90d";
}

.icon-grid:before {
  content: "\e90c";
}

.icon-angle-left:before {
  content: "\e900";
}

.icon-angle-down:before {
  content: "\e90e";
}

.icon-angle-right:before {
  content: "\e901";
}

.icon-arrow-right:before {
  content: "\e902";
}

.icon-comments:before {
  content: "\e903";
}

.icon-facebook:before {
  content: "\e904";
}

.icon-heart:before {
  content: "\e905";
}

.icon-instagram:before {
  content: "\e906";
}

.icon-ques:before {
  content: "\e907";
}

.icon-star:before {
  content: "\e908";
}

.icon-telegram:before {
  content: "\e909";
}

.icon-twitter:before {
  content: "\e90a";
}

.icon-user:before {
  content: "\e90b";
}

.d-inline-block {
  display: block !important;
}
.d-block {
  display: block !important;
}
.d-flex {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.d-none {
  display: none !important;
}
@media only screen and (min-width: 576px) {
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
}
@media only screen and (min-width: 768px) {
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-md-none {
    display: none !important;
  }
}
@media only screen and (min-width: 992px) {
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
}
@media only screen and (min-width: 1200px) {
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
}
@media only screen and (min-width: 1400px) {
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
}

.justify-content-start {
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
}
.justify-content-end {
  -webkit-box-pack: end;
  -webkit-justify-content: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
}
.justify-content-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.justify-content-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media only screen and (min-width: 576px) {
  .justify-content-sm-start {
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
  }
  .justify-content-sm-end {
    -webkit-box-pack: end;
    -webkit-justify-content: end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
  }
  .justify-content-sm-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .justify-content-sm-between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 768px) {
  .justify-content-md-start {
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
  }
  .justify-content-md-end {
    -webkit-box-pack: end;
    -webkit-justify-content: end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
  }
  .justify-content-md-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .justify-content-md-between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 992px) {
  .justify-content-lg-start {
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
  }
  .justify-content-lg-end {
    -webkit-box-pack: end;
    -webkit-justify-content: end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
  }
  .justify-content-lg-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .justify-content-lg-between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 1200px) {
  .justify-content-xl-start {
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
  }
  .justify-content-xl-end {
    -webkit-box-pack: end;
    -webkit-justify-content: end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
  }
  .justify-content-xl-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .justify-content-xl-between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 1400px) {
  .justify-content-xxl-start {
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
  }
  .justify-content-xxl-end {
    -webkit-box-pack: end;
    -webkit-justify-content: end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
  }
  .justify-content-xxl-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .justify-content-xxl-between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.align-items-start {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.align-items-end {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.align-items-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (min-width: 576px) {
  .align-items-sm-start {
    -webkit-box-align: start;
    -webkit-align-items: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: start;
  }
  .align-items-sm-end {
    -webkit-box-align: end;
    -webkit-align-items: end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: end;
  }
  .align-items-sm-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media only screen and (min-width: 768px) {
  .align-items-md-start {
    -webkit-box-align: start;
    -webkit-align-items: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: start;
  }
  .align-items-md-end {
    -webkit-box-align: end;
    -webkit-align-items: end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: end;
  }
  .align-items-md-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media only screen and (min-width: 992px) {
  .align-items-lg-start {
    -webkit-box-align: start;
    -webkit-align-items: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: start;
  }
  .align-items-lg-end {
    -webkit-box-align: end;
    -webkit-align-items: end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: end;
  }
  .align-items-lg-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media only screen and (min-width: 1200px) {
  .align-items-xl-start {
    -webkit-box-align: start;
    -webkit-align-items: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: start;
  }
  .align-items-xl-end {
    -webkit-box-align: end;
    -webkit-align-items: end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: end;
  }
  .align-items-xl-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media only screen and (min-width: 1400px) {
  .align-items-xxl-start {
    -webkit-box-align: start;
    -webkit-align-items: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: start;
  }
  .align-items-xxl-end {
    -webkit-box-align: end;
    -webkit-align-items: end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: end;
  }
  .align-items-xxl-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.flex-wrap {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.flex-nowrap {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
@media only screen and (min-width: 576px) {
  .flex-sm-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .flex-sm-nowrap {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
@media only screen and (min-width: 768px) {
  .flex-md-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .flex-md-nowrap {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
@media only screen and (min-width: 992px) {
  .flex-lg-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .flex-lg-nowrap {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
@media only screen and (min-width: 1200px) {
  .flex-xl-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .flex-xl-nowrap {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
@media only screen and (min-width: 1400px) {
  .flex-xxl-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .flex-xxl-nowrap {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
.flex-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media only screen and (min-width: 576px) {
  .flex-sm-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .flex-sm-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media only screen and (min-width: 768px) {
  .flex-md-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .flex-md-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media only screen and (min-width: 992px) {
  .flex-lg-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .flex-lg-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media only screen and (min-width: 1200px) {
  .flex-xl-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .flex-xl-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media only screen and (min-width: 1400px) {
  .flex-xxl-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .flex-xxl-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
@media only screen and (min-width: 576px) {
  .text-sm-left {
    text-align: left;
  }
  .text-sm-right {
    text-align: right;
  }
  .text-sm-center {
    text-align: center;
  }
}
@media only screen and (min-width: 768px) {
  .text-md-left {
    text-align: left;
  }
  .text-md-right {
    text-align: right;
  }
  .text-md-center {
    text-align: center;
  }
}
@media only screen and (min-width: 992px) {
  .text-lg-left {
    text-align: left;
  }
  .text-lg-right {
    text-align: right;
  }
  .text-lg-center {
    text-align: center;
  }
}
@media only screen and (min-width: 1200px) {
  .text-xl-left {
    text-align: left;
  }
  .text-xl-right {
    text-align: right;
  }
  .text-xl-center {
    text-align: center;
  }
}
@media only screen and (min-width: 1400px) {
  .text-xxl-left {
    text-align: left;
  }
  .text-xxl-right {
    text-align: right;
  }
  .text-xxl-center {
    text-align: center;
  }
}

.overflow-hidden {
  overflow: hidden;
}
@media only screen and (min-width: 576px) {
  .overflow-sm-auto {
    overflow: auto;
  }
  .overflow-sm-hidden {
    overflow: hidden;
  }
  .overflow-sm-visible {
    overflow: visible;
  }
  .overflow-sm-scroll {
    overflow: scroll;
  }
}
@media only screen and (min-width: 768px) {
  .overflow-md-auto {
    overflow: auto;
  }
  .overflow-md-hidden {
    overflow: hidden;
  }
  .overflow-md-visible {
    overflow: visible;
  }
  .overflow-md-scroll {
    overflow: scroll;
  }
}
@media only screen and (min-width: 992px) {
  .overflow-lg-auto {
    overflow: auto;
  }
  .overflow-lg-hidden {
    overflow: hidden;
  }
  .overflow-lg-visible {
    overflow: visible;
  }
  .overflow-lg-scroll {
    overflow: scroll;
  }
}
@media only screen and (min-width: 1200px) {
  .overflow-xl-auto {
    overflow: auto;
  }
  .overflow-xl-hidden {
    overflow: hidden;
  }
  .overflow-xl-visible {
    overflow: visible;
  }
  .overflow-xl-scroll {
    overflow: scroll;
  }
}
@media only screen and (min-width: 1400px) {
  .overflow-xxl-auto {
    overflow: auto;
  }
  .overflow-xxl-hidden {
    overflow: hidden;
  }
  .overflow-xxl-visible {
    overflow: visible;
  }
  .overflow-xxl-scroll {
    overflow: scroll;
  }
}

.position-relative {
  position: relative;
}
.position-fixed {
  position: fixed;
}
@media only screen and (min-width: 576px) {
  .position-sm-relative {
    position: relative;
  }
  .position-sm-absolute {
    position: absolute;
  }
  .position-sm-fixed {
    position: fixed;
  }
}
@media only screen and (min-width: 768px) {
  .position-md-relative {
    position: relative;
  }
  .position-md-absolute {
    position: absolute;
  }
  .position-md-fixed {
    position: fixed;
  }
}
@media only screen and (min-width: 992px) {
  .position-lg-relative {
    position: relative;
  }
  .position-lg-absolute {
    position: absolute;
  }
  .position-lg-fixed {
    position: fixed;
  }
}
@media only screen and (min-width: 1200px) {
  .position-xl-relative {
    position: relative;
  }
  .position-xl-absolute {
    position: absolute;
  }
  .position-xl-fixed {
    position: fixed;
  }
}
@media only screen and (min-width: 1400px) {
  .position-xxl-relative {
    position: relative;
  }
  .position-xxl-absolute {
    position: absolute;
  }
  .position-xxl-fixed {
    position: fixed;
  }
}

.order-1 {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -moz-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
.order-2 {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -moz-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
.order-3 {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
  -moz-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}
.order-4 {
  -webkit-box-ordinal-group: 5;
  -webkit-order: 4;
  -moz-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
}
.order-5 {
  -webkit-box-ordinal-group: 6;
  -webkit-order: 5;
  -moz-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
}
.order-6 {
  -webkit-box-ordinal-group: 7;
  -webkit-order: 6;
  -moz-box-ordinal-group: 7;
  -ms-flex-order: 6;
  order: 6;
}
.order-7 {
  -webkit-box-ordinal-group: 8;
  -webkit-order: 7;
  -moz-box-ordinal-group: 8;
  -ms-flex-order: 7;
  order: 7;
}
.order-8 {
  -webkit-box-ordinal-group: 9;
  -webkit-order: 8;
  -moz-box-ordinal-group: 9;
  -ms-flex-order: 8;
  order: 8;
}
.order-9 {
  -webkit-box-ordinal-group: 10;
  -webkit-order: 9;
  -moz-box-ordinal-group: 10;
  -ms-flex-order: 9;
  order: 9;
}
.order-10 {
  -webkit-box-ordinal-group: 11;
  -webkit-order: 10;
  -moz-box-ordinal-group: 11;
  -ms-flex-order: 10;
  order: 10;
}
.order-11 {
  -webkit-box-ordinal-group: 12;
  -webkit-order: 11;
  -moz-box-ordinal-group: 12;
  -ms-flex-order: 11;
  order: 11;
}
.order-12 {
  -webkit-box-ordinal-group: 13;
  -webkit-order: 12;
  -moz-box-ordinal-group: 13;
  -ms-flex-order: 12;
  order: 12;
}
@media only screen and (min-width: 576px) {
  .order-sm-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-sm-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-sm-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -moz-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-sm-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -moz-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-sm-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -moz-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-sm-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    -moz-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-sm-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    -moz-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-sm-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    -moz-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-sm-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
    -moz-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-sm-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    -moz-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-sm-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
    -moz-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-sm-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
    -moz-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
}
@media only screen and (min-width: 768px) {
  .order-md-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-md-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-md-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -moz-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-md-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -moz-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-md-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -moz-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-md-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    -moz-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-md-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    -moz-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-md-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    -moz-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-md-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
    -moz-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-md-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    -moz-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-md-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
    -moz-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-md-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
    -moz-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
}
@media only screen and (min-width: 992px) {
  .order-lg-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-lg-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-lg-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -moz-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-lg-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -moz-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-lg-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -moz-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-lg-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    -moz-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-lg-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    -moz-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-lg-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    -moz-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-lg-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
    -moz-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-lg-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    -moz-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-lg-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
    -moz-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-lg-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
    -moz-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
}
@media only screen and (min-width: 1200px) {
  .order-xl-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-xl-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-xl-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -moz-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-xl-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -moz-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-xl-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -moz-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-xl-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    -moz-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-xl-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    -moz-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-xl-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    -moz-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-xl-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
    -moz-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-xl-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    -moz-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-xl-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
    -moz-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-xl-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
    -moz-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
}
@media only screen and (min-width: 1400px) {
  .order-xxl-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-xxl-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-xxl-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -moz-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-xxl-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -moz-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-xxl-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -moz-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-xxl-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    -moz-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-xxl-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    -moz-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-xxl-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    -moz-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-xxl-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
    -moz-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-xxl-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    -moz-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-xxl-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
    -moz-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-xxl-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
    -moz-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
}

.z-2 {
  z-index: 2;
}

.before::before {
  content: "";
}

.before\:top-0::before {
  top: 0;
}

.before\:right-0::before {
  right: 0;
}

.before\:bottom-0::before {
  bottom: 0;
}

.before\:left-0::before {
  left: 0;
}

.before\:bg-full::before {
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}

.before\:bg-no-reapeat::before {
  background-repeat: no-repeat;
}

.before\:w-100::before {
  width: 100%;
}

.before\:h-100::before {
  height: 100%;
}

.before\:z-1::before {
  z-index: -1;
}

.before\:z-6::before {
  z-index: -6;
}

.after::after {
  content: "";
}

.after\:top-0::after {
  top: 0;
}

.after\:right-0::after {
  right: 0;
}

.after\:bottom-0::after {
  bottom: 0;
}

.after\:left-0::after {
  left: 0;
}

.after\:bg-full::after {
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}

.before\:bg-no-reapeat::before {
  background-repeat: no-repeat;
}

.after\:w-100::after {
  width: 100%;
}

.after\:h-100::after {
  height: 100%;
}

.after\:z-1::after {
  z-index: -1;
}

.after\:z-6::after {
  z-index: -6;
}

.f-pf-din {
  font-family: "PFDinTextArabic-XBlack";
}
.f-yekan-bakh {
  font-family: "Yekan Bakh";
}
.f-poppins {
  font-family: "Poppins";
}
.f-iranyekan {
  font-family: "IRANYekan";
}
.f-raleway {
  font-family: "Raleway";
}

.w-100 {
  width: 100%;
}

.transition-ease-in-out {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.transition-linear {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.mx-auto {
  margin: 0 auto;
}

button,
input,
textarea {
  border: none;
  outline: none;
  background-color: transparent;
  padding: 0;
}

.link-fix {
  z-index: 3;
}

[class^="btn-gradient"],
[class*=" btn-gradient"] {
  overflow: hidden;
  z-index: 2;
}
[class^="btn-gradient"]::before,
[class*=" btn-gradient"]::before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: -1;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
[class^="btn-gradient"]:hover::before,
[class*=" btn-gradient"]:hover::before {
  opacity: 1;
}

.btn {
  max-width: 159px;
  width: 100%;
  text-align: center;
  display: inline-block;
  height: 48px;
  line-height: 48px;
  font-size: 14px;
  font-weight: 500;
}
.btn-gradient-primary {
  color: #fff;
  background-image: -webkit-linear-gradient(
    305.01deg,
    #8f2ffd 42.05%,
    #f6509c 111.39%
  );
  background-image: -moz-linear-gradient(
    305.01deg,
    #8f2ffd 42.05%,
    #f6509c 111.39%
  );
  background-image: -o-linear-gradient(
    305.01deg,
    #8f2ffd 42.05%,
    #f6509c 111.39%
  );
  background-image: linear-gradient(144.99deg, #8f2ffd 42.05%, #f6509c 111.39%);
}
.btn-gradient-primary::before {
  background-image: -webkit-linear-gradient(
    234.99deg,
    #8f2ffd 42.05%,
    #f6509c 111.39%
  );
  background-image: -moz-linear-gradient(
    234.99deg,
    #8f2ffd 42.05%,
    #f6509c 111.39%
  );
  background-image: -o-linear-gradient(
    234.99deg,
    #8f2ffd 42.05%,
    #f6509c 111.39%
  );
  background-image: linear-gradient(
    -144.99deg,
    #8f2ffd 42.05%,
    #f6509c 111.39%
  );
}
.btn-gradient-primary-2 {
  background-image: -webkit-linear-gradient(
    292.47deg,
    #8f2ffd 5.26%,
    #48187f 85.37%
  );
  background-image: -moz-linear-gradient(
    292.47deg,
    #8f2ffd 5.26%,
    #48187f 85.37%
  );
  background-image: -o-linear-gradient(
    292.47deg,
    #8f2ffd 5.26%,
    #48187f 85.37%
  );
  background-image: linear-gradient(157.53deg, #8f2ffd 5.26%, #48187f 85.37%);
  color: #f7efff;
}
.btn-gradient-primary-2::before {
  background-image: -webkit-linear-gradient(
    247.53deg,
    #8f2ffd 5.26%,
    #48187f 85.37%
  );
  background-image: -moz-linear-gradient(
    247.53deg,
    #8f2ffd 5.26%,
    #48187f 85.37%
  );
  background-image: -o-linear-gradient(
    247.53deg,
    #8f2ffd 5.26%,
    #48187f 85.37%
  );
  background-image: linear-gradient(-157.53deg, #8f2ffd 5.26%, #48187f 85.37%);
}
.btn-gradient-primary-3 {
  background-image: -webkit-linear-gradient(
    305.01deg,
    #8f2ffd 42.05%,
    #f6509c 111.39%
  );
  background-image: -moz-linear-gradient(
    305.01deg,
    #8f2ffd 42.05%,
    #f6509c 111.39%
  );
  background-image: -o-linear-gradient(
    305.01deg,
    #8f2ffd 42.05%,
    #f6509c 111.39%
  );
  background-image: linear-gradient(144.99deg, #8f2ffd 42.05%, #f6509c 111.39%);
  color: #f7efff;
}
.btn-gradient-primary-3::before {
  background-image: -webkit-linear-gradient(
    234.99deg,
    #8f2ffd 42.05%,
    #f6509c 111.39%
  );
  background-image: -moz-linear-gradient(
    234.99deg,
    #8f2ffd 42.05%,
    #f6509c 111.39%
  );
  background-image: -o-linear-gradient(
    234.99deg,
    #8f2ffd 42.05%,
    #f6509c 111.39%
  );
  background-image: linear-gradient(
    -144.99deg,
    #8f2ffd 42.05%,
    #f6509c 111.39%
  );
}
.btn-gradient-primary-4 {
  background-image: -webkit-linear-gradient(
    229.19deg,
    #8f2ffd 13.36%,
    #6318b8 77.15%
  );
  background-image: -moz-linear-gradient(
    229.19deg,
    #8f2ffd 13.36%,
    #6318b8 77.15%
  );
  background-image: -o-linear-gradient(
    229.19deg,
    #8f2ffd 13.36%,
    #6318b8 77.15%
  );
  background-image: linear-gradient(220.81deg, #8f2ffd 13.36%, #6318b8 77.15%);
  color: #fff;
}
.btn-gradient-primary-4::before {
  background-image: -webkit-linear-gradient(
    310.81deg,
    #8f2ffd 13.36%,
    #6318b8 77.15%
  );
  background-image: -moz-linear-gradient(
    310.81deg,
    #8f2ffd 13.36%,
    #6318b8 77.15%
  );
  background-image: -o-linear-gradient(
    310.81deg,
    #8f2ffd 13.36%,
    #6318b8 77.15%
  );
  background-image: linear-gradient(-220.81deg, #8f2ffd 13.36%, #6318b8 77.15%);
}
.btn-gradient-primary-5 {
  background-image: -webkit-linear-gradient(
    61.42deg,
    #8f2ffd 31.42%,
    #f6509c 65.17%
  );
  background-image: -moz-linear-gradient(
    61.42deg,
    #8f2ffd 31.42%,
    #f6509c 65.17%
  );
  background-image: -o-linear-gradient(
    61.42deg,
    #8f2ffd 31.42%,
    #f6509c 65.17%
  );
  background-image: linear-gradient(28.58deg, #8f2ffd 31.42%, #f6509c 65.17%);
  color: #fff;
}
.btn-gradient-primary-5::before {
  background-image: -webkit-linear-gradient(
    118.58deg,
    #8f2ffd 31.42%,
    #f6509c 65.17%
  );
  background-image: -moz-linear-gradient(
    118.58deg,
    #8f2ffd 31.42%,
    #f6509c 65.17%
  );
  background-image: -o-linear-gradient(
    118.58deg,
    #8f2ffd 31.42%,
    #f6509c 65.17%
  );
  background-image: linear-gradient(-28.58deg, #8f2ffd 31.42%, #f6509c 65.17%);
}
.btn-gradient-primary-6 {
  background-image: -webkit-linear-gradient(
    314.51deg,
    #f6509c 24.79%,
    #8f2ffd 100.44%
  );
  background-image: -moz-linear-gradient(
    314.51deg,
    #f6509c 24.79%,
    #8f2ffd 100.44%
  );
  background-image: -o-linear-gradient(
    314.51deg,
    #f6509c 24.79%,
    #8f2ffd 100.44%
  );
  background-image: linear-gradient(135.49deg, #f6509c 24.79%, #8f2ffd 100.44%);
  color: #fff;
}
.btn-gradient-primary-6::before {
  background-image: -webkit-linear-gradient(
    225.49deg,
    #f6509c 24.79%,
    #8f2ffd 100.44%
  );
  background-image: -moz-linear-gradient(
    225.49deg,
    #f6509c 24.79%,
    #8f2ffd 100.44%
  );
  background-image: -o-linear-gradient(
    225.49deg,
    #f6509c 24.79%,
    #8f2ffd 100.44%
  );
  background-image: linear-gradient(
    -135.49deg,
    #f6509c 24.79%,
    #8f2ffd 100.44%
  );
}
.btn-gradient-primary-7 {
  background-image: -webkit-linear-gradient(
    229.19deg,
    #8f2ffd 13.36%,
    #6318b8 77.15%
  );
  background-image: -moz-linear-gradient(
    229.19deg,
    #8f2ffd 13.36%,
    #6318b8 77.15%
  );
  background-image: -o-linear-gradient(
    229.19deg,
    #8f2ffd 13.36%,
    #6318b8 77.15%
  );
  background-image: linear-gradient(220.81deg, #8f2ffd 13.36%, #6318b8 77.15%);
  color: #fff;
}
.btn-gradient-primary-7::before {
  background-image: -webkit-linear-gradient(
    310.81deg,
    #8f2ffd 13.36%,
    #6318b8 77.15%
  );
  background-image: -moz-linear-gradient(
    310.81deg,
    #8f2ffd 13.36%,
    #6318b8 77.15%
  );
  background-image: -o-linear-gradient(
    310.81deg,
    #8f2ffd 13.36%,
    #6318b8 77.15%
  );
  background-image: linear-gradient(-220.81deg, #8f2ffd 13.36%, #6318b8 77.15%);
}
.btn-gradient-primary-8 {
  background-image: -webkit-linear-gradient(
    229.19deg,
    #8f2ffd 13.36%,
    #7622d6 49.09%,
    #6318b8 77.15%
  );
  background-image: -moz-linear-gradient(
    229.19deg,
    #8f2ffd 13.36%,
    #7622d6 49.09%,
    #6318b8 77.15%
  );
  background-image: -o-linear-gradient(
    229.19deg,
    #8f2ffd 13.36%,
    #7622d6 49.09%,
    #6318b8 77.15%
  );
  background-image: linear-gradient(
    220.81deg,
    #8f2ffd 13.36%,
    #7622d6 49.09%,
    #6318b8 77.15%
  );
  color: #fff;
}
.btn-gradient-primary-8::before {
  background-image: -webkit-linear-gradient(
    310.81deg,
    #8f2ffd 13.36%,
    #7622d6 49.09%,
    #6318b8 77.15%
  );
  background-image: -moz-linear-gradient(
    310.81deg,
    #8f2ffd 13.36%,
    #7622d6 49.09%,
    #6318b8 77.15%
  );
  background-image: -o-linear-gradient(
    310.81deg,
    #8f2ffd 13.36%,
    #7622d6 49.09%,
    #6318b8 77.15%
  );
  background-image: linear-gradient(
    -220.81deg,
    #8f2ffd 13.36%,
    #7622d6 49.09%,
    #6318b8 77.15%
  );
}
.btn-gradient-warning {
  background-image: -webkit-linear-gradient(
    330.4deg,
    #fa6755 18.12%,
    #fba928 92.35%
  );
  background-image: -moz-linear-gradient(
    330.4deg,
    #fa6755 18.12%,
    #fba928 92.35%
  );
  background-image: -o-linear-gradient(
    330.4deg,
    #fa6755 18.12%,
    #fba928 92.35%
  );
  background-image: linear-gradient(119.6deg, #fa6755 18.12%, #fba928 92.35%);
  color: #fff;
}
.btn-gradient-warning::before {
  background-image: -webkit-linear-gradient(
    209.6deg,
    #fa6755 18.12%,
    #fba928 92.35%
  );
  background-image: -moz-linear-gradient(
    209.6deg,
    #fa6755 18.12%,
    #fba928 92.35%
  );
  background-image: -o-linear-gradient(
    209.6deg,
    #fa6755 18.12%,
    #fba928 92.35%
  );
  background-image: linear-gradient(-119.6deg, #fa6755 18.12%, #fba928 92.35%);
}
.btn-gradient-warning-2 {
  background-image: -webkit-linear-gradient(
    297.47deg,
    #fbad25 4.34%,
    #fa4b68 100.46%
  );
  background-image: -moz-linear-gradient(
    297.47deg,
    #fbad25 4.34%,
    #fa4b68 100.46%
  );
  background-image: -o-linear-gradient(
    297.47deg,
    #fbad25 4.34%,
    #fa4b68 100.46%
  );
  background-image: linear-gradient(152.53deg, #fbad25 4.34%, #fa4b68 100.46%);
  color: #fff;
}
.btn-gradient-warning-2::before {
  background-image: -webkit-linear-gradient(
    242.53deg,
    #fbad25 4.34%,
    #fa4b68 100.46%
  );
  background-image: -moz-linear-gradient(
    242.53deg,
    #fbad25 4.34%,
    #fa4b68 100.46%
  );
  background-image: -o-linear-gradient(
    242.53deg,
    #fbad25 4.34%,
    #fa4b68 100.46%
  );
  background-image: linear-gradient(-152.53deg, #fbad25 4.34%, #fa4b68 100.46%);
}

.section-heading {
  margin-bottom: 48px;
}
.section-heading-title {
  font-size: 28px;
  font-weight: 600;
  line-height: 34px;
  margin-bottom: 21px;
  color: #fff;
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.section-heading-title span {
  color: #acb3c9;
}
.section-heading p {
  line-height: 21px;
  color: #99a1b9;
}

.swiper {
  padding-bottom: 70px;
}
.swiper-bottom {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0 auto;
}
.swiper-bottom > * {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.swiper-button-next,
.swiper-button-prev {
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
  width: 38px;
  height: 38px;
  border: 1px solid #757d91;
  background-color: transparent;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  z-index: 2;
}
.swiper-button-next,
.swiper-button-next::before,
.swiper-button-prev,
.swiper-button-prev::before {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.swiper-button-next::after,
.swiper-button-prev::after {
  font-size: 11px;
  color: #757d91;
}
.swiper-button-next::before,
.swiper-button-prev::before {
  content: "";
  top: 0;
  left: 0;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-image: -webkit-linear-gradient(
    314.51deg,
    #8f2ffd 24.79%,
    #f6509c 100.44%
  );
  background-image: -moz-linear-gradient(
    314.51deg,
    #8f2ffd 24.79%,
    #f6509c 100.44%
  );
  background-image: -o-linear-gradient(
    314.51deg,
    #8f2ffd 24.79%,
    #f6509c 100.44%
  );
  background-image: linear-gradient(135.49deg, #8f2ffd 24.79%, #f6509c 100.44%);
  opacity: 0;
}
.swiper-button-next:hover,
.swiper-button-prev:hover {
  border-width: 0;
}
.swiper-button-next:hover::before,
.swiper-button-prev:hover::before {
  opacity: 1;
}
.swiper-button-next:hover::after,
.swiper-button-prev:hover::after {
  color: #fff;
}
.swiper-pagination {
  margin: 0 16px;
}
.swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: rgba(117, 125, 145, 0.3);
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.swiper-pagination-bullet:not(:last-child) {
  margin-right: 11px;
}
.swiper-pagination-bullet-active {
  background-color: #757d91;
}
.swiper-pagination-bullet-active + .swiper-pagination-bullet {
  background-color: rgba(117, 125, 145, 0.6);
}

.faq-item {
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  border-radius: 11px;
  background-color: rgba(28, 33, 45, 0.7);
  border: 1px solid rgba(28, 33, 45, 0.7);
}
.faq-item-heading {
  padding-right: 35px;
  cursor: pointer;
}
.faq-item-heading .icon-ques {
  -webkit-border-radius: 11px 0 24px 11px;
  -moz-border-radius: 11px 0 24px 11px;
  border-radius: 11px 0 24px 11px;
  background-color: #2b303c;
  width: 60px;
  height: 60px;
  margin: -1px 15px 0 -1px;
  font-size: 28px;
  color: #757d91;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.faq-item-heading .icon-angle-down {
  color: rgba(220, 216, 225, 0.38);
  font-size: 12px;
  margin-left: auto;
}
.faq-item-heading span {
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  color: #757d91;
  margin-right: 15px;
}
.faq-item-content {
  padding: 0 33px 0 60px;
  font-size: 12px;
  line-height: 28px;
  font-weight: 500;
  color: #c8cee1;
  height: 0;
}
.faq-item:not(:last-child) {
  margin-bottom: 12px;
}
.faq-item.opened {
  background-color: rgba(143, 47, 253, 0.6);
  border-color: rgba(143, 47, 253, 0.6);
  padding-bottom: 17px;
}
.faq-item.opened .faq-item-heading {
  margin-bottom: 14px;
}
.faq-item.opened .faq-item-heading .icon-ques {
  background-color: rgba(28, 33, 45, 0.6);
  border-color: rgba(28, 33, 45, 0.6) rgba(51, 32, 74, 0.6)
    rgba(51, 32, 74, 0.6) rgba(28, 33, 45, 0.6);
  -webkit-border-radius: 11px 0 25px 0;
  -moz-border-radius: 11px 0 25px 0;
  border-radius: 11px 0 25px 0;
}
.faq-item.opened .faq-item-heading .icon-angle-down {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.faq-item.opened .faq-item-heading span {
  color: #f6faff;
}
@media only screen and (max-width: 767px) {
  .faq-item-heading {
    padding-right: 28px;
  }
  .faq-item-content {
    padding: 0 16px 0 19px;
  }
}

.tabs {
  gap: 13px;
}
.tabs li {
  background-color: #30384b;
  max-width: 50%;
  width: 100%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 16px;
  font-weight: 500;
  color: #8c90a1;
  padding: 14px 8px;
  line-height: 21px;
  cursor: pointer;
}
.tabs li::before {
  background-image: -webkit-linear-gradient(
    330.4deg,
    #fa6755 18.12%,
    #fba928 92.35%
  );
  background-image: -moz-linear-gradient(
    330.4deg,
    #fa6755 18.12%,
    #fba928 92.35%
  );
  background-image: -o-linear-gradient(
    330.4deg,
    #fa6755 18.12%,
    #fba928 92.35%
  );
  background-image: linear-gradient(119.6deg, #fa6755 18.12%, #fba928 92.35%);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0;
}
.tabs li.active {
  color: #ffffff;
}
.tabs li.active::before {
  opacity: 1;
}

.tab-pane {
  display: none;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.tab-pane.active {
  display: block;
}

.form-control {
  max-width: 100%;
  width: 100%;
  display: block;
  background-color: #1b1f2a;
  border: 1px solid #282c37;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  height: 50px;
  padding: 0 30px;
  font-size: 12px;
  font-weight: 500;
  color: #979ba8;
}
.form-control:focus {
  border-color: #8f2ffd;
}
@media only screen and (max-width: 767px) {
  .form-control {
    padding: 0 16px;
  }
}

textarea.form-control {
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
  resize: none;
  height: 139px;
  padding: 23px 30px 0;
  scrollbar-width: 3px;
  scrollbar-color: #8f2ffd #dbe1f3;
}
@media only screen and (max-width: 767px) {
  textarea.form-control {
    padding: 23px 16px 0;
  }
}
textarea.form-control::-webkit-scrollbar {
  width: 3px;
}
textarea.form-control::-webkit-scrollbar-thumb {
  background-color: #8f2ffd;
}
textarea.form-control::-webkit-scrollbar-track {
  background-color: #dbe1f3;
}

select.form-control {
  background: #2e3443 url("./../images/icon/arrow-select.svg") right 16px center
    no-repeat;
  -webkit-background-size: 16px 16px;
  -moz-background-size: 16px;
  -o-background-size: 16px;
  background-size: 16px;
  border: 1px solid #1e2330;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 12px;
  font-weight: 500;
  line-height: 21px;
  color: #8f96aa;
  height: 50px;
  padding: 0 40px 0 16px;
}

[data-message]::after {
  content: attr(data-message);
  padding: 12px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  bottom: 100%;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  background-color: #1b1f2a;
  color: #8c90a1;
  min-width: 250px;
  font-size: 14px;
  font-weight: 500;
  line-height: 27px;
  font-family: "Poppins";
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
  opacity: 0;
  visibility: hidden;
  z-index: 999;
}
[data-message]:hover::after {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(-50%, -12px);
  -moz-transform: translate(-50%, -12px);
  -ms-transform: translate(-50%, -12px);
  -o-transform: translate(-50%, -12px);
  transform: translate(-50%, -12px);
}
@media only screen and (max-width: 1199px) {
  [data-message]::after {
    -webkit-transform: translate(-25%, 0);
    -moz-transform: translate(-25%, 0);
    -ms-transform: translate(-25%, 0);
    -o-transform: translate(-25%, 0);
    transform: translate(-25%, 0);
  }
  [data-message]:hover::after {
    -webkit-transform: translate(-25%, -12px);
    -moz-transform: translate(-25%, -12px);
    -ms-transform: translate(-25%, -12px);
    -o-transform: translate(-25%, -12px);
    transform: translate(-25%, -12px);
  }
}

.dashbord-sidebar {
  z-index: 1024;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.dashbord-sidebar::before {
  background-color: rgba(29, 34, 46, 0.52);
  left: 7px;
  max-width: 275px;
}
.dashbord-sidebar-backdrop {
  background: rgba(0, 0, 0, 0.8);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  height: 100%;
  top: 0;
  left: 0;
}
.dashbord-sidebar,
.dashbord-sidebar-content {
  top: 0;
  left: 0;
  height: 100%;
  max-width: 275px;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}
.dashbord-sidebar-content {
  background-color: #1d222e;
  overflow: hidden auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.dashbord-sidebar-content::-webkit-scrollbar {
  display: none;
}
.dashbord-sidebar-avatar {
  padding: 48px 0 47px;
  background: url("./../images/background/bg-sidebar-avatar.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  margin-bottom: 44px;
}
.dashbord-sidebar-avatar .image {
  border: 1px solid rgba(0, 0, 0, 0.18);
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin-bottom: 27px;
}
.dashbord-sidebar-avatar .image::before {
  background-color: rgba(255, 0, 0, 0.06);
  -webkit-filter: blur(25px);
  filter: blur(25px);
}
.dashbord-sidebar-avatar .image::after {
  background-color: #1d222e;
  opacity: 0.33;
  border: 2px solid rgba(0, 0, 0, 0.18);
}
.dashbord-sidebar-avatar .image span {
  background: url("./../images/logo-s.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  width: 79px;
  height: 99px;
  top: 5px;
  left: 7px;
  z-index: -1;
  opacity: 0.49;
  -webkit-filter: blur(9px);
  filter: blur(9px);
}
.dashbord-sidebar-avatar .image img {
  mix-blend-mode: luminosity;
}
.dashbord-sidebar-avatar .name {
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  line-height: 15px;
  margin-bottom: 5px;
}
.dashbord-sidebar-avatar .name::before {
  left: 50%;
  -webkit-transform: translate(-50%, -16px);
  -moz-transform: translate(-50%, -16px);
  -ms-transform: translate(-50%, -16px);
  -o-transform: translate(-50%, -16px);
  transform: translate(-50%, -16px);
  width: 46px;
  height: 3px;
  background-color: #131313;
  -webkit-filter: blur(2px);
  filter: blur(2px);
}
.dashbord-sidebar-avatar .email {
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  color: #a3a4ae;
}
.dashbord-sidebar-nav {
  padding: 0 19px;
  margin-bottom: 44px;
}
.dashbord-sidebar-nav ul li:not(:last-child) {
  margin-bottom: 10px;
}
.dashbord-sidebar-nav ul li a {
  padding: 18px 22px;
  font-size: 16px;
  font-weight: 500;
  line-height: 25px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.dashbord-sidebar-nav ul li a::before {
  background-image: -webkit-linear-gradient(
    298.32deg,
    #8f2ffd 7.71%,
    rgba(44, 51, 67, 0) 49.95%
  );
  background-image: -moz-linear-gradient(
    298.32deg,
    #8f2ffd 7.71%,
    rgba(44, 51, 67, 0) 49.95%
  );
  background-image: -o-linear-gradient(
    298.32deg,
    #8f2ffd 7.71%,
    rgba(44, 51, 67, 0) 49.95%
  );
  background-image: linear-gradient(
    151.68deg,
    #8f2ffd 7.71%,
    rgba(44, 51, 67, 0) 49.95%
  );
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0;
}
.dashbord-sidebar-nav ul li a i {
  font-size: 18px;
  color: #979bb0;
  margin-right: 20px;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#fff),
    to(rgba(255, 255, 255, 0.5))
  );
  background-image: -webkit-linear-gradient(
    top,
    #fff,
    rgba(255, 255, 255, 0.5)
  );
  background-image: -moz-linear-gradient(top, #fff, rgba(255, 255, 255, 0.5));
  background-image: -o-linear-gradient(top, #fff, rgba(255, 255, 255, 0.5));
  background-image: linear-gradient(to bottom, #fff, rgba(255, 255, 255, 0.5));
  -webkit-background-clip: text;
  background-clip: text;
}
.dashbord-sidebar-nav ul li a i::after {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 23px;
  height: 23px;
  background-color: rgba(255, 255, 255, 0.19);
  -webkit-filter: blur(3px);
  filter: blur(3px);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0;
}
.dashbord-sidebar-nav ul li a span {
  color: #757d91;
}
.dashbord-sidebar-nav ul li a span::before {
  background-image: -webkit-radial-gradient(
    #f6509c 0%,
    #8f2ffd 10%,
    #8f2ffd 23.2%,
    #8f2ffd 36.5%,
    transparent 49.7%,
    transparent 62.7%,
    transparent 75.5%,
    transparent 88.1%,
    transparent 100%
  );
  background-image: -moz-radial-gradient(
    #f6509c 0%,
    #8f2ffd 10%,
    #8f2ffd 23.2%,
    #8f2ffd 36.5%,
    transparent 49.7%,
    transparent 62.7%,
    transparent 75.5%,
    transparent 88.1%,
    transparent 100%
  );
  background-image: -o-radial-gradient(
    #f6509c 0%,
    #8f2ffd 10%,
    #8f2ffd 23.2%,
    #8f2ffd 36.5%,
    transparent 49.7%,
    transparent 62.7%,
    transparent 75.5%,
    transparent 88.1%,
    transparent 100%
  );
  background-image: radial-gradient(
    #f6509c 0%,
    #8f2ffd 10%,
    #8f2ffd 23.2%,
    #8f2ffd 36.5%,
    transparent 49.7%,
    transparent 62.7%,
    transparent 75.5%,
    transparent 88.1%,
    transparent 100%
  );
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0;
}
.dashbord-sidebar-nav ul li a.active,
.dashbord-sidebar-nav ul li a:hover {
  background-color: #242a39;
}
.dashbord-sidebar-nav ul li a.active::before,
.dashbord-sidebar-nav ul li a.active i::after,
.dashbord-sidebar-nav ul li a:hover::before,
.dashbord-sidebar-nav ul li a:hover i::after {
  opacity: 1;
}
.dashbord-sidebar-nav ul li a.active i::before,
.dashbord-sidebar-nav ul li a:hover i::before {
  -webkit-text-fill-color: transparent;
}
.dashbord-sidebar-nav ul li a.active span,
.dashbord-sidebar-nav ul li a:hover span {
  color: #fff;
}
.dashbord-sidebar-nav ul li a.active span::before,
.dashbord-sidebar-nav ul li a:hover span::before {
  opacity: 0.41;
}
.dashbord-sidebar-logout {
  padding: 31px 0 30px;
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  color: #757d91;
  background: url("./../images/background/bg-exit.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  margin-top: auto;
}
.dashbord-sidebar-logout i {
  color: #979bb0;
  font-size: 20px;
  margin-right: 6px;
}
.dashbord-sidebar-logout::before {
  width: 263px;
  height: 201px;
  background-image: url("./../images/background/bg-aside-dashbord-2.png");
  opacity: 0.09;
  -webkit-filter: blur(20px);
  filter: blur(20px);
  pointer-events: none;
}
.dashbord-header,
.dashbord-content {
  margin: 21px 39px 0 314px;
}
.dashbord-header {
  margin-bottom: 39px;
  background: #262c3a url("./../images/background/bg-dashbord-header.png") 0 0
    no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  padding: 17px 30px 15px 41px;
}
.dashbord-header::before {
  background-color: rgba(38, 44, 58, 0.27);
  -webkit-border-radius: inherit;
  -moz-border-radius: inherit;
  border-radius: inherit;
  top: 8px;
  right: 7px;
}
.dashbord-header-logo {
  margin-right: auto;
}
.dashbord-header-search {
  max-width: 284px;
  margin-right: 13px;
}
.dashbord-header-search .form-control {
  background-color: #29303e;
  border-color: #2f3543;
  font-weight: 500;
  line-height: 18px;
  color: #757d91;
  padding: 0 16px 0 48px;
}
.dashbord-header-search button {
  font-size: 15px;
  color: #757d91;
  top: 50%;
  left: 20px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.dashbord-header-search-backdrop {
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.dashbord-header .btn-icon {
  width: 44px;
  height: 44px;
  background-color: #2d3443;
  font-size: 20px;
  color: #8c90a1;
}
.dashbord-header .btn-icon:hover {
  background-color: #8f2ffd;
  color: #fff;
}
.dashbord-header-btn-search.btn-icon {
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#fba729),
    to(#7e5415)
  );
  background-image: -webkit-linear-gradient(top, #fba729 0%, #7e5415 100%);
  background-image: -moz-linear-gradient(top, #fba729 0%, #7e5415 100%);
  background-image: -o-linear-gradient(top, #fba729 0%, #7e5415 100%);
  background-image: linear-gradient(180deg, #fba729 0%, #7e5415 100%);
  color: #fff;
}
.dashbord-header .notification {
  margin: 0 11px 0 13px;
}
.dashbord-header .notification span {
  width: 15.4px;
  height: 15.4px;
  background-color: #f64e64;
  border: 1px solid #313448;
  color: #fff;
  color: #fff;
  font-size: 8px;
  font-weight: 800;
  top: 10.2px;
  right: 9.9px;
  text-indent: -2px;
}
.dashbord-header .btn i {
  font-size: 17px;
  margin-right: 5px;
}
.dashbord-header-btn-nav {
  width: 44px;
  height: 44px;
}
.dashbord-content {
  margin-top: 0;
}
@media only screen and (max-width: 1399px) {
  .dashbord-header,
  .dashbord-content {
    margin-right: 28px;
    margin-left: 300px;
  }
}
@media only screen and (max-width: 1199px) {
  .dashbord-sidebar {
    opacity: 0;
    visibility: hidden;
    max-width: 100%;
  }
  .dashbord-sidebar-content {
    left: -275px;
  }
  .dashbord-sidebar.opened {
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
  }
  .dashbord-sidebar.opened .dashbord-sidebar-content {
    left: 0;
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
  }
  .dashbord-header,
  .dashbord-content {
    margin-right: 12px;
    margin-left: 12px;
  }
}
@media only screen and (max-width: 991px) {
  .dashbord-header {
    margin: 0 0 35px;
    padding: 19px 10px 19px 11px;
  }
  .dashbord-header,
  .dashbord-header::before {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  .dashbord-header::before {
    right: 0;
  }
  .dashbord-content {
    margin: 0;
    padding: 0 12px;
  }
}
@media only screen and (max-width: 767px) {
  .dashbord-header {
    background-image: url("./../images/background/bg-dashbord-header-2.png");
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
  }
  .dashbord-header-logo img {
    height: 50px;
    width: auto;
  }
  .dashbord-header .btn-icon,
  .dashbord-header-btn-nav {
    width: 40px;
    height: 40px;
  }
  .dashbord-header .notification {
    background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(#f6509c),
      to(#7b284e)
    );
    background-image: -webkit-linear-gradient(top, #f6509c 0%, #7b284e 100%);
    background-image: -moz-linear-gradient(top, #f6509c 0%, #7b284e 100%);
    background-image: -o-linear-gradient(top, #f6509c 0%, #7b284e 100%);
    background-image: linear-gradient(180deg, #f6509c 0%, #7b284e 100%);
    color: #fff;
    font-size: 20px;
  }
  .dashbord-header .notification span {
    top: 7.2px;
    right: 8.9px;
  }
  .dashbord-header-btn-search.btn-icon {
    font-size: 17px;
  }
  .dashbord-header-search {
    position: fixed;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 999;
    max-width: 100%;
    margin: 0;
    padding: 12px;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
  }
  .dashbord-header-search,
  .dashbord-header-search input,
  .dashbord-header-search button {
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  .dashbord-header-search input {
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    transform: translateY(-100px);
  }
  .dashbord-header-search button {
    -webkit-transform: translateY(-110px);
    -moz-transform: translateY(-110px);
    -ms-transform: translateY(-110px);
    -o-transform: translateY(-110px);
    transform: translateY(-110px);
  }
  .dashbord-header-search.opened {
    opacity: 1;
    visibility: visible;
  }
  .dashbord-header-search.opened input {
    -webkit-transform: unset;
    -moz-transform: unset;
    -ms-transform: unset;
    -o-transform: unset;
    transform: unset;
  }
  .dashbord-header-search.opened button {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
@media only screen and (max-width: 575px) {
  .dashbord-header-logo img {
    height: 45px;
  }
}

.table {
  max-width: 100%;
  width: 100%;
  border-collapse: separate;
  text-align: left;
  border-spacing: 0 13px;
}
.table label {
  margin-right: 8px;
  cursor: pointer;
}
.table label span {
  width: 17px;
  height: 17px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.06);
}
.table label span::before {
  content: "\e90f";
  font-family: "icomoon";
  font-size: 7px;
  color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0;
}
.table label input:checked + span {
  background-color: #fa4b68;
}
.table label input:checked + span::before {
  opacity: 1;
}
.table thead tr,
.table tbody tr {
  z-index: 2;
}
.table thead tr::before,
.table tbody tr::before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(255, 255, 255, 0.1);
  z-index: -2;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}
.table thead tr th,
.table tbody tr td {
  white-space: nowrap;
}
.table thead tr th,
.table thead tr th.type i,
.table thead tr th button,
.table tbody tr td,
.table tbody tr td.type i,
.table tbody tr td button {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.table thead tr::before {
  background-color: #222836;
  opacity: 0.72;
}
.table thead tr th {
  font-size: 12px;
  font-family: "IRANYekan";
  font-weight: 600;
  color: #a3a4ae;
  padding: 13px 12px 10px;
}
.table thead tr th:first-child {
  padding-left: 14px;
}
.table thead tr th:last-child {
  padding-right: 24px;
}
.table tbody tr::before {
  background-color: #1e2330;
  opacity: 0.77;
}
.table tbody tr td {
  font-size: 12px;
  font-weight: 500;
  color: #a3a4ae;
  line-height: 15px;
  padding: 20px 12px;
}
.table tbody tr td:first-child {
  padding-left: 15px;
}
.table tbody tr td:last-child {
  padding-right: 25px;
}
.table .icons {
  top: 0;
  right: 27px;
  width: 150px;
  height: 100%;
  gap: 6px;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(30px);
  -moz-transform: translateY(30px);
  -ms-transform: translateY(30px);
  -o-transform: translateY(30px);
  transform: translateY(30px);
}
.table .icons button {
  width: 25px;
  height: 25px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #2c3344;
  font-size: 13px;
  color: #a3a4ae;
}
.table .icons button:hover {
  background-color: #a77a12;
}
.table .icons button:hover i {
  color: #fff;
}
.table tr.show-icons .icons {
  opacity: 1;
  visibility: visible;
  -webkit-transform: unset;
  -moz-transform: unset;
  -ms-transform: unset;
  -o-transform: unset;
  transform: unset;
}
@media only screen and (max-width: 991px) {
  .table-responsive {
    overflow: auto hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .table-responsive::-webkit-scrollbar {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .table thead {
    display: none;
  }
}

.discount-box {
  background-image: -webkit-linear-gradient(
    232.3deg,
    #252b3a 18.99%,
    rgba(80, 56, 63, 0.212) 89.98%
  );
  background-image: -moz-linear-gradient(
    232.3deg,
    #252b3a 18.99%,
    rgba(80, 56, 63, 0.212) 89.98%
  );
  background-image: -o-linear-gradient(
    232.3deg,
    #252b3a 18.99%,
    rgba(80, 56, 63, 0.212) 89.98%
  );
  background-image: linear-gradient(
    217.7deg,
    #252b3a 18.99%,
    rgba(80, 56, 63, 0.212) 89.98%
  );
  border: 1px dashed rgba(255, 255, 255, 0.2);
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border-radius: 13px;
  padding: 0 20px 8px 10px;
  margin: 27px 0;
}
.discount-box img {
  mix-blend-mode: lighten;
  margin-right: 10px;
}
.discount-box .detail {
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
  color: #8c90a1;
}
.discount-box .detail .price {
  margin-top: 7px;
}
.discount-box .detail .price del,
.discount-box .detail .price span {
  font-size: 14px;
  font-weight: 600;
}
.discount-box .detail .price del {
  color: #d9035a;
}
.discount-box .detail .price span {
  margin: 0 8px;
  color: #fff;
}

.total-price {
  border: 1px dashed rgba(255, 255, 255, 0.2);
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border-radius: 13px;
  padding: 9px 11px 11px 32px;
  background-color: #1d222e;
  color: #8c90a1;
  font-size: 12px;
  line-height: 21px;
}
.total-price .left,
.total-price .right {
  max-width: 50%;
  width: 100%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.total-price .left span,
.total-price .right span {
  font-size: 16px;
  font-weight: 900;
  line-height: 27px;
}
.total-price .left span {
  color: #28c76f;
}
.total-price .right {
  background-color: #252b3a;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
  padding: 12px 8px;
}
.total-price .right span {
  color: #fff;
}
@media only screen and (max-width: 575px) {
  .total-price {
    padding: 11px 15px 11px;
  }
}
@media only screen and (max-width: 369px) {
  .total-price .left span,
  .total-price .right span {
    font-size: 14px;
  }
}

.pagination {
  gap: 11px;
}
.pagination li {
  font-family: "Yekan Bakh";
  color: #757d91;
}
.pagination li a {
  width: 30px;
  height: 30px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #242937;
  font-size: 10px;
  font-weight: 800;
  color: #757d91;
}
.pagination li a:hover {
  background-color: #8f2ffd;
  -webkit-box-shadow: 0 5px 30px rgba(27, 126, 240, 0.35);
  -moz-box-shadow: 0 5px 30px rgba(27, 126, 240, 0.35);
  box-shadow: 0 5px 30px rgba(27, 126, 240, 0.35);
  color: #fff;
}
.pagination li.dots {
  font-family: "IRANYekan";
  font-size: 12px;
  font-weight: bold;
  line-height: 21px;
}
.pagination li.total-pages {
  font-size: 11px;
  font-weight: bold;
}
.pagination li.total-pages span {
  font-size: 12px;
  margin-right: 7px;
}
.pagination li.next a {
  font-size: 9px;
  background-color: transparent;
  color: #73747e;
  width: auto;
  height: auto;
}
.pagination-lg li a {
  width: 38px;
  height: 38px;
  font-size: 14px;
  font-weight: 800;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.pagination-lg li.total-page {
  font-size: 14px;
  font-weight: bold;
}
.pagination-lg li.next a {
  font-size: 12px;
}

.card {
  background-color: #1d222e;
  padding-bottom: 41px;
}
.card-heading {
  padding: 25px 17px 25px 21px;
  -webkit-border-radius: 12px 12px 0 0;
  -moz-border-radius: 12px 12px 0 0;
  border-radius: 12px 12px 0 0;
  background-color: #202533;
  margin-bottom: 31px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.card-title {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  color: #f6faff;
  padding-left: 5px;
}
.card-title::before {
  width: 3px;
  height: 12px;
  background-color: #df8228;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.card-back {
  font-size: 18px;
  font-weight: 300;
  color: #757d91;
}
.card-back i {
  width: 32px;
  height: 32px;
  background-color: #2d3443;
  font-size: 9px;
  color: #a3a4ae;
  margin-left: 7px;
}
.card-back:hover {
  color: #fff;
}
.card-back:hover i {
  background-color: #8f2ffd;
  color: #fff;
}
.card-body {
  padding: 0 20px;
}
.card-body form label {
  font-size: 12px;
  font-weight: 500;
  line-height: 21px;
  margin-bottom: 4px;
  color: #757d91;
  display: inline-block;
}
.card-body form label .danger {
  color: #cb2f54;
}
.card-body form label i {
  font-size: 12px;
  color: #8c90a1;
  margin-left: 2px;
}
.card-body form .form-group {
  margin-bottom: 13px;
}
.card-body form .form-control {
  height: 53px;
}
.card-body form select.form-control {
  background-color: #1b1f2a;
  border-color: #282c37;
}
.card-body form select.form-control:focus {
  border-color: #8f2ffd;
}
@media only screen and (max-width: 575px) {
  .card-heading {
    padding: 34px 21px 28px;
    margin-bottom: 33px;
  }
  .card-heading::before {
    content: none;
  }
  .card-body {
    padding: 0 10px;
  }
}

.domain .form-control {
  padding: 0 140px 0 18px;
}
.domain label {
  padding: 12px 10px 12px 30px;
  top: 50%;
  right: 8px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #1d222e;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 500;
  color: #8c90a1;
  cursor: pointer;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.domain label i {
  margin-left: 6px;
}
.domain label::before {
  width: 17px;
  height: 17px;
  background-color: rgba(255, 255, 255, 0.06);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  top: 50%;
  left: 9px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: "icomoon";
  font-size: 6px;
  text-indent: -1px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #fff;
}
.domain input:checked + label {
  background-color: #252b3a;
  color: #fff;
}
.domain input:checked + label::before {
  content: "\e90f";
  background-color: #8f2ffd;
}
@media only screen and (max-width: 1199px) {
  .domain label i::after {
    -webkit-transform: translate(-85%, 0);
    -moz-transform: translate(-85%, 0);
    -ms-transform: translate(-85%, 0);
    -o-transform: translate(-85%, 0);
    transform: translate(-85%, 0);
  }
  .domain label i:hover::after {
    -webkit-transform: translate(-85%, -12px);
    -moz-transform: translate(-85%, -12px);
    -ms-transform: translate(-85%, -12px);
    -o-transform: translate(-85%, -12px);
    transform: translate(-85%, -12px);
  }
}

.keywords {
  gap: 8px;
  margin-bottom: 33px;
}
.keywords input {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 -webkit-calc(25% - 23px);
  -moz-box-flex: 0;
  -ms-flex: 0 0 calc(25% - 23px);
  flex: 0 0 calc(25% - 23px);
  -webkit-transition: 0s;
  -o-transition: 0s;
  -moz-transition: 0s;
  transition: 0s;
}
.keywords input:nth-child(4n-3):not(:nth-last-child(5)),
.keywords input:nth-child(4n-2):not(:nth-last-child(4)),
.keywords input:nth-child(4n-1):not(:nth-last-child(3)),
.keywords input:nth-child(4n):not(:nth-last-child(2)) {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 -webkit-calc(25% - 6px);
  -moz-box-flex: 0;
  -ms-flex: 0 0 calc(25% - 6px);
  flex: 0 0 calc(25% - 6px);
}
.keywords button {
  margin-left: 14px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-color: #202533;
  border: 1px dashed #565b6b;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 45px;
  height: 60px;
  color: #979bb0;
  font-size: 14px;
}
@media only screen and (max-width: 991px) {
  .keywords input,
  .keywords input:nth-child(4n-3):not(:nth-last-child(5)),
  .keywords input:nth-child(4n-2):not(:nth-last-child(4)),
  .keywords input:nth-child(4n-1):not(:nth-last-child(3)),
  .keywords input:nth-child(4n):not(:nth-last-child(2)) {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 -webkit-calc(33.333333% - 28px);
    -moz-box-flex: 0;
    -ms-flex: 0 0 calc(33.333333% - 28px);
    flex: 0 0 calc(33.333333% - 28px);
  }
  .keywords input:nth-child(3n-2):not(:nth-last-child(4)),
  .keywords input:nth-child(3n-1):not(:nth-last-child(3)),
  .keywords input:nth-child(3n):not(:nth-last-child(2)) {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 -webkit-calc(33.333333% - 6px);
    -moz-box-flex: 0;
    -ms-flex: 0 0 calc(33.333333% - 6px);
    flex: 0 0 calc(33.333333% - 6px);
  }
}
@media only screen and (max-width: 767px) {
  .keywords input,
  .keywords input:nth-child(4n-3):not(:nth-last-child(5)),
  .keywords input:nth-child(4n-2):not(:nth-last-child(4)),
  .keywords input:nth-child(4n-1):not(:nth-last-child(3)),
  .keywords input:nth-child(4n):not(:nth-last-child(2)),
  .keywords input:nth-child(3n-2):not(:nth-last-child(4)),
  .keywords input:nth-child(3n-1):not(:nth-last-child(3)),
  .keywords input:nth-child(3n):not(:nth-last-child(2)) {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 -webkit-calc(50% - 38px);
    -moz-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 38px);
    flex: 0 0 calc(50% - 38px);
  }
  .keywords input:nth-child(2n-1):not(:nth-last-child(3)),
  .keywords input:nth-child(2n):not(:nth-last-child(2)) {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 -webkit-calc(50% - 4px);
    -moz-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 4px);
    flex: 0 0 calc(50% - 4px);
  }
}
@media only screen and (max-width: 575px) {
  .keywords input,
  .keywords input:nth-child(4n-3):not(:nth-last-child(5)),
  .keywords input:nth-child(4n-2):not(:nth-last-child(4)),
  .keywords input:nth-child(4n-1):not(:nth-last-child(3)),
  .keywords input:nth-child(4n):not(:nth-last-child(2)),
  .keywords input:nth-child(3n-2):not(:nth-last-child(4)),
  .keywords input:nth-child(3n-1):not(:nth-last-child(3)),
  .keywords input:nth-child(3n):not(:nth-last-child(2)),
  .keywords input:nth-child(2n-1):not(:nth-last-child(3)),
  .keywords input:nth-child(2n):not(:nth-last-child(2)) {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  .keywords .btn-add {
    max-width: 100%;
    margin-left: 0;
    width: 100%;
  }
}

.custom-check label {
  padding-left: 23px;
  margin-top: 10px;
  font-size: 12px;
  font-weight: 500;
  color: #8c90a1;
  cursor: pointer;
}
.custom-check label::before,
.custom-check label::after {
  top: 50%;
  left: 0;
  width: 17px;
  height: 17px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.custom-check label::before {
  content: "";
  background-color: rgba(255, 255, 255, 0.06);
}
.custom-check label::after {
  content: "\e90f";
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 8px;
  color: #fff;
  font-family: "icomoon";
  opacity: 0;
}
.custom-check input:checked + label::before {
  background-color: #fa4b68;
}
.custom-check input:checked + label::after {
  opacity: 1;
}

.switch label {
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
  color: #757d91;
  padding-right: 62px;
  cursor: pointer;
}
.switch label::before,
.switch label::after {
  content: "";
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.switch label::before {
  width: 51px;
  height: 25px;
  background-color: #272d3d;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  top: 0;
  right: 0;
}
.switch label::after {
  background-color: #5e6275;
  width: 17px;
  height: 17px;
  top: 4px;
  right: 28px;
}
.switch input:checked + label::after {
  right: 6px;
  background-color: #df8228;
}

.article {
  background-color: #1d222e;
  -webkit-border-radius: 27px;
  -moz-border-radius: 27px;
  border-radius: 27px;
  padding: 17px 12px 23px 17px;
}
.article figure img {
  -webkit-border-radius: 28px;
  -moz-border-radius: 28px;
  border-radius: 28px;
  -o-object-fit: cover;
  object-fit: cover;
}
.article h2 {
  margin: 18px 0 17px;
  font-size: 18px;
  font-weight: bold;
  line-height: 31px;
  color: #acb3c9;
}
.article h2::after {
  content: "";
  position: absolute;
  top: -webkit-calc(100% + 6px);
  top: -moz-calc(100% + 6px);
  top: calc(100% + 6px);
  left: 0;
  width: 68px;
  height: 1px;
  background-color: #2e3643;
}
.article h2 a:hover {
  color: #8f2ffd;
}
.article p {
  font-size: 14px;
  line-height: 24px;
  color: #8c90a1;
  padding-bottom: 10px;
  margin-bottom: 18px;
  border-bottom: 1px dashed rgba(223, 223, 223, 0.1);
}
.article .author {
  font-size: 12px;
  line-height: 18px;
  color: #7d8192;
}
.article .author img {
  border: 2px solid rgba(0, 0, 0, 0.18);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-right: 11px;
}
.article .author:hover {
  color: #8f2ffd;
}
.article ul li {
  font-size: 12px;
  line-height: 19px;
  color: #7d8192;
}
.article ul li:not(:last-child) {
  margin-right: 28px;
}
.article ul li i {
  margin-right: 10px;
  font-size: 16px;
  color: #474b5b;
}
@media only screen and (max-width: 1399px) {
  .article .author img,
  .article ul li:not(:last-child) {
    margin-right: 8px;
  }
}
@media only screen and (max-width: 1199px) {
  .article {
    padding: 17px 12px 23px;
  }
  .article .ul li i {
    font-size: 14px;
    margin-right: 5px;
  }
}

.article-two {
  -webkit-border-radius: 27px;
  -moz-border-radius: 27px;
  border-radius: 27px;
  background-color: #1d222e;
  padding-left: 17px;
}
.article-two figure {
  padding: 18px 15px 0 0;
}
.article-two figure img {
  -webkit-border-radius: 28px;
  -moz-border-radius: 28px;
  border-radius: 28px;
}
.article-two h2 {
  margin: 22px 17px 10px 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 31px;
}
.article-two h2::after {
  content: "";
  position: absolute;
  top: -webkit-calc(100% + 6px);
  top: -moz-calc(100% + 6px);
  top: calc(100% + 6px);
  left: 0;
  width: 68px;
  height: 1px;
  background-color: #2e3643;
}
.article-two h2 a:hover {
  color: #8f2ffd;
}
.article-two .author {
  line-height: 21px;
  color: #7d8192;
}
.article-two .author img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-right: 13px;
  border: 2px solid rgba(0, 0, 0, 0.18);
}
.article-two .view-more {
  -webkit-border-radius: 19px 0 17px 0;
  -moz-border-radius: 19px 0 17px 0;
  border-radius: 19px 0 17px 0;
  background-color: #242936;
  padding: 17px 25px 21px 31px;
  color: #acb3c9;
}
.article-two .view-more i {
  margin-left: 9px;
  font-size: 20px;
  color: #5e6275;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.article-two:hover .view-more {
  background-color: #8f2ffd;
}
.article-two:hover .view-more,
.article-two:hover .view-more i {
  color: #fff;
}
@media only screen and (max-width: 1199px) {
  .article-two {
    padding-left: 14px;
  }
  .article-two .view-more {
    padding: 17px 16px 21px;
    font-size: 13px;
  }
  .article-two .view-more i {
    font-size: 18px;
    margin-left: 6px;
  }
}
@media only screen and (max-width: 575px) {
  .article-two .author,
  .article-two .view-more {
    font-size: 12px;
  }
}

.top-header {
  margin-top: 35px;
}
.top-header-wrapper {
  padding: 17px 25px 16px 37px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #262c3a url("./../images/background/bg-header.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}
.top-header-wrapper::before {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  top: 8px;
  right: -7px;
  left: -7px;
  background-color: rgba(38, 44, 58, 0.62);
}
.top-header-logo {
  margin-right: 149px;
}
.top-header-nav ul li:not(:last-child) {
  margin-right: 28px;
}
.top-header-nav ul li a {
  font-weight: 500;
}
.top-header-nav ul li a:hover {
  color: #8f2ffd;
}
.top-header-auth {
  margin-left: auto;
}
.top-header-auth i {
  margin-right: 4px;
  font-size: 19px;
}
.top-header-btn-nav {
  font-size: 18px;
  width: 40px;
  height: 40px;
  margin-left: 8px;
  line-height: 40px;
}
@media only screen and (max-width: 1199px) {
  .top-header-logo {
    margin-right: 48px;
  }
}
@media only screen and (max-width: 991px) {
  .top-header-auth {
    height: 40px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 575px) {
  .top-header {
    margin-top: 0;
    background: #262c3a url("./../images/background/bg-header-2.png") 0 0
      no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
  }
  .top-header-wrapper {
    background: unset;
    padding: 16px 0;
  }
  .top-header-wrapper::before {
    right: -12px;
    left: -12px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  .top-header-auth {
    max-width: 40px;
  }
  .top-header-auth i {
    margin-right: 0;
    color: #fff2f8;
  }
  .top-header-auth i::before {
    content: "\e90d";
  }
}

.nav-responsive {
  z-index: 999;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
  opacity: 0;
  visibility: hidden;
}
.nav-responsive,
.nav-responsive-backdrop {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.nav-responsive-backdrop {
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}
.nav-responsive-content {
  top: 0;
  left: -280px;
  background-color: #202533;
  padding: 20px 12px;
  overflow: hidden auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  height: 100%;
  width: 280px;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}
.nav-responsive-content::-webkit-scrollbar {
  display: none;
}
.nav-responsive-content ul {
  margin-top: 32px;
}
.nav-responsive-content ul li:not(:last-child) {
  margin-bottom: 10px;
}
.nav-responsive-content ul li a {
  line-height: 48px;
  color: #757d91;
  font-size: 16px;
  font-weight: 500;
  padding: 0 20px;
}
.nav-responsive-content ul li a:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.06);
}
.nav-responsive.opened {
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  opacity: 1;
  visibility: visible;
}
.nav-responsive.opened .nav-responsive-content {
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
  left: 0;
}

.footer {
  margin-top: 145px;
}
.footer-wrapper {
  background: #262c3a url("./../images/background/bg-footer.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}
.footer-wrapper,
.footer-wrapper::before,
.footer-wrapper::after {
  -webkit-border-radius: 25px 25px 0 0;
  -moz-border-radius: 25px 25px 0 0;
  border-radius: 25px 25px 0 0;
}
.footer-wrapper::before,
.footer-wrapper::after {
  top: -8px;
  right: -10px;
  left: -9px;
}
.footer-wrapper::before {
  background-image: -webkit-linear-gradient(
    255.67deg,
    #8f2ffd 20.08%,
    #f6509c 89.83%
  );
  background-image: -moz-linear-gradient(
    255.67deg,
    #8f2ffd 20.08%,
    #f6509c 89.83%
  );
  background-image: -o-linear-gradient(
    255.67deg,
    #8f2ffd 20.08%,
    #f6509c 89.83%
  );
  background-image: linear-gradient(194.33deg, #8f2ffd 20.08%, #f6509c 89.83%);
  background-blend-mode: screen;
  mix-blend-mode: screen;
  opacity: 0.15;
  -webkit-filter: blur(50px);
  filter: blur(50px);
}
.footer-wrapper::after {
  background-color: rgba(38, 44, 58, 0.43);
}
.footer-content {
  padding: 34px 35px 0 60px;
}
.footer-title {
  line-height: 19px;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  margin-bottom: 29px;
}
.footer-title::before {
  width: 26px;
  height: 15px;
  -webkit-transform: translate(-2px, -50%);
  -moz-transform: translate(-2px, -50%);
  -ms-transform: translate(-2px, -50%);
  -o-transform: translate(-2px, -50%);
  transform: translate(-2px, -50%);
  top: 50%;
  background-image: -webkit-linear-gradient(
    349.74deg,
    rgba(246, 80, 156, 0.4) 14.18%,
    rgba(143, 47, 253, 0) 94.9%
  );
  background-image: -moz-linear-gradient(
    349.74deg,
    rgba(246, 80, 156, 0.4) 14.18%,
    rgba(143, 47, 253, 0) 94.9%
  );
  background-image: -o-linear-gradient(
    349.74deg,
    rgba(246, 80, 156, 0.4) 14.18%,
    rgba(143, 47, 253, 0) 94.9%
  );
  background-image: linear-gradient(
    100.26deg,
    rgba(246, 80, 156, 0.4) 14.18%,
    rgba(143, 47, 253, 0) 94.9%
  );
}
.footer-nav li:not(:last-child) {
  margin-bottom: 10px;
}
.footer-nav li a {
  line-height: 30px;
  color: #acb3c9;
}
.footer-nav li a::before {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  background-color: rgba(255, 255, 255, 0.03);
  left: -10px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0;
}
.footer-nav li a:hover {
  color: #fff;
}
.footer-nav li a:hover::before {
  opacity: 1;
}
.footer-socials {
  margin-left: 60px;
}
.footer-socials::before {
  background-color: rgba(172, 179, 201, 0.41);
  width: 1px;
  height: 25px;
  top: 50%;
  -webkit-transform: translate(-31px, -50%);
  -moz-transform: translate(-31px, -50%);
  -ms-transform: translate(-31px, -50%);
  -o-transform: translate(-31px, -50%);
  transform: translate(-31px, -50%);
}
.footer-socials li:not(:last-child) {
  margin-right: 25px;
}
.footer-socials li a {
  color: #acb3c9;
  font-size: 18px;
}
.footer-socials li a:hover {
  color: #fff;
  -webkit-filter: drop-shadow(0 3px 6px rgba(246, 80, 156, 0.6));
  filter: drop-shadow(0 3px 6px rgba(246, 80, 156, 0.6));
}
.footer p {
  font-size: 12px;
  line-height: 28px;
  color: #acb3c9;
  margin-top: 22px;
}
.footer-copyright {
  margin-top: 27px;
  background-color: rgba(255, 255, 255, 0.03);
  padding: 15px 58px 15px 55px;
}
.footer-copyright span {
  line-height: 18px;
  color: #dbe1f3;
}
.footer-copyright span i {
  margin-left: 7px;
  color: #f6509c;
}
@media only screen and (max-width: 991px) {
  .footer {
    background: #262c3a url("./../images/background/bg-footer.png") center
      no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  .footer::before {
    background-color: rgba(38, 44, 58, 0.43);
    -webkit-transform: translateY(-8.5px);
    -moz-transform: translateY(-8.5px);
    -ms-transform: translateY(-8.5px);
    -o-transform: translateY(-8.5px);
    transform: translateY(-8.5px);
  }
  .footer-wrapper {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: transparent;
  }
  .footer-wrapper::before,
  .footer-wrapper::after {
    content: none;
  }
  .footer-content {
    padding: 32px 0;
  }
  .footer-logo-socials {
    margin-bottom: 25px;
  }
  .footer-copyright {
    padding: 15px 0;
    background-color: transparent;
  }
  .footer-copyright::before {
    background-color: rgba(255, 255, 255, 0.03);
    width: 200vw;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
@media only screen and (max-width: 767px) {
  .footer {
    margin-top: 52px;
  }
}
@media only screen and (max-width: 369px) {
  .footer-title,
  .footer-nav li a {
    font-size: 12px;
  }
}

.landing {
  margin: 76px 0 110px;
}
.landing::before {
  background-image: url("./../images/background/bg-landing.png");
  height: 207%;
  -webkit-transform: translateY(-202px);
  -moz-transform: translateY(-202px);
  -ms-transform: translateY(-202px);
  -o-transform: translateY(-202px);
  transform: translateY(-202px);
}
.landing .sup-title,
.landing .title {
  font-size: 42px;
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.landing .sup-title {
  color: #fff;
  line-height: 53px;
}
.landing .title {
  color: #cfe1f6;
  line-height: 40px;
  margin-bottom: 48px;
}
.landing p {
  font-weight: 500;
  color: #acb3c9;
  line-height: 25px;
  margin-bottom: 28px;
  max-width: 517px;
  width: 100%;
}
.landing .btns {
  gap: 14px;
}
.landing .btns .btn {
  height: 49px;
  line-height: 49px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  font-weight: 400;
  max-width: 144px;
}
.landing .btns .btn + .btn {
  max-width: 119px;
}
@media only screen and (max-width: 991px) {
  .landing::before {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-transform: translateY(-500px);
    -moz-transform: translateY(-500px);
    -ms-transform: translateY(-500px);
    -o-transform: translateY(-500px);
    transform: translateY(-500px);
  }
  .landing p {
    max-width: 100%;
  }
  .landing img {
    margin-bottom: 12px;
  }
  .landing .btns .btn,
  .landing .btns .btn + .btn {
    max-width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .landing {
    margin: 55px 0 33px;
  }
}
@media only screen and (max-width: 575px) {
  .landing::before {
    -webkit-transform: translateY(-400px);
    -moz-transform: translateY(-400px);
    -ms-transform: translateY(-400px);
    -o-transform: translateY(-400px);
    transform: translateY(-400px);
  }
  .landing .title {
    font-size: 36px;
  }
}
@media only screen and (max-width: 414px) {
  .landing .title {
    font-size: 27px;
    margin-bottom: 35px;
  }
}

.options-home .row {
  gap: 32px 0;
}
.options-home-item {
  -webkit-border-radius: 34px;
  -moz-border-radius: 34px;
  border-radius: 34px;
  padding: 42px 22px 37px;
  height: 100%;
}
.options-home-item::before,
.options-home-item::after {
  -webkit-border-radius: inherit;
  -moz-border-radius: inherit;
  border-radius: inherit;
}
.options-home-item::before {
  background: #1d222e url("./../images/pattern.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.28);
  -moz-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.28);
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.28);
  opacity: 0.55;
}
.options-home-item::after {
  background-image: -webkit-linear-gradient(
    88.47deg,
    #f6509c -30.51%,
    #8f2ffd 57.21%
  );
  background-image: -moz-linear-gradient(
    88.47deg,
    #f6509c -30.51%,
    #8f2ffd 57.21%
  );
  background-image: -o-linear-gradient(
    88.47deg,
    #f6509c -30.51%,
    #8f2ffd 57.21%
  );
  background-image: linear-gradient(1.53deg, #f6509c -30.51%, #8f2ffd 57.21%);
  top: -9px;
  right: -9px;
  bottom: -11px;
  left: -9px;
  opacity: 0;
}
.options-home-item::before,
.options-home-item::after,
.options-home-item .image::before,
.options-home-item h2,
.options-home-item h2::before,
.options-home-item p {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.options-home-item .image {
  margin: 0 auto;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.options-home-item .image::before {
  width: 127px;
  height: 127px;
  background-color: #1d222e;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.options-home-item h2 {
  margin: 35px 0 18px;
  font-size: 18px;
  font-weight: bold;
  color: #acb3c9;
  line-height: 31px;
}
.options-home-item h2::before {
  background: url("./../images/pattern-2.png") 0 0 no-repeat,
    -webkit-linear-gradient(88.47deg, #f6509c -30.51%, #8f2ffd 57.21%);
  background: url("./../images/pattern-2.png") 0 0 no-repeat,
    -moz-linear-gradient(88.47deg, #f6509c -30.51%, #8f2ffd 57.21%);
  background: url("./../images/pattern-2.png") 0 0 no-repeat,
    -o-linear-gradient(88.47deg, #f6509c -30.51%, #8f2ffd 57.21%);
  background: url("./../images/pattern-2.png") 0 0 no-repeat,
    linear-gradient(1.53deg, #f6509c -30.51%, #8f2ffd 57.21%);
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  -webkit-border-radius: 34px;
  -moz-border-radius: 34px;
  border-radius: 34px;
  opacity: 0;
}
.options-home-item p {
  color: rgba(140, 144, 161, 0.87);
  line-height: 24px;
}
.options-home-item:hover::after {
  opacity: 0.31;
}
.options-home-item:hover .image::before {
  background-color: #973dff;
}
.options-home-item:hover h2 {
  color: #fff;
}
.options-home-item:hover h2::before {
  opacity: 1;
}
.options-home-item:hover p {
  color: #dbe1f3;
}

.absout-us-home {
  margin: 110px 0 119px;
}
.absout-us-home::before {
  height: 181%;
  -webkit-transform: translateY(-230px);
  -moz-transform: translateY(-230px);
  -ms-transform: translateY(-230px);
  -o-transform: translateY(-230px);
  transform: translateY(-230px);
  background-image: url("./../images/background/bg-about-us-home.png");
  -webkit-filter: blur(50px);
  filter: blur(50px);
}
.absout-us-home .image {
  padding: 12px 12px 11px;
  background-color: #1e232f;
}
.absout-us-home .image,
.absout-us-home .image img {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.absout-us-home .content {
  margin-left: 21px;
}
.absout-us-home .content h2 {
  color: #fff;
  font-size: 42px;
  font-weight: 500;
  line-height: 52px;
  margin-bottom: 31px;
}
.absout-us-home .content h2 span {
  color: #acb3c9;
}
.absout-us-home .content p {
  line-height: 32px;
  color: #acb3c9;
}
@media only screen and (max-width: 991px) {
  .absout-us-home::before {
    background-image: cover;
  }
  .absout-us-home .content {
    margin: 44px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .absout-us-home {
    margin: 56px 0 37px;
  }
}
@media only screen and (max-width: 575px) {
  .absout-us-home::before {
    -webkit-transform: translateY(-310px) rotate(41deg);
    -moz-transform: translateY(-310px) rotate(41deg);
    -ms-transform: translateY(-310px) rotate(41deg);
    -o-transform: translateY(-310px) rotate(41deg);
    transform: translateY(-310px) rotate(41deg);
  }
  .absout-us-home .content h2 {
    font-size: 37px;
    line-height: 45px;
    margin-bottom: 23px;
  }
}

.steps::before {
  top: 45px;
  height: 179px;
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#13161e),
    to(rgba(19, 22, 30, 0))
  );
  background-image: -webkit-linear-gradient(
    bottom,
    #13161e 0%,
    rgba(19, 22, 30, 0) 100%
  );
  background-image: -moz-linear-gradient(
    bottom,
    #13161e 0%,
    rgba(19, 22, 30, 0) 100%
  );
  background-image: -o-linear-gradient(
    bottom,
    #13161e 0%,
    rgba(19, 22, 30, 0) 100%
  );
  background-image: linear-gradient(0deg, #13161e 0%, rgba(19, 22, 30, 0) 100%);
}
.steps .row {
  gap: 29px 0;
}
.steps-item {
  padding: 36px 15px 21px;
}
.steps-item::before,
.steps-item::after {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.steps-item::before {
  background-color: #1d222e;
  -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.28);
  -moz-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.28);
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.28);
  opacity: 0.55;
}
.steps-item::after {
  background-image: -webkit-linear-gradient(
    289.93deg,
    #8f2ffd 38.04%,
    #f6509c 97.58%
  );
  background-image: -moz-linear-gradient(
    289.93deg,
    #8f2ffd 38.04%,
    #f6509c 97.58%
  );
  background-image: -o-linear-gradient(
    289.93deg,
    #8f2ffd 38.04%,
    #f6509c 97.58%
  );
  background-image: linear-gradient(160.07deg, #8f2ffd 38.04%, #f6509c 97.58%);
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.steps-item .heading {
  margin: 0 0 26px 13px;
}
.steps-item .heading .number {
  width: 63px;
  height: 63px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  margin-right: 26px;
  font-weight: 800;
  font-size: 42px;
  line-height: 63px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.steps-item .heading .number,
.steps-item .heading .number::before {
  background-image: -webkit-linear-gradient(
    290.24deg,
    #1af8f9 13.47%,
    #1f4f5d 94.97%
  );
  background-image: -moz-linear-gradient(
    290.24deg,
    #1af8f9 13.47%,
    #1f4f5d 94.97%
  );
  background-image: -o-linear-gradient(
    290.24deg,
    #1af8f9 13.47%,
    #1f4f5d 94.97%
  );
  background-image: linear-gradient(159.76deg, #1af8f9 13.47%, #1f4f5d 94.97%);
}
.steps-item .heading .number::before {
  opacity: 0.4;
  -webkit-filter: blur(22px);
  filter: blur(22px);
}
.steps-item .heading .number::after {
  width: 89px;
  height: 86px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-image: url("./../images/shape/shape-01.png");
}
.steps-item .heading .number span::before {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 25px;
  height: 25px;
  background-color: #33feff;
  -webkit-filter: blur(15px);
  filter: blur(15px);
}
.steps-item .heading h2 {
  font-size: 18px;
  font-weight: bold;
  line-height: 31px;
  color: #fff;
}
.steps-item p {
  color: #fff;
  line-height: 24px;
}
.steps-item p span {
  color: rgba(246, 80, 156, 0.87);
}
.steps-item:hover::after {
  opacity: 1;
}
.steps .col-lg-4:nth-child(2) .heading .number,
.steps .col-lg-4:nth-child(2) .heading .number::before {
  background-image: -webkit-linear-gradient(
    290.24deg,
    #1dc35b 13.47%,
    #035430 94.97%
  );
  background-image: -moz-linear-gradient(
    290.24deg,
    #1dc35b 13.47%,
    #035430 94.97%
  );
  background-image: -o-linear-gradient(
    290.24deg,
    #1dc35b 13.47%,
    #035430 94.97%
  );
  background-image: linear-gradient(159.76deg, #1dc35b 13.47%, #035430 94.97%);
}
.steps .col-lg-4:nth-child(2) .heading .number span::before {
  background-color: #024326;
}
.steps .col-lg-4:last-child .heading .number,
.steps .col-lg-4:last-child .heading .number::before {
  background-image: -webkit-linear-gradient(
    290.24deg,
    #a019f9 13.47%,
    #2a1d6b 94.97%
  );
  background-image: -moz-linear-gradient(
    290.24deg,
    #a019f9 13.47%,
    #2a1d6b 94.97%
  );
  background-image: -o-linear-gradient(
    290.24deg,
    #a019f9 13.47%,
    #2a1d6b 94.97%
  );
  background-image: linear-gradient(159.76deg, #a019f9 13.47%, #2a1d6b 94.97%);
}
.steps .col-lg-4:last-child .heading .number span::before {
  background-color: #46108a;
}

.comments-home {
  margin: 112px 0 121px;
}
.comments-home::before {
  background-image: url("./../images/background/bg-comments.png");
  top: 212px;
  height: 100%;
}
.comments-home .section-heading {
  margin-bottom: 35px;
}
.comments-home-item {
  background-color: #181c26;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 30px 24px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.comments-home-item::after {
  content: "\e903";
  font-family: "icomoon";
  vertical-align: middle;
  top: 18px;
  right: 24px;
  font-size: 116px;
  line-height: 116px;
  color: rgba(219, 225, 243, 0.03);
}
.comments-home-item .name {
  font-size: 24px;
  font-weight: 500;
  line-height: 29px;
  color: #acb3c9;
}
.comments-home-item .stars {
  margin: 16px 0 22px;
}
.comments-home-item .stars i {
  color: #5e6275;
  font-size: 16px;
}
.comments-home-item .stars i:not(:last-child) {
  margin-right: 8px;
}
.comments-home-item .stars i.fill {
  color: #fba928;
}
.comments-home-item p {
  line-height: 28px;
  color: #99a1b9;
}
.comments-home-item:hover {
  background-color: #262c3a;
}
@media only screen and (max-width: 767px) {
  .comments-home {
    margin: 65px 0 43px;
  }
}

.banners .row {
  gap: 23px 0;
}

.faq {
  margin-top: 120px;
}
.faq-content {
  background-color: rgba(28, 33, 45, 0.7);
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  border-radius: 11px;
  padding: 25px 32px 45px;
}
.faq-content h2 {
  font-size: 42px;
  font-weight: 600;
  line-height: 52px;
  color: #fff;
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.faq-content p {
  color: #99a1b9;
  line-height: 24px;
  margin: 15px 0 35px;
}
.faq-content .image::before,
.faq-content .image::after {
  width: 284px;
  height: 284px;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#8f2ffd),
    to(#fba32b)
  );
  background-image: -webkit-linear-gradient(top, #8f2ffd 0%, #fba32b 100%);
  background-image: -moz-linear-gradient(top, #8f2ffd 0%, #fba32b 100%);
  background-image: -o-linear-gradient(top, #8f2ffd 0%, #fba32b 100%);
  background-image: linear-gradient(180deg, #8f2ffd 0%, #fba32b 100%);
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.faq-content .image::before {
  -webkit-filter: blur(25px) opacity(0.63);
  filter: blur(25px) opacity(0.63);
}
@media only screen and (max-width: 1199px) and (min-width: 992px) {
  .faq-content .image::before,
  .faq-content .image::after {
    width: 100%;
    height: 100%;
  }
}
@media only screen and (max-width: 991px) {
  .faq-content {
    margin-bottom: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .faq {
    margin-top: 46px;
  }
}

.pricing {
  margin: 77px 0 83px;
}
.pricing::before {
  background-image: url("./../images/background/bg-pricing.png");
  top: 35px;
  height: 491px;
}
.pricing .title {
  font-size: 42px;
  line-height: 63px;
  color: #fff;
}
.pricing .sub-title {
  margin: 7px 0 28px;
  font-size: 22px;
  line-height: 34px;
  color: #cfe1f6;
}
.pricing .title,
.pricing .sub-title {
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.pricing p {
  font-weight: 500;
  line-height: 24px;
  color: #acb3c9;
}
.pricing-pay-title {
  line-height: 18px;
  font-weight: 500;
  color: #dbe1f3;
  margin-bottom: 17px;
}
.pricing-pay-wrapper {
  gap: 10px 7px;
}
.pricing-pay-wrapper li {
  max-width: -webkit-calc(12.5% - 7px);
  max-width: -moz-calc(12.5% - 7px);
  max-width: calc(12.5% - 7px);
  width: 100%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.pricing-pay-wrapper li,
.pricing-pay-wrapper li a {
  min-height: 41px;
  height: 100%;
}
.pricing-pay-wrapper li a {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  background-color: #262b39;
  padding: 1px;
}
.pricing-pay-wrapper li a img {
  max-height: 39px;
  height: auto;
}
.pricing-robot {
  padding: 8px 7px 7px 12px;
  background-color: rgba(37, 43, 58, 0.49);
  margin-left: 55px;
}
.pricing-robot::before {
  background-color: rgba(143, 47, 253, 0.25);
  -webkit-filter: blur(50px);
  filter: blur(50px);
  top: 8px;
  right: 7px;
  bottom: 7px;
  left: 12px;
}
.pricing-robot-content {
  background-color: #1d222e;
  padding: 46px 25px 42px 28px;
}
.pricing-robot-content::before {
  top: -142px;
  right: -64px;
  bottom: 142px;
  left: -53px;
  background-color: #252b3a;
  -webkit-border-radius: 184px;
  -moz-border-radius: 184px;
  border-radius: 184px;
}
.pricing-robot-content::after {
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 66px;
  height: 27px;
  background-image: url("./../images/shape/shape-02.png");
}
.pricing-robot-title {
  font-style: 18px;
  font-weight: 600;
  font-style: italic;
  line-height: 22px;
  margin-bottom: 32px;
  color: #fff;
}
.pricing-robot .tabs {
  margin-bottom: 32px;
}
.pricing-robot-titr {
  font-size: 33px;
  font-weight: 600;
  font-style: italic;
  line-height: 40px;
  color: #fff;
  margin-bottom: 39px;
}
.pricing-robot .select {
  margin-bottom: 23px;
}
.pricing-robot .select label {
  font-size: 12px;
  font-weight: 500;
  line-height: 21px;
  color: #757d91;
  margin-bottom: 4px;
  display: inline-block;
}
.pricing-robot .select .form-control {
  font-size: 12px;
}
.pricing-robot .button {
  margin-top: 38px;
}
.pricing-robot .button::before {
  opacity: 0.54;
  background-image: -webkit-linear-gradient(
    305.01deg,
    #8f2ffd 42.05%,
    #f6509c 111.39%
  );
  background-image: -moz-linear-gradient(
    305.01deg,
    #8f2ffd 42.05%,
    #f6509c 111.39%
  );
  background-image: -o-linear-gradient(
    305.01deg,
    #8f2ffd 42.05%,
    #f6509c 111.39%
  );
  background-image: linear-gradient(144.99deg, #8f2ffd 42.05%, #f6509c 111.39%);
  -webkit-filter: blur(6px);
  filter: blur(6px);
}
.pricing-robot .button .btn {
  max-width: 100%;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
}
.pricing-note {
  margin-top: 118px;
  background-image: -webkit-linear-gradient(
    305.51deg,
    rgba(246, 80, 156, 0.44) 20.54%,
    rgba(143, 47, 253, 0.44) 75.58%
  );
  background-image: -moz-linear-gradient(
    305.51deg,
    rgba(246, 80, 156, 0.44) 20.54%,
    rgba(143, 47, 253, 0.44) 75.58%
  );
  background-image: -o-linear-gradient(
    305.51deg,
    rgba(246, 80, 156, 0.44) 20.54%,
    rgba(143, 47, 253, 0.44) 75.58%
  );
  background-image: linear-gradient(
    144.49deg,
    rgba(246, 80, 156, 0.44) 20.54%,
    rgba(143, 47, 253, 0.44) 75.58%
  );
  padding: 10px 11px 8px 9px;
}
.pricing-note,
.pricing-note-content {
  -webkit-border-radius: 17px;
  -moz-border-radius: 17px;
  border-radius: 17px;
}
.pricing-note-content {
  background: url("./../images/shape/patter-01.png") 0 0 no-repeat,
    -webkit-linear-gradient(305.51deg, #f6509c 20.54%, #8f2ffd 75.58%);
  background: url("./../images/shape/patter-01.png") 0 0 no-repeat,
    -moz-linear-gradient(305.51deg, #f6509c 20.54%, #8f2ffd 75.58%);
  background: url("./../images/shape/patter-01.png") 0 0 no-repeat,
    -o-linear-gradient(305.51deg, #f6509c 20.54%, #8f2ffd 75.58%);
  background: url("./../images/shape/patter-01.png") 0 0 no-repeat,
    linear-gradient(144.49deg, #f6509c 20.54%, #8f2ffd 75.58%);
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  padding: 29px 81px 26px 99px;
}
.pricing-note-title,
.pricing-note p {
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.39);
}
.pricing-note-title {
  font-size: 24px;
  font-weight: bold;
  line-height: 29px;
  margin-bottom: 17px;
  color: #fff;
}
.pricing-note p {
  color: #f6faff;
  line-height: 30px;
}
.pricing-faq-wrapper {
  max-width: 801px;
  width: 100%;
  margin: 0 auto;
}
@media only screen and (max-width: 1199px) {
  .pricing-robot {
    margin: 45px 0 0;
  }
}
@media only screen and (max-width: 991px) {
  .pricing {
    margin: 47px 0 48px;
  }
  .pricing::before {
    top: 0;
    -webkit-transform: translateY(-60px);
    -moz-transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    -o-transform: translateY(-60px);
    transform: translateY(-60px);
  }
}
@media only screen and (max-width: 767px) {
  .pricing-note {
    margin-top: 40px;
  }
  .pricing-note-content {
    padding: 26px 18px 16px;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
}
@media only screen and (max-width: 575px) {
  .pricing-pay ul {
    gap: 9px 5px;
  }
  .pricing-pay ul li {
    max-width: -webkit-calc(12.5% - 5px);
    max-width: -moz-calc(12.5% - 5px);
    max-width: calc(12.5% - 5px);
  }
  .pricing-pay ul li,
  .pricing-pay ul li a {
    min-height: 33px;
  }
  .pricing-pay ul li a {
    padding: 4px;
  }
  .pricing-pay ul li a img {
    max-height: 24px;
  }
  .pricing-robot {
    margin: 45px -12px 0;
  }
  .pricing-robot-content {
    padding: 45px 16px 42px;
  }
  .pricing-note {
    margin: 40px -12px 0;
  }
}
@media only screen and (max-width: 369px) {
  .pricing-robot-content {
    padding: 45px 12px 42px;
  }
  .pricing-robot-titr {
    font-size: 28px;
  }
}

.contact-us {
  margin-top: 102px;
}
.contact-us::before {
  background-image: url("./../images/background/bg-contact-us.png");
  height: 140%;
  -webkit-transform: translateY(-228px);
  -moz-transform: translateY(-228px);
  -ms-transform: translateY(-228px);
  -o-transform: translateY(-228px);
  transform: translateY(-228px);
}
.contact-us-wrapper {
  max-width: 869px;
  width: 100%;
  margin: 0 auto;
}
.contact-us .title {
  font-size: 44px;
  font-weight: bold;
  color: #fff;
  line-height: 54px;
  margin-bottom: 34px;
}
.contact-us .title span {
  color: #f6509c;
}
.contact-us .sub-title {
  font-size: 16px;
  font-weight: 500;
  color: #acb3c9;
  line-height: 30px;
  margin-bottom: 43px;
}
.contact-us-box {
  padding: 11px 11px 10px 11px;
}
.contact-us-box::before {
  background-color: rgba(48, 54, 68, 0.43);
  opacity: 0.66;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.contact-us-box-content {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background-color: #1d222e;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 39px 46px 44px 58px;
}
.contact-us-box-content-title {
  font-size: 18px;
  font-weight: bold;
  line-height: 22px;
  color: #fff;
}
.contact-us-box-content p {
  line-height: 30px;
  color: #acb3c9;
  margin: 27px 0 20px;
}
.contact-us-box-content p span {
  display: block;
}
.contact-us-box-content form .row {
  gap: 13px 0;
}
.contact-us-box-content form textarea.form-control {
  background-image: url("./../images/icon/chat.svg");
  background-position: top 25px right 24px;
  -webkit-background-size: 87px 87px;
  -moz-background-size: 87px;
  -o-background-size: 87px;
  background-size: 87px;
  background-repeat: no-repeat;
}
.contact-us-box-content form .btn {
  margin-top: 22px;
  max-width: 182px;
  height: 49px;
}
@media only screen and (max-width: 767px) {
  .contact-us {
    margin-top: 62px;
  }
  .contact-us::before {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  .contact-us-box-content {
    padding: 39px 20px 44px;
  }
  .contact-us-box-content p span {
    display: inline;
  }
}
@media only screen and (max-width: 575px) {
  .contact-us::before {
    -webkit-transform: translateY(-192px);
    -moz-transform: translateY(-192px);
    -ms-transform: translateY(-192px);
    -o-transform: translateY(-192px);
    transform: translateY(-192px);
  }
  .contact-us .title {
    font-size: 38px;
    line-height: 47px;
  }
  .contact-us .sub-title {
    font-size: 14px;
  }
  .contact-us-box {
    margin: 0 -12px;
  }
  .contact-us-box-content {
    padding: 35px 16px 27px;
  }
  .contact-us-box-content form .btn {
    max-width: 100%;
  }
}
@media only screen and (max-width: 399px) {
  .contact-us .title {
    font-size: 30px;
    line-height: 40px;
  }
}

.cookie-policy {
  margin-top: 71px;
}
.cookie-policy::before {
  left: 39px;
  background-image: url("./../images/background/bg-cookie.png");
  height: 859px;
  -webkit-transform: translateY(-197px);
  -moz-transform: translateY(-197px);
  -ms-transform: translateY(-197px);
  -o-transform: translateY(-197px);
  transform: translateY(-197px);
}
.cookie-policy-content {
  max-width: 1078px;
  width: 100%;
  margin: 0 auto;
  padding: 56px 54px 42px 57px;
}
.cookie-policy-content::before {
  background-color: rgba(29, 34, 46, 0.79);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.cookie-policy-content h2 {
  font-size: 44px;
  font-weight: bold;
  line-height: 54px;
  color: #fff;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.cookie-policy-content h2 span {
  color: #f6509c;
}
.cookie-policy-content h2::before {
  right: -11px;
  left: -5px;
  background-image: -webkit-linear-gradient(
    309.56deg,
    #8f2ffd 26.52%,
    rgba(72, 24, 127, 0) 77.38%
  );
  background-image: -moz-linear-gradient(
    309.56deg,
    #8f2ffd 26.52%,
    rgba(72, 24, 127, 0) 77.38%
  );
  background-image: -o-linear-gradient(
    309.56deg,
    #8f2ffd 26.52%,
    rgba(72, 24, 127, 0) 77.38%
  );
  background-image: linear-gradient(
    140.44deg,
    #8f2ffd 26.52%,
    rgba(72, 24, 127, 0) 77.38%
  );
  opacity: 0.08;
}
.cookie-policy-content .sub-title {
  margin: 37px 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  color: #dbe1f3;
}
.cookie-policy-content p,
.cookie-policy-content ul li {
  font-size: 14px;
  font-weight: 500;
  color: #acb3c9;
  line-height: 40px;
}
.cookie-policy-content p:not(:last-child) {
  margin-bottom: 20px;
}
.cookie-policy-content ul li {
  list-style: inside auto;
}
@media only screen and (max-width: 767px) {
  .cookie-policy::before {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  .cookie-policy-content {
    padding: 50px 24px 38px;
  }
}
@media only screen and (max-width: 575px) {
  .cookie-policy::before {
    -webkit-transform: translateY(-157px);
    -moz-transform: translateY(-157px);
    -ms-transform: translateY(-157px);
    -o-transform: translateY(-157px);
    transform: translateY(-157px);
  }
  .cookie-policy-content {
    padding: 45px 16px 32px 12px;
  }
  .cookie-policy-content h2 {
    font-size: 32px;
    line-height: 45px;
  }
  .cookie-policy-content .sub-title {
    font-size: 16px;
  }
  .cookie-policy-content p,
  .cookie-policy-content ul {
    font-size: 12px;
    line-height: 28px;
  }
  .cookie-policy-content p:not(:last-child) {
    margin-bottom: 14px;
  }
}

@media only screen and (min-width: 768px) {
  .terms .cookie-policy-content {
    padding: 56px 47px 56px 59px;
  }
}
.terms h2 {
  margin-bottom: 42px;
}

.faq-page::before {
  -webkit-transform: translateY(-200px);
  -moz-transform: translateY(-200px);
  -ms-transform: translateY(-200px);
  -o-transform: translateY(-200px);
  transform: translateY(-200px);
  background-image: url("./../images/background/bg-faq.png");
  height: 838px;
}
.faq-page-wrapper {
  max-width: 801px;
  margin: 74px auto 0;
}
.faq-page-wrapper .title {
  font-size: 44px;
  font-weight: bold;
  line-height: 54px;
  color: #f6509c;
  text-shadow: 0 3px 20px rgba(0, 0, 0, 0.55);
}
.faq-page-wrapper .title::first-letter {
  color: #fff;
}
.faq-page-wrapper p {
  font-size: 12px;
  font-weight: 500;
  color: #acb3c9;
  line-height: 28px;
  margin: 35px 0;
}
.faq-page-wrapper form {
  margin-bottom: 42px;
}
.faq-page-wrapper form img {
  top: 50%;
  left: 30px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.faq-page-wrapper form .form-control {
  padding: 0 95px 0 60px;
  height: 73px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background-color: rgba(27, 30, 40, 0.77);
}
.faq-page-wrapper form .form-control:not(:focus) {
  border-color: rgba(255, 255, 255, 0.13);
}
.faq-page-wrapper form button {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 17px;
  width: 71px;
  height: 53px;
  line-height: 53px;
  background-color: #21232e;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  font-weight: 500;
  color: #acb3c9;
}
.faq-page-wrapper form button:hover {
  background-color: #8f2ffd;
  color: #fff;
}
.faq-page-wrapper .faq-item.opened {
  background-color: rgba(43, 48, 60, 0.6);
  border-color: rgba(28, 15, 44, 0.6);
}
@media only screen and (max-width: 767px) {
  .faq-page::before {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
}
@media only screen and (max-width: 575px) {
  .faq-page::before {
    -webkit-transform: translateY(-164px);
    -moz-transform: translateY(-164px);
    -ms-transform: translateY(-164px);
    -o-transform: translateY(-164px);
    transform: translateY(-164px);
  }
}

.checker {
  margin-top: 79px;
}
.checker::before {
  background-image: url("./../images/background/bg-checker.png");
  height: 1054px;
  -webkit-transform: translateY(-205px);
  -moz-transform: translateY(-205px);
  -ms-transform: translateY(-205px);
  -o-transform: translateY(-205px);
  transform: translateY(-205px);
}
.checker::after {
  top: 678px;
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#13161e),
    to(rgba(19, 22, 30, 0))
  );
  background-image: -webkit-linear-gradient(
    bottom,
    #13161e 0%,
    rgba(19, 22, 30, 0) 100%
  );
  background-image: -moz-linear-gradient(
    bottom,
    #13161e 0%,
    rgba(19, 22, 30, 0) 100%
  );
  background-image: -o-linear-gradient(
    bottom,
    #13161e 0%,
    rgba(19, 22, 30, 0) 100%
  );
  background-image: linear-gradient(0deg, #13161e 0%, rgba(19, 22, 30, 0) 100%);
  height: 179px;
}
.checker-wrapper {
  max-width: 1035px;
  margin: 0 auto;
}
.checker-wrapper .title {
  font-size: 44px;
  font-weight: bold;
  line-height: 54px;
  color: #fff;
  text-shadow: 0 3px 20px rgba(0, 0, 0, 0.55);
}
.checker-wrapper .title span {
  color: #f6509c;
}
.checker-wrapper .sub-title {
  max-width: 708px;
  margin: 34px auto 54px;
  line-height: 28px;
  font-weight: 500;
  color: #acb3c9;
}
.checker-wrapper .sub-title a {
  color: #fff;
}
.checker-wrapper .sub-title a:hover {
  color: #8f2ffd;
}
.checker-wrapper .box {
  background-color: rgba(29, 34, 46, 0.5);
  padding: 13px 11px 10px 9px;
}
.checker-wrapper .box form {
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 57px 29px 48px 26px;
  background-color: #1d222e;
  -webkit-box-shadow: 0 3px 50px rgba(0, 0, 0, 0.23);
  -moz-box-shadow: 0 3px 50px rgba(0, 0, 0, 0.23);
  box-shadow: 0 3px 50px rgba(0, 0, 0, 0.23);
}
.checker-wrapper .box form::before {
  background-image: -webkit-linear-gradient(
    282.16deg,
    rgba(246, 80, 156, 0.2) -0.74%,
    rgba(31, 40, 58, 0) 38%
  );
  background-image: -moz-linear-gradient(
    282.16deg,
    rgba(246, 80, 156, 0.2) -0.74%,
    rgba(31, 40, 58, 0) 38%
  );
  background-image: -o-linear-gradient(
    282.16deg,
    rgba(246, 80, 156, 0.2) -0.74%,
    rgba(31, 40, 58, 0) 38%
  );
  background-image: linear-gradient(
    167.84deg,
    rgba(246, 80, 156, 0.2) -0.74%,
    rgba(31, 40, 58, 0) 38%
  );
}
.checker-wrapper .box form::after {
  background-image: -webkit-linear-gradient(
    103.26deg,
    rgba(251, 173, 37, 0.149) 3.46%,
    rgba(31, 40, 58, 0) 28.83%
  );
  background-image: -moz-linear-gradient(
    103.26deg,
    rgba(251, 173, 37, 0.149) 3.46%,
    rgba(31, 40, 58, 0) 28.83%
  );
  background-image: -o-linear-gradient(
    103.26deg,
    rgba(251, 173, 37, 0.149) 3.46%,
    rgba(31, 40, 58, 0) 28.83%
  );
  background-image: linear-gradient(
    346.74deg,
    rgba(251, 173, 37, 0.149) 3.46%,
    rgba(31, 40, 58, 0) 28.83%
  );
}
.checker-wrapper .box form .label {
  font-size: 12px;
  font-weight: 500;
  line-height: 21px;
  color: #dbe1f3;
  display: inline-block;
  margin-bottom: 4px;
}
.checker-wrapper .box form .label i {
  margin-left: 4px;
  color: #8c90a1;
}
.checker-wrapper .box form .form-control {
  background-color: #1b1f2a;
  border-color: rgba(255, 255, 255, 0.06);
  height: 63px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 0 18px;
}
.checker-wrapper .box form .device {
  margin: 25px 0 27px;
}
.checker-wrapper .box form .devices {
  gap: 14px;
}
.checker-wrapper .box form .devices label {
  max-width: -webkit-calc(33.333333% - 10px);
  max-width: -moz-calc(33.333333% - 10px);
  max-width: calc(33.333333% - 10px);
  width: 100%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-weight: 500;
  color: #757d91;
  line-height: 18px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #212734;
  padding: 23px 20px 22px 27px;
  cursor: pointer;
}
.checker-wrapper .box form .devices label i {
  font-size: 13px;
  margin-right: 6px;
  color: #979bb0;
}
.checker-wrapper .box form .devices label::before {
  content: "\e90f";
  font-family: "icomoon";
  font-size: 6px;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  width: 17px;
  height: 17px;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #fa4b68;
  -webkit-box-shadow: 0 0 0 2.5px rgba(255, 255, 255, 0.06);
  -moz-box-shadow: 0 0 0 2.5px rgba(255, 255, 255, 0.06);
  box-shadow: 0 0 0 2.5px rgba(255, 255, 255, 0.06);
  text-indent: -1px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0;
}
.checker-wrapper .box form .devices input:checked + label {
  background-color: #252b3a;
}
.checker-wrapper .box form .devices input:checked + label,
.checker-wrapper .box form .devices input:checked + label i {
  color: #acb3c9;
}
.checker-wrapper .box form .devices input:checked + label::before {
  opacity: 1;
}
.checker-wrapper .box form .btn {
  max-width: 100%;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
  height: 63px;
  -webkit-box-shadow: 0 3px 30px rgba(27, 126, 240, 0.22);
  -moz-box-shadow: 0 3px 30px rgba(27, 126, 240, 0.22);
  box-shadow: 0 3px 30px rgba(27, 126, 240, 0.22);
  font-weight: 600;
}
.checker-self {
  margin: 81px 0;
  background-image: -webkit-linear-gradient(
    305.51deg,
    rgba(246, 80, 156, 0.44) 20.54%,
    rgba(143, 47, 253, 0.44) 75.58%
  );
  background-image: -moz-linear-gradient(
    305.51deg,
    rgba(246, 80, 156, 0.44) 20.54%,
    rgba(143, 47, 253, 0.44) 75.58%
  );
  background-image: -o-linear-gradient(
    305.51deg,
    rgba(246, 80, 156, 0.44) 20.54%,
    rgba(143, 47, 253, 0.44) 75.58%
  );
  background-image: linear-gradient(
    144.49deg,
    rgba(246, 80, 156, 0.44) 20.54%,
    rgba(143, 47, 253, 0.44) 75.58%
  );
  padding: 10px 11px 8px 9px;
}
.checker-self,
.checker-self-wrapper {
  -webkit-border-radius: 17px;
  -moz-border-radius: 17px;
  border-radius: 17px;
}
.checker-self-wrapper {
  background: url("./../images/shape/pattern-02.png") 0 0 no-repeat,
    -webkit-linear-gradient(305.51deg, #f6509c 20.54%, #8f2ffd 75.58%);
  background: url("./../images/shape/pattern-02.png") 0 0 no-repeat,
    -moz-linear-gradient(305.51deg, #f6509c 20.54%, #8f2ffd 75.58%);
  background: url("./../images/shape/pattern-02.png") 0 0 no-repeat,
    -o-linear-gradient(305.51deg, #f6509c 20.54%, #8f2ffd 75.58%);
  background: url("./../images/shape/pattern-02.png") 0 0 no-repeat,
    linear-gradient(144.49deg, #f6509c 20.54%, #8f2ffd 75.58%);
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  padding: 29px 294px 25px 97px;
}
.checker-self-wrapper h2 {
  font-size: 24px;
  font-weight: bold;
  line-height: 29px;
  color: #fff;
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.39);
}
.checker-self-wrapper p {
  font-size: 12px;
  line-height: 20px;
  margin: 17px 0 13px;
  color: #f6faff;
}
.checker-self-wrapper .btn {
  max-width: 220px;
  height: 40px;
  line-height: 40px;
  font-size: 12px;
  font-weight: 500;
}
.checker-self-wrapper .btn i {
  font-size: 8px;
  margin-left: 12px;
}
.checker-self-wrapper .image {
  right: 94px;
  bottom: 0;
}
.checker-self-wrapper .image::before {
  width: 87px;
  height: 132px;
  background-color: #6d16d2;
  border: 1px solid #707070;
  -webkit-filter: blur(15px);
  filter: blur(15px);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}
.checker-faq {
  max-width: 801px;
  margin: 0 auto;
}
@media only screen and (max-width: 991px) {
  .checker-self-wrapper {
    padding: 29px 189px 25px 32px;
  }
  .checker-self-wrapper .image {
    right: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .checker::before {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    -webkit-transform: translateY(-370px);
    -moz-transform: translateY(-370px);
    -ms-transform: translateY(-370px);
    -o-transform: translateY(-370px);
    transform: translateY(-370px);
  }
  .checker::after {
    top: 564px;
  }
  .checker-wrapper .box form {
    padding: 57px 15px 44px;
  }
  .checker-wrapper .box form .row .col-md-6:first-child {
    margin-bottom: 18px;
  }
  .checker-wrapper .box form .devices label {
    padding: 23px 12px 22px;
  }
  .checker-wrapper .box form .devices label::before {
    right: 12px;
  }
  .checker-self-wrapper {
    padding: 214px 20px 29px;
  }
  .checker-self-wrapper .btn {
    max-width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 15px;
    height: 55px;
    line-height: 55px;
  }
  .checker-self-wrapper .image {
    top: 36px;
    right: auto;
    bottom: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
@media only screen and (max-width: 575px) {
  .checker-wrapper .box {
    margin: 0 -12px;
  }
  .checker-wrapper .box form .devices {
    gap: 7px;
  }
  .checker-wrapper .box form .devices label,
  .checker-wrapper .box form .devices label i {
    font-size: 12px;
  }
  .checker-self-wrapper h2 {
    font-size: 18px;
    line-height: 26px;
  }
  .checker [data-message]::after {
    -webkit-transform: translate(-55%, 0);
    -moz-transform: translate(-55%, 0);
    -ms-transform: translate(-55%, 0);
    -o-transform: translate(-55%, 0);
    transform: translate(-55%, 0);
  }
  .checker [data-message]:hover::after {
    -webkit-transform: translate(-55%, -12px);
    -moz-transform: translate(-55%, -12px);
    -ms-transform: translate(-55%, -12px);
    -o-transform: translate(-55%, -12px);
    transform: translate(-55%, -12px);
  }
}
@media only screen and (max-width: 449px) {
  .checker-wrapper .box form .devices label {
    max-width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 -webkit-calc(50% - 4px);
    -moz-box-flex: 1;
    -ms-flex: 1 0 calc(50% - 4px);
    flex: 1 0 calc(50% - 4px);
  }
}
@media only screen and (max-width: 419px) {
  .checker-wrapper .title {
    font-size: 32px;
    line-height: 45px;
  }
}

.auth {
  min-height: 100vh;
  padding: 24px 12px;
}
.auth::before {
  background-image: url("./../images/background/bg-auth.png");
  -webkit-filter: blur(50px);
  filter: blur(50px);
  opacity: 0.13;
}
.auth-content {
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  background-color: #1c212f;
  border: 1px solid rgba(255, 255, 255, 0.08);
  padding: 52px 35px 35px;
  max-width: 381px;
}
.auth .title {
  font-size: 20px;
  font-weight: 400;
  line-height: 33px;
  margin: 44px 0 5px;
  color: #dbe1f3;
}
.auth .sub-title {
  font-size: 16px;
  line-height: 25px;
  color: #757d91;
  margin-bottom: 25px;
}
.auth .form-group {
  margin-bottom: 11px;
}
.auth .form-group label {
  font-size: 12px;
  font-weight: 400;
  display: inline-block;
  line-height: 21px;
  color: #acb3c9;
  margin-bottom: 4px;
}
.auth .form-group .form-control {
  padding: 0 16px;
  height: 42px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.auth .form-group i {
  top: 50%;
  font-size: 14px;
  right: 14px;
  color: #303747;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
}
.auth .form-group i.showing {
  color: #8f2ffd;
}
.auth-link {
  font-size: 11px;
  line-height: 21px;
  color: #757d91;
}
.auth-link:hover {
  color: #8f2ffd;
}
.auth .custom-check {
  margin: 19px 0 21px;
}
.auth .button::before {
  background-image: -webkit-linear-gradient(
    305.01deg,
    #8f2ffd 42.05%,
    #f6509c 111.39%
  );
  background-image: -moz-linear-gradient(
    305.01deg,
    #8f2ffd 42.05%,
    #f6509c 111.39%
  );
  background-image: -o-linear-gradient(
    305.01deg,
    #8f2ffd 42.05%,
    #f6509c 111.39%
  );
  background-image: linear-gradient(144.99deg, #8f2ffd 42.05%, #f6509c 111.39%);
  opacity: 0.54;
  -webkit-filter: blur(6px);
  filter: blur(6px);
  right: -2px;
  bottom: -3px;
}
.auth .button .btn {
  max-width: 100%;
  height: 49px;
  line-height: 49px;
}
.auth-text-bottom {
  font-size: 16px;
  line-height: 24px;
  color: #757d91;
  margin-top: 19px;
}
.auth-text-bottom a {
  color: #dbe1f3;
}
.auth-text-bottom a:hover {
  color: #8f2ffd;
}
@media only screen and (max-width: 767px) {
  .auth::before {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
  }
}
@media only screen and (max-width: 399px) {
  .auth-content {
    padding: 40px 16px 24px;
  }
}

.blog {
  margin-top: 70px;
}
.blog::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 39px;
  background: url("./../images/background/bg-blog.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  height: 836px;
  -webkit-transform: translateY(-196px);
  -moz-transform: translateY(-196px);
  -ms-transform: translateY(-196px);
  -o-transform: translateY(-196px);
  transform: translateY(-196px);
  z-index: -6;
}
.blog-search {
  max-width: 584px;
  width: 100%;
  margin: 0 auto 50px;
}
.blog-search-title {
  font-size: 44px;
  font-weight: bold;
  line-height: 58px;
  color: #f6509c;
  text-shadow: 0 3px 20px rgba(0, 0, 0, 0.55);
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin: 0 auto 37px;
}
.blog-search-title::before,
.blog-search-title::after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  background-position: 0 0;
  background-repeat: no-repeat;
  z-index: -1;
  mix-blend-mode: hard-light;
}
.blog-search-title::before {
  background-image: url("./../images/icon/bell-dynamic-clay.png");
  width: 78px;
  height: 78px;
  right: -webkit-calc(100% + 66px);
  right: -moz-calc(100% + 66px);
  right: calc(100% + 66px);
}
.blog-search-title::after {
  background-image: url("./../images/icon/location-dynamic-clay.png");
  width: 77px;
  height: 77px;
  left: -webkit-calc(100% + 60px);
  left: -moz-calc(100% + 60px);
  left: calc(100% + 60px);
}
.blog-search-title span {
  color: #fff;
}
.blog-search-title span::before,
.blog-search-title span::after {
  content: "\e932";
  font-family: "icomoon";
  font-size: 20px;
  color: #70737d;
  position: absolute;
  bottom: 0;
}
.blog-search-title span::before {
  right: -webkit-calc(100% + 11px);
  right: -moz-calc(100% + 11px);
  right: calc(100% + 11px);
}
.blog-search-title span::after {
  left: -webkit-calc(100% + 24px);
  left: -moz-calc(100% + 24px);
  left: calc(100% + 24px);
}
.blog-search p {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  color: #acb3c9;
  margin-bottom: 33px;
}
.blog-search form::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  opacity: 0.77;
  background-color: #1b1e28;
  border: 1px solid rgba(255, 255, 255, 0.13);
  z-index: -1;
}
.blog-search form i,
.blog-search form button {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.blog-search form i {
  font-size: 21px;
  left: 30px;
  color: #9c9faa;
}
.blog-search form .form-control {
  background-color: transparent;
  border: none;
  padding: 0 95px 0 58px;
  font-weight: 500;
  color: #8d94a8;
  height: 73px;
}
.blog-search form button {
  right: 17px;
  background-color: #21232e;
  width: 71px;
  height: 53px;
  color: #acb3c9;
  font-weight: 500;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.blog-search form button:hover {
  background-color: #8f2ffd;
  color: #fff;
}
.blog-category {
  padding-right: 12px;
}
.blog-category-title {
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px dashed #313640;
  font-size: 16px;
  font-weight: 600;
  line-height: 21px;
  color: #acb3c9;
}
.blog-category-title img {
  margin-right: 20px;
}
.blog-category .swiper {
  padding-bottom: 0;
}
.blog-category .swiper-slide {
  width: auto;
}
.blog-category .swiper-slide a {
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
  color: #acb3c9;
  padding: 22px 12px;
  background-color: #1d222e;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  z-index: 2;
}
.blog-category .swiper-slide a i {
  color: #5e6275;
  font-size: 10px;
  margin-left: 30px;
}
.blog-category .swiper-slide a::before,
.blog-category .swiper-slide a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-image: -webkit-linear-gradient(
    305.01deg,
    #8f2ffd 42.05%,
    #f6509c 111.39%
  );
  background-image: -moz-linear-gradient(
    305.01deg,
    #8f2ffd 42.05%,
    #f6509c 111.39%
  );
  background-image: -o-linear-gradient(
    305.01deg,
    #8f2ffd 42.05%,
    #f6509c 111.39%
  );
  background-image: linear-gradient(144.99deg, #8f2ffd 42.05%, #f6509c 111.39%);
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.blog-category .swiper-slide a::before {
  -webkit-border-radius: inherit;
  -moz-border-radius: inherit;
  border-radius: inherit;
}
.blog-category .swiper-slide a::after {
  -webkit-filter: blur(8px);
  filter: blur(8px);
}
.blog-category .swiper-slide a.active::before,
.blog-category .swiper-slide a.active::after {
  opacity: 1;
  visibility: visible;
}
.blog-category .swiper-slide a.active,
.blog-category .swiper-slide a.active i {
  color: #fff;
}
.blog-articles {
  margin-top: 44px;
}
.blog-articles .row {
  gap: 15px 0;
}
.blog-articles .pagination {
  margin-top: 68px;
}
@media only screen and (max-width: 767px) {
  .blog::before {
    background-image: url("./../images/background/bg-blog-sm.png");
    left: 0;
    height: 770px;
    -webkit-transform: translateY(-196px);
    -moz-transform: translateY(-196px);
    -ms-transform: translateY(-196px);
    -o-transform: translateY(-196px);
    transform: translateY(-196px);
  }
  .blog-category .swiper-slide a {
    font-size: 14px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    padding: 16px 12px;
  }
  .blog-category .swiper-slide a i {
    margin-left: 16px;
  }
}
@media only screen and (max-width: 575px) {
  .blog::before {
    -webkit-transform: translateY(-160px);
    -moz-transform: translateY(-160px);
    -ms-transform: translateY(-160px);
    -o-transform: translateY(-160px);
    transform: translateY(-160px);
  }
}
@media only screen and (max-width: 399px) {
  .blog-search-title {
    font-size: 34px;
    line-height: 48px;
  }
  .blog-search p {
    font-size: 14px;
  }
}

.detail-blog {
  margin-top: 63px;
}
.detail-blog::before {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 894px;
  background: url("./../images/background/bg-detail-blog.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  z-index: -6;
  -webkit-transform: translateY(-189px);
  -moz-transform: translateY(-189px);
  -ms-transform: translateY(-189px);
  -o-transform: translateY(-189px);
  transform: translateY(-189px);
  -webkit-filter: blur(50px);
  filter: blur(50px);
}
@media only screen and (max-width: 767px) {
  .detail-blog::before {
    background-image: url("./../images/background/bg-detail-blog-sm.png");
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
  }
}
@media only screen and (max-width: 575px) {
  .detail-blog::before {
    -webkit-transform: translateY(-153px);
    -moz-transform: translateY(-153px);
    -ms-transform: translateY(-153px);
    -o-transform: translateY(-153px);
    transform: translateY(-153px);
  }
}
@media only screen and (min-width: 1200px) {
  .detail-blog-wrapper,
  .detail-blog-related-articles-wrapper {
    max-width: -webkit-calc(100% - 40px);
    max-width: -moz-calc(100% - 40px);
    max-width: calc(100% - 40px);
    width: 100%;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1400px) {
  .detail-blog-wrapper,
  .detail-blog-related-articles-wrapper {
    max-width: -webkit-calc(100% - 160px);
    max-width: -moz-calc(100% - 160px);
    max-width: calc(100% - 160px);
    width: 100%;
    margin: 0 auto;
  }
}
.detail-blog-info img {
  -webkit-border-radius: 47px;
  -moz-border-radius: 47px;
  border-radius: 47px;
  border: 4px solid rgba(255, 255, 255, 0.07);
}
.detail-blog-info-title {
  margin: 34px 0 27px;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  color: #fff;
}
.detail-blog-info ul {
  gap: 12px 40px;
}
.detail-blog-info ul li {
  line-height: 19px;
  color: #9c9faa;
}
.detail-blog-info ul li i {
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
  background-color: #1d222e;
  width: 36px;
  height: 36px;
  margin-right: 7px;
  font-size: 20px;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .detail-blog-info img {
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
  }
  .detail-blog-info-title {
    font-size: 16px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 575px) {
  .detail-blog-info img {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
  }
  .detail-blog-info ul {
    gap: 12px;
  }
  .detail-blog-info ul li {
    font-size: 12px;
  }
}
.detail-blog-content {
  background-color: #1d222e;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  padding: 29px 24px 34px;
  margin-top: 28px;
}
.detail-blog-content h3 {
  font-size: 16px;
  font-weight: bold;
  line-height: 26px;
  color: #dbe1f3;
  margin-bottom: 15px;
}
.detail-blog-content h3.has-line {
  position: relative;
  padding-left: 8px;
}
.detail-blog-content h3.has-line::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  width: 4px;
  height: 17px;
  background-color: #f6509c;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.detail-blog-content p {
  font-size: 14px;
  color: #acb3c9;
  line-height: 32px;
  margin-bottom: 16px;
}
.detail-blog-content img {
  width: 100%;
  display: block;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border-radius: 13px;
  margin-bottom: 37px;
}
.detail-blog-content blockquote {
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border-radius: 13px;
  margin-bottom: 30px;
  background-color: #242936;
  padding: 30px 44px 22px;
  position: relative;
}
.detail-blog-content blockquote::after {
  content: "\e938";
  font-family: "icomoon";
  position: absolute;
  top: 50%;
  right: 62px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  color: rgba(255, 255, 255, 0.04);
  font-size: 96px;
}
.detail-blog-content blockquote h3 {
  position: relative;
  padding-left: 33px;
}
.detail-blog-content blockquote h3::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  width: 10px;
  height: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 4px solid #f6509c;
  background-color: #1d222e;
}
.detail-blog-content blockquote p {
  font-weight: 600;
}
.detail-blog-content :last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .detail-blog-content blockquote {
    padding: 29px 16px 14px;
  }
  .detail-blog-content blockquote::after {
    right: 24px;
  }
}
@media only screen and (max-width: 575px) {
  .detail-blog-content {
    margin: 27px -12px 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 30px 12px;
  }
}
.detail-blog-info-author {
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  background-color: rgba(143, 47, 253, 0.38);
  padding: 24px 34px 24px 41px;
  margin: 53px 0 57px;
}
.detail-blog-info-author img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-right: 39px;
  border: 2px solid rgba(0, 0, 0, 0.18);
}
.detail-blog-info-author .name {
  font-size: 24px;
  line-height: 36px;
  color: #dbe1f3;
}
.detail-blog-info-author p {
  line-height: 30px;
  color: #acb3c9;
}
@media only screen and (max-width: 767px) {
  .detail-blog-info-author img {
    margin: 0 0 11px;
  }
}
@media only screen and (max-width: 575px) {
  .detail-blog-info-author {
    padding: 18px 16px 20px;
  }
}
.detail-blog-related-articles-title {
  font-size: 28px;
  font-weight: 600;
  color: #fff;
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  margin-bottom: 42px;
  line-height: 37px;
}
.detail-blog-related-articles-title span {
  color: #acb3c9;
}
@media only screen and (max-width: 575px) {
  .detail-blog-related-articles-title {
    font-size: 24px;
  }
}
.detail-blog-related-articles .swiper {
  padding-bottom: 0;
}
.detail-blog-comments {
  margin-top: 107px;
}
@media only screen and (max-width: 767px) {
  .detail-blog-comments {
    margin-top: 64px;
  }
}
@media only screen and (min-width: 1200px) {
  .detail-blog-comments-wrapper {
    max-width: -webkit-calc(100% - 80px);
    max-width: -moz-calc(100% - 80px);
    max-width: calc(100% - 80px);
    width: 100%;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1400px) {
  .detail-blog-comments-wrapper {
    max-width: -webkit-calc(100% - 200px);
    max-width: -moz-calc(100% - 200px);
    max-width: calc(100% - 200px);
    width: 100%;
    margin: 0 auto;
  }
}
.detail-blog-comments::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 841px;
  -webkit-transform: translateY(-351px);
  -moz-transform: translateY(-351px);
  -ms-transform: translateY(-351px);
  -o-transform: translateY(-351px);
  transform: translateY(-351px);
  z-index: -6;
  background: url("./../images/background/bg-comments-two.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}
@media only screen and (max-width: 767px) {
  .detail-blog-comments::before {
    content: none;
  }
}
.detail-blog-comments-heading {
  margin-bottom: 28px;
}
.detail-blog-comments-heading-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  color: #dbe1f3;
  margin-bottom: 69px;
}
.detail-blog-comments-heading-title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 56px);
  -moz-transform: translate(-50%, 56px);
  -ms-transform: translate(-50%, 56px);
  -o-transform: translate(-50%, 56px);
  transform: translate(-50%, 56px);
  background: url("./../images/icon/scroll-down-danger.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  width: 43px;
  height: 45px;
  -webkit-filter: drop-shadow(0 3px 20px rgba(164, 164, 164, 0.16));
  filter: drop-shadow(0 3px 20px rgba(164, 164, 164, 0.16));
}
.detail-blog-comments-heading p {
  font-size: 12px;
  font-weight: 500;
  font-style: italic;
  color: #acb3c9;
}
.detail-blog-comments-send {
  z-index: 2;
  padding: 32px 32px 18px 26px;
}
.detail-blog-comments-send::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #1d222e;
  border: 1px solid #313747;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  z-index: -1;
  opacity: 0.99;
}
.detail-blog-comments-send textarea {
  border: none;
  background-color: transparent;
  padding: 0;
  margin-bottom: 8px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  font-size: 16px;
  font-weight: 500;
  color: #757d91;
  background: url("./../images/icon/qoute.svg") top right no-repeat;
  -webkit-background-size: 62px 53px;
  -moz-background-size: 62px 53px;
  -o-background-size: 62px 53px;
  background-size: 62px 53px;
  height: 93px;
}
.detail-blog-comments-send > div {
  gap: 8px;
}
.detail-blog-comments-send input {
  font-size: 12px;
  font-weight: 500;
  color: #dbe1f3;
  height: 53px;
}
.detail-blog-comments-send .btn {
  max-width: 253px;
  height: 53px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -moz-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
@media only screen and (max-width: 991px) {
  .detail-blog-comments-send > div {
    gap: 0 8px;
  }
  .detail-blog-comments-send input {
    max-width: -webkit-calc(50% - 4px);
    max-width: -moz-calc(50% - 4px);
    max-width: calc(50% - 4px);
  }
  .detail-blog-comments-send .btn {
    max-width: 100%;
    margin-top: 13px;
  }
}
@media only screen and (max-width: 575px) {
  .detail-blog-comments-send {
    padding: 32px 16px 18px;
  }
  .detail-blog-comments-send input {
    max-width: 100%;
  }
  .detail-blog-comments-send input:not(:first-child) {
    margin-top: 8px;
  }
}
.detail-blog-comments-list {
  margin-top: 64px;
}
.detail-blog-comments-list li {
  background-color: #1c212d;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding: 17px 32px 22px 30px;
}
.detail-blog-comments-list li:not(:last-child) {
  margin-bottom: 16px;
}
.detail-blog-comments-list li .info img {
  border: 2px solid #757d91;
  -webkit-border-radius: 28px;
  -moz-border-radius: 28px;
  border-radius: 28px;
  margin-right: 30px;
}
.detail-blog-comments-list li .info .name {
  font-size: 18px;
  font-weight: bold;
  color: #dbe1f3;
  line-height: 29px;
  margin-bottom: 2px;
}
.detail-blog-comments-list li .info .position {
  font-size: 12px;
  font-weight: 500;
  line-height: 19px;
  background-color: #282e3d;
  padding: 0 5px;
  color: #acb3c9;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin-bottom: 4px;
}
.detail-blog-comments-list li .info .date {
  font-size: 12px;
  font-weight: 500;
  color: #757d91;
}
.detail-blog-comments-list li .info .date i {
  margin-right: 3px;
  font-size: 17px;
  color: #757d91;
}
.detail-blog-comments-list li .info.admin img {
  border-color: #8f2ffd;
}
.detail-blog-comments-list li .info.admin .position {
  background-color: #8f2ffd;
  color: #fff;
}
.detail-blog-comments-list li .response {
  background-color: #282e3d;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  width: 116px;
  height: 46px;
  font-weight: 500;
  color: #757d91;
}
.detail-blog-comments-list li .response i {
  font-size: 18px;
  margin-right: 6px;
}
.detail-blog-comments-list li .response:hover {
  background-color: #f6509c;
  color: #fff;
}
.detail-blog-comments-list li p {
  margin-top: 22px;
  line-height: 32px;
  font-weight: 600;
  color: #acb3c9;
}
.detail-blog-comments-list li .btn-responses {
  margin-top: 16px;
  width: 100%;
  z-index: 2;
}
.detail-blog-comments-list li .btn-responses::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 32px;
  left: 0;
  border-bottom: 1px dashed #323847;
  z-index: -1;
}
.detail-blog-comments-list li .btn-responses span {
  background-color: #1c212d;
  font-size: 16px;
  font-weight: 500;
  color: #dbe1f3;
  line-height: 28px;
  padding-right: 12px;
}
.detail-blog-comments-list li .btn-responses i {
  width: 26px;
  height: 26px;
  background-color: #272d3a;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  font-size: 11px;
  color: #919191;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.detail-blog-comments-list li .btn-responses.opened i {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.detail-blog-comments-list li ul {
  display: none;
  margin-top: 24px;
}
.detail-blog-comments-list li ul li {
  background-color: #272d3d;
}
.detail-blog-comments-list li ul li .response {
  background-color: #1d222e;
}
@media only screen and (max-width: 575px) {
  .detail-blog-comments-list li {
    padding: 17px 12px 21px;
  }
  .detail-blog-comments-list li .info img {
    width: 60px;
    height: 60px;
    margin-right: 12px;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;
  }
  .detail-blog-comments-list li .response {
    font-size: 12px;
    width: 105px;
  }
  .detail-blog-comments-list li .response i {
    font-size: 16px;
  }
}
@media only screen and (max-width: 399px) {
  .detail-blog-comments-list li .content {
    padding-bottom: 60px;
    position: relative;
  }
  .detail-blog-comments-list li .response {
    position: absolute;
    right: 0;
    bottom: 0;
  }
}
.detail-blog-comments .loading {
  margin: 40px auto 0;
  -webkit-animation: loading 3s linear 0s infinite;
  -moz-animation: loading 3s linear 0s infinite;
  -o-animation: loading 3s linear 0s infinite;
  animation: loading 3s linear 0s infinite;
}
@-webkit-keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes loading {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes loading {
  0% {
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.dashbord {
  padding-bottom: 45px;
}
.dashbord .text-note {
  margin: 22px 0;
  font-weight: 500;
  line-height: 18px;
  color: #8c90a1;
}
.dashbord .text-note span {
  color: #aaadb9;
}
.dashbord .table label input:checked + span {
  background-color: #fa4b68;
}
.dashbord .table tbody tr::after {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  background: #282e3e;
  background-repeat: no-repeat;
  border: 1px solid rgba(255, 255, 255, 0.06);
  z-index: -1;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.dashbord .table tbody tr.show-icons::after {
  background: -webkit-linear-gradient(
    211.21deg,
    #262c3a 34.21%,
    rgba(37, 43, 58, 0) 113.89%
  );
  background: -moz-linear-gradient(
    211.21deg,
    #262c3a 34.21%,
    rgba(37, 43, 58, 0) 113.89%
  );
  background: -o-linear-gradient(
    211.21deg,
    #262c3a 34.21%,
    rgba(37, 43, 58, 0) 113.89%
  );
  background: linear-gradient(
    238.79deg,
    #262c3a 34.21%,
    rgba(37, 43, 58, 0) 113.89%
  );
  border-color: transparent;
  opacity: 1;
  z-index: 99;
}
.dashbord .table tbody tr td.type i {
  margin-left: 5px;
  font-size: 18px;
  color: #b4b5bc;
}
.dashbord .table tbody tr td.keywords .success {
  color: #34a853;
}
.dashbord .table tbody tr td.keywords .danger {
  color: #ea4335;
}
.dashbord .table tbody tr td.other > button {
  color: #a3a4ae;
  font-size: 3px;
}
.dashbord .table tbody tr .success {
  color: #34a853 !important;
}
.dashbord .table tbody tr .danger {
  color: #d33155 !important;
}
.dashbord .table tbody tr:not(.show-icons).active::after,
.dashbord .table tbody tr:not(.show-icons):hover::after {
  opacity: 0.77;
}
.dashbord .table tbody tr:not(.show-icons).active td,
.dashbord .table tbody tr:not(.show-icons).active td i,
.dashbord .table tbody tr:not(.show-icons):hover td,
.dashbord .table tbody tr:not(.show-icons):hover td i {
  color: #fff;
}
.dashbord .banner img {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.dashbord .my-statistics {
  margin: 35px 0 44px;
}
.dashbord .my-statistics-title {
  font-size: 18px;
  font-weight: 600;
  color: #fba928;
  line-height: 22px;
  margin-bottom: 30px;
}
.dashbord .my-statistics-title::after {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  max-width: -webkit-calc(100% - 245px);
  max-width: -moz-calc(100% - 245px);
  max-width: calc(100% - 245px);
  height: 20px;
  background-image: url("./../images/shape/dots.png");
}
.dashbord .my-statistics-left {
  max-width: -webkit-calc(100% - 258px);
  max-width: -moz-calc(100% - 258px);
  max-width: calc(100% - 258px);
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-right: 13px;
}
.dashbord .my-statistics-top {
  margin-bottom: 10px;
}
.dashbord .my-statistics-top-item {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 1%;
  -moz-box-flex: 1;
  -ms-flex: 1 0 1%;
  flex: 1 0 1%;
  background: -webkit-linear-gradient(
      298.07deg,
      rgba(250, 148, 53, 0.349) 10.85%,
      rgba(31, 40, 58, 0) 95.37%
    ),
    #2c3246;
  background: -moz-linear-gradient(
      298.07deg,
      rgba(250, 148, 53, 0.349) 10.85%,
      rgba(31, 40, 58, 0) 95.37%
    ),
    #2c3246;
  background: -o-linear-gradient(
      298.07deg,
      rgba(250, 148, 53, 0.349) 10.85%,
      rgba(31, 40, 58, 0) 95.37%
    ),
    #2c3246;
  background: linear-gradient(
      151.93deg,
      rgba(250, 148, 53, 0.349) 10.85%,
      rgba(31, 40, 58, 0) 95.37%
    ),
    #2c3246;
  border: 1px solid #353d4f;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 0 11px 10px;
  -webkit-box-shadow: 0 5px 20px rgba(250, 148, 53, 0.12);
  -moz-box-shadow: 0 5px 20px rgba(250, 148, 53, 0.12);
  box-shadow: 0 5px 20px rgba(250, 148, 53, 0.12);
  font-weight: 500;
  line-height: 18px;
  color: #8c90a1;
  height: 100%;
}
.dashbord .my-statistics-top-item span {
  width: 59px;
  height: 63px;
  border: 1px dashed #353d4f;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.11);
  -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.11);
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.11);
  margin-right: 6px;
  font-size: 20px;
  font-weight: 900;
  color: #fa9435;
}
.dashbord .my-statistics-top-item:not(:last-child) {
  margin-right: 12px;
}
.dashbord .my-statistics-top-item:nth-child(2) {
  background-image: -webkit-linear-gradient(
    298.07deg,
    rgba(255, 255, 255, 0.302) 10.85%,
    rgba(31, 40, 58, 0) 95.37%
  );
  background-image: -moz-linear-gradient(
    298.07deg,
    rgba(255, 255, 255, 0.302) 10.85%,
    rgba(31, 40, 58, 0) 95.37%
  );
  background-image: -o-linear-gradient(
    298.07deg,
    rgba(255, 255, 255, 0.302) 10.85%,
    rgba(31, 40, 58, 0) 95.37%
  );
  background-image: linear-gradient(
    151.93deg,
    rgba(255, 255, 255, 0.302) 10.85%,
    rgba(31, 40, 58, 0) 95.37%
  );
  -webkit-box-shadow: 0 5px 20px rgba(255, 255, 255, 0.12);
  -moz-box-shadow: 0 5px 20px rgba(255, 255, 255, 0.12);
  box-shadow: 0 5px 20px rgba(255, 255, 255, 0.12);
}
.dashbord .my-statistics-top-item:nth-child(2) span {
  color: #fff;
}
.dashbord .my-statistics-top-item:nth-child(3) {
  background-image: -webkit-linear-gradient(
    298.07deg,
    rgba(35, 129, 238, 0.302) 10.85%,
    rgba(31, 40, 58, 0) 95.37%
  );
  background-image: -moz-linear-gradient(
    298.07deg,
    rgba(35, 129, 238, 0.302) 10.85%,
    rgba(31, 40, 58, 0) 95.37%
  );
  background-image: -o-linear-gradient(
    298.07deg,
    rgba(35, 129, 238, 0.302) 10.85%,
    rgba(31, 40, 58, 0) 95.37%
  );
  background-image: linear-gradient(
    151.93deg,
    rgba(35, 129, 238, 0.302) 10.85%,
    rgba(31, 40, 58, 0) 95.37%
  );
  -webkit-box-shadow: 0 5px 20px rgba(35, 129, 238, 0.2);
  -moz-box-shadow: 0 5px 20px rgba(35, 129, 238, 0.2);
  box-shadow: 0 5px 20px rgba(35, 129, 238, 0.2);
}
.dashbord .my-statistics-top-item:nth-child(3) span {
  color: #2381ee;
}
.dashbord .my-statistics-top-item:nth-child(4) {
  background-image: -webkit-linear-gradient(
    298.07deg,
    rgba(55, 157, 99, 0.302) 10.85%,
    rgba(31, 40, 58, 0) 95.37%
  );
  background-image: -moz-linear-gradient(
    298.07deg,
    rgba(55, 157, 99, 0.302) 10.85%,
    rgba(31, 40, 58, 0) 95.37%
  );
  background-image: -o-linear-gradient(
    298.07deg,
    rgba(55, 157, 99, 0.302) 10.85%,
    rgba(31, 40, 58, 0) 95.37%
  );
  background-image: linear-gradient(
    151.93deg,
    rgba(55, 157, 99, 0.302) 10.85%,
    rgba(31, 40, 58, 0) 95.37%
  );
  -webkit-box-shadow: 0 5px 20px rgba(63, 172, 75, 0.23);
  -moz-box-shadow: 0 5px 20px rgba(63, 172, 75, 0.23);
  box-shadow: 0 5px 20px rgba(63, 172, 75, 0.23);
}
.dashbord .my-statistics-top-item:nth-child(4) span {
  color: #fff;
}
.dashbord .my-statistics-bottom {
  gap: 12px;
}
.dashbord .my-statistics-bottom-item {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: #2c3246;
  border: 1px solid #353d4f;
  max-width: -webkit-calc(33.333333% - 8px);
  max-width: -moz-calc(33.333333% - 8px);
  max-width: calc(33.333333% - 8px);
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: 12px 21px 15px 19px;
}
.dashbord .my-statistics-bottom-item,
.dashbord .my-statistics-bottom-item .value {
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.11);
  -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.11);
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.11);
}
.dashbord .my-statistics-bottom-item .title {
  font-weight: 500;
  line-height: 19px;
  color: #8c90a1;
  margin-bottom: 7px;
}
.dashbord .my-statistics-bottom-item .value {
  background-color: #2c3246;
  border: 1px dashed #353d4f;
  font-weight: 900;
  line-height: 25px;
  color: #acb3c9;
  padding: 10px 16px;
}
.dashbord .my-statistics-remaining {
  background-image: -webkit-linear-gradient(
    298.07deg,
    rgba(246, 80, 156, 0.259) 10.85%,
    rgba(31, 40, 58, 0) 95.37%
  );
  background-image: -moz-linear-gradient(
    298.07deg,
    rgba(246, 80, 156, 0.259) 10.85%,
    rgba(31, 40, 58, 0) 95.37%
  );
  background-image: -o-linear-gradient(
    298.07deg,
    rgba(246, 80, 156, 0.259) 10.85%,
    rgba(31, 40, 58, 0) 95.37%
  );
  background-image: linear-gradient(
    151.93deg,
    rgba(246, 80, 156, 0.259) 10.85%,
    rgba(31, 40, 58, 0) 95.37%
  );
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #353d4f;
  padding: 9px 7px 12px 8px;
  max-width: 245px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.dashbord .my-statistics-remaining::before,
.dashbord .my-statistics-remaining .box::before {
  background-image: -webkit-linear-gradient(
    267.34deg,
    #2c3246 9%,
    #1f283a 97.78%
  );
  background-image: -moz-linear-gradient(267.34deg, #2c3246 9%, #1f283a 97.78%);
  background-image: -o-linear-gradient(267.34deg, #2c3246 9%, #1f283a 97.78%);
  background-image: linear-gradient(182.66deg, #2c3246 9%, #1f283a 97.78%);
}
.dashbord .my-statistics-remaining-box {
  padding: 26px 12px 19px 16px;
  border: 1px dashed #353d4f;
  height: 100%;
}
.dashbord .my-statistics-remaining-box .title {
  font-weight: 500;
  line-height: 24px;
  color: #8c90a1;
}
.dashbord .my-statistics-remaining-box .progress {
  background-color: #dbe1f3;
  max-width: 100%;
  margin: 16px 0 11px;
  height: 16px;
}
.dashbord .my-statistics-remaining-box .progress,
.dashbord .my-statistics-remaining-box .progress span {
  -webkit-border-radius: 72px;
  -moz-border-radius: 72px;
  border-radius: 72px;
}
.dashbord .my-statistics-remaining-box .progress span {
  width: 75%;
  top: 0;
  left: 0;
  height: 100%;
  background-image: -webkit-linear-gradient(
    293.06deg,
    #f6509c -115.54%,
    #8f2ffd 94.24%
  );
  background-image: -moz-linear-gradient(
    293.06deg,
    #f6509c -115.54%,
    #8f2ffd 94.24%
  );
  background-image: -o-linear-gradient(
    293.06deg,
    #f6509c -115.54%,
    #8f2ffd 94.24%
  );
  background-image: linear-gradient(
    156.94deg,
    #f6509c -115.54%,
    #8f2ffd 94.24%
  );
}
.dashbord .my-statistics-remaining-box .result {
  font-weight: 900;
  line-height: 25px;
  color: #e248d8;
}
.dashbord .newset-bot-heading {
  background-image: -webkit-linear-gradient(
    314.51deg,
    rgba(44, 50, 70, 0.5) 24.79%,
    rgba(143, 47, 253, 0.5) 100.44%
  );
  background-image: -moz-linear-gradient(
    314.51deg,
    rgba(44, 50, 70, 0.5) 24.79%,
    rgba(143, 47, 253, 0.5) 100.44%
  );
  background-image: -o-linear-gradient(
    314.51deg,
    rgba(44, 50, 70, 0.5) 24.79%,
    rgba(143, 47, 253, 0.5) 100.44%
  );
  background-image: linear-gradient(
    135.49deg,
    rgba(44, 50, 70, 0.5) 24.79%,
    rgba(143, 47, 253, 0.5) 100.44%
  );
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
  padding: 7px 8px 6px 16px;
  margin-bottom: 26px;
}
.dashbord .newset-bot-heading .title {
  font-size: 16px;
  font-weight: 500;
  color: #cacfe1;
  padding-left: 10px;
}
.dashbord .newset-bot-heading .title::before {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
  background-image: -webkit-linear-gradient(
    314.51deg,
    #f6509c 24.79%,
    #8f2ffd 100.44%
  );
  background-image: -moz-linear-gradient(
    314.51deg,
    #f6509c 24.79%,
    #8f2ffd 100.44%
  );
  background-image: -o-linear-gradient(
    314.51deg,
    #f6509c 24.79%,
    #8f2ffd 100.44%
  );
  background-image: linear-gradient(135.49deg, #f6509c 24.79%, #8f2ffd 100.44%);
  opacity: 0.81;
  width: 4px;
  height: 15px;
}
.dashbord .newset-bot-heading .btn {
  max-width: 118px;
  height: 38px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
  line-height: 38px;
  font-size: 16px;
  font-weight: 500;
}
.dashbord .newset-bot-heading .btn i {
  margin-left: 13px;
  font-size: 9px;
}
.dashbord .newset-bot-items {
  gap: 13px 0;
}
.dashbord .newset-bot-item {
  padding: 20px 18px 19px 24px;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  border-radius: 11px;
  background-image: conic-gradient(
    from 58deg at 50% 50%,
    #1d222e 0deg,
    #1f2430 360deg
  );
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 -webkit-calc(33.333333% - 45px);
  -moz-box-flex: 1;
  -ms-flex: 1 0 calc(33.333333% - 45px);
  flex: 1 0 calc(33.333333% - 45px);
}
.dashbord .newset-bot-item:not(:last-child) {
  margin-right: 13px;
}
.dashbord .newset-bot-item::before {
  background-image: conic-gradient(
    from 58deg at 50% 50%,
    #8f2ffd 0deg,
    #7819e5 360deg
  );
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-border-radius: inherit;
  -moz-border-radius: inherit;
  border-radius: inherit;
}
.dashbord .newset-bot-item::after {
  background-color: #202533;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
  -webkit-border-radius: inherit;
  -moz-border-radius: inherit;
  border-radius: inherit;
  opacity: 0;
}
.dashbord .newset-bot-item .image {
  width: 100px;
  height: 100px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: #252b3a;
  border: 4px solid rgba(72, 85, 116, 0.42);
  padding: 8px;
}
.dashbord .newset-bot-item .image::before {
  width: 30px;
  height: 65px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #2d035d;
  -webkit-filter: blur(18px);
  filter: blur(18px);
}
.dashbord .newset-bot-item .name {
  font-size: 14px;
  font-weight: 500;
  font-style: italic;
  line-height: 18px;
  margin: 17px 0 18px;
}
.dashbord .newset-bot-item .dob-capacity {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background-color: #212633;
  border: 1px dashed #363b46;
  padding: 5px 43px 11px 13px;
}
.dashbord .newset-bot-item .dob-capacity > div {
  font-size: 12px;
  color: #a5aab5;
  line-height: 15px;
}
.dashbord .newset-bot-item .dob-capacity > div span {
  font-size: 25px;
  font-weight: 600;
  line-height: 30px;
  color: #8c90a1;
}
.dashbord .newset-bot-item .dob-capacity .dob span {
  line-height: 22px;
  font-size: 18px;
  color: #e89323;
}
.dashbord .newset-bot-item .hobbies {
  line-height: 15px;
  font-size: 10px;
  font-weight: 500;
  color: #8c90a1;
  margin: 14px 0 13px;
}
.dashbord .newset-bot-item .hobbies span {
  font-weight: 600;
  color: #fff;
}
.dashbord .newset-bot-item .pay {
  padding: 9px 12px 7px;
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
  color: #8c90a1;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  background-color: #242a39;
}
.dashbord .newset-bot-item .pay i {
  font-size: 14px;
  margin-right: 5px;
}
.dashbord .newset-bot-item .pay b {
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  color: #fff;
  margin-left: 5px;
}
.dashbord .newset-bot-item:hover::before {
  opacity: 1;
}
.dashbord .newset-bot-item:hover::after {
  top: -7px;
  right: -6px;
  bottom: -8px;
  left: -5px;
  opacity: 1;
}
.dashbord .newset-bot-item:hover .image {
  background-color: #8f2ffd;
  border-color: #983eff;
}
.dashbord .newset-bot-item:hover .dob-capacity {
  background-color: #9437ff;
}
.dashbord .newset-bot-item:hover .dob-capacity > div {
  color: #fff;
}
.dashbord .newset-bot-item:hover .dob-capacity > div span {
  color: #dbe1f3;
}
.dashbord .newset-bot-item:hover .dob-capacity .dob span {
  color: #ffd9eb;
}
.dashbord .newset-bot-item:hover .hobbies {
  color: #dbe1f3;
}
.dashbord .newset-bot-item:hover .pay {
  background-color: #6d18cf;
  color: #dbe1f3;
}
.dashbord .newset-bot-item:hover .pay i {
  color: #dbe1f3;
}
.dashbord .newset-bot .btn-add {
  width: 85px;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#1d222e),
    to(#1e2638)
  );
  background-image: -webkit-linear-gradient(top, #1d222e 0%, #1e2638 100%);
  background-image: -moz-linear-gradient(top, #1d222e 0%, #1e2638 100%);
  background-image: -o-linear-gradient(top, #1d222e 0%, #1e2638 100%);
  background-image: linear-gradient(180deg, #1d222e 0%, #1e2638 100%);
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  border: 1px dashed #acb3c9;
  font-size: 17px;
  color: #acb3c9;
}
.dashbord .last-projects {
  margin-top: 103px;
}
.dashbord .last-projects-heading {
  background-color: #202533;
  -webkit-border-radius: 12px 12px 0 0;
  -moz-border-radius: 12px 12px 0 0;
  border-radius: 12px 12px 0 0;
  padding: 20px 29px 20px 28px;
}
.dashbord .last-projects-heading .title {
  font-size: 16px;
  font-weight: 400;
  color: #f6faff;
  line-height: 21px;
  padding-left: 5px;
}
.dashbord .last-projects-heading .title::before {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #df8228;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  width: 3px;
  height: 12px;
}
.dashbord .last-projects-heading .btn {
  height: 43px;
  line-height: 43px;
}
.dashbord .last-projects-heading .btn:first-child {
  max-width: 119px;
  width: 119px;
  margin-right: 7px;
}
.dashbord .last-projects-heading .btn:last-child {
  max-width: 108px;
  width: 108px;
}
.dashbord .last-projects-body {
  padding: 27px 29px;
  background-color: #1d222e;
  -webkit-border-radius: 0 0 12px 12px;
  -moz-border-radius: 0 0 12px 12px;
  border-radius: 0 0 12px 12px;
}
.dashbord .last-projects-body .table label input:checked + span {
  background-color: #8f2ffd;
}
.dashbord .last-projects-body .table tbody tr::after {
  background-image: -webkit-linear-gradient(
    293.56deg,
    #8f2ffd 33.69%,
    #f6509c 84.82%
  );
  background-image: -moz-linear-gradient(
    293.56deg,
    #8f2ffd 33.69%,
    #f6509c 84.82%
  );
  background-image: -o-linear-gradient(
    293.56deg,
    #8f2ffd 33.69%,
    #f6509c 84.82%
  );
  background-image: linear-gradient(156.44deg, #8f2ffd 33.69%, #f6509c 84.82%);
}
@media only screen and (max-width: 575px) {
  .dashbord .last-projects-heading {
    padding: 28px 15px 18px 11px;
  }
  .dashbord .last-projects-heading .title {
    margin-bottom: 14px;
  }
  .dashbord .last-projects-heading .btn:first-child,
  .dashbord .last-projects-heading .btn:last-child {
    max-width: 50%;
    width: 50%;
  }
  .dashbord .last-projects-body {
    padding: 24px 12px 34px;
  }
}
.dashbord-logo-bottom {
  margin-top: 62px;
  padding: 34px 12px 14px;
}
.dashbord-logo-bottom::before {
  background-image: url("./../images/background/bg-bootom-logo.png");
  top: 0;
  right: -12px;
  bottom: 0;
  left: -12px;
}
.dashbord-logo-bottom::after {
  background-image: url("./../images/background/bg-bootom-logo-two.png");
  width: 364px;
  height: 252px;
  -webkit-filter: blur(20px) opacity(0.09);
  filter: blur(20px) opacity(0.09);
}
@media only screen and (max-width: 1399px) {
  .dashbord .newset-bot-item {
    padding: 20px 12px 19px;
  }
  .dashbord .newset-bot-item .dob-capacity {
    padding: 5px 16px 11px 8px;
  }
  .dashbord .newset-bot-item .pay {
    padding: 9px 8px 7px;
  }
}
@media only screen and (max-width: 991px) {
  .dashbord {
    padding-bottom: 0;
  }
  .dashbord .my-statistics-wrapper {
    overflow: auto hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
    padding: 0 12px;
    margin: 0 -12px;
  }
  .dashbord .my-statistics-wrapper::-webkit-scrollbar {
    display: none;
  }
  .dashbord .my-statistics-left {
    max-width: none;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 105%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 105%;
    flex: 0 0 105%;
  }
  .dashbord .newset-bot-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 -webkit-calc(50% - 56px);
    -moz-box-flex: 1;
    -ms-flex: 1 0 calc(50% - 56px);
    flex: 1 0 calc(50% - 56px);
  }
}
@media only screen and (max-width: 767px) {
  .dashbord .my-statistics-left {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 140%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 140%;
    flex: 0 0 140%;
  }
  .dashbord .newset-bot-item {
    padding: 20px 8px 19px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 -webkit-calc(50% - 54px);
    -moz-box-flex: 1;
    -ms-flex: 1 0 calc(50% - 54px);
    flex: 1 0 calc(50% - 54px);
  }
  .dashbord .newset-bot-item:not(:last-child) {
    margin-right: 11px;
  }
  .dashbord .newset-bot-item .pay b {
    font-size: 16px;
  }
}
@media only screen and (max-width: 575px) {
  .dashbord .my-statistics-left {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 195%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 195%;
    flex: 0 0 195%;
  }
  .dashbord .newset-bot-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 -webkit-calc(100% - 96px);
    -moz-box-flex: 1;
    -ms-flex: 1 0 calc(100% - 96px);
    flex: 1 0 calc(100% - 96px);
  }
}
@media only screen and (max-width: 419px) {
  .dashbord .my-statistics-left {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 261%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 261%;
    flex: 0 0 261%;
  }
}
@media only screen and (max-width: 369px) {
  .dashbord .newset-bot-heading .title,
  .dashbord .newset-bot-heading .btn {
    font-size: 12px;
  }
  .dashbord .newset-bot-heading .btn {
    max-width: 94px;
  }
  .dashbord .newset-bot-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 -webkit-calc(100% - 71px);
    -moz-box-flex: 1;
    -ms-flex: 1 0 calc(100% - 71px);
    flex: 1 0 calc(100% - 71px);
  }
  .dashbord .newset-bot .btn-add {
    width: 60px;
  }
}

.dashbord .hiring-robot {
  padding: 44px 31px 34px 28px;
  background-color: #1d222e;
}
.dashbord .hiring-robot::before {
  background-color: #252b3a;
  -webkit-border-radius: 184px;
  -moz-border-radius: 184px;
  border-radius: 184px;
  top: -141px;
  right: -71px;
  bottom: 203px;
  left: -65px;
}
.dashbord .hiring-robot::after {
  background-image: url("./../images/shape/shape-02.png");
  width: 66px;
  height: 27px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.dashbord .hiring-robot .title {
  font-size: 18px;
  font-weight: 600;
  font-style: italic;
  line-height: 22px;
  margin-bottom: 20px;
}
.dashbord .hiring-robot .tabs {
  gap: 8px;
  margin-bottom: 15px;
  overflow: auto hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.dashbord .hiring-robot .tabs::-webkit-scrollbar {
  display: none;
}
.dashbord .hiring-robot .tabs li {
  background-color: transparent;
  padding: 10px 7px;
  max-width: -webkit-calc(33.333333% - 5px);
  max-width: -moz-calc(33.333333% - 5px);
  max-width: calc(33.333333% - 5px);
  font-size: 12px;
  color: #8c90a1;
  white-space: nowrap;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.dashbord .hiring-robot .tabs li,
.dashbord .hiring-robot .tabs li::before {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.dashbord .hiring-robot .tabs li::before {
  right: 7px;
  left: 7px;
  height: 3px;
  background: #fb9337;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.dashbord .hiring-robot .tabs li.active,
.dashbord .hiring-robot .tabs li:hover {
  background-color: #30384b;
  color: #fff;
}
.dashbord .hiring-robot .tabs li.active::before,
.dashbord .hiring-robot .tabs li:hover::before {
  opacity: 1;
}
.dashbord .hiring-robot label {
  font-size: 12px;
  font-weight: 500;
  display: inline-block;
  color: #757d91;
  line-height: 21px;
  margin-bottom: 4px;
}
.dashbord .hiring-robot .total-price {
  margin: 23px 0 38px;
}
.dashbord .hiring-robot .btn {
  max-width: 100%;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  -webkit-box-shadow: 0 3px 30px rgba(27, 126, 240, 0.22);
  -moz-box-shadow: 0 3px 30px rgba(27, 126, 240, 0.22);
  box-shadow: 0 3px 30px rgba(27, 126, 240, 0.22);
  margin-bottom: 35px;
  height: 49px;
  line-height: 49px;
}
.dashbord .hiring-robot .btn i {
  font-size: 17px;
  margin-right: 9px;
}
.dashbord .hiring-robot .pay {
  gap: 8px;
}
.dashbord .hiring-robot .pay li {
  max-width: -webkit-calc(12.5% - 8px);
  max-width: -moz-calc(12.5% - 8px);
  max-width: calc(12.5% - 8px);
  width: 100%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.dashbord .hiring-robot .pay li a {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  background-color: #262b39;
  padding: 4px;
  height: 100%;
}
.dashbord .description-robot {
  background-color: #1d222e;
  padding-bottom: 20px;
  height: 100%;
}
.dashbord .description-robot-heading {
  background-color: #202533;
  -webkit-border-radius: 12px 12px 0 0;
  -moz-border-radius: 12px 12px 0 0;
  border-radius: 12px 12px 0 0;
  padding: 27px 25px 24px;
  color: #fff;
  font-weight: 700;
}
.dashbord .description-robot-body {
  padding: 0 8px 0 20px;
  overflow: hidden auto;
  margin: 22px 17px 0 0;
  scrollbar-width: 7.5px;
  scrollbar-color: #282e3d #acb3c9;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  max-height: 532px;
  color: #a3a4ae;
}
.dashbord .description-robot-body::-webkit-scrollbar {
  width: 7.5px;
  -webkit-border-radius: 72px;
  border-radius: 72px;
}
.dashbord .description-robot-body::-webkit-scrollbar-track {
  background-color: #282e3d;
}
.dashbord .description-robot-body::-webkit-scrollbar-thumb {
  background-color: #acb3c9;
  -webkit-border-radius: 72px;
  border-radius: 72px;
}
.dashbord .exitsting-subscriptions {
  margin: 42px 0;
}
.dashbord .exitsting-subscriptions .my-statistics-title {
  color: #acb3c9;
}
.dashbord .robot-items {
  gap: 17px 0;
  margin-bottom: 42px;
}
.dashbord .robot-item {
  background-image: conic-gradient(
    from 58deg at 50% 50%,
    #1d222e 0deg,
    #1f2430 360deg
  );
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  border-radius: 11px;
  padding: 22px 18px 18px;
}
.dashbord .robot-item::before {
  -webkit-border-radius: 11px 0 0 11px;
  -moz-border-radius: 11px 0 0 11px;
  border-radius: 11px 0 0 11px;
  background-color: #2e3444;
  top: 6px;
  bottom: 6px;
  left: 6px;
  width: 125px;
}
.dashbord .robot-item .image {
  width: 190px;
  height: 190px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: #252b3a;
  border: 4px solid rgba(72, 85, 116, 0.42);
}
.dashbord .robot-item .image::before {
  opacity: 0.27;
  -webkit-filter: blur(41px);
  filter: blur(41px);
  background-image: url("./../images/background/bg-robot-image.png");
}
.dashbord .robot-item .image::after {
  width: 57px;
  height: 99px;
  background-color: #2d035d;
  -webkit-filter: blur(18px);
  filter: blur(18px);
}
.dashbord .robot-item .detail {
  max-width: -webkit-calc(100% - 190px);
  max-width: -moz-calc(100% - 190px);
  max-width: calc(100% - 190px);
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding-left: 17px;
}
.dashbord .robot-item .detail h2 {
  font-size: 14px;
  font-weight: 500;
  font-style: italic;
  line-height: 18px;
  color: #fff;
  margin-bottom: 10px;
}
.dashbord .robot-item .detail h2 i {
  margin-right: 4px;
  color: #8c90a1;
  font-size: 20px;
}
.dashbord .robot-item .detail .dob-capacity {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background-color: #212633;
  border: 1px dashed #363b46;
  padding: 7px 32px 8px 13px;
  margin-bottom: 14px;
}
.dashbord .robot-item .detail .dob-capacity > div {
  font-size: 12px;
  color: #a5aab5;
  line-height: 15px;
}
.dashbord .robot-item .detail .dob-capacity > div span {
  font-size: 25px;
  font-weight: 600;
  line-height: 30px;
  color: #8c90a1;
}
.dashbord .robot-item .detail .dob-capacity .dob span {
  font-size: 18px;
  line-height: 22px;
  color: #e89323;
}
.dashbord .robot-item .detail .hobbies {
  font-size: 10px;
  font-weight: 500;
  line-height: 15px;
  color: #8c90a1;
  margin-bottom: 13px;
}
.dashbord .robot-item .detail .hobbies span {
  color: #fff;
  font-weight: 600;
}
.dashbord .robot-item .detail .payment {
  background-color: #242a39;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  padding: 9px 12px 7px;
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
  color: #8c90a1;
}
.dashbord .robot-item .detail .payment i {
  font-size: 13px;
  margin-right: 5px;
}
.dashbord .robot-item .detail .payment span {
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  color: #fff;
  margin-left: 5px;
}
@media only screen and (min-width: 1200px) and (max-width: 1269px) {
  .dashbord .robot-item {
    padding: 22px 12px 18px;
  }
  .dashbord .robot-item .detail .dob-capacity {
    padding: 7px 12px 8px;
  }
  .dashbord .robot-item .detail .payment {
    padding: 9px 8px 7px;
  }
}
@media only screen and (max-width: 1399px) {
  .dashbord .description-robot-body {
    max-height: 560px;
  }
}
@media only screen and (max-width: 1199px) {
  .dashbord .hiring-robot {
    padding: 44px 20px 34px;
  }
  .dashbord .hiring-robot .tabs {
    gap: 4px;
  }
  .dashbord .hiring-robot .tabs li {
    max-width: -webkit-calc(33.333333% - 3px);
    max-width: -moz-calc(33.333333% - 3px);
    max-width: calc(33.333333% - 3px);
    padding: 10px 5px;
  }
}
@media only screen and (max-width: 991px) {
  .dashbord .hiring-robot {
    margin-bottom: 25px;
  }
  .dashbord .description-robot-body {
    height: 500px;
  }
}
@media only screen and (max-width: 575px) {
  .dashbord .hiring-robot {
    padding: 44px 19px 35px;
  }
  .dashbord .hiring-robot .discount-box {
    padding-top: 8px;
  }
  .dashbord .hiring-robot .tabs li {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    padding: 10px 7px;
  }
  .dashbord .description-robot-heading {
    padding: 27px 19px 24px;
  }
  .dashbord .robot-item {
    padding: 29px 19px 22px;
  }
  .dashbord .robot-item::before {
    right: 6px;
    bottom: auto;
    -webkit-border-radius: 11px 11px 0 0;
    -moz-border-radius: 11px 11px 0 0;
    border-radius: 11px 11px 0 0;
    width: auto;
    height: 61px;
  }
  .dashbord .robot-item .image {
    position: absolute;
    top: 12px;
    left: 19px;
    width: 50px;
    height: 50px;
  }
  .dashbord .robot-item .detail {
    max-width: 100%;
    padding-left: 0;
  }
  .dashbord .robot-item .detail .name {
    padding-left: 64px;
    margin-bottom: 34px;
  }
}
@media only screen and (max-width: 420px) {
  .dashbord .hiring-robot .discount-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 8px 20px;
  }
  .dashbord .hiring-robot .discount-box .detail {
    margin-top: 16px;
    text-align: center;
  }
  .dashbord .hiring-robot .discount-box .detail .price {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.dashbord .new-project .card-heading::before {
  width: 329px;
  background-color: #222837;
  -webkit-border-radius: 12px 0 0;
  -moz-border-radius: 12px 0 0;
  border-radius: 12px 0 0;
}
.dashbord .new-project form .form-group .domain label {
  top: 8px;
  bottom: 6px;
  -webkit-transform: unset;
  -moz-transform: unset;
  -ms-transform: unset;
  -o-transform: unset;
  transform: unset;
}
.dashbord .new-project form .form-group .device i {
  font-size: 13px;
  color: #979bb0;
  top: 50%;
  left: 17px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.dashbord .new-project form .form-group .device select.form-control {
  padding-left: 38px;
}
.dashbord .new-project form .form-group .location i {
  top: 50%;
  right: 13px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 15px;
  color: #979bb0;
}
.dashbord .new-project form .advanced {
  margin: 20px 0 33px;
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
  color: #df8228;
}
.dashbord .new-project form .advanced::before {
  top: 50%;
  width: -webkit-calc(100% - 146px);
  width: -moz-calc(100% - 146px);
  width: calc(100% - 146px);
  left: 146px;
  border: 1px dashed rgba(255, 255, 255, 0.12);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.dashbord .new-project form .keywords .btn-add {
  width: 53px;
  height: 53px;
  margin-left: 0;
}
.dashbord .new-project form .btn {
  margin-top: 10px;
  max-width: 182px;
  height: 49px;
  line-height: 49px;
  -webkit-box-shadow: 0 3px 30px rgba(27, 126, 240, 0.22);
  -moz-box-shadow: 0 3px 30px rgba(27, 126, 240, 0.22);
  box-shadow: 0 3px 30px rgba(27, 126, 240, 0.22);
}
@media only screen and (max-width: 575px) {
  .dashbord .new-project form .keywords .btn-add {
    max-width: 100%;
    width: 100%;
  }
}

.dashbord .projects .card-heading {
  padding: 20px 29px 20px 28px;
  margin-bottom: 27px;
}
.dashbord .projects .card-heading::before {
  background-color: #222837;
  width: 591px;
}
.dashbord .projects .card-heading form {
  margin: 0 6px 0 auto;
  max-width: 297px;
  width: 100%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.dashbord .projects .card-heading form .form-control {
  background-color: #272e3b;
  border: none;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  padding: 0 40px 0 16px;
  font-size: 12px;
  font-weight: 400;
  color: #a3a4ae;
  height: 43px;
}
.dashbord .projects .card-heading form button {
  top: 50%;
  right: 18px;
  font-size: 15px;
  color: #757d91;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.dashbord .projects .card-heading .btn-icon {
  width: 43px;
  height: 43px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background-color: #272e3b;
  font-size: 14px;
  color: #a3a4ae;
}
.dashbord .projects .card-heading .btn-icon.refresh {
  margin: 0 6px;
}
.dashbord .projects .card-heading .btn-new-project {
  max-width: 119px;
  height: 43px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background-color: #272e3b;
  color: #a3a4ae;
}
.dashbord .projects .card-heading .btn-new-project i {
  font-size: 17px;
  margin-right: 5px;
}
.dashbord .projects .card .pagination {
  margin-top: 38px;
}
@media only screen and (max-width: 767px) {
  .dashbord .projects .card-heading::before {
    content: none;
  }
  .dashbord .projects .card-title {
    width: 100%;
    margin-bottom: 18px;
  }
  .dashbord .projects .card form {
    margin-left: 0;
    max-width: none;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 1%;
    -moz-box-flex: 1;
    -ms-flex: 1 0 1%;
    flex: 1 0 1%;
  }
}
@media only screen and (max-width: 575px) {
  .dashbord .projects .card-heading {
    padding: 20px 12px 22px;
  }
}
@media only screen and (max-width: 419px) {
  .dashbord .projects .card-heading form {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 6px;
  }
  .dashbord .projects .card-heading .btn-new-project {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 1%;
    -moz-box-flex: 1;
    -ms-flex: 1 0 1%;
    flex: 1 0 1%;
    max-width: none;
  }
}

.dashbord .settings .card {
  background: #1d222e url("./../images/background/bg-settiungs.png") 0 0
    no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  padding-bottom: 0;
}
.dashbord .settings .card::before {
  top: 4px;
  right: -8px;
  left: -8px;
  background-color: rgba(29, 34, 46, 0.5);
}
.dashbord .settings .card-heading {
  padding: 25px 22px 25px 40px;
  margin-bottom: 0;
}
.dashbord .settings .card-heading .card-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  padding-left: 0;
}
.dashbord .settings .card-heading .card-title i {
  font-size: 22px;
  margin-right: 15px;
}
.dashbord .settings .card-body {
  padding: 0;
}
.dashbord .settings-links {
  background-color: #222837;
  border: 0 0 0 12px;
  padding: 33px 18px 33px 20px;
  max-width: 228px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.dashbord .settings-links li:not(:last-child) {
  margin-bottom: 10px;
}
.dashbord .settings-links li a {
  padding: 0 23px;
  line-height: 55px;
  font-size: 14px;
  font-weight: 500;
  color: #8c90a1;
}
.dashbord .settings-links li a.active,
.dashbord .settings-links li a:hover {
  background-color: rgba(255, 255, 255, 0.03);
  color: #fff;
}
.dashbord .settings-content {
  padding: 49px 39px 40px 34px;
  max-width: 100%;
}
.dashbord .settings-content .card-title {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 26px;
  padding-left: 9px;
}
.dashbord .settings-content .card-title::before {
  width: 5px;
  height: 14px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.dashbord .settings-content .btn {
  -webkit-box-shadow: 0 3px 30px rgba(27, 126, 240, 0.22);
  -moz-box-shadow: 0 3px 30px rgba(27, 126, 240, 0.22);
  box-shadow: 0 3px 30px rgba(27, 126, 240, 0.22);
  max-width: 182px;
  height: 49px;
  line-height: 49px;
}
@media only screen and (max-width: 767px) {
  .dashbord .settings .card {
    background: transparent;
  }
  .dashbord .settings-links {
    max-width: 100%;
    -webkit-border-radius: 0 0 12px 12px;
    -moz-border-radius: 0 0 12px 12px;
    border-radius: 0 0 12px 12px;
  }
  .dashbord .settings-content {
    margin-top: 45px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    background-color: #1d222e;
    padding: 42px 38px;
  }
  .dashbord .settings-content .btn {
    max-width: 100%;
  }
}
@media only screen and (max-width: 575px) {
  .dashbord .settings-content {
    padding: 42px 24px;
  }
}

.dashbord .profile .card {
  background: #1d222e url("./../images/background/bg-profile.png") 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}
.dashbord .profile .card::before {
  background-color: rgba(29, 34, 46, 0.5);
  top: 6px;
  right: -7px;
  left: -7px;
}
.dashbord .profile .card-heading {
  padding: 19px 26px 17px;
}
.dashbord .profile-info img {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  margin-right: 21px;
}
.dashbord .profile-info .detail .name {
  color: #f6faff;
  line-height: 21px;
  margin-bottom: 8px;
}
.dashbord .profile-info .detail label {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  max-width: 72px;
  height: 30px;
  line-height: 30px;
  color: #fff;
  background-image: -webkit-linear-gradient(
    311.16deg,
    #fbad25 -0.9%,
    #fa4b68 91.06%
  );
  background-image: -moz-linear-gradient(
    311.16deg,
    #fbad25 -0.9%,
    #fa4b68 91.06%
  );
  background-image: -o-linear-gradient(
    311.16deg,
    #fbad25 -0.9%,
    #fa4b68 91.06%
  );
  background-image: linear-gradient(138.84deg, #fbad25 -0.9%, #fa4b68 91.06%);
  cursor: pointer;
  margin-right: 5px;
}
.dashbord .profile-info .detail .remove-avatar {
  width: 30px;
  height: 30px;
  background-color: #2b3141;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #8c90a1;
  font-size: 18px;
}
.dashbord .profile-info .detail .remove-avatar:hover {
  background-color: #c64e5e;
  color: #fff;
}
.dashbord .profile .notification-email {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 13px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  height: 53px;
  line-height: 53px;
  padding: 0 17px 0 19px;
  font-size: 12px;
  font-weight: 500;
  color: #8c90a1;
}
.dashbord .profile .form-group {
  margin-bottom: 10px;
}
.dashbord .profile .btn {
  -webkit-box-shadow: 0 3px 30px rgba(27, 126, 240, 0.22);
  -moz-box-shadow: 0 3px 30px rgba(27, 126, 240, 0.22);
  box-shadow: 0 3px 30px rgba(27, 126, 240, 0.22);
  max-width: 182px;
  height: 49px;
  line-height: 49px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
  margin-top: 15px;
}
@media only screen and (max-width: 991px) {
  .dashbord .profile .card {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
  }
}
@media only screen and (max-width: 767px) {
  .dashbord .profile .row *:nth-child(6) {
    -webkit-box-ordinal-group: 1000;
    -webkit-order: 999;
    -moz-box-ordinal-group: 1000;
    -ms-flex-order: 999;
    order: 999;
  }
  .dashbord .profile .row *:nth-child(6) .notification-email {
    margin-top: 35px;
  }
}

.dashbord .performance-heading::before {
  background-image: url("./../images/shape/dots.png");
  height: 20px;
  top: 50%;
  right: 280px;
  left: 350px;
  -webkit-transform: translateY(-35%);
  -moz-transform: translateY(-35%);
  -ms-transform: translateY(-35%);
  -o-transform: translateY(-35%);
  transform: translateY(-35%);
}
.dashbord .performance-heading .title {
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  color: #fff;
}
.dashbord .performance-heading .date .time-now,
.dashbord .performance-heading .date .form-control {
  background-color: #222837;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid rgba(115, 116, 126, 0.22);
  color: #a3a4ae;
  font-size: 12px;
}
.dashbord .performance-heading .date .time-now {
  white-space: nowrap;
  line-height: 21px;
  padding: 8px 7px 5px 10px;
  margin-right: 3px;
}
.dashbord .performance-heading .date .time-now i {
  font-size: 15px;
  margin-right: 4px;
}
.dashbord .performance-heading .date .form-control {
  font-weight: 500;
  padding: 8px 38px 5px 14px;
  height: auto;
}
.dashbord .performance-info-change {
  margin: 32px -12px 37px;
}
.dashbord .performance-info-change .row {
  gap: 11px 0;
  margin: 0 -5.5px;
}
.dashbord .performance-info-change .row .col-sm-4 {
  padding: 0 5.5px;
}
.dashbord .performance-info-change-item {
  background-image: -webkit-linear-gradient(
    267.34deg,
    #2c3246 9%,
    #1f283a 97.78%
  );
  background-image: -moz-linear-gradient(267.34deg, #2c3246 9%, #1f283a 97.78%);
  background-image: -o-linear-gradient(267.34deg, #2c3246 9%, #1f283a 97.78%);
  background-image: linear-gradient(182.66deg, #2c3246 9%, #1f283a 97.78%);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #353d4f;
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.13);
  -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.13);
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.13);
  padding: 15px 14px 14px;
}
.dashbord .performance-info-change-item .title {
  font-size: 14px;
  font-weight: 500;
  line-height: 19px;
  color: #8c90a1;
  margin-bottom: 4px;
}
.dashbord .performance-info-change-item .value {
  font-size: 17px;
  font-weight: 900;
  line-height: 29px;
  color: #dbe1f3;
}
.dashbord .performance-info-change-item .value i {
  margin-right: 5px;
  font-size: 11px;
}
.dashbord .performance-info-change-item .precent {
  font-size: 13px;
  font-weight: 400;
  line-height: 25px;
  opacity: 0.7;
}
.dashbord .performance-info-change-item .success {
  color: #23cb7f;
}
.dashbord .performance-info-change-item .danger {
  color: #d33155;
}
.dashbord .performance-chart {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background-color: #1d222e;
  padding: 21px 16px 4px 0;
}
.dashbord .performance-chart svg {
  background-color: transparent !important;
}
.dashbord .performance .card-heading {
  padding: 20px 29px 20px 28px;
}
.dashbord .performance .card-heading::before {
  width: 50%;
  background-color: #222837;
  -webkit-border-radius: 12px 0 0;
  -moz-border-radius: 12px 0 0;
  border-radius: 12px 0 0;
}
.dashbord .performance .card-heading form {
  margin: 0 10px 0 auto;
  max-width: 297px;
}
.dashbord .performance .card-heading form .form-control {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background-color: #272e3b;
  height: 43px;
  border: none;
  padding: 0 36px 0 16px;
}
.dashbord .performance .card-heading form button {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 16px;
  font-size: 15px;
  color: #757d91;
}
.dashbord .performance .card-heading .btn-icon {
  width: 43px;
  height: 43px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background-color: #272e3b;
  font-size: 20px;
  color: #a3a4ae;
}
.dashbord .performance .card-heading .btn-icon.file-upload,
.dashbord .performance .card-heading .btn-icon.refresh {
  margin: 0 6px;
}
.dashbord .performance .card-heading .btn-new-project {
  max-width: 119px;
  height: 43px;
  background-color: #272e3b;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.dashbord .performance .card-heading .btn-new-project i {
  font-size: 17px;
  margin-right: 5px;
}
.dashbord .performance .table label {
  display: inline-block;
  vertical-align: middle;
}
.dashbord .performance .table tbody tr td {
  vertical-align: middle;
}
.dashbord .performance .table tbody tr td img {
  margin-left: 4px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.dashbord .performance .table tbody tr td:first-child {
  -webkit-transform: translateY(10%);
  -moz-transform: translateY(10%);
  -ms-transform: translateY(10%);
  -o-transform: translateY(10%);
  transform: translateY(10%);
}
.dashbord .performance .table tbody tr td.kank i {
  font-size: 11px;
  margin-right: 5px;
  color: #979bb0;
}
.dashbord .performance .table tbody tr td.kank i:nth-child(2) {
  margin-left: 9px;
}
.dashbord .performance .table tbody tr td.day span:first-child {
  margin-right: 5px;
}
.dashbord .performance .table tbody tr td.day span:last-child {
  margin-left: 5px;
}
.dashbord .performance .table tbody tr td.day i {
  font-size: 8px;
}
.dashbord .performance .table tbody tr td.chart {
  min-width: 82px;
  width: 82px;
  padding: 0;
}
.dashbord .performance .pagination {
  margin-top: 33px;
}
@media only screen and (max-width: 991px) {
  .dashbord .performance-chart {
    margin-bottom: 18px;
  }
  .dashbord .performance .card-heading form {
    max-width: 100%;
    margin: 21px 0 12px;
  }
  .dashbord .performance .card-heading .btn-new-project {
    max-width: none;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 1%;
    -moz-box-flex: 1;
    -ms-flex: 1 0 1%;
    flex: 1 0 1%;
  }
}
@media only screen and (max-width: 767px) {
  .dashbord .performance-heading::before {
    top: 0;
    -webkit-transform: translateY(4px);
    -moz-transform: translateY(4px);
    -ms-transform: translateY(4px);
    -o-transform: translateY(4px);
    transform: translateY(4px);
    right: 0;
    left: 340px;
  }
  .dashbord .performance-heading .title {
    margin-bottom: 31px;
  }
  .dashbord .performance-heading .date .time-now {
    max-width: 70%;
    width: 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 8px;
  }
  .dashbord .performance .card-heading {
    padding: 20px 15px;
  }
}
@media only screen and (max-width: 399px) {
  .dashbord .performance-heading::before {
    left: 260px;
  }
  .dashbord .performance-heading .title {
    font-size: 14px;
  }
  .dashbord .performance-heading .date .time-now {
    max-width: 60%;
  }
  .dashbord .performance .card-heading .btn-icon {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 1%;
    -moz-box-flex: 1;
    -ms-flex: 1 0 1%;
    flex: 1 0 1%;
  }
  .dashbord .performance .card-heading .btn-icon.refresh {
    margin-right: 0;
  }
  .dashbord .performance .card-heading .btn-new-project {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-top: 12px;
  }
} /*# sourceMappingURL=main.min.css.map */

.dashbord-sidebar-nav ul li a::before {
  border-radius: 15px;
}