body,
html {
  overflow-x:hidden
}
body,
footer a {
  color:var(--textcolor2)
}
.userprofile-wrap a,
footer a {
  text-decoration:none!important
}
#top-sec .forgot-password:hover,
#why-cheap .item a,
.signup .readmore,
.team .slider a:hover {
  text-decoration:underline
}
#why-cheap .item:hover a,
.accordion>.card button,
.sidebar-nav li a,
.signup .readmore:hover,
.team .slider a {
  text-decoration:none
}
:root {
  --primary:#14b8a6;
  --secondary:#a3e635;
  --gray:#94a3b8;
  --textcolor:#f0fdfa;
  --textcolor2:#e0f2f1;
  --themecolor:#0f172a;
  --bg-gradient:linear-gradient(135deg, #14b8a6 0%, #a3e635 100%);
  --primary:#ff9000;
  --secondary:#3b7cff;
  --gray:#777676;
  --textcolor:#fff;
  --textcolor2:#FFF;
  --themecolor:#fff;
  --bg-gradient:linear-gradient(180deg,#9356fd 0,#ea7a8a 100%)
}
.btn-primary,
.guest .navbar-default .navbar-nav>li.active:after,
.navbar-nav>li.active a,
footer .ftr-icons ul li a {
  color:#fff !important;
  background: linear-gradient(180deg, #FFB514 0%, #F98501 100%) !important;
}
.btn-primary:hover {
  opacity:.9;
  background:linear-gradient(135deg,#0f766e,#84cc16)
}
a,
h1,
h2,
h3,
h4,
h5,
h6 {
  color:var(--textcolor);
}
html {
  font-size:100%;
  height:auto!important
}
body,
p {
  font-size:14px;
  font-weight:500
}
@media(prefers-reduced-motion:no-preference) {
  :root {
    scroll-behavior:smooth
  }
}
body {
  background-color:var(--themecolor);
  font-family:Raleway,sans-serif;
  line-height:1;
  margin:0;
  width:100%;
  position:relative;
  padding:0
}
.content-wrapper {
  position:relative;
  overflow:hidden
}
body.guest {
  background: #00583C;
}
.navbar-default .navbar-brand img {
  filter:brightness(0) invert(1)
}
.fastest-service-nav {
  display:flex;
  align-items:center;
  justify-content:start;
  margin-top:10px
}
.fastest-service-nav button {
  width:40px;
  height:40px;
  border-radius:100%;
  background:#FFA800;
  color:#fff;
  border:0
}
.fastest-service-nav button:hover,
.team-slider-nav button:hover {
  background: linear-gradient(180deg,rgba(255, 168, 0, 1) 0%, rgba(255, 217, 15, 1) 100%);
}
.fastest-service-nav button.left-arrow,
.pagination>li:not(:last-child),
.team-slider-nav button:not(:last-child),
footer .ftr-icons ul li:not(:last-child) {
  margin-right:10px
}
.well {
  border-radius:43px;
  height:100%;
  border: 1px solid #1C7E5F;
  background: #036D4B;
}
p {
  line-height:1.4
}
.section-title {
  font-size:46px;
  font-weight:700;
  margin:0 0 27px
}
.btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  user-select:none;
  border:0!important;
  transition:.5s;
  color:var(--textcolor2)!important;
  border-radius:20px!important;
  padding:0 10px!important;
  min-width:154px;
  height:55px;
  line-height:55px!important;
  font-size:14px;
  font-weight:500
}
.btn img {
  margin-right:8px
}
#faq .accordion>.card button span:after,
#faq .accordion>.card button span:before,
#why-cheap .item:hover,
.btn.btn-primary {
  background:#fff;
}
.navbar-nav .dropdown-menu {
  position:absolute
}
#top-sec,
#top-sec .form-group,
.about-img-wrap,
.image-wrapper,
.image-wrapper .image {
  position:relative
}
.guest .navbar-default {
  border:0;
  background:0 0;
  margin:0;
  padding:15px 0 30px
}
.guest .navbar-default .navbar-nav {
  float:none!important
}
.guest .navbar-default .navbar-nav>li>a {
  margin:0;
  color:#fff;
  font-weight:500;
  border:0!important
}
.guest .navbar-default .navbar-nav>li>a.btn-primary span {
  margin-right:10px;
  border-right:2px solid #fff
}
.guest .navbar-default .navbar-nav.navbar-left-block>li {
  margin-right:12px
}
.guest .navbar-default .navbar-nav:not(.navbar-left-block) li.active:after {
  content:"";
  position:absolute;
  width:6px;
  height:6px;
  border-radius:100%;
  background:#ffa800;
  bottom:-8px;
  left:0;
  right:0;
  margin:auto
}
.guest .navbar-nav>li .btn.dropdown-toggle {
  background:#fff;
  color:#03011d!important
}
.guest .navbar-nav>li .btn.dropdown-toggle:after {
  border-top:.4em solid;
  border-right:.4em solid transparent;
  border-left:.4em solid transparent;
  border-radius:5px
}
h1 {
  font-size:65px;
  font-weight:700
}
#google_translate_element a,
.accordion>.card button[aria-expanded=true] span:before,
.account-modal .modal-dialog .modal-content .modal-header::after,
.account-modal .modal-dialog .modal-content .modal-header::before,
.account-modal .modal-footer::after,
.account-modal .modal-footer::before,
.blog .inner-banner::before,
.blog-detail .inner-banner:before,
.checkbox label input,
.guest .navbar-default .navbar-nav:not(.navbar-left-block) li.active::after,
.nav-pills-circle.All {
  display:none
}
.checkbox label,
.wrapper.toggle .inner-wrap {
  padding-left:0
}
.checkbox label input+span {
  position:relative;
  padding-left:30px
}
.checkbox label input+span:after {
  content:'';
  width:15px;
  height:15px;
  border:.5px solid #eef8f5;
  border-radius:5px;
  background:0 0;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  left:0
}
.image-wrapper span,
.image-wrapper span:after {
  border-radius:100%;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%)
}
.checkbox label input:checked+span:after {
  background-image:url("data:image/svg+xml,%0A%3Csvgwidth='12'height='9'viewBox='00129'fill='none'xmlns='http://www.w3.org/2000/svg'%3E%3Cpathd='M4.38.98321C4.28.983214.102788.963774.008338.92488C3.913898.885993.827788.827663.758.74988L0.7333335.73321C0.5777785.577660.55.388770.55.16654C0.54.944320.5777784.755430.7333334.59988C0.8888894.444321.0754.366551.291674.36655C1.508334.366551.74.444321.866674.59988L4.37.03321L10.13331.21654C10.28891.0609910.4750.98043410.69170.974878C10.90830.96932311.09441.0498811.251.21654C11.40561.372111.48331.5609911.48331.78321C11.48332.0054311.40562.1943211.252.34988L4.858.74988C4.772228.827664.686118.885994.591678.92488C4.497228.963774.48.983214.38.98321Z'fill='%23ffffff'/%3E%3C/svg%3E%0A");
  background-repeat:no-repeat;
  background-position:center;
  background-color:var(--bg-gradient);
  background-size:9px
}
.image-wrapper .image {
  z-index:2
}
.image-wrapper span {
  position:absolute;
  background:linear-gradient(180deg,#ea7a8a 0,#9356fd 100%);
  width:00px;
  height:500px
}
.image-wrapper span:after {
  content:"";
  width:80%;
  height:80%;
  position:absolute;
  background:rgba(255,255,255,.2)
}
#top-sec {
  padding-top:20px
}
#top-sec:before {
  content:"";
  position:absolute;
  width:100%;
  height:890px;
  background:url("https://yourpanelassets.com/projects/cheap2/img/svg/main-inner-bg2.svg") 0 0/100% no-repeat;
  bottom:-90px;
  left:0
}
#top-sec .row>div:not(:last-child) {
  padding-top:10px
}
#top-sec .sub-title {
  font-size:20px;
  font-weight:600;
  margin-bottom:0;
  line-height:1;
  color: #FFB514;
}
#top-sec h1 {
  margin:12px 0;
  line-height:1;
  color: #FFF;
}
#top-sec .form-control {
  padding-left:54px;
  padding-right:20px;
  height:50px;
  font-size:14px;
  box-shadow:none;
  border-radius: 41px;
  border: 1px solid #FFF;
  background: #FFF;
  color: #474747;
}
#top-sec .form-control::placeholder {
  color:#474747;
}
#top-sec .input-icon {
  position:absolute;
  width:35px;
  height:35px;
  border-radius:35px;
  top:50%;
  transform:translateY(-50%);
  left:9px;
  color:#fff;
  font-size:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: linear-gradient(to bottom,rgba(118, 165, 150, 1) 0%, rgba(5, 91, 64, 1) 100%);
  box-shadow: inset 0 0 0 2px #00583C;
  border: 0 !important;
}
#top-sec .forgot-password {
  position:static;
  color:#fff;
  font-size:12px
}
#services-sec .card p,
#top-sec .chckbox-wrapper .checkbox,
#why-cheap .item p,
footer .ftr-btm .copyright {
  margin:0
}
#top-sec .chckbox-wrapper {
  margin:10px 0
}
#services-sec {
  padding:120px 0
}
#services-sec .card {
  border-radius:30px;
  padding:40px 15px 0 25px;
  min-height:320px;
  height:100%;
  background:rgba(226,250,234,.17);
  cursor:pointer;
  border:0;
  box-shadow:none;
  transition:.4s;
  overflow:hidden;
  position:relative
}
#services-sec .card .card-image {
  max-width:154px;
  position:relative;
  right:-80px;
  bottom:-48px
}
#services-sec .card:hover {
  background: #fff;
}
#services-sec .card .card-title {
  font-size:18px;
  color:#fff;
  font-weight:700;
  margin-bottom:22px
}
#services-sec .card.four .card-image,
#services-sec .card.three .card-image {
  right:-104px;
  bottom:-42px
}
#social,
#stats,
#why-cheap {
  padding-bottom:130px
}
#why-cheap .item {
  border-radius:30px;
  background:rgba(255,255,255,.15);
  padding:30px 15px;
  display:flex;
  align-items:center;
  margin-bottom:25px;
  transition:.4s;
  cursor:pointer
}
#why-cheap .item .icon {
  max-width:46px;
  min-width:46px;
  margin-right:20px
}
#why-cheap .item h3 {
  color:#fff;
  font-size:20px;
  font-weight:700;
  margin-bottom:12px
}
#why-cheap .item a {
  color:#ffa800;
  display:inline-block
}
#how-to-use {
  padding-bottom:70px
}
#how-to-use .section-head p {
  margin-bottom:22px
}
#how-to-use .row>div,
footer .ftr-nav li:not(:last-child) {
  margin-bottom:20px
}
#how-to-use .card p,
#stats p {
  margin:0;
  text-align:center
}
#how-to-use .card {
  border-radius:60px;
  background:rgba(255,255,255,.12);
  padding:40px 15px;
  display:flex;
  align-items:center;
  flex-direction:column;
  height:100%;
  min-height:315px;
  border:0;
  box-shadow:none
}
#how-to-use .card .icon {
  width:122px;
  height:122px;
  margin-bottom:13px;
  position:relative;
  border:1px solid #fff;
  border-radius:100%;
  display:flex;
  align-items:center;
  justify-content:center
}
#how-to-use .card .icon .dots {
  width:12px;
  height:12px;
  border-radius:100%;
  background:var(--themecolor);
  position:absolute;
  left:0;
  top:22px
}
#how-to-use .card .icon .dots.right {
  left:auto;
  right:0;
  top:auto;
  bottom:22px
}
#how-to-use .card .icon:before {
  content:"";
  position:absolute;
  width:85px;
  height:85px;
  border-radius:100%;
  border:1px solid #fff;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%)
}
#stats .item:after,
#stats .item:before {
  opacity:24%;
  border-radius:100%;
  background:#fff;
  content:"";
  z-index:-1
}
#how-to-use .card .card-title {
  font-size:18px;
  font-weight:700;
  padding-bottom:14px;
  margin-bottom:14px;
  position:relative;
  text-align:center;
  width:100%
}
#stats .item,
#stats .item:after,
#stats .item:before {
  width:238.373px;
  height:253.508px
}
#how-to-use .card .card-title:after {
  content:"";
  position:absolute;
  width:100px;
  height:3px;
  background:var(--themecolor);
  bottom:0;
  left:0;
  right:0;
  margin:auto
}
#stats img {
  display:block;
  text-align:center;
  margin-bottom:13px;
  max-width:68px
}
#stats .item {
  position:relative;
  background:url("https://i.23robo.info/projects/cheappanelcom/newdesign/img/statistics-bg.svg") no-repeat;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}
#stats .item:before {
  position:absolute;
  transform:rotate(-36.497deg);
  flex-shrink:0;
  /*! opacity: 0; */
}
#stats .item:after {
  position:absolute;
  transform:rotate(34.95deg);
  flex-shrink:0;
  /*! opacity: 0; */
}
#stats span {
  display:block;
  color:#fff;
  font-size:24px;
  font-weight:700;
  margin-bottom:6px;
  text-align:center
}
#stats p {
  letter-spacing:-.14px
}
#social .nav-tabs {
  border:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin:55px 0
}
#social .nav-tabs .nav-link {
  font-size:16px;
  color:#fff;
  font-weight:600;
  background:rgba(255,255,255,.12);
  border-radius:20px;
  padding:16px 10px;
  border:0;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center
}
#social .nav-tabs li {
  width:14.6666666667%
}
#social .nav-tabs .nav-link img {
  max-width:25px;
  margin-right:5px
}
#social .nav-tabs .nav-link:hover,
#social .nav-tabs li.active .nav-link {
  border:0;
  border-radius: 16px;
  background: linear-gradient(180deg, #FFB514 0%, #F98501 100%);
  box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.10);
}
.accordion>.card,
.accordion>.card>.card-header {
  border:0;
  background:0 0;
  padding:0
}
.accordion>.card {
  box-shadow:none;
  margin-bottom:20px
}
.accordion>.card button {
  border-radius:15px!important;
  color:#fff!important;
  font-size:16px;
  font-weight:600;
  height:60px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border:0!important;
  outline:0!important;
  padding:0 20px!important;
  box-shadow:none;
  background: rgba(3, 109, 75, 0.59);
  backdrop-filter: blur(25px);
}
.accordion>.card .card-body {
  background:rgba(255,255,255,.2);
  color:#fff;
  padding:20px;
  border-radius:15px;
  margin-top:25px
}
.accordion>.card button[aria-expanded=true] {
  background:linear-gradient(90deg,#7552f6 0,#ea7a8a .01%,#9356fd 100%);
  box-shadow:0 30px 20px 0 rgba(0,0,0,.1)
}
.accordion>.card button span {
  position:relative;
  width:18px;
  height:18px
}
.accordion>.card button span:after {
  content:"";
  position:absolute;
  width:16px;
  height:2px;
  background:#fff;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%)
}
.accordion>.card button span:before {
  content:"";
  position:absolute;
  height:16px;
  width:2px;
  background:#fff;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%)
}
.collapse {
  display:none!important
}
.collapse.in {
  display:block!important
}
#fastest-service .box {
  border-radius:30px;
  background:rgba(255,255,255,.2);
  min-height:375px;
  padding:24px;
  display:flex;
  align-items:start;
  justify-content:center;
  flex-direction:column;
  height:100%
}
#fastest-service .box h4 {
  font-size:24px;
  font-weight:700
}
#fastest-service .box p {
  color:#fff;
}
#fastest-service .box a {
  font-size:16px;
  font-weight:700;
  color:#fff
}
#fastest-service .slick-slide {
  margin-right:30px
}
#fastest-service .section-title {
  font-size:46px;
  margin-bottom:18px
}
#easy-way,
.guest #howitwork {
  padding:80px 0
}
#easy-way .section-title {
  margin-bottom:18px
}
#easy-way .sub-title {
  color:#FFA800;
  font-size:16px;
  font-weight:600;
  margin-bottom:10px
}
#easy-way h6 {
  font-size:20px;
  font-weight:700;
  margin-bottom:20px
}
#easy-way .button-row .btn {
  background:linear-gradient(180deg,#ea7a8a 0,#9356fd 100%)
}
#easy-way .content {
  min-height:194px;
  padding:40px;
  margin-top:-140px;
  border-radius: 44px;
  background: rgba(3, 109, 75, 0.59);
  backdrop-filter: blur(25px);
}
#easy-way .content .icon {
  width:100px;
  height:100px;
  border-radius:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  margin-right:16px
}
#easy-way .content ul {
  display:flex;
  align-items:center;
  padding:0;
  list-style:none
}
#easy-way .content ul li {
  color:#fff;
  font-size:24px;
  font-weight:800
}
#easy-way .content ul li p {
  color:#fff;
  font-size:20px;
  font-weight:700;
  margin:6px 0 0
}
#easy-way .content ul li p span,
#method option,
.auth option,
.signup a {
  color:#00583c;
}
#pannel-info,
.team {
  padding-bottom:150px
}
#pannel-info .row {
  margin-top:63px
}
#pannel-info .box {
  border-radius:50px;
  padding:60px 15px 0 23px;
  overflow:hidden;
  background: rgba(3, 109, 75, 0.59);
  backdrop-filter: blur(25px);
}
#pannel-info .box .box-title {
  color:#eef8f5;
  font-size:20px;
  font-weight:700;
  margin-bottom:20px
}
#pannel-info .box .slick-dots,
footer .ftr-btm ul,
footer .ftr-icons ul {
  display:flex;
  margin:0;
  list-style:none
}
#pannel-info .box .image {
  text-align:right;
  position:relative;
  right:-15px
}
#pannel-info .box .slick-dots {
  padding:0;
  align-items:center
}
#pannel-info .box .slick-dots li {
  margin:0 3px
}
#pannel-info .box .slick-dots li button {
  width:8px;
  height:8px;
  border-radius:100%;
  background:rgba(255,255,255,.22);
  border:0;
  outline:0;
  font-size:0;
  padding:0
}
#pannel-info .box .slick-dots li.slick-active button {
  background:#fff
}
#faq {
  padding-bottom:120px
}
#faq .accordion>.card button span {
  width:26px;
  height:26px;
  border-radius:100%;
  background: #078C61;
  backdrop-filter: blur(25px);
}
#faq .image {
  position:relative;
  z-index:1;
  border-radius:584px;
  background:linear-gradient(180deg,#ea7a8a 0,rgba(147,86,253,0) 100%)
}
#faq .image .img-2 {
  position:absolute;
  top:0;
  z-index:-1;
  right:0;
  bottom:0;
  margin:auto
}
#faq .section-title {
  margin-bottom:65px
}
#about-pannel .flex-wrapper {
  display:flex;
  justify-content:center;
  justify-content:space-between
}
#about-pannel .flex-wrapper.top {
  max-width:700px;
  margin:auto;
  padding-bottom:135px
}
#about-pannel .icon {
  width:68px;
  height:68px;
  border-radius:100%;
  background:#078C61;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  border:5px solid #fff;
  margin-bottom:15px
}
#about-pannel .icon:before {
  content:"";
  position:absolute;
  bottom:-16px;
  left:0;
  right:0;
  margin:auto;
  border-radius:44px;
  background:rgba(3,3,3,.76);
  filter:blur(10px);
  FONT-WEIGHT:100;
  height:25px;
  z-index:-1
}
#about-pannel h6 {
  color:#eef8f5;
  font-size:24px;
  font-weight:700;
  margin:8px 0
}
#about-pannel ul {
  padding:0;
  margin:0 0 7px;
  list-style:none;
  display:flex;
  align-items:center
}
#about-pannel span {
  color:#eef8f5;
  font-size:14px;
  font-style:italic;
  font-weight:700
}
#about-pannel .user-detail {
  width:240px;
  position:relative
}
#about-pannel .user-detail:before {
  content:"";
  position:absolute;
  width:265px;
  height:340px;
  background:url("https://i.23robo.info/projects/cheappanelcom/img/separator1.svg") 0 0/contain no-repeat;
  left:-45px;
  bottom:-100px
}
#about-pannel .user-detail.right {
  text-align:right
}
#about-pannel .user-detail.right:before {
  left:auto;
  right:-45px;
  transform:scaleX(-1)
}
#about-pannel .user-detail.right .icon {
  margin-right:0;
  margin-left:auto
}
#about-pannel .user-detail.right ul {
  justify-content:flex-end
}
#about-pannel .flex-wrapper.bottom .user-detail:before {
  width:265px;
  height:340px;
  background:url("https://i.23robo.info/projects/cheappanelcom/img/separator2.svg") 0 0/contain no-repeat;
  transform:scaleX(-1);
  bottom:0;
  top:0
}
#about-pannel .flex-wrapper.bottom .user-detail.right:before {
  transform:scaleX(1)
}
#payment-method {
  padding:70px 0 40px
}
#payment-method ul {
  padding:0;
  margin-bottom:30px
}
#payment-method ul li {
  border-radius:10px;
  background:rgba(255,255,255,.29);
  height:60px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  margin-right:16px
}
#payment-method .image-wrapper {
  margin-top:55px;
  position:relative
}
#payment-method .image-wrapper .image-wrapper__icons {
  position:absolute;
  left:0;
  right:auto;
  width:50%;
  height:90%
}
#payment-method .image-wrapper .image-wrapper__icons.right {
  right:0;
  left:auto
}
#payment-method .payment-method-slider2.slick-slider {
  direction:rtl
}
#payment-method .payment-method-slider2 .slick-slide {
  float:right
}
#payment-method .payment-method-slider2 .slick-track {
  left:0;
  right:auto
}
#payment-method .image-wrapper .image-wrapper__icons img {
  position:absolute;
  width:40px
}
#payment-method .image-wrapper .image-wrapper__icons.left img:first-child {
  left:40%
}
#payment-method .image-wrapper .image-wrapper__icons.left img:nth-child(2) {
  top:37%;
  left:20%
}
#payment-method .image-wrapper .image-wrapper__icons.left img:last-child {
  bottom:0;
  left:40%
}
#payment-method .image-wrapper .image-wrapper__icons.right img:first-child {
  right:40%
}
#payment-method .image-wrapper .image-wrapper__icons.right img:nth-child(2) {
  top:37%;
  right:20%
}
#payment-method .image-wrapper .image-wrapper__icons.right img:last-child {
  bottom:0;
  right:40%
}
footer .ftr-top {
  background:#036D4B;
  padding-top:60px;
  padding-bottom:25px;
  position:relative
}
footer .ftr-logo img {
  filter:none;
  width:auto;
  max-width:100%
}
footer .ftr-top__image {
  position:absolute;
  right:0;
  bottom:0
}
.stats-txt,
.stats-txt.point-txt,
footer .ftr-title {
  font-size:20px
}
footer .ftr-txt {
  font-size:16px;
  margin:25px 0
}
footer .ftr-icons ul {
  padding:0;
  align-items:center
}
footer .ftr-icons ul li a {
  width:45px;
  height:45px;
  border-radius:45px;
  background:linear-gradient(180deg,#ffd90f 0,#ffaa0f 100%);
  display:flex;
  align-items:center;
  justify-content:center
}
footer .ftr-btm .row,
footer a {
  align-items:center
}
footer a {
  font-size:16px;
  display:flex
}
footer a img {
  margin-right:5px
}
footer .ftr-nav {
  padding-left:25px
}
footer .ftr-nav.get-touch {
  list-style:none;
  padding:0
}
footer .ftr-btm {
  background:#00583C;
  padding:16px 0
}
footer .ftr-btm ul {
  align-items:center;
  justify-content:space-between
}
footer .ftr-btm ul li:not(:last-child) {
  margin-right:7px
}
footer .ftr-btm ul li a {
  font-size:12px
}
.auth {
  background:linear-gradient(180deg,#9356fd 0,#9356fd 100%)
}
.sidebar-wrap {
  position:fixed;
  background-color:#036D4B;
  height:100%;
  overflow-y:auto;
  scrollbar-width:thin
}
.service-search-row,
.sidebar-logo-wrap,
.success p,
.userprofile-wrap {
  margin-bottom:25px
}
.sidebarlogo {
  color:#fff;
  display:block;
  margin:auto;
  width:100%
}
.profile-img {
  display:block;
  margin:auto auto 15px
}
.profile-name {
  text-align:center;
  color:#fff;
  font-weight:700;
  line-height:1.2;
  margin-bottom:5px
}
.userprofile-wrap a {
  display:flex;
  width:max-content;
  margin:auto;
  color:#fff;
  font-weight:700;
  line-height:1.2
}
.balance-icon,
.top-nav-btn a {
  margin-left:5px;
  align-content:center
}
.balance-icon {
  width:15px;
  height:15px;
  border-radius:15px;
  background:#ffa800;
  display:flex;
  justify-content:center;
  font-weight:400;
  align-items:center;
  font-size:24px
}
.sidebar-nav {
  padding:0;
  list-style:none;
  margin:0
}
.sidebar-nav li a {
  display:block;
  color:#fff;
  font-weight:500;
  margin-bottom:2px;
  border-radius:12px
}
.sidebar-nav li a:focus,
.sidebar-nav li a:focus-visible,
.sidebar-nav li a:hover,
.sidebar-nav li.active a,
.sidebar-nav li.active a:hover {
  background:linear-gradient(180deg, #FFB514 0%, #F98501 100%);
  box-shadow:0 20px 30px 0 rgba(0,0,0,.12)
}
.top-nav-wrap {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  align-content:center;
  background:#036D4B;
  padding:15px;
  margin-bottom:20px
}
.pagination,
.top-nav-btn a {
  align-items:center;
  display:flex
}
.top-nav-left-ul,
.top-nav-right-ul {
  display:flex;
  list-style:none;
  padding:0;
  margin:0
}
.top-nav-left-ul li a {
  color:#fff;
  font-size:16px;
  margin-right:15px;
  text-decoration:none!important
}
.top-nav-btn a {
  color:#fff;
  width:40px;
  height:40px;
  border-radius:100px;
  justify-content:center;
  font-size:21px;
  background: linear-gradient(180deg, #FFB514 0%, #F98501 100%);
}
.wrapper.toggle .sidebar-wrap {
  left:-280px
}
.wrapper .inner-wrap,
.wrapper .sidebar-wrap,
.wrapper.toggle .inner-wrap,
.wrapper.toggle .sidebar-wrap {
  transition:.3s ease-in-out
}
.contact-box,
.contact-box:hover {
  transition:background .3s ease-in-out
}
.row.notify-row {
  margin:auto 0 25px;
  padding:25px 15px;
  position:relative;
  overflow:hidden;
  isolation:isolate;
  border-radius: 30px;
  border: 1px solid rgba(255, 255, 255, 0.29);
  background: linear-gradient(268deg, #00583C 8.9%, #00BE82 99.2%);
}
.notify-title {
  color:#fff;
  font-size:24px;
  font-weight:800;
  margin-bottom:12px
}
.notify-txt {
  color:#eee7ff;
  font-size:14px;
  font-weight:500;
  margin-bottom:0
}
.notify-img {
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  right:0;
  z-index:-1
}
.stats-wrap {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  align-content:center;
  padding:15px;
  min-height:100px;
  margin-bottom:15px;
  border-radius: 25px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.17) 0%, rgba(255, 255, 255, 0.00) 100%);
}
.stats-wrap .stats-left {
  flex:0 0 35%
}
.stats-wrap .stats-right {
  flex:0 0 65%
}
.stats-title {
  color:#fff;
  font-size:14px;
  font-weight:600;
  line-height:1.2
}
.stats-txt {
  color:#fff;
  font-weight:800;
  margin-bottom:0
}
.inner-banner {
  padding-bottom:120px;
  position:relative
}
.inner-banner:before {
  content:"";
  position:absolute;
  width:100%;
  height:890px;
  background:url("https://yourpanelassets.com/projects/cheap2/img/svg/main-inner-bg.svg") 0 0/100% no-repeat;
  bottom:0;
  left:0
}
.inner-banner .sub-title {
  color:#eee7ff;
  font-size:20px;
  font-weight:700;
  margin-bottom:25px
}
.care-sec .image-wrapper span,
.inner-banner .image-wrapper span {
  width:400px;
  height:400px
}
.blog .blog-row>div {
  margin-bottom:45px
}
.blog .blog-post {
  padding-bottom:105px
}
.blog .blog-post>img {
  border-radius:30px;
  overflow:hidden;
  height:215px;
  object-fit:cover;
  width:100%
}
.blog .blog-post h4 {
  color:#fff;
  font-size:20px;
  font-weight:700;
  margin:20px 0;
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:1;
  -webkit-box-orient:vertical
}
.blog .blog-post .btn.btn-primary {
  margin-top:25px;
  position:absolute;
  bottom:38px
}
.pagination {
  justify-content:center;
  margin:25px 0
}
.pagination>li a {
  width:48px;
  height:48px;
  border-radius:100%!important;
  border:0!important;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
  font-weight:600;
  color:#e57890
}
.pagination>li.active a {
  background:linear-gradient(180deg,#9356fd 0,#ea7a8a 100%)
}
.blog-detail .main-img {
  max-width:900px;
  margin-left:auto;
  margin-right:auto
}
.blog-detail .well {
  padding:50px 35px;
  height:auto;
  margin-bottom:35px
}
.blog-detail h1 {
  color:#fff;
  font-size:36px;
  margin-bottom:24px;
  margin-top:0
}
.blog-detail p,
.profile-name {
  font-size:16px
}
.blog-detail {
  padding-bottom:50px
}
.signup .image {
  display:flex;
  align-items:flex-end;
  justify-content:center
}
.signup .image img:first-child {
  position:relative;
  left:30px
}
.signup .image img:last-child {
  position:relative;
  left:-30px;
  z-index:-1
}
.signup .section-title {
  font-size:38px
}
.signup .readmore {
  color:#fff;
  font-size:14px;
  font-weight:700;
  margin-bottom:38px;
  display:inline-block
}
.auth .nav-pills li a,
.catshort-btn,
.catshort-ul,
.order-status,
.payment-ul,
.payment-ul li,
.sec-wrap {
  display:flex;
  align-content:center
}
.signup .form-control {
  height:58px;
  line-height:58px;
  color:#00583c;
  border-radius: 15px;
  border: 1px solid #FFF;
  background: #FFF;
}
.signup .form-control::placeholder {
  color:#fff
}
.about-us .inner-banner .image {
  position:absolute;
  right:0
}
.about-us .inner-banner:before {
  bottom:-50px
}
.about-us .inner-banner .image img {
  height:390px
}
.care-sec {
  padding:90px 0 150px
}
.team .content-box {
  border-radius:92px;
  background:linear-gradient(228deg,#ea7a8a 0,#9356fd 100%);
  padding:85px 60px 80px 70px
}
.team .slider .section-title {
  font-size:200px;
  font-weight:700;
  margin:0
}
.team .slider span {
  display:block;
  color:#fff;
  font-size:24px;
  font-weight:700;
  margin-bottom:18px
}
.team .slider a {
  color:#fff;
  font-size:16px;
  font-weight:700;
  display:inline-block;
  margin-top:20px
}
.team-slider-nav button {
  width:50px;
  height:50px;
  border-radius:52px;
  background:rgba(255,255,255,.24);
  box-shadow:0 20px 20px 0 rgba(0,0,0,.1);
  color:#fff;
  border:0;
  font-size:22px
}
.catshort-ul {
  padding:15px;
  margin-bottom:25px;
  list-style:none;
  flex-wrap:wrap;
  align-items:center;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.17);
}
.catshort-ul li {
  flex:0 0 24%;
  max-width:24%;
  margin:4px
}
.catshort-btn {
  flex-wrap:wrap;
  align-items:center;
  color:#fff!important;
  font-size:14px;
  border-radius:16px;
  background:linear-gradient(180deg,#4d9cff 0,#0071ff 100%);
  text-decoration:none!important
}
.catshort-icon {
  font-size:24px;
  margin-right:10px
}
.catshort-btn.twitter {
  background:linear-gradient(180deg,#53beff 0,#009eff 100%)
}
.catshort-btn.spotify {
  background:linear-gradient(180deg,#1db954 0,#1ed760 100%)
}
.catshort-btn.google {
  background:#0047ff
}
.catshort-btn.youtube {
  background:linear-gradient(180deg,red 0,#ff8b8b 100%)
}
.catshort-btn.snapchat {
  background:linear-gradient(180deg,#fff500 0,#ffc700 100%)
}
.catshort-btn.discord {
  background:linear-gradient(180deg,#5865f2 0,#2a3bfb 100%)
}
.catshort-btn.skype {
  background:linear-gradient(180deg,#00aff0 0,#01baff 100%)
}
.catshort-btn.instagram {
  background:linear-gradient(127deg,#4a4edc 0,#d21a8c 50.52%,#fcd14f 100%)
}
.catshort-btn.telegram {
  background:linear-gradient(180deg,#29aaec 0,#239fdb 100%)
}
.catshort-btn.linkedin {
  background:linear-gradient(180deg,#0077b5 0,#03a1f4 100%)
}
.catshort-btn.reddit {
  background:linear-gradient(180deg,#ff8a00 0,#ff3d00 100%)
}
.catshort-btn.tiktok {
  background:linear-gradient(180deg,#000 0,#313131 100%)
}
.catshort-btn.twitch {
  background:linear-gradient(180deg,#651fff 0,#7c40ff 100%)
}
.catshort-btn.soundcloud {
  background:linear-gradient(180deg,#ffa800 0,#fd7900 100%)
}
.catshort-btn.pinterest {
  background:linear-gradient(180deg,#e60023 0,#e60098 100%)
}
.auth .well {
  border-radius:30px;
  background:rgba(255,255,255,.17);
  height:auto
}
.auth .nav-tabs {
  border:0;
  margin-bottom:20px
}
.auth .form-control,
.auth .nav-tabs li a {
  border-radius:14px;
  background:rgba(255,255,255,17%);
  color:#fff
}
.auth .nav-tabs li a {
  font-size:14px;
  font-weight:500;
  border:0
}
.auth .nav-tabs li a:focus,
.auth .nav-tabs li a:focus-visible,
.auth .nav-tabs li a:hover,
.auth .nav-tabs li.active a,
.auth .nav-tabs li.active a:hover {
  background:linear-gradient(180deg, #FFB514 0%, #F98501 100%);
  color:#fff;
  border:0
}
.auth label {
  color:#fff;
  font-size:14px;
  font-weight:500;
  margin-bottom:10px
}
.auth .form-control {
  border:0
}
.auth form .btn.btn-primary {
  display:block;
  width:100%;
  position:relative
}
.auth form .btn.btn-primary::after {
  content:'';
  width:100%;
  height:100%;
  border-radius:24.5px;
  background:rgba(0,0,0,.29);
  filter:blur(15px);
  position:absolute;
  left:0;
  right:0;
  bottom:-10px;
  z-index:-1
}
.min-max {
  color:#fff
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color:#fff transparent transparent
}
.well-title {
  color:#fff;
  font-size:20px;
  margin-bottom:12px
}
.ser-desc-box {
  border-radius:14px;
  background:#fff;
  padding:20px;
  margin-bottom:15px
}
.nav-pills-circle,
.order-status-icon {
  background-color:#fff;
  box-shadow:0 0 0 3px #fff
}
.ser-desc-title {
  margin-top:0;
  margin-bottom:10px;
  color:#001911;
  font-size:16px;
  font-weight:700
}
.ser-desc-txt {
  margin-bottom:0;
  color:#636B68;
  font-size:14px
}
.auth .nav-pills li.search .input-group,
.search .input-group,
.search-by-id-wrap .input-group,
.secret-form-wrap {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  align-content:center
}
.search-by-id-wrap .input-group .form-control {
  flex:0 0 90%;
  max-width:90%;
  border-radius:12px!important
}
.search-by-id-wrap .input-group .btn.btn-primary {
  flex:0 0 9%;
  max-width:9%;
  min-width:auto;
  border-radius:12px!important;
  padding:0!important;
  height:40px;
  margin-left:1%
}
.auth textarea.form-control::placeholder {
  color:#fff
}
.auth .nav-pills li {
  flex:0 0 14%;
  max-width:14%
}
.auth .nav-pills li a {
  color:#fff;
  font-size:14px;
  font-weight:600;
  justify-content:center;
  align-items:center;
  padding:15px 5px;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.17) 0%, rgba(255, 255, 255, 0.00) 100%);
}
.nav-pills-circle {
  width:9px;
  height:9px;
  border-radius:100px;
  margin-right:5px;
  border:0
}
.Paused .order-status-icon,
.Pending .order-status-icon,
.nav-pills-circle.Paused,
.nav-pills-circle.Pending {
  background-color:#9356fd
}
.nav-pills-circle.Active,
.nav-pills-circle.In.progress {
  margin-bottom:0;
  background-color:#d21a8c
}
.Completed .order-status-icon,
.nav-pills-circle.Completed,
.order-status.Answered .order-status-icon {
  background-color:#1ed760
}
.Partial .order-status-icon,
.nav-pills-circle.Partial {
  background-color:#00b3ff
}
.Processing .order-status-icon,
.nav-pills-circle.Processing {
  background-color:#ffa800
}
.Canceled .order-status-icon,
.Error .order-status-icon,
.Rejected .order-status-icon,
.account-modal .modal-footer .btn.btn-default,
.nav-pills-circle.Canceled,
.nav-pills-circle.Error,
.nav-pills-circle.Expired,
.nav-pills-circle.Rejected,
.order-status.Closed .order-status-icon {
  background-color:red
}
.auth .nav-pills li.search,
.search {
  flex:0 0 100%;
  max-width:100%;
  margin-top:10px;
  margin-left:0;
  margin-right:0;
  width:100%
}
.auth .nav-pills li.search .input-group .form-control,
.search .input-group .form-control {
  flex:0 0 calc(100% - 40px);
  max-width:calc(100% - 40px);
  border-radius:12px!important
}
.auth .nav-pills li.search .input-group .btn.btn-primary,
.search .input-group .btn.btn-primary {
  flex:0 0 35px;
  max-width:35px;
  min-width:35px;
  border-radius:12px!important;
  padding:0!important;
  height:40px;
  margin-left:5px;
  line-height:40px!important
}
.auth .form-control::placeholder {
  color:#fff;
  opacity:.7
}
#service-table,
#service-table .table,
.auth table {
  border-collapse:separate;
  border-spacing:0 12px
}
.auth thead tr th {
  background:linear-gradient(180deg, #FFB514 0%, #F98501 100%);
  color:#fff;
  font-size:14px;
  font-weight:500;
  padding:15px!important;
  border:0!important
}
.auth tbody tr td:first-child,
.auth thead tr th:first-child,
.service-well tbody tr td:first-child,
.service-well thead tr th:first-child {
  border-radius:18px 0 0 18px
}
.auth tbody tr td:last-child,
.auth thead tr th:last-child,
.service-well tbody tr td:last-child,
.service-well thead tr th:last-child {
  border-radius:0 18px 18px 0
}
.auth tbody tr td,
.refferal-box {
  border:0;
  color:#fff;
  font-size:14px;
  font-weight:500
}
.auth tbody tr td {
  background:rgba(255,255,255,.19);
  padding:15px!important
}
.auth .table>tbody>tr>td,
.auth .table>tbody>tr>th,
.auth .table>tfoot>tr>td,
.auth .table>tfoot>tr>th,
.auth .table>thead>tr>td,
.auth .table>thead>tr>th {
  vertical-align:middle
}
.order-status {
  border-radius:15px;
  border:1px solid #fff;
  padding:12px 15px;
  min-width:110px;
  justify-content:center;
  align-items:center
}
.order-status-icon {
  border-radius:9px;
  margin-right:5px
}
.order-status.In.progress {
  height:auto;
  background:0 0;
  margin-bottom:0;
  box-shadow:none;
  line-height:unset
}
.Active .order-status-icon,
.In.progress .order-status-icon {
  background-color:#d21a8c
}
.refferal-box.selected,
.service-search-row .dropdown-menu,
pre {
  background:linear-gradient(247deg,#ea7a8a 7.94%,#9356fd 100%)
}
.order-again-btn {
  background:#00583c !important;
  height:auto;
  line-height:unset!important
}
.payment-ul {
  flex-wrap:wrap;
  align-items:center;
  list-style:none;
  padding:0;
  margin-bottom:25px
}
.payment-ul li {
  border-radius:10px;
  background:rgba(255,255,255,.29);
  flex:0 0 16%;
  max-width:16%;
  height:60px;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  margin:3px
}
pre {
  border-radius:30px;
  border:1px solid rgba(255,255,255,.29);
  padding:25px 15px;
  color:#fff;
  font-weight:400
}
.success h5 {
  font-size:20px;
  margin-bottom:20px
}
#services-sec .card:hover a,
.blog-detail a,
.guest .table,
.ticket-subject {
  color:#fff
}
.refferal-box {
  background:rgba(255,255,255,.19);
  padding:12px!important;
  border-radius:12px;
  text-align:center
}
.refferal-box .avatar-img img {
  max-width:100%;
  width:auto;
  display:block;
  margin:auto
}
.refferal-box a,
.refferal-box h6,
.ticket-message-block .info .text-muted {
  color:#fff!important
}
#btn-vote {
  margin-top:25px
}
.auth #accordion .panel-default>.panel-heading {
  background-color:transparent;
  border:0
}
.auth #accordion .panel.panel-default {
  border-radius:14px;
  background:rgba(255,255,255,.19);
  border:0
}
.auth #accordion .panel-title a {
  color:#fff;
  font-size:14px;
  font-weight:500;
  text-decoration:none;
  position:relative;
  display:block
}
.auth #accordion .panel-body {
  color:#eee7ff;
  font-size:14px;
  font-weight:500;
  line-height:1.4
}
.auth #accordion .panel-title a::after {
  content:"\f067";
  position:absolute;
  font-family:"Font Awesome 5 Pro";
  font-weight:900;
  right:0;
  top:50%;
  transform:translateY(-50%);
  font-size:14px
}
.auth #accordion .panel-title a[aria-expanded=true]::after {
  content:'\f068'
}
.ticket-message {
  border-radius:12px!important;
  border:1px solid rgba(255,255,255,.18);
  background:linear-gradient(180deg,rgba(255,255,255,.17) 0,rgba(255,255,255,0) 100%)!important;
  padding:15px!important;
  margin-bottom:15px
}
.service-search-row .btn.btn-primary {
  border-radius:12px!important;
  background:rgba(255,255,255,.17);
  width:100%;
  text-align:left;
  display:block
}
.service-search-row .form-control {
  height:55px;
  line-height:55px
}
.service-search-row .search .btn.btn-primary {
  height:55px;
  text-align:center;
  line-height:55px!important
}
.service-search-row .search {
  margin-top:0
}
.service-search-row .dropdown-menu {
  width:100%;
  border-radius:12px!important;
  border:0
}
.service-search-row .dropdown-menu li a {
  color:#fff;
  font-size:14px
}
.service-well {
  border-radius:40px
}
.service-well .table tr th {
  color:#fff;
  font-size:14px;
  font-weight:500;
  padding:15px!important;
  border:0!important;
  vertical-align:middle;
  background: linear-gradient(180deg, #FFB514 0%, #F98501 100%);
}
.service-well tbody tr td {
  border:0;
  padding:15px!important;
  color:#fff;
  font-size:14px;
  font-weight:500;
  vertical-align:middle;
  background-color:#4e2550
}
.auth.daymode .service-well tbody tr td,
.auth.nightmode .service-well tbody tr td,
.service-well tbody tr td,
.side-box {
  background: #FFF;
  color: #636B68;
}
.service-description .btn.btn-primary {
  background:rgba(255,255,255,.19);
  color:#fff!important;
  font-size:14px;
  font-weight:500
}
#status-modal .modal-dialog .modal-content,
.account-modal .modal-dialog .modal-content,
.service-description .modal-content {
  background-color:#00583C !important;
}
#secret-form {
  flex:0 0 calc(100% - 170px);
  max-width:calc(100% - 170px);
  padding-right:15px;
  margin-bottom:0
}
.secret-form-wrap form+.btn.btn-primary {
  max-width:170px;
  display:block
}
.sec-wrap {
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between
}
.secret-form-wrap .form-control {
  height:55px;
  flex:0 0 calc(100% - 110px);
  max-width:calc(100% - 110px)
}
.secret-form-wrap form button {
  min-width:100px;
  width:100px!important
}
.secret-form-label {
  flex:0 0 100%;
  max-width:100%;
  margin-bottom:12px
}
.auth.nightmode {
  background:#00583C;
}
.auth.nightmode .api_auth {
  scrollbar-color:#52242b rgba(255,255,255,0.17)
}
.auth .ticket_auth table {
  height:450px;
  overflow:auto;
  display:block;
  scrollbar-width:thin
}
.auth .ticket_auth table thead {
  position:sticky;
  top:0
}
.auth .ticket_auth tbody tr td {
  padding:8px!important
}
.auth.nightmode .top-nav-right .toggle_nightmode .fa-sun::before {
  content:"\f186"
}
#easy-way .content,
#easy-way .image img,
.status-title,
.status-txt {
  position:relative;
  z-index:1
}
#get-started .row {
  border-radius:60px;
  background:linear-gradient(133deg,#9356fd 0,#ea7a8a 100%);
  box-shadow:0 50px 100px 0 rgba(0,0,0,.2);
  padding:45px 25px 0
}
#get-started {
  padding:200px 0 80px
}
.getstarted-img-wrap {
  position:relative;
  height:100%
}
.getstarted-img {
  position:absolute;
  bottom:0
}
#get-started .btn.btn-primary,
.blog .inner-banner,
.guest #howitwork .title {
  margin-bottom:50px
}
.blog-txt {
  font-size:14px;
  font-weight:500;
  line-height:1.4;
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:10;
  -webkit-box-orient:vertical;
  max-height:196px
}
.acc-benefit-title,
.auth .status-tab.nav-tabs li a,
.contact-box,
.payment-amount,
.payment-amount .payment-wrap {
  display:flex;
  align-content:center
}
.guest .well,
.service-well.well {
  height:auto
}
#google_translate_element div {
  font-size:0!important
}
#google_translate_element select {
  height:55px;
  margin:0;
  border:0;
  color:#fff;
  font-weight:400;
  padding:0 12px;
  border-radius:20px!important;
  min-width:154px;
  font-size:13px!important;
  background:var(--bg-gradient);
  font-family:Raleway,"Helvetica Neue",Helvetica,Arial,sans-serif
}
#google_translate_element select option {
  background-color:#4b256b;
  color:#fff
}
.fav-btn-wrap .img_ajax {
  max-width:15px
}
#faq .accordion .card li {
  line-height:1.4
}
#faq .col-md-6.faq_accordion {
  height:800px;
  overflow:auto;
  scrollbar-width:thin;
  scrollbar-color:#078C61 #85c4ac;
}
.order-ser-name {
  min-width:200px
}
.dropdown.dropdown-currencies .dropdown-toggle {
  height:40px;
  font-weight:700;
  background:linear-gradient(180deg, #FFB514 0%, #F98501 100%);
  border-radius:8px;
  padding:8px 12px;
  display:block;
  margin-left:5px;
  line-height:24px;
  color:#fff
}
.guest .navbar-default .navbar-nav>li {
  position:relative;
  margin-right:5px
}
.guest .navbar-default .navbar-nav.navbar-left-block {
  margin-left:10px
}
.guest .navbar-default .navbar-brand img {
  filter:none
}
.side-box {
  border-radius:14px;
  padding:20px;
  margin-bottom:15px;
  min-height:100px
}
.side-box .media-right i {
  font-size:32px
}
.side-box .media {
  align-items:center;
  align-content:center
}
.side-box .media .media-heading {
  white-space:normal;
  word-break:break-word;
  margin:0;
  font-size:18px
}
.view-more-btn-wrap-inner .modal-btn {
  border:0;
  background:linear-gradient(247deg,#ea7a8a 7.94%,#9356fd 100%);
  font-size:14px;
  padding:3px 10px;
  border-radius:8px;
  width:max-content
}
.acc-benefit-title {
  align-items:center;
  justify-content:space-between
}
.account-status {
  margin:0 0 20px;
  color:#fff;
  font-weight:700;
  background:linear-gradient(180deg,#e37aea 0,#9356fd 100%);
  border-radius:8px;
  padding:8px 12px;
  width:max-content;
  border:1px solid;
  font-size:18px
}
#status-modal .modal-dialog {
  width:80%;
  max-width:unset
}
.auth .status-tab.nav-tabs li,
.howitwork-tabs .nav-item {
  flex:0 0 100%;
  max-width:100%
}
.auth .status-tab.nav-tabs li a {
  align-items:center
}
.auth .status-tab.nav-tabs li a .status-tab-img {
  margin-right:15px;
  max-width:15px
}
#status-modal .modal-dialog .close {
  position:absolute;
  right:10px;
  color:#000;
  opacity:1;
  z-index:1
}
.order-actions a {
  width:100%;
  min-width:auto
}
.order-status.New,
.order-status.decreased {
  background-color:#1ed76050;
  border-color:#1ed760
}
.order-status.increased {
  background-color:#ff000050;
  border-color:red
}
.about-img {
  position:absolute;
  max-width:650px;
  top:-151px;
  right:-210px
}
.payment-amount {
  padding:0;
  margin:15px auto;
  flex-wrap:wrap;
  align-items:center;
  list-style:none;
  justify-content:space-between
}
.payment-amount .payment-wrap {
  flex:0 0 24%;
  max-width:24%;
  border-radius:10px;
  justify-content:center;
  align-items:center;
  padding:10px;
  cursor:pointer;
  background: #00583C;
}
.contact-box:hover,
.payment-amount .payment-wrap.active,
.payment-amount .payment-wrap:hover {
  background: linear-gradient(180deg, #FFB514 0%, #F98501 100%);
}
.payment-amount .payment-wrap p {
  margin:0;
  color:#fff;
  font-size:14px;
  font-weight:500
}
.guest .service-page-wrapper {
  width:80%
}
.row.contactus-row {
  margin-top:60px
}
.contact-box {
  border-radius:30px;
  background:rgba(255,255,255,.12);
  padding:20px 15px;
  border:0;
  align-items:center;
  margin-bottom:25px;
  min-height:170px
}
.howitwork-tabs .nav-item a,
.status-desc {
  padding:12px;
  background:rgba(255,255,255,.29)
}
.contact-box-right img,
.howitwork-img {
  display:block;
  margin:auto
}
.contact-box-left {
  flex:0 0 60%;
  max-width:60%
}
.contact-box-right {
  flex:0 0 40%;
  max-width:40%
}
#contactus {
  padding:20px 0 80px
}
.ser-id {
  font-family:Poppins,sans-serif
}
.howitwork-img {
  border-radius:12px;
  box-shadow:none;
  background-color: #036D4B;
}
.howitwork-num {
  width:159px;
  height:159px;
  background-color:#00583C;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  align-content:center;
  justify-content:center;
  border-radius:100px;
  color:#fff;
  font-size:80px;
  font-weight:700
}
.howitwork-title {
  color:#fff;
  font-size:40px;
  font-weight:700;
  line-height:1.4;
  margin:15px 0
}
.row.howitwork-row {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  position:relative;
  margin-bottom:35px;
  border-radius:50px;
  padding:25px;
  background: rgba(3, 109, 75, 0.59);
  backdrop-filter: blur(25px);
}
.row.howitwork-row .payment-ul li {
  border-radius:10px;
  background:rgba(255,255,255,.29);
  flex:0 0 24%;
  max-width:24%;
  height:60px;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  align-content:center;
  justify-content:center;
  margin:2px;
  padding:5px
}
.howitwork-tabs .nav-item a {
  border-radius:10px;
  color:#fff;
  font-weight:700;
  margin-bottom:5px;
  border:0!important
}
#service-table .well-title,
.how-orderhistory-title {
  text-align:center
}
.how-status-title {
  margin-top:50px
}
.howitwork-tabs {
  border:0
}
.howitwork-tabs.nav-tabs .nav-item.show .nav-link,
.howitwork-tabs.nav-tabs .nav-link.active,
.howitwork-tabs.nav-tabs .nav-link.active:hover,
.howitwork-tabs.nav-tabs .nav-link:hover {
  background:linear-gradient(180deg, #FFB514 0%, #F98501 100%);
  color:#fff
}
.status-desc {
  border-radius:10px;
  position:relative;
  max-height:288px;
  overflow-y:hidden;
  height:288px
}
.service-name-box {
  background-color:#9657f9;
  padding:5px 12px;
  display:block;
  border-radius:12px
}
.related-blog-title,
div.order-ser-name {
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical
}
.single-blog-post-title {
  text-align:center;
  line-height:1.4
}
.single-blog-post-img {
  border-radius:43px;
  margin-bottom:25px
}
.auth.daymode .service-well,
.auth.nightmode .service-well,
.service-well {
  background:0 0!important;
  box-shadow:none!important
}
.auth #google_translate_element select {
  height:40px;
  border-radius:8px!important
}
#terms-page .well div {
  white-space:normal;
  word-break:break-word;
  width:100%
}
.related-blog-row .blog-post img {
  border-radius:30px
}
.row.related-blog-row .title {
  text-align:center;
  margin-bottom:40px
}
.related-blog-title {
  -webkit-line-clamp:1
}
.row.related-blog-row .blog-txt {
  min-height:196px;
  margin-bottom:15px
}
div.order-ser-name {
  -webkit-line-clamp:3;
  text-overflow:ellipsis
}
.update-tr.New td,
.update-tr.enabled td {
  background-color:green!important
}
.update-tr.decreased td {
  background-color:#1ed76050!important
}
.update-tr.increased td {
  background-color:#ff000050!important
}
.ftr-icons a img {
  max-width:25px
}
.status-desc-img {
  transform:rotate(15deg);
  opacity:.5;
  position:absolute;
  right:30px;
  bottom:0;
  transform:unset;
  z-index:0;
  opacity:.2
}
@media screen and (min-width:991px) {
  .success .row {
    margin:0 -30px
  }
  .success .row>div {
    padding:0 30px
  }
}
@media screen and (min-width:768px) {
  .guest .navbar-default .navbar-collapse {
    display:flex!important;
    align-items:center;
    justify-content:flex-end
  }
  .guest .navbar-default .navbar-nav {
    flex-direction:row;
    align-items:center
  }
}
@media screen and (min-width:1025px) {
  .btn:hover {
    opacity:.6
  }
}
@media(max-width:1199px) {
  #services-sec .card .card-image {
    right:-36px;
    bottom:-32px
  }
  #services-sec .card.four .card-image,
  #services-sec .card.three .card-image {
    right:-62px;
    bottom:-42px
  }
  #about-pannel .flex-wrapper.bottom .user-detail::before {
    width:216px;
    height:340px;
    bottom:-98px
  }
  #about-pannel .user-detail.right::before {
    left:auto;
    right:-15px
  }
  #about-pannel .user-detail::before {
    left:-15px
  }
  .auth .catshort-row .catshort-ul {
    justify-content:space-between
  }
  .auth .catshort-ul li {
    flex:0 0 23%;
    max-width:23%;
    margin:4px
  }
  .auth .payment-ul {
    justify-content:center
  }
  .auth .stats-row .col-sm-3 {
    min-width:33.3333%
  }
  .inner-wrap {
    padding-left:0
  }
  .sidebar-wrap {
    z-index:2;
    background:linear-gradient(247deg,#ea7a8a 7.94%,#9356fd 100%)
  }
  .wrapper:not(.toggle) .top-nav-wrap {
    margin-left:280px
  }
  .wrapper:not(.toggle) .top-nav-wrap .bread,
  .wrapper:not(.toggle) .top-nav-wrap .top-nav-right {
    display:none
  }
  .stats-txt,
  .stats-txt.point-txt {
    font-size:16px
  }
  .stats-title {
    font-size:13px;
    font-weight:400
  }
}
@media(max-width:991px) {
  #top-sec,
  .guest #faq .row {
    isolation:isolate
  }
  #top-sec::before {
    z-index:-2;
    background-size:cover;
    background-position:right
  }
  .image-wrapper span,
  .image-wrapper span::after {
    z-index:-1
  }
  #services-sec .card {
    min-height:unset!important;
    height:auto!important;
    margin-bottom:20px
  }
  #services-sec .card .card-image {
    right:-80%;
    bottom:0
  }
  #services-sec .card.four .card-image,
  #services-sec .card.three .card-image {
    right:-83%;
    bottom:0
  }
  #why-cheap .col-md-6 {
    min-width:100%!important
  }
  #how-to-use .col-md-3,
  .auth .stats-row .col-sm-3 {
    min-width:50%
  }
  #stats .col-md-3 {
    min-width:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-bottom:20px
  }
  #about-pannel .user-detail::before,
  #social .nav-tabs::before {
    display:none
  }
  #social .nav-tabs {
    justify-content:flex-start;
    flex-wrap:wrap;
    gap:10px
  }
  #social .nav-tabs li {
    width:120px
  }
  #fastest-service .col-md-5,
  #pannel-info .col-md-6 {
    min-width:100%;
    margin-bottom:20px
  }
  #faq .col-md-6.faq_accordion,
  #fastest-service .col-md-7,
  .auth .well .col-sm-6 {
    min-width:100%
  }
  #about-pannel .user-detail {
    width:50%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center
  }
  #about-pannel .user-detail p {
    text-align:center
  }
  #about-pannel .user-detail .icon {
    margin:unset!important
  }
  #about-pannel .flex-wrapper {
    flex-wrap:wrap
  }
  #about-pannel .flex-wrapper .image {
    order:5;
    margin-top:20px
  }
  #about-pannel .flex-wrapper.top {
    padding-bottom:50px
  }
  .auth .service_details-row>.col-sm-6 {
    min-width:384px;
    width:100%!important;
    margin:0 auto
  }
  .auth .notify-img {
    right:-40px
  }
  .auth .orders_sort-nav .nav.nav-pills li {
    min-width:103px
  }
  .auth .orders_sort-nav .nav.nav-pills {
    flex-wrap:wrap;
    row-gap:5px
  }
  .guest #faq .row {
    position:relative
  }
  .guest #faq .col-md-6.faq_image-edited {
    position:absolute;
    top:0;
    left:25%;
    z-index:-1;
    opacity:30%
  }
  .stats-wrap .stats-left img {
    max-width:45px
  }
  .stats-wrap .stats-left {
    flex:0 0 45px;
    max-width:45px
  }
  .stats-wrap .stats-right {
    flex:0 0 calc(100% - 45px);
    max-width:calc(100% - 45px);
    padding-left:10px
  }
}
@media(max-width:767px) {
  #top-sec {
    padding-top:0!important
  }
  #top-sec .row>div:not(:last-child) {
    padding-top:0
  }
  .guest .navbar .container>div {
    flex-wrap:wrap
  }
  .guest .navbar-header {
    width:100%!important
  }
  .guest .navbar-default {
    padding:8px 0 10px
  }
  .guest .navbar-default .navbar-toggle {
    border-color:#ffaa0f
  }
  .guest .navbar-default .navbar-toggle .icon-bar {
    background-color:#ffaa0f
  }
  .guest .navbar-default .navbar-toggle:focus,
  .guest .navbar-default .navbar-toggle:hover {
    background-color:transparent
  }
  .guest .navbar-default .d-flex {
    display:block!important
  }
  .catshort-txt,
  .guest .navbar-default .navbar-nav:not(.navbar-left-block) li.active::after {
    display:none
  }
  footer .ftr-btm .copyright {
    text-align:center;
    margin-bottom:10px
  }
  #services-sec .card .card-image {
    right:-71%
  }
  #services-sec .card.four .card-image,
  #services-sec .card.three .card-image {
    right:-77%;
    bottom:0
  }
  .guest #faq .col-md-6.faq_image-edited {
    left:0
  }
  .top-nav-right {
    flex:0 0 100%;
    max-width:100%
  }
  .top-nav-right-ul {
    margin-top:12px;
    justify-content:space-between
  }
  .catshort-icon {
    font-size:20px;
    margin-right:0
  }
  .auth .catshort-ul li {
    flex:0 0 11%;
    max-width:11%;
    margin:2px
  }
  .catshort-btn {
    justify-content:center
  }
  .notify-img {
    opacity:.2
  }
  .profile-name {
    font-size:16px
  }
  .userprofile-wrap a {
    font-size:14px;
    font-weight:500
  }
  .sidebar-nav li a {
    font-size:14px;
    padding:10px;
    margin-bottom:1px;
    border-radius:10px
  }
}
@media(max-width:550px) {
  .guest .navbar-default {
    padding:8px 0 10px
  }
  #top-sec {
    padding-top:15px
  }
  #top-sec .row>div:not(:last-child) {
    padding-top:0
  }
  #top-sec .sub-title {
    font-size:18px;
    line-height:1.1
  }
  .section-title,
  .signup .section-title {
    font-size:36px
  }
  h1 {
    font-size:42px
  }
  #about-pannel .user-detail::before,
  #faq .image,
  #top-sec .image,
  .catshort-txt,
  .flex-wrapper.bottom .image,
  .image-wrapper span,
  .inner-banner::before {
    display:none
  }
  #easy-way,
  #services-sec {
    padding:25px 0
  }
  #pannel-info,
  #stats,
  #why-cheap,
  .inner-banner,
  footer .ftr-top {
    padding-bottom:15px
  }
  #services-sec .card {
    padding:15px;
    min-height:auto;
    height:auto;
    margin-bottom:20px
  }
  #services-sec .card .card-title {
    font-size:16px margin-bottom:12px
  }
  #services-sec .card .card-image {
    right:-15px!important;
    bottom:-15px!important;
    margin-left:auto
  }
  .section-title {
    margin-bottom:15px
  }
  #why-cheap .image-wrapper .image img {
    max-width:200px;
    margin:auto auto 25px;
    display:block
  }
  #why-cheap .item .icon {
    flex:0 0 100%;
    max-width:100%;
    margin-bottom:10px
  }
  #about-pannel .flex-wrapper,
  #why-cheap .item {
    flex-wrap:wrap
  }
  #how-to-use .card {
    border-radius:20px;
    padding:20px 15px 30px;
    height:auto;
    min-height:auto
  }
  #how-to-use {
    padding-bottom:0
  }
  #stats .item {
    margin:auto auto 25px
  }
  #social .nav-tabs .nav-link {
    font-size:0;
    border-radius:10px!important;
    padding:10px 5px!important
  }
  #social .nav-tabs .nav-link img,
  .catshort-icon {
    margin:0
  }
  #social .nav-tabs {
    margin:20px 0 10px
  }
  .accordion>.card button {
    height:auto;
    padding:12px 15px!important;
    box-shadow:none;
    line-height:1.4!important
  }
  .accordion>.card .card-body {
    padding:15px;
    border-radius:10px;
    margin-top:10px
  }
  #social {
    padding-bottom:30px
  }
  #fastest-service .section-title {
    font-size:36px;
    margin-bottom:18px
  }
  #faq .section-title,
  #pannel-info .box {
    margin-bottom:20px
  }
  #fastest-service .box {
    border-radius:12px;
    min-height:auto;
    padding:15px
  }
  .fastest-service-nav,
  .howitwork-img,
  .success .image img {
    margin-bottom:15px
  }
  #easy-way .content {
    border-radius:15px;
    background:rgba(255,255,255,.9);
    min-height:auto;
    padding:15px;
    margin-top:-80px
  }
  #easy-way .content .icon {
    width:60px;
    height:60px
  }
  #easy-way .content ul li {
    color:#000;
    font-size:20px;
    font-weight:800
  }
  #easy-way .section-title {
    margin-top:20px
  }
  #pannel-info .box {
    border-radius:12px;
    padding:20px 15px 0
  }
  #faq {
    padding-bottom:20px
  }
  #about-pannel .user-detail {
    width:100%;
    margin-bottom:20px
  }
  #about-pannel .flex-wrapper.top {
    max-width:100%;
    flex-wrap:wrap;
    padding-bottom:0
  }
  #about-pannel .user-detail.right {
    text-align:left
  }
  #about-pannel .user-detail.right .icon {
    margin-right:auto;
    margin-left:0
  }
  #about-pannel .user-detail.right ul {
    justify-content:flex-start
  }
  #payment-method,
  .guest #howitwork {
    padding:15px 0
  }
  footer .ftr-top {
    padding-top:25px
  }
  footer .ftr-txt {
    font-size:14px;
    margin:12px 0
  }
  footer .ftr-title {
    font-size:20px;
    margin-top:12px;
    margin-bottom:12px
  }
  footer .ftr-nav li:not(:last-child) {
    margin-bottom:8px
  }
  footer a {
    font-size:14px
  }
  footer .ftr-btm .copyright {
    text-align:center;
    font-size:13px;
    line-height:1.4;
    margin-bottom:13px
  }
  footer .ftr-btm ul {
    padding:0;
    flex-wrap:wrap
  }
  footer .ftr-btm ul li {
    flex:0 0 49%;
    flex:0 0 100%
  }
  footer .ftr-btm ul li a {
    display:block;
    width:max-content;
    text-align:center;
    margin:auto
  }
  .row.notify-row {
    margin:auto 0 25px;
    border-radius:12px;
    padding:15px 0
  }
  .notify-title,
  .notify-txt {
    position:relative;
    z-index:1
  }
  .notify-img {
    z-index:0;
    opacity:.2
  }
  .catshort-ul li {
    flex:0 0 18%;
    margin:2px
  }
  #save-secret,
  .success p,
  .team .slider span {
    margin-bottom:12px
  }
  .catshort-btn {
    justify-content:center
  }
  .service-search-row .dropdown {
    margin-bottom:12px;
    margin-top:12px
  }
  .service-well {
    border-radius:12px;
    padding:0
  }
  .table-responsive {
    border:0
  }
  .service-well tbody tr td,
  .service-well thead tr th {
    padding:5px!important
  }
  .modal-body,
  .modal-title {
    white-space:normal;
    word-break:break-all
  }
  #social .nav-tabs li {
    width:14%
  }
  #social .nav-tabs,
  .catshort-ul {
    justify-content:space-between
  }
  #social .nav-tabs .nav-item:last-child .nav-link {
    font-size:12px;
    padding:15px 5px!important;
    letter-spacing:1px;
    height:45px
  }
  #faq .col-md-6.faq_accordion {
    height:290px
  }
  .about-img {
    position:unset;
    max-width:100%;
    margin:15px auto
  }
  #google_translate_element select {
    width:100%;
    margin-top:15px;
    text-align:center
  }
  .guest .navbar-default .navbar-nav>li>a.btn-primary span {
    display:none;
    margin:0;
    border:0
  }
  #top-sec .btn.btn-primary,
  .btn {
    line-height:45px!important;
    border-radius:12px!important;
    height:45px
  }
  .guest .navbar-brand img {
    max-height:46px
  }
  #easy-way .content ul,
  #get-started .btn.btn-primary,
  #stats .col-md-3 {
    margin-bottom:0
  }
  #fastest-service .box h4 {
    margin-top:0
  }
  #top-sec .btn.btn-primary {
    min-width:154px
  }
  #top-sec form .pull-right.pull-right-middle {
    float:left!important
  }
  #why-cheap .item {
    padding:15px
  }
  #faq .accordion>.card,
  #social .accordion>.card,
  .auth .nav-tabs {
    margin-bottom:10px
  }
  #pannel-info .box .image .img-fluid {
    max-width:120px
  }
  #faq .accordion>.card button {
    flex-wrap:wrap;
    white-space:normal;
    word-break:break-word;
    padding-right:30px!important
  }
  #faq .accordion>.card button span {
    position:absolute;
    right:5px;
    top:50%;
    transform:translateY(-50%)
  }
  #payment-method ul li {
    margin:0 5px
  }
  #payment-method ul {
    margin-bottom:5px
  }
  footer .ftr-logo img {
    max-width:150px
  }
  footer .ftr-icons ul li a {
    width:32px;
    height:32px
  }
  footer .ftr-icons ul li a img {
    max-width:20px
  }
  footer .ftr-btm ul li {
    flex:0 0 23%;
    max-width:23%;
    text-align:center;
    margin:0 0 5px
  }
  .signup .image {
    position:relative
  }
  .signup .form-control {
    height:45px;
    line-height:45px
  }
  .signup form .pull-right.pull-right-middle {
    text-align:left;
    float:left!important
  }
  .signup form .pull-right.pull-right-middle a {
    color:#fff;
    font-weight:500
  }
  .guest .service-page-wrapper {
    width:98%
  }
  .service-description .modal-header {
    align-items:center
  }
  .service-description .modal-header .close {
    padding-top:0;
    padding-bottom:0
  }
  .inner-banner .sub-title {
    font-size:16px;
    margin-bottom:15px
  }
  .inner-banner h1 {
    margin-top:5px;
    font-size:40px
  }
  .care-sec {
    padding:15px 0 25px
  }
  .care-sec .image,
  .guest #howitwork .title {
    margin-bottom:25px
  }
  .team .content-box {
    border-radius:25px;
    padding:25px 15px
  }
  .team .content-box .mb-5 {
    margin-bottom:0!important
  }
  .team .slider .section-title {
    font-size:80px;
    line-height:1.1
  }
  .team .slider span {
    font-size:20px
  }
  .team {
    padding-bottom:25px
  }
  .success h5 {
    font-size:16px;
    margin-bottom:10px
  }
  .auth .nav-tabs li a,
  .auth label {
    margin-bottom:5px;
    font-weight:400
  }
  #get-started {
    padding:20px 0
  }
  #get-started .row {
    border-radius:20px;
    padding:15px;
    margin:0;
    overflow:hidden
  }
  #get-started .section-title {
    font-size:22px
  }
  .getstarted-img {
    position:absolute;
    bottom:-16px;
    z-index:0;
    opacity:1;
    max-width:70px;
    right:-20px
  }
  .row.howitwork-row {
    margin:0 0 20px;
    border-radius:20px;
    padding:15px 20px
  }
  .howitwork-num {
    width:75px;
    height:75px;
    font-size:40px
  }
  .how-status-title {
    margin-top:12px;
    margin-bottom:12px!important;
    font-size:22px
  }
  .howitwork-tabs {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    align-content:center;
    justify-content:center
  }
  .howitwork-tabs .nav-item {
    flex:0 0 50%;
    max-width:50%
  }
  .status-desc {
    max-height:unset;
    height:auto
  }
  .status-desc-img {
    max-width:80px
  }
  .howitwork-title {
    font-size:22px;
    margin:5px 0
  }
  .row.howitwork-row .payment-ul li {
    flex:0 0 24.5%;
    max-width:24.5%;
    justify-content:space-between;
    margin-right:.25%;
    margin-left:.25%
  }
  #google_translate_element select,
  .guest .navbar-default .navbar-nav>li>a.btn.btn-primary {
    height:32px;
    line-height:32px!important;
    border-radius:10px!important
  }
  .title {
    font-size:30px
  }
  #terms-page .well h1 {
    margin:0!important
  }
  .blog-detail h1.single-blog-post-title {
    font-size:26px
  }
  .auth #google_translate_element select {
    margin-top:0;
    min-width:110px;
    font-size:11px!important;
    padding:0 4px;
    height:30px
  }
  .dropdown.dropdown-currencies .dropdown-toggle {
    height:30px;
    line-height:14px;
    padding:8px 5px;
    font-size:12px;
    font-weight:400
  }
  .top-nav-btn a {
    width:30px;
    height:30px;
    font-size:14px;
    margin-left:2px
  }
  .catshort-btn {
    padding:0;
    width:32px;
    height:32px;
    display:flex;
    justify-content:center;
    align-items:center
  }
  .catshort-icon {
    font-size:16px
  }
  .auth .well {
    border-radius:18px;
    padding:12px
  }
  .auth .nav-tabs li a {
    color:#fff;
    font-size:14px;
    border-radius:8px;
    border:0;
    padding:5px 10px
  }
  .auth label {
    font-size:12px
  }
  .auth form .btn.btn-primary {
    height:30px;
    line-height:30px!important
  }
  .well-title {
    font-size:18px
  }
  .ser-desc-box {
    border-radius:12px;
    padding:10px;
    margin-bottom:10px
  }
  .ser-desc-title {
    margin-bottom:0;
    font-size:14px;
    font-weight:700
  }
  .ser-desc-txt {
    font-size:12px
  }
  .auth .nav-pills li {
    flex:0 0 100%;
    max-width:100%
  }
  .pagination>li a {
    width:20px;
    height:20px;
    font-size:14px;
    font-weight:400;
    padding:0
  }
  .payment-ul li {
    flex:0 0 24.5%;
    max-width:24.5%;
    margin:.7px;
    padding:5px;
    height:50px
  }
  #support-list.row.vote-avatar .col-sm-4 {
    flex:0 0 33.33%;
    max-width:33.33%
  }
  .refferal-box a,
  .refferal-box h6 {
    font-weight:400;
    font-size:14px;
    margin-bottom:6px
  }
  textarea.form-control {
    height:150px
  }
  #save-secret {
    height:45px;
    width:100%!important
  }
  .view-more-btn-wrap-inner .modal-btn {
    margin-top:12px
  }
  .acc-benefit-title,
  .secret-form-wrap,
  .secret-form-wrap .sec-wrap,
  .view-more-btn-wrap-inner .modal-btn {
    display:block
  }
  #status-modal .modal-dialog {
    margin-left:auto;
    width:95%;
    margin-right:auto
  }
  .user-spending-title {
    font-size:20px
  }
  .catshort-ul li {
    flex:0 0 32px;
    max-width:32px
  }
  .auth .service_details-row>.col-sm-6 {
    min-width:auto
  }
  #ticket-v .vote-wrapper h6,
  #ticket-v h2,
  #vote-success h2 {
    font-size:18px!important
  }
  .secret-form-wrap .sec-wrap .form-control {
    width:100%;
    max-width:100%;
    height:48px;
    margin:9px 0
  }
  .secret-form-wrap form+.btn.btn-primary {
    width:100%;
    max-width:100%
  }
  #secret-form {
    padding-right:0;
    max-width:100%
  }
}
.order-again-btn,
table.table tbody tr td,
table.table thead tr th {
  padding:10px!important
}
.btn.refill-btn {
  border-radius:12px!important;
  padding:0 10px!important;
  min-width:110px;
  height:44px
}
.guest .navbar-default .container {
  border-bottom:1px solid rgba(255, 255, 255, 0.29);
}
.guest #google_translate_element select {
  background:0 0;
  border:1px solid #fff;
  height:40px;
  border-radius:100px!important
}
.guest .navbar-default .navbar-nav>li>a.btn.btn-primary {
  height:40px;
  line-height:40px!important
}
.guest .navbar-default .navbar-nav.navbar-right {
  margin-right:auto
}
.guest .navbar-default .navbar-nav>li>a {
  font-size:13px;
  padding:9px 15px;
  margin-right:5px;
  border-radius:100px
}
.refill-td .order-status {
  min-width:100px;
  padding:5px;
  border-radius:10px
}
.order-status-icon {
  width:6px;
  height:6px
}
.order-again-btn {
  min-width:80px;
  border-radius:10px!important
}
.service-description button.btn.btn-primary {
  border-radius:10px!important;
  width:80px;
  height:40px;
  min-width:80px;
  background: #00583C !important;
}
.service-name,
.width-service-name,
div.order-ser-name {
  min-width:140px;
  width:100%;
  max-width:100%
}
.account-modal .modal-dialog .modal-content .modal-header {
  display:flex;
  justify-content:space-between;
  align-items:center;
  align-content:center
}
.account-modal .modal-dialog .modal-content .modal-header .close {
  margin:0;
  padding:0
}
.account-modal .modal-footer {
  justify-content:space-between;
  align-items:center;
  align-content:center
}
.account-modal .modal-footer .btn {
  flex:0 0 49%;
  max-width:49%;
  margin:0
}
.sidebar-wrap {
  width:220px;
  padding:10px 12px
}
.inner-wrap {
  padding-left:220px
}
.sidebarlogo img {
  max-width:80%;
  width:auto;
  margin:auto;
  display:block
}
.profile-img {
  max-width:100px
}
.userprofile-wrap a {
  font-size:14px
}
.userprofile-wrap a .balance-icon {
  font-size:22px;
  width:13px;
  height:13px
}
.stats-wrap .stats-left {
  flex:0 0 30%;
  max-width:30%
}
.stats-wrap .stats-right {
  flex:0 0 70%;
  max-width:70%
}
.stats-title {
  margin-bottom:0
}
.catshort-btn {
  padding:10px
}
.auth .well {
  padding:15px;
  border: 1px solid #1C7E5F;
  background: #036D4B;
}
.auth .nav-tabs li a {
  margin-bottom:5px;
  margin-right:2px;
  padding:8px 10px
}
.sidebar-nav li a {
  padding:10px;
  font-size:14px
}
#why-cheap .item:hover {
  background: #fff !important;
}
#why-cheap .item:hover h3 {
  color: #001911;
}
#why-cheap .item:hover p {
  color: #636B68;
}
#services-sec .card:hover .card-title {
  color: #001911;
}
#services-sec .card:hover p {
  color: #636B68;
}
.ftr-nav li a:hover {
	color: #fff;
}
#serv-inp {
	border: 1px solid #1C7E5F;
	background: #036D4B;
}
.auth .nav-tabs li a {
	background: #00583C;
}
.auth .form-control {
	background-color: #fff;
}
.auth .form-control {
	background-color: #fff;
	color: #636B68;
}
.search-dropdown .input-wrapper .fas.fa-search {
	color: #636B68;
}
.service-well {
	border: 0;
}
.well-title {
	text-align: left !important;
}
.auth .ticket_auth .nav-tabs li a {
	border: 1px solid #1C7E5F;
	background: #036D4B;
}
.auth .ticket_auth .nav-tabs li.active a {
	background: linear-gradient(180deg, #FFB514 0%, #F98501 100%);
	box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.12);
}
@media (max-width:1199px) {
  .inner-wrap {
    padding-left:0
  }
}
@media (max-width:991px) {
  .stats-wrap .stats-left {
    flex:0 0 45px;
    max-width:45px
  }
  .stats-wrap .stats-right {
    flex:0 0 calc(100% - 45px);
    max-width:calc(100% - 45px);
    padding-left:10px
  }
}