body {
    font-family: 'Lato', sans-serif !important;
    background-color: #fff;
}

a{
  color: #f37951;
}

a:hover{
  color: #f37951;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.header{
  padding-top: 0px;
  padding-bottom: 0px;
  border-bottom: none;
  box-shadow: 0 3px 9px 3px rgba(0, 0, 0, 0.06)!important;
}

.header .navbar-brand img{
  height: 40px;
}

.header .navbar .navbar-nav .nav-link{
  font-weight: 600;
  padding: 7px 0;
  cursor: pointer;
  color: #000;
  cursor: pointer;
  position: relative;
  background: transparent;
}

.header .navbar .navbar-nav .nav-link:hover, .header .navbar .navbar-nav .active > .nav-link{
  color: #f16334 !important;
  width: 100%;
}

.header .navbar li {
  position: relative;
  line-height: 1em;
  padding: 15px 15px;
}

.header .navbar .menu-item-list .dropdown-menu .dropdown-item{
 padding: 1rem 1.5rem;
}

.header .navbar .menu-item-list .dropdown-menu {
  margin-top: 2px;
  padding: 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0,0,0,0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
  box-shadow: 0 6px 12px rgba(0,0,0,0.175);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.header .navbar .navbar-toggler {
  color: #333;
  border: none;
  font-size: 24px;
}

.header .btn-login{
  padding-left: 20px;
  padding-right: 10px;
  color: #22012f!important;
}

.header .btn-login:hover{
  color: #f16334!important;
  font-weight: 500;
}

.header .sign-up{
  padding: 2px 15px;
}

.header .btn-outline-primary.sign-up{
  border-color: #f16334!important;
  color: #22012f !important;
  z-index: 9999;
}

.header a.btn-outline-primary.sign-up:hover{
  font-weight: 500;
  color: #fff!important;
  z-index: 9999;
  border-color: #fea921!important;
  background-color: #fea921!important;
  background-image: -webkit-linear-gradient(left,#ff7802 0%,#fea921 100%),-webkit-linear-gradient(left,#ff7802 0%,#fea921 100%)!important;
  background-image: -moz-linear-gradient(left,#ff7802 0%,#fea921 100%),-moz-linear-gradient(left,#ff7802 0%,#fea921 100%)!important;
  background-image: -o-linear-gradient(left,#ff7802 0%,#fea921 100%),-o-linear-gradient(left,#ff7802 0%,#fea921 100%)!important;
  background-image: linear-gradient(to right,#ff7802 0%,#fea921 100%),linear-gradient(to right,#ff7802 0%,#fea921 100%)!important;
}

.alert-icon > i {
  top: 0.9rem;
}

/*section header-top*/
section.header-top {
    background: #5271ff;
    padding: 0px 30px 0px;
}

section.header-top .mini-menu{
  padding-left: 90px;
}

section.header-top .mini-menu li{
  position: relative;
}

section.header-top .mini-menu li a {
    display: inline-block;
    font-size: 11.5px;
    font-weight: 600;
    padding: 5px 20px 5px 20px;
    margin-left: -24px;
    color: #ffffff;
    background-color: #ff3131;
    text-decoration: none;
    border-radius: 0 80px 80px 0;
    /* box-shadow: 3px 0 3px rgba(0, 0, 0, .13); */
    transition: .3s ease;
}
section.header-top .mini-menu li.active {
  border-color: #f16334!important;
  color: #f16334!important;
}

section.header-top .mini-menu li.active a, section.header-top .mini-menu li:hover a {
    color: #fff;
    background-color: #ff9800;
}

section.header-top .mini-menu li:nth-child(1) {
  z-index: 99;
}

section.header-top .mini-menu li:nth-child(2) {
  z-index: 50;
}

/*Section.package-content*/
section.package-content{
  padding: 30px 0 0 0; 
  position: relative;
  z-index: 0;
}

section.package-content .pk-header{
  padding-bottom: 50px;
}

section.package-content .pk-header .title{
  font-size: 40px;
  font-weight: 500;
}

section.package-content .pk-header .title strong{
  color: #f16334;
}

section.package-content .pk-lists .item{
  padding: 10px;
}

section.package-content .pk-lists .item .card{
  border: 1px solid rgba(255,120,2,0.4);
  background: #ffffff;
  box-shadow: 0 8px 18px rgba(65,85,108,.1);
  transition: ease .5s,-webkit-box-shadow .5s;
  border-radius: 2%;
  overflow: hidden;
}

section.package-content .pk-lists .item .name{
  padding: 20px 0px;
  text-align: center;
  font-weight: 600;
  letter-spacing: .05em;
  margin: 0 0 0.5rem;
}

section.package-content .pk-lists .item .name .number{
  font-size: 35px;
  font-family: 'Source Sans Pro', sans-serif;
  color: var(--ink) !important;
  font-weight: 700;
}

section.package-content .pk-lists .item .price span.big{
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 900;
  font-size: 45px;
}

section.package-content .pk-lists .item .price sub{
  font-size: 20px;
  vertical-align: middle;
  display: inline-block;
  font-weight: normal;
  top: -18px;
}

section.package-content .pk-lists .item .price{
  background: linear-gradient(to bottom right,#ff6807 0%,#ffb600cc 100%);
  background-image: -webkit-linear-gradient(left,#ff7802 0%,#fea921 100%),-webkit-linear-gradient(left,#ff7802 0%,#fea921 100%);
  background-image: -moz-linear-gradient(left,#ff7802 0%,#fea921 100%),-moz-linear-gradient(left,#ff7802 0%,#fea921 100%);
  background-image: -o-linear-gradient(left,#ff7802 0%,#fea921 100%),-o-linear-gradient(left,#ff7802 0%,#fea921 100%);
  background-image: linear-gradient(to right,#ff7802 0%,#fea921 100%),linear-gradient(to right,#ff7802 0%,#fea921 100%);
  padding: 12px 0;
  font-size: 26px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 0;
}
.price-offer {
    color: #70b570;
    font-size: 1.75rem;
    font-weight: 600;
}

section.package-content .pk-lists .item .features li{
  color: #000;
  font-size: 12px;
  margin-bottom: 0;
  padding: 7px 0;
  border: 1px solid #ededed;
  border-top: 0!important;
  position: relative;
}

section.package-content .pk-lists .item .features .text-icon{
  color: #f16334;
}

section.package-content .pk-lists .item .order_button{
  padding: 12px 0;
  border: 1px solid #ededed;
  border-top: 0;
}

section.package-content .pk-lists .item .order_button .btn-dark{
  font-weight: 400!important;
  padding: 5px;
  background: #5c5859;
  border: 1px solid #5c5859;
  border-radius: 8px 0 0 8px;
  cursor: auto!important;
  color: #fff;
}

section.package-content .pk-lists .item .order_button .btn-color{
  background: #f16334;
  border: 1px solid #f16334!important;
}

section.package-content .pk-lists .item .order_button .btn-disabled{
  background: #5c5859;
  border: 1px solid #707070!important;
}

section.package-content .pk-lists .item .order_button .btn-color, 
section.package-content .pk-lists .item .order_button .btn-disabled{
  border-radius: 0 8px 8px 0;
  color: #fff;
  margin-left: -5px;
  font-weight: 400!important;
  padding: 5px;
  transition: color .15s ease-in-out, background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

section.package-content .pk-lists .item .card:hover {
  box-shadow: 0 5px 7px rgba(0, 0, 0, .2);
  -webkit-box-shadow: 0 5px 7px rgba(0, 0, 0, .2);
  -webkit-transform: translate(0, -4px);
  transform: translate(0, -4px);
}

.package-faq .item{
  margin-bottom: 10px;
  color: #fff;
}

.package-faq .item .plus-icon {
  float: left;
  font-size: 25px;
  margin-right: 10px;
  top: -3px;
  position: relative;
}

.package-faq .item .title{
  overflow: hidden;
  cursor: pointer;
  min-height: 40px;
}

.package-faq .item .title h5{
  line-height: 1.2;
}

.package-faq .item .body {
  font-size: 14px;
  transition: all .3s;
  height: 0;
  overflow: hidden;
  padding-left: 33px;
}

.package-faq .item.active .body {
  height: auto;
  padding-bottom: 20px;
}

.package-faq .item.active .fe-plus:before {
  content: "\e994";
}

/*package table*/
.owl-nav>.owl-prev {
  top: 50%!important;
  left: 0px!important;
  -webkit-transform: translateX(-50%);
  transform: translateY(-50%);
  position: absolute;
}


.owl-nav>.owl-next {
  top: 50%!important;
  right: 0px!important;
  -webkit-transform: translateX(-50%);
  transform: translateY(-50%);
  position: absolute;
}

.owl-nav>.owl-prev span, .owl-nav>.owl-next span{
  display: none!important;
}

.owl-nav .owl-prev:before {
  content: "\f104";
  left: -10px;
  z-index: 11;
}

.owl-nav .owl-next:after {
  content: "\f105";
  right: -10px;
  z-index: 11;
}

.owl-nav .owl-prev:before, .owl-nav .owl-next:after {
  position: absolute;
  font-family: FontAwesome;
  font-size: 30px;
  background: linear-gradient(90deg,var(--p),var(--c)) !important;
  width: 35px;
  text-align: center;
  height: 35px;
  border-radius: 50%;
  line-height: 33px;
  color: #fff;
}

.owl-nav .owl-prev:before:hover, .owl-nav .owl-next:after:hover {
  background: #000;
  color: #f16334;
}


/*section how it works*/
section.how-it-works{
  padding: 100px 0;
  position: relative;
  /* background: linear-gradient(45deg, #2a3876, #2b3a7c) !important; */
  color: #fff;
  z-index: 100;
}

.how-it-works:before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  /* background-image: url(../images/bg_how_it_works.jpg); */
  background-position: center center;
  background-attachment: fixed;
  opacity: 0.1;
  z-index: -99;
}

section.how-it-works .header-top{
  padding-bottom: 80px;
}

section.how-it-works .header-top .title{
  font-size: 40px;
  font-weight: 600;
  font-family: 'Source Sans Pro', sans-serif;
}

section.how-it-works .step-lists .step{
  position: relative;
  padding-bottom: 75px;
}

section.how-it-works .step-lists .step .bg-number{
  position: absolute;
  font-size: 12rem;
  top: -130px;
  left: 0px;
  z-index: -1;
  font-weight: bold;
  color: rgb(199 124 228);
  font-family: 'Source Sans Pro', sans-serif;
}

/*section Checkout form*/
section.checkout-form{
  padding: 130px 0 100px; 
}

section.checkout-form .checkout-header{
  padding-bottom: 0px;
}

section.checkout-form .checkout-header .title{
  font-size: 40px;
  font-weight: 500;
}

section.checkout-form .checkout-header .title strong{
  color: #f16334;
}

section.checkout-form .checkout-left, section.checkout-form .checkout-right{
  border: 1px solid #dadada;
}

section.checkout-form .checkout-wrap{
  box-shadow: 5px 5px 30px -2px #cecece;
}

section.checkout-form .checkout-left-title, section.checkout-form .checkout-right-title{
  line-height: 36px;
  font-size: 18px;
  color: #fff;
  font-weight: 700;
  margin: 0 -13px 0 -12px;
  padding: 10px 20px;
  border-right: 1px solid #fff;
  background: #ff6807;
  background: linear-gradient(top left, #ff6807 0%, #ffb600cc 100%);
  background: linear-gradient(to bottom right, #ff6807 0%, #ffb600cc 100%);
}

section.checkout-form .checkout-left-content .selectize-input .image {
  width: 2.5rem;
}

section.checkout-form .checkout-left-content .selectize-dropdown .image{
  width: 2.25rem;
}

section.checkout-form .checkout-right-content .leading-loose .text-icon{
  color: #f16334;
}

section.checkout-form .checkout-left-content .dimmer-content{
  min-height: 430px;
}

.btn-submit{
  height: 50px;
  color: #fff;
  text-transform: uppercase;
  background-image: -webkit-linear-gradient(left, #ff700b 0%, #ffb62c 51%, #ff720c 100%);
  background-image: -o-linear-gradient(left, #ff700b 0%, #ffb62c 51%, #ff720c 100%);
  background-image: linear-gradient(to left, #ff700b 0%, #ffb62c 51%, #ff720c 100%);
}



.btn-gradient {
  text-align: center;
  transition: 0.5s;
  background-size: 200% auto;
  text-shadow: 0px 0px 10px rgba(0,0,0,0.2);
  box-shadow: 0 0 20px #eee;
}

.btn-gradient:hover {
  background-position: right center;
}

section.checkout-result{
  padding: 160px 0 130px;
}

section.checkout-result .card{
  border-radius: 0px;
  border:none;
}

section.checkout-result .card-body{
  box-shadow: 5px 5px 30px -2px #cecece;
}

section.checkout-result .checkout-header{
  padding-top: 20px;
}

section.checkout-result .checkout-header .title{
  font-size: 40px;
  font-weight: 500;
}

section.checkout-result .checkout-header .title strong{
  color: #f16334;
}

section.checkout-result .detail{
  padding: 50px;
}

section.checkout-result .detail p{
  color: #000;
}

section.checkout-result .btn-submit{
  margin-top: 30px; 
  height: 40px;
  color: #fff;
  background-image: -webkit-linear-gradient(left, #ff700b 0%, #ffb62c 51%, #ff720c 100%);
  background-image: -o-linear-gradient(left, #ff700b 0%, #ffb62c 51%, #ff720c 100%);
  background-image: linear-gradient(to left, #ff700b 0%, #ffb62c 51%, #ff720c 100%);
}

section.checkout-result .btn-contact{
  margin-top: 30px; 
  height: 40px;
  color: #fff;
  background-image: -webkit-linear-gradient(left, #00d2ff 0%, #3a7bd5 51%, #00d2ff 100%);
  background-image: -o-linear-gradient(left, #00d2ff 0%, #3a7bd5 51%, #00d2ff 100%);
  background-image: linear-gradient(to right, #00d2ff 0%, #3a7bd5 51%, #00d2ff 100%)
}


/*FAQ*/
section.faq, section.contact{
  padding: 100px 0 100px; 
  position: relative;
  background: linear-gradient(360deg, #ff7700 0%, #f4d19a 100%);
  z-index: 100;
}


section.faq:before , section.contact:before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/bg_how_it_works.jpg);
  background-position: center center;
  background-attachment: fixed;
  opacity: 0.1;
  z-index: -99;
}

section.faq .faq-header{
  text-align: center;
  padding-bottom: 50px;
}

section.faq .faq-header .title{
  font-size: 40px;
  font-weight: 600;
  color: #fff;
}

section.faq .faq-item .card{
  box-shadow: 0px 2px 2px #a38c73;
}

section.faq .faq-item .card-title{
  font-weight: 600;
}

section.faq .faq-item .bg-question{
  color: #f16334; 
}

/*Contact*/
section.contact{
  padding: 100px 0 100px; 
  position: relative;
}

section.contact .contact-header{
  text-align: center;
  padding-bottom: 50px;
}

.title h1.title-name{
  font-size: 40px;
  font-weight: 600;
}

section.contact .card.contact_form{
  box-shadow: 0 0 20px #555;
}

section.contact .contact_form .btn-submit{
  height: 40px;
  color: #fff;
  text-transform: uppercase;
  background-image: -webkit-linear-gradient(left, #ff700b 0%, #ffb62c 51%, #ff720c 100%);
  background-image: -o-linear-gradient(left, #ff700b 0%, #ffb62c 51%, #ff720c 100%);
  background-image: linear-gradient(to left, #ff700b 0%, #ffb62c 51%, #ff720c 100%);
}

/*Clients*/
section.client{
  padding: 100px 0 100px; 
  position: relative;
  background: linear-gradient(360deg, #ff7700 0%, #f4d19a 100%);
  z-index: 100;
}

section.client:before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/bg_how_it_works.jpg);
  background-position: center center;
  background-attachment: fixed;
  opacity: 0.1;
  z-index: -99;
}

section.client{
  padding: 100px 0 100px; 
  position: relative;
}

section.client .client-header{
  text-align: center;
  padding-bottom: 50px;
}

.title h1.title-name{
  font-size: 40px;
  font-weight: 600;
}

section.client .card.client_form{
  box-shadow: 0 0 20px #555;
}

section.client .client_form .btn-submit{
  height: 40px;
  color: #fff;
  text-transform: uppercase;
  background-image: -webkit-linear-gradient(left, #ff700b 0%, #ffb62c 51%, #ff720c 100%);
  background-image: -o-linear-gradient(left, #ff700b 0%, #ffb62c 51%, #ff720c 100%);
  background-image: linear-gradient(to left, #ff700b 0%, #ffb62c 51%, #ff720c 100%);
}

section.client .client_form .email-input{
  height: 40px;
  border-radius: 10rem;
}


/*Blog*/
section.blog{
  padding: 100px 0 100px; 
  position: relative;
}

section.blog .blog-header{
  text-align: center;
  padding-bottom: 50px;
}

section.blog .blog-header .title{
  font-size: 40px;
  font-weight: 600;
  color: #f16334;

}

section.blog .blog-item{
  margin-top: 20px;
  margin-bottom: 20px;
  box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

section.blog .blog-item .box-image{
  padding: 0px;
}

section.blog .blog-item .content{
  padding: 17px 10px;
}

section.blog .blog-item .content .title{
  color: #3C4858;
  font-family: 'Arvo', serif;
  font-size: 1.8rem;
  min-height: 70px;
}

section.blog .blog-item .content .short-desc{
  color: #999999;
  min-height: 75px;
}

/*Blog Details*/
section.blog-single{
  padding-top: 1.5rem;
  padding-bottom: 60px;
  background: #f8f9fa;
}

section.blog-single .blog-content{
  background: #fff;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  padding: 30px;
  margin-bottom: 30px;
  border-radius: 2px;
}

section.blog-single .blog-content .title{
  color: #3C4858;
  font-family: 'Arvo', serif;
  padding-top: 20px;
  line-height: 1.0;
  font-size: 32px;
}

section.blog-single .blog-content .post-info{
  border-bottom: 1px solid #e5e5e5;
  color: #c2c2c2;
}

section.blog-single .blog-content .post-info span{
  padding-right: 10px;
}

section.blog-single .blog-content .details{
  padding-top: 30px;
}

section.blog-single .blog-content .details >p{
  line-height: 1.75em;
}

section.blog-single .side-bar .widget{
  margin-bottom: 40px;
}

section.blog-single .side-bar .widget-category a {
  display: block;
  font-size: 14px;
  color: #354052;
  border-bottom: 1px solid #EEE;
  padding: 5px;
}

section.blog-single .side-bar .widget-category a span {
  float: right;
  color: #6195FF;
}

section.blog-single .side-bar .widget-post {
  min-height: 70px;
  margin-bottom: 25px;
}

section.blog-single .side-bar .widget-post a {
  display: block;
  color: #10161A;
}

section.blog-single .side-bar .widget-post .title{
  padding-top: 13px;
}

section.blog-single .side-bar .widget-post .box-image {
  display: block;
  margin-right: 10px;
  margin-top: 5px;
}

section.blog-single .side-bar .widget-post .blog-meta{
  color: #555555;
  font-size: 10px;
}


section.blog-single .btn-back-blog{
  margin-left: 15px;
  height: 40px;
  color: #fff;
  text-transform: uppercase;
  background-image: -webkit-linear-gradient(left, #ff700b 0%, #ffb62c 51%, #ff720c 100%);
  background-image: -o-linear-gradient(left, #ff700b 0%, #ffb62c 51%, #ff720c 100%);
  background-image: linear-gradient(to left, #ff700b 0%, #ffb62c 51%, #ff720c 100%);
}

.top-header {
    background: #5271ff;
    padding: 0.5rem 0;
}
.contact-wraper {
    display: flex;
    justify-content: flex-start;
    gap: 1rem;
    align-items: center;
}
a.top-nav-link {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
}
a.top-nav-link span.link-menu {
    margin-left: 0.25rem;
}
.header {
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #e6efff;
    border-bottom: 1px solid #5271ff38;
}
.header .navbar-brand img {
    height: 60px;
}

.header .navbar .navbar-nav .nav-link {
    color: #5271ff;
    font-weight: 500;
    padding: 15px 20px;
    cursor: pointer;
    position: relative;
    background: transparent;
    font-size: 16px;
    border-radius: 2rem;
}
.header .navbar li {
    position: relative;
    line-height: 1em;
    padding: 0 0.25rem !important;
}
.container {
    max-width: 1200px;
}
.header .navbar .navbar-nav .active > .nav-link {
    color: #fff !important;
    width: 100%;
    font-weight: 500;
    background: #FF5722;
}
.header .navbar .navbar-nav .nav-link:hover {
    color: #fff !important;
    width: 100%;
    font-weight: 500;
    background: #5271ff;
}

/* Social category section */
.social-link-wrap.insta-bg {
/*    background-image: linear-gradient(150deg,#833ab4,#fd1d1d 50%,#fcb045);*/
background-image: linear-gradient(90deg,#e4bbff,#ff2f2f 50%,#fcb045);
}
.social-link-wrap.fb-bg{
  background-image: linear-gradient(90deg,#e3e2e2,#1976d2 50%,#3F51B5);
}
.social-link-wrap.twitter-bg{
  background-image: linear-gradient(90deg,#e3e2e2,#03a9f4 50%,#3F51B5);
}
.social-link-wrap.youtube-bg{
 background-image: linear-gradient(90deg,#e3e2e2,#f44336 50%,#f44336);
}

.social-link-wrap.tiktok-bg{
  background-image: linear-gradient(90deg,#e3e2e2,#58dfd7 26%,#000000);
}

.social-link-wrap.other-bg{
  background-image: linear-gradient(90deg,#ff5722,#ff9800 26%,#ff5722);
}
.social-services {
    width: 100%;
    cursor: pointer;
    position: relative;
}

.other-service {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: center;
    justify-content: center;
    height: 40px;
}
.other-service .dot {
    width: 5px;
    height: 5px;
    background: #fff;
    border-radius: 50px;
}

.social-link-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.5rem;
    background: #ff9800;
    padding: 0.5rem;
    width: 100%;
    border-radius: 4px;
}

img.service-icon {
    max-width: 2.5rem;
}

h3.service-title {
    margin-bottom: 0;
    font-size: 1rem;
    color: #fff;
}

.social-section {
    padding: 0.5rem 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.5rem;
}


.social-links-list {
    padding: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    background: #fff;
    border: 2px dashed #ff9800;
    margin-bottom: 0.5rem;
}

.social-links-list img.social-img {
    max-width: 30px;
}

.social-links-list .service-title {
    font-size: 16px;
    margin-bottom: 0;
}

.content {
    position: relative;
}
.toltip {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: absolute;
    left: 100%;
    top:-66px;
    width: max-content;
    padding: 0.5rem;
    background: #fff;
    box-shadow: 0px 7px 2rem rgba(0,0,0,.175);
}
.content a.btn.btn-lg.buy-button {
    width: 100% !important;
    text-align: left;
    box-shadow: none;
    font-weight: 600;
}


.content .toltip .buy-button span:before {
    content: "";
    width: 3px;
    height: 0%;
    position: absolute;
    background: #ff9816;
    background-image: linear-gradient(180deg, #fe9a18 10% , #1976d2);
    left: -12px;
    top: 50%;
    transition: all 0.3s ease-in-out;
}

 .content .toltip .buy-button:hover span:before {
    height: 100%;
    transform: translateY(-10px);
}

.content .toltip .buy-button span {
    position: relative;
}
.service-list-wraper {
    position: absolute;
    left: -3%;
    padding-top: 1rem;
    z-index: 1000;
    width: max-content;
    display: none;

}
.service-list {
    padding: 0.5rem;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0px 7px 2rem rgba(0,0,0,.175);
    padding-bottom: 0.1px;
}

.social-services:hover .service-list-wraper {
    display: block;
}

.social-links-list:hover {
   border-color:#ff5722;
   background-color: #fe9b1829;
}
/*END social category*/

.select-package {
  text-align: center;
  margin-top: 50px;
}

.select-package span{
  color: #666666;
  font-weight: 700;
  font-size: 16px;
}

@media (min-width:768px){
   .social-services-item:hover  .content .toltip {
    display:flex;
  }
  .content .toltip {
    display: none;
}
.mobile-show{
  display: none;
}
}

@media (min-width: 960px){
  section.checkout-form .checkout-right-content .card-footer{
    /* position: absolute; */
    bottom: 0px;
    width: 95%;
  }
}

@media (max-width: 576px){
  section.banner .content{
    text-align: center;
  }
  section.banner .content h1{
    font-size: 30px;
  }

  .header-top .navbar-nav.list-inline{
    display: none;
  }
}

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

@media (max-width: 768px){
  .header .navbar .navbar-nav{
    margin:10px -35px 0px !important;
  }
  .header .navbar .navbar-nav li{
    line-height: 1em;
    padding: 8px 38px;
  }
  .header .navbar ul.navbar-nav li.nav-item.active:before, .header .navbar ul.navbar-nav li.nav-item:hover:before{
    display: none;
  }
  .header.shrink .navbar .navbar-toggler{
    color: #333;
  }
  .header .btn-login-signup{
    padding: 10px;
  }
  .header .btn-login{
    padding-left: 0px!important;
  }
  section.blog-single{
    padding-top: 6rem;
  }

 .service-list-wraper {
     left: 3%;
     width: 94%;
 }

.content .toltip {
    width: 100%;
    position: relative;
    left: initial;
    top: initial;
    box-shadow: none;
    padding: 0;
}

.toltip .buy-button {
    background: #fff7eb;
    width: 100%;
    margin-bottom: 0.5rem;
    border:none;
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,1) 6%, rgba(245,226,244,1) 49%, rgba(245,226,244,1) 100%);
}
.content {
    position: relative;
    display: block;
}
.service-list{
  box-shadow: none;
}
.social-services{
  position: initial;
}
/*Header Dropmenu*/
.header .dropdown-menu {
  margin-top: 0rem;
}

.header .navbar-nav li:hover > ul.dropdown-menu {
  display: block;
}

.header .dropdown-menu{
  padding: 0px;
  border: none;
  border-radius: 0px;
  min-width: 200px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -webkit-transition: all 150ms linear;
  transition: all 150ms linear;
}

.header .dropdown-menu li.dropdown-submenu:hover{
  background-color: hsl(0, 8%, 97%);
}

.header .dropdown-menu li.dropdown-submenu:hover>a{
  color: #ff7a03;
}

.header .dropdown-menu li.dropdown-submenu:hover>a:after{
  transform: rotate(-90deg);
}

.header .dropdown-item{
  color: black;
}

.header .dropdown-item:hover, .dropdown-item:focus {
 background-color: hsl(0, 8%, 97%);
 color: #ff7a03; 
}

.header .navbar .dropdown-menu li {
  padding: 10px 10px;
}

.header .dropdown-submenu {
  position:relative;
}

.header .dropdown-submenu>.dropdown-menu {
  top:0;
  left:99.99%;
}

/* rotate caret on hover */
.header .dropdown-menu > li > a:hover:after {
  text-decoration: underline;
  transform: rotate(-90deg);
}
}



@media (max-width: 768px){
  .header .dropdown-menu {
    margin-top: 0.75rem;
    border: none;
    box-shadow: none;
  }

  .header .dropdown-menu li.dropdown-submenu:hover, .header .dropdown-menu li.dropdown-submenu:hover>a{
    background-color: #fff;
  }
  .social-link-wrap .service-title {
    display: none;
}
.social-link-wrap {
    /* padding: 0.25rem; */
    background: #ffffff;
    border: 1px solid #ff9800;
}
.other-service{
  margin:auto;
  /* padding: 12% 0; */
  height: auto;
}
.other-service .dot {
    background: #ff9800;
}
.top-header{
  display: none;
}
.header {
     padding-top: 0px; 
     padding-bottom: 0px; 
}
section.package-content{
  padding: 30px 0;
}
img.service-icon {
    max-width: 2rem;
    margin: auto;
}

}

/*End*/

/* Custom Service category */

/*Instagram*/
body.instagram-category section.header-top .mini-menu li.active a,body.instagram-category section.header-top .mini-menu li:hover a {
  background-color:rgb(230 239 255 / 42%);
}

/*body.instagram-category .header .dropdown-item:hover, 
body.instagram-category .dropdown-item:focus, 
body.instagram-category .header .navbar .navbar-nav .nav-link:hover,
body.instagram-category .header .dropdown-menu li.dropdown-submenu:hover>a,
body.instagram-category .header .navbar .navbar-nav .active > .nav-link,
body.instagram-category section.package-content .pk-header .title strong,
body.instagram-category section.package-content .pk-lists .item .name .number,
body.instagram-category section.package-content .pk-lists .item .features .text-icon,
body.instagram-category section.package-content .pk-lists .item .order_button .btn-color:hover
{
  color: #b84192 !important;
}*/


section.package-content .pk-lists .item .order_button .btn-color:hover{
  /* border-radius: 0 8px 8px 0; */
  background: #fff!important;
}
.header .navbar .navbar-nav .active > .nav-link {
    color: #fff !important;
    width: 100%;
    font-weight: 500;
    background: #5271ff;
    border-radius: 2rem;
}



@media (max-width: 768px) {
    .content.cus {
        position: relative;
        display: none;
    }
}

@media screen and (min-width: 992px) {


  /* Only target the tooltip inside that specific wrapper */
  .social-link-wrap.other-bg + .service-list-wraper .toltip {
    position: absolute;
   
    right: 100%;  /* push it to the left of the wrapper’s right edge */
    left: auto;
    /* tweak vertical centering if needed:
       transform: translateY(50%); 
    */
  }
}



body.instagram-category section.package-content .pk-lists .item .card {
    border: 1px solid #2a282a4d !important;
}

body.instagram-category .owl-nav .owl-prev:before,
body.instagram-category .owl-nav .owl-next:after,
body.instagram-category section.package-content .pk-lists .item .price {
    background: #ff00b1;
}

body.instagram-category section.package-content .pk-lists .item .order_button .btn-color {
    background: #ff00b1;
    border: 1px solid #ff00b1 !important;
}

/*twitter*/

body.twitter-category section.header-top .mini-menu li.active a,
body.twitter-category section.header-top .mini-menu li:hover a {
    background-color: #1DA1F2;
    /* Twitter blue */
}

body.twitter-category .header .btn-dm-item:hover,
body.twitter-category .btn-dm-item:focus,
body.twitter-category .header .navbar .navbar-nav .nav-link:hover,
body.twitter-category .header .btn-dm-menu li.btn-dm-submenu:hover>a,
body.twitter-category .header .navbar .navbar-nav .active>.nav-link,
body.twitter-category section.package-content .pk-header .title strong,
body.twitter-category section.package-content .pk-lists .item .name .number,
body.twitter-category section.package-content .pk-lists .item .features .text-icon,
body.twitter-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    color: #1da1f2;
    /* Twitter blue */
}

body.twitter-category section.package-content .pk-lists .item .card {
    border: 1px solid #c1cdd4 !important;
    /* Adjusted to Twitter blue */
}

body.twitter-category .owl-nav .owl-prev:before,
body.twitter-category .owl-nav .owl-next:after,
body.twitter-category section.package-content .pk-lists .item .price {
    background-image: linear-gradient(90deg, #1DA1F2 16%, #1DA1F2 100%) !important;
    /* Twitter gradient */
}

body.twitter-category section.package-content .pk-lists .item .order_button .btn-color {
    background: #1DA1F2;
    /* Twitter blue */
    border: 1px solid #1DA1F2 !important;
    /* Twitter blue border */
}

/*facebook*/

body.facebook-category section.header-top .mini-menu li.active a,
body.facebook-category section.header-top .mini-menu li:hover a {
    background-color: #395693;
}

body.facebook-category .header .btn-dm-item:hover,
body.facebook-category .btn-dm-item:focus,
body.facebook-category .header .navbar .navbar-nav .nav-link:hover,
body.facebook-category .header .btn-dm-menu li.btn-dm-submenu:hover>a,
body.facebook-category .header .navbar .navbar-nav .active>.nav-link,
body.facebook-category section.package-content .pk-header .title strong,
body.facebook-category section.package-content .pk-lists .item .name .number,
body.facebook-category section.package-content .pk-lists .item .features .text-icon,
body.facebook-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    color: #03a9f4;
}

body.facebook-category section.package-content .pk-lists .item .card {
    border: 1px solid #080f613b !important;
}

body.facebook-category .owl-nav .owl-prev:before,
body.facebook-category .owl-nav .owl-next:after,
body.facebook-category section.package-content .pk-lists .item .price {
    background-image: linear-gradient(90deg, #395693 16%, #466ece 100%) !important;
}

body.facebook-category section.package-content .pk-lists .item .order_button .btn-color {
    background: #03a9f4;
    border: 1px solid #03a9f4 !important;
}

/*Youtube*/

body.youtube-category section.header-top .mini-menu li.active a,
body.youtube-category section.header-top .mini-menu li:hover a {
    background-color: #ef2d2d;
}

body.youtube-category .header .btn-dm-item:hover,
body.youtube-category .btn-dm-item:focus,
body.youtube-category .header .navbar .navbar-nav .nav-link:hover,
body.youtube-category .header .btn-dm-menu li.btn-dm-submenu:hover>a,
body.youtube-category .header .navbar .navbar-nav .active>.nav-link,
body.youtube-category section.package-content .pk-header .title strong,
body.youtube-category section.package-content .pk-lists .item .name .number,
body.youtube-category section.package-content .pk-lists .item .features .text-icon,
body.youtube-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    color: #f44336;
}

body.youtube-category section.package-content .pk-lists .item .card {
    border: 1px solid #080f613b !important;
}

body.youtube-category .owl-nav .owl-prev:before,
body.youtube-category .owl-nav .owl-next:after,
body.youtube-category section.package-content .pk-lists .item .price {
    background-image: linear-gradient(90deg, #ff0000 16%, #ff0000 100%) !important;
}

body.youtube-category section.package-content .pk-lists .item .order_button .btn-color {
    background: #ff0000;
    border: 1px solid #ff4141c9 !important;
}

/*spotify*/

body.spotify-category section.header-top .mini-menu li.active a,
body.spotify-category section.header-top .mini-menu li:hover a {
    background-color: #0c7323;
}

body.spotify-category .header .btn-dm-item:hover,
body.spotify-category .btn-dm-item:focus,
body.spotify-category .header .navbar .navbar-nav .nav-link:hover,
body.spotify-category .header .btn-dm-menu li.btn-dm-submenu:hover>a,
body.spotify-category .header .navbar .navbar-nav .active>.nav-link,
body.spotify-category section.package-content .pk-header .title strong,
body.spotify-category section.package-content .pk-lists .item .name .number,
body.spotify-category section.package-content .pk-lists .item .features .text-icon,
body.spotify-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    color: #36cb78;
}

body.spotify-category section.package-content .pk-lists .item .card {
    border: 1px solid #080f613b !important;
}

body.spotify-category .owl-nav .owl-prev:before,
body.spotify-category .owl-nav .owl-next:after,
body.spotify-category section.package-content .pk-lists .item .price {
    background-image: linear-gradient(90deg, #20c345 60%, #7af8a1 100%) !important;
}

body.spotify-category section.package-content .pk-lists .item .order_button .btn-color {
    background: #30e469;
    border: 1px solid #38db79 !important;
}

/*soundcloud*/

body.soundcloud-category section.header-top .mini-menu li.active a,
body.soundcloud-category section.header-top .mini-menu li:hover a {
    background-color: #ff9800;
}

body.soundcloud-category .header .btn-dm-item:hover,
body.soundcloud-category .btn-dm-item:focus,
body.soundcloud-category .header .navbar .navbar-nav .nav-link:hover,
body.soundcloud-category .header .btn-dm-menu li.btn-dm-submenu:hover>a,
body.soundcloud-category .header .navbar .navbar-nav .active>.nav-link,
body.soundcloud-category section.package-content .pk-header .title strong,
body.soundcloud-category section.package-content .pk-lists .item .name .number,
body.soundcloud-category section.package-content .pk-lists .item .features .text-icon,
body.soundcloud-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    color: #ff9800;
}

body.soundcloud-category section.package-content .pk-lists .item .card {
    border: 1px solid #ff9800 !important;
}

body.soundcloud-category .owl-nav .owl-prev:before,
body.soundcloud-category .owl-nav .owl-next:after,
body.soundcloud-category section.package-content .pk-lists .item .price {
    background-image: linear-gradient(90deg, #ed512f 16%, #f28a30 100%) !important;
}

body.linkedIn-category section.package-content .pk-lists .item .order_button .btn-color {
    background: #4460d0;
    border: 1px solid #3068ff !important;
}

/*soundCloud*/

body.soundCloud-category section.header-top .mini-menu li.active a,
body.soundCloud-category section.header-top .mini-menu li:hover a {
    background-color: #ed762b;
}

body.soundCloud-category .header .btn-dm-item:hover,
body.soundCloud-category .btn-dm-item:focus,
body.soundCloud-category .header .navbar .navbar-nav .nav-link:hover,
body.soundCloud-category .header .btn-dm-menu li.btn-dm-submenu:hover>a,
body.soundCloud-category .header .navbar .navbar-nav .active>.nav-link,
body.yosoundCloudutube-category section.package-content .pk-header .title strong,
body.soundCloud-category section.package-content .pk-lists .item .name .number,
body.soundCloud-category section.package-content .pk-lists .item .features .text-icon,
body.soundCloud-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    color: #df782c;
}

body.soundCloud-category section.package-content .pk-lists .item .card {
    border: 1px solid #080f613b !important;
}

body.soundCloud-category .owl-nav .owl-prev:before,
body.soundCloud-category .owl-nav .owl-next:after,
body.soundCloud-category section.package-content .pk-lists .item .price {
    background-image: linear-gradient(90deg, #ff5e02 40%, #ff771c94 100%) !important;
}

body.soundCloud-category section.package-content .pk-lists .item .order_button .btn-color {
    background: #f45c29;
    border: 1px solid #ff7c54 !important;
}

/*quora*/

body.quora-category section.header-top .mini-menu li.active a,
body.quora-category section.header-top .mini-menu li:hover a {
    background-color: #770808;
}

body.quora-category .header .btn-dm-item:hover,
body.quora-category .btn-dm-item:focus,
body.quora-category .header .navbar .navbar-nav .nav-link:hover,
body.quora-category .header .btn-dm-menu li.btn-dm-submenu:hover>a,
body.quora-category .header .navbar .navbar-nav .active>.nav-link,
body.quora-category section.package-content .pk-header .title strong,
body.quora-category section.package-content .pk-lists .item .name .number,
body.quora-category section.package-content .pk-lists .item .features .text-icon,
body.quora-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    color: #600d0d;
}

body.quora-category section.package-content .pk-lists .item .card {
    border: 1px solid #080f613b !important;
}

body.quora-category .owl-nav .owl-prev:before,
body.quora-category .owl-nav .owl-next:after,
body.quora-category section.package-content .pk-lists .item .price {
    background-image: linear-gradient(90deg, #b61313 50%, #d71f1f94 100%) !important;
}

body.quora-category section.package-content .pk-lists .item .order_button .btn-color {
    background: #860a0a;
    border: 1px solid #ae0909 !important;
}

/*vk*/

body.vk-category section.header-top .mini-menu li.active a,
body.vk-category section.header-top .mini-menu li:hover a {
    background-color: #135fb6;
}

body.vk-category .header .btn-dm-item:hover,
body.vk-category .btn-dm-item:focus,
body.vk-category .header .navbar .navbar-nav .nav-link:hover,
body.vk-category .header .btn-dm-menu li.btn-dm-submenu:hover>a,
body.vk-category .header .navbar .navbar-nav .active>.nav-link,
body.vk-category section.package-content .pk-header .title strong,
body.vk-category section.package-content .pk-lists .item .name .number,
body.vk-category section.package-content .pk-lists .item .features .text-icon,
body.vk-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    color: #135fb6;
}

body.vk-category section.package-content .pk-lists .item .card {
    border: 1px solid #080f613b !important;
}

body.vk-category .owl-nav .owl-prev:before,
body.vk-category .owl-nav .owl-next:after,
body.vk-category section.package-content .pk-lists .item .price {
    background-image: linear-gradient(90deg, #135fb6 50%, #0065e994 100%) !important;
}

body.vk-category section.package-content .pk-lists .item .order_button .btn-color {
    background: #135fb6;
    border: 1px solid #135fb6 !important;
}

/*vimeo*/

body.vimeo-category section.header-top .mini-menu li.active a,
body.vimeo-category section.header-top .mini-menu li:hover a {
    background-color: #53a3ff;
}

body.vimeo-category .header .btn-dm-item:hover,
body.vimeo-category .btn-dm-item:focus,
body.vimeo-category .header .navbar .navbar-nav .nav-link:hover,
body.vimeo-category .header .btn-dm-menu li.btn-dm-submenu:hover>a,
body.vimeo-category .header .navbar .navbar-nav .active>.nav-link,
body.vimeo-category section.package-content .pk-header .title strong,
body.vimeo-category section.package-content .pk-lists .item .name .number,
body.vimeo-category section.package-content .pk-lists .item .features .text-icon,
body.vimeo-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    color: #53a3ff;
}

body.vimeo-category section.package-content .pk-lists .item .card {
    border: 1px solid #080f613b !important;
}

body.vimeo-category .owl-nav .owl-prev:before,
body.vimeo-category .owl-nav .owl-next:after,
body.vimeo-category section.package-content .pk-lists .item .price {
    background-image: linear-gradient(90deg, #53a3ff 50%, #529dff94 100%) !important;
}

body.vimeo-category section.package-content .pk-lists .item .order_button .btn-color {
    background: #53a3ff;
    border: 1px solid #53a3ff !important;
}

/*reviews*/

body.reviews-category section.header-top .mini-menu li.active a,
body.reviews-category section.header-top .mini-menu li:hover a {
    background-color: #138d14;
}

body.reviews-category .header .btn-dm-item:hover,
body.reviews-category .btn-dm-item:focus,
body.reviews-category .header .navbar .navbar-nav .nav-link:hover,
body.reviews-category .header .btn-dm-menu li.btn-dm-submenu:hover>a,
body.reviews-category .header .navbar .navbar-nav .active>.nav-link,
body.reviews-category section.package-content .pk-header .title strong,
body.reviews-category section.package-content .pk-lists .item .name .number,
body.reviews-category section.package-content .pk-lists .item .features .text-icon,
body.reviews-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    color: #138d14;
}

body.reviews-category section.package-content .pk-lists .item .card {
    border: 1px solid #080f613b !important;
}

body.reviews-category .owl-nav .owl-prev:before,
body.reviews-category .owl-nav .owl-next:after,
body.reviews-category section.package-content .pk-lists .item .price {
    background-image: linear-gradient(90deg, #138d14 50%, #409b1f94 100%) !important;
}

body.reviews-category section.package-content .pk-lists .item .order_button .btn-color {
    background: #138d14;
    border: 1px solid #138d14 !important;
}

/*seo*/

body.seo-category section.header-top .mini-menu li.active a,
body.seo-category section.header-top .mini-menu li:hover a {
    background-color: #8dacbc;
}

body.seo-category .header .btn-dm-item:hover,
body.seo-category .btn-dm-item:focus,
body.seo-category .header .navbar .navbar-nav .nav-link:hover,
body.seo-category .header .btn-dm-menu li.btn-dm-submenu:hover>a,
body.seo-category .header .navbar .navbar-nav .active>.nav-link,
body.seo-category section.package-content .pk-header .title strong,
body.seo-category section.package-content .pk-lists .item .name .number,
body.seo-category section.package-content .pk-lists .item .features .text-icon,
body.seo-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    color: #8dacbc;
}

body.seo-category section.package-content .pk-lists .item .card {
    border: 1px solid #080f613b !important;
}

body.seo-category .owl-nav .owl-prev:before,
body.seo-category .owl-nav .owl-next:after,
body.seo-category section.package-content .pk-lists .item .price {
    background-image: linear-gradient(90deg, #8dacbc 50%, #87b9f294 100%) !important;
}

body.seo-category section.package-content .pk-lists .item .order_button .btn-color {
    background: #5a8ea9;
    border: 1px solid #7d9ec3 !important;
}


/*Instagram*/

body.iglikes-category section.header-top .mini-menu li.active a,
body.iglikes-category section.header-top .mini-menu li:hover a {
    background-color: #ff003b;
    color: #fff !important;
    /* font-family: monospace; */
    font-weight: 400;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

body.iglikes-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    color: #ff003b;
}

body.iglikes-category section.package-content .pk-lists .item .card {
    border: 1px solid #080f613b !important;
}

body.iglikes-category .owl-nav .owl-prev:before,
body.iglikes-category .owl-nav .owl-next:after,
body.iglikes-category section.package-content .pk-lists .item .price {
    background: linear-gradient(90deg, #ff003b 16%, #ff003b 100%) !important;
}

body.iglikes-category section.package-content .pk-lists .item .order_button .btn-color {
    background: #ff003b;
    border: 1px solid #ff003b !important;
}

body.iglikes-category section.package-content .pk-lists .item .features .text-icon {
    color: #ff003b;
}

/*Instagram*/

body.igviews-category section.header-top .mini-menu li.active a,
body.igviews-category section.header-top .mini-menu li:hover a {
    background: linear-gradient(90deg, #7b2cbf 16%, #7b2cbf 100%) !important;
    /* Updated color */
    color: #fff !important;
}

body.igviews-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    color: #7b2cbf;
    /* Updated color */
}

body.igviews-category section.package-content .pk-lists .item .card {
    border: 1px solid #080f613b !important;
}

body.igviews-category .owl-nav .owl-prev:before,
body.igviews-category .owl-nav .owl-next:after,
body.igviews-category section.package-content .pk-lists .item .price {
    background: #7B2CBF;
    /* Updated color */
}

body.igviews-category section.package-content .pk-lists .item .order_button .btn-color {
    background: #7B2CBF;
    /* Updated color */
    border: 1px solid #7B2CBF !important;
    /* Updated color */
}

/*Instagram*/

body.igCOMMENTS-category section.header-top .mini-menu li.active a,
body.igCOMMENTS-category section.header-top .mini-menu li:hover a {
    background: linear-gradient(45deg, #1D4E89, #1D4E89);
    /* Updated color */
    color: #fff !important;
}

.pgpz .nav-item .nav-link {
    border: 2px solid #316aecfa !important;
    border-top: 0 solid #316aecfa;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    height: 100%;
    border-radius: 0;
    outline: none !important;
}

.pgpz .nav-item .nav-item1:first-child .nav-link {
    border-top-width: 2px;
    border-radius: .125rem .125rem 0 0
}

.pgpz .nav-item .nav-item1:last-child .nav-link {
    border-bottom-width: 2px;
    border-radius: 0 0 .125rem .125rem
}

.pgpz .nav-link.active,
.pgpz .show>.nav-link {
    color: #fff;
    background-color: #316aecf5;
    outline: none !important;
}

.pgpz .nav-item .nav-link:active,
.pgpz .nav-item .nav-link:focus,
.pgpz .nav-item .nav-link:hover {
    background-color: #5592ff;
    color: #fff;
    outline: none !important;
}

.pgpz .nav-item .nav-item1 {
    flex-grow: 1;
    flex: 1 1 auto;
    flex-basis: 0;
    text-align: center
}

body.igCOMMENTS-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    color: #1D4E89;
    /* Updated color */
}

body.igCOMMENTS-category section.package-content .pk-lists .item .card {
    border: 1px solid #080f613b !important;
}

body.igCOMMENTS-category .owl-nav .owl-prev:before,
body.igCOMMENTS-category .owl-nav .owl-next:after,
body.igCOMMENTS-category section.package-content .pk-lists .item .price {
    background: #1D4E89;
    /* Updated color */
}

body.igCOMMENTS-category section.package-content .pk-lists .item .order_button .btn-color {
    background: linear-gradient(45deg, #1D4E89, #1D4E89);
    /* Updated color */
    border: 1px solid #1D4E89 !important;
    /* Updated color */
}

/*Instagram*/

body.igothers-category section.header-top .mini-menu li.active a,
body.igothers-category section.header-top .mini-menu li:hover a {
    background: linear-gradient(45deg, #E76F51, #E76F51);
    /* Updated color */
    color: #fff !important;
}

body.igothers-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    color: #E76F51;
    /* Updated color */
}

body.igothers-category section.package-content .pk-lists .item .card {
    border: 1px solid #080f613b !important;
}

body.igothers-category .owl-nav .owl-prev:before,
body.igothers-category .owl-nav .owl-next:after,
body.igothers-category section.package-content .pk-lists .item .price {
    background: #E76F51;
    /* Updated color */
}

body.igothers-category section.package-content .pk-lists .item .features .text-icon {
    color: #E76F51;
}

body.igothers-category section.package-content .pk-lists .item .order_button .btn-color {
    background: #E76F51;
    /* Updated color */
    border: 1px solid #E76F51 !important;
    /* Updated color */
}

/* LinkedIn */

body.linkedin-category section.header-top .mini-menu li.active a,
body.linkedin-category section.header-top .mini-menu li:hover a {
    background-color: #0077b5;
    /* LinkedIn Blue color */
    color: #fff !important;
}

body.linkedin-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    color: #0077b5;
    /* LinkedIn Blue color */
}

body.linkedin-category section.package-content .pk-lists .item .card {
    border: 1px solid #0077b53b !important;
    /* Slightly transparent LinkedIn Blue color */
}

body.linkedin-category .owl-nav .owl-prev:before,
body.linkedin-category .owl-nav .owl-next:after,
body.linkedin-category section.package-content .pk-lists .item .price {
    background: linear-gradient(90deg, #0077b5 16%, #0077b5 100%) !important;
    /* LinkedIn Blue color gradient */
}

body.linkedin-category section.package-content .pk-lists .item .order_button .btn-color {
    background: #0077b5;
    /* LinkedIn Blue color */
    border: 1px solid #0077b5 !important;
    /* LinkedIn Blue color */
}

/*Youtube*/

body.postlikes-category section.header-top .mini-menu li.active a,
body.postlikes-category section.header-top .mini-menu li:hover a {
    background-color: #1969ff;
}

body.postlikes-category .header .btn-dm-item:hover,
body.postlikes-category .btn-dm-item:focus,
body.postlikes-category .header .navbar .navbar-nav .nav-link:hover,
body.postlikes-category .header .btn-dm-menu li.btn-dm-submenu:hover>a,
body.postlikes-category .header .navbar .navbar-nav .active>.nav-link,
body.postlikes-category section.package-content .pk-header .title strong,
body.postlikes-category section.package-content .pk-lists .item .name .number,
body.postlikes-category section.package-content .pk-lists .item .features .text-icon,
body.postlikes-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    color: #1969ff;
}

body.postlikes-category section.package-content .pk-lists .item .card {
    border: 1px solid #080f613b !important;
}

body.postlikes-category .owl-nav .owl-prev:before,
body.postlikes-category .owl-nav .owl-next:after,
body.postlikes-category section.package-content .pk-lists .item .price {
    background-image: linear-gradient(90deg, #1969ff 16%, #1969ff 100%) !important;
}

body.postlikes-category section.package-content .pk-lists .item .order_button .btn-color {
    background: #1969ff;
    border: 1px solid #1969ff !important;
}

/*Youtube*/

body.postwow-category section.header-top .mini-menu li.active a,
body.postwow-category section.header-top .mini-menu li:hover a {
    background-color: #9f9442;
}

body.postwow-category .header .btn-dm-item:hover,
body.postwow-category .btn-dm-item:focus,
body.postwow-category .header .navbar .navbar-nav .nav-link:hover,
body.postwow-category .header .btn-dm-menu li.btn-dm-submenu:hover>a,
body.postwow-category .header .navbar .navbar-nav .active>.nav-link,
body.postwow-category section.package-content .pk-header .title strong,
body.postwow-category section.package-content .pk-lists .item .name .number,
body.postwow-category section.package-content .pk-lists .item .features .text-icon,
body.postwow-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    color: #9f9442;
}

body.postwow-category section.package-content .pk-lists .item .card {
    border: 1px solid #080f613b !important;
}

body.postwow-category .owl-nav .owl-prev:before,
body.postwow-category .owl-nav .owl-next:after,
body.postwow-category section.package-content .pk-lists .item .price {
    background-image: linear-gradient(90deg, #9f9442 16%, #9f9442 100%) !important;
}

body.postwow-category section.package-content .pk-lists .item .order_button .btn-color {
    background: #9f9442;
    border: 1px solid #9f9442 !important;
}

/*Youtube*/

body.postlove-category section.header-top .mini-menu li.active a,
body.postlove-category section.header-top .mini-menu li:hover a {
    background-color: #cb1640;
}

body.postlove-category .header .btn-dm-item:hover,
body.postlove-category .btn-dm-item:focus,
body.postlove-category .header .navbar .navbar-nav .nav-link:hover,
body.postlove-category .header .btn-dm-menu li.btn-dm-submenu:hover>a,
body.postlove-category .header .navbar .navbar-nav .active>.nav-link,
body.postlove-category section.package-content .pk-header .title strong,
body.postlove-category section.package-content .pk-lists .item .name .number,
body.postlove-category section.package-content .pk-lists .item .features .text-icon,
body.postlove-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    color: #cb1640;
}

body.postlove-category section.package-content .pk-lists .item .card {
    border: 1px solid #080f613b !important;
}

.bar-sec {
    border-radius: 2px;
    font-size: 16px;
    white-space: normal;
    line-height: 1.1;
    font-weight: 700;
}

body.postlove-category .owl-nav .owl-prev:before,
body.postlove-category .owl-nav .owl-next:after,
body.postlove-category section.package-content .pk-lists .item .price {
    background-image: linear-gradient(90deg, #cb1640 16%, #cb1640 100%) !important;
}

body.postlove-category section.package-content .pk-lists .item .order_button .btn-color {
    background: #cb1640;
    border: 1px solid #cb1640 !important;
}

/*Youtube*/

body.posthaha-category section.header-top .mini-menu li.active a,
body.posthaha-category section.header-top .mini-menu li:hover a {
    background-color: #f1a00b;
}

body.posthaha-category .header .btn-dm-item:hover,
body.posthaha-category .btn-dm-item:focus,
body.posthaha-category .header .navbar .navbar-nav .nav-link:hover,
body.posthaha-category .header .btn-dm-menu li.btn-dm-submenu:hover>a,
body.posthaha-category .header .navbar .navbar-nav .active>.nav-link,
body.posthaha-category section.package-content .pk-header .title strong,
body.posthaha-category section.package-content .pk-lists .item .name .number,
body.posthaha-category section.package-content .pk-lists .item .features .text-icon,
body.posthaha-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    color: #f1a00b;
}

body.posthaha-category section.package-content .pk-lists .item .card {
    border: 1px solid #080f613b !important;
}

body.posthaha-category .owl-nav .owl-prev:before,
body.posthaha-category .owl-nav .owl-next:after,
body.posthaha-category section.package-content .pk-lists .item .price {
    background-image: linear-gradient(90deg, #f1a00b 16%, #f1a00b 100%) !important;
}

body.posthaha-category section.package-content .pk-lists .item .order_button .btn-color {
    background: #f1a00b;
    border: 1px solid #f1a00b !important;
}

/*Youtube*/

body.postsad-category section.header-top .mini-menu li.active a,
body.postsad-category section.header-top .mini-menu li:hover a {
    background-color: #ff7e00;
}

body.postsad-category .header .btn-dm-item:hover,
body.postsad-category .btn-dm-item:focus,
body.postsad-category .header .navbar .navbar-nav .nav-link:hover,
body.postsad-category .header .btn-dm-menu li.btn-dm-submenu:hover>a,
body.postsad-category .header .navbar .navbar-nav .active>.nav-link,
body.postsad-category section.package-content .pk-header .title strong,
body.postsad-category section.package-content .pk-lists .item .name .number,
body.postsad-category section.package-content .pk-lists .item .features .text-icon,
body.postsad-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    color: #ff7e00;
}

body.postsad-category section.package-content .pk-lists .item .card {
    border: 1px solid #080f613b !important;
}

body.postsad-category .owl-nav .owl-prev:before,
body.postsad-category .owl-nav .owl-next:after,
body.postsad-category section.package-content .pk-lists .item .price {
    background-image: linear-gradient(90deg, #ff7e00 16%, #ff7e00 100%) !important;
}

body.postsad-category section.package-content .pk-lists .item .order_button .btn-color {
    background: #ff7e00;
    border: 1px solid #ff7e00 !important;
}

/*Youtube*/

body.postangry-category section.header-top .mini-menu li.active a,
body.postangry-category section.header-top .mini-menu li:hover a {
    background-color: #672424;
}

body.postangry-category .header .btn-dm-item:hover,
body.postangry-category .btn-dm-item:focus,
body.postangry-category .header .navbar .navbar-nav .nav-link:hover,
body.postangry-category .header .btn-dm-menu li.btn-dm-submenu:hover>a,
body.postangry-category .header .navbar .navbar-nav .active>.nav-link,
body.postangry-category section.package-content .pk-header .title strong,
body.postangry-category section.package-content .pk-lists .item .name .number,
body.postangry-category section.package-content .pk-lists .item .features .text-icon,
body.postangry-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    color: #672424;
}

body.postangry-category section.package-content .pk-lists .item .card {
    border: 1px solid #080f613b !important;
}

body.postangry-category .owl-nav .owl-prev:before,
body.postangry-category .owl-nav .owl-next:after,
body.postangry-category section.package-content .pk-lists .item .price {
    background-image: linear-gradient(90deg, #672424 16%, #672424 100%) !important;
}

body.postangry-category section.package-content .pk-lists .item .order_button .btn-color {
    background: #672424;
    border: 1px solid #672424 !important;
}



/*twitch*/

body.twitch-category section.header-top .mini-menu li.active a,
body.twitch-category section.header-top .mini-menu li:hover a {
    background-color: #9146ff;
}

body.twitch-category .header .btn-dm-item:hover,
body.twitch-category .btn-dm-item:focus,
body.twitch-category .header .navbar .navbar-nav .nav-link:hover,
body.twitch-category .header .btn-dm-menu li.btn-dm-submenu:hover>a,
body.twitch-category .header .navbar .navbar-nav .active>.nav-link,
body.twitch-category section.package-content .pk-header .title strong,
body.twitch-category section.package-content .pk-lists .item .name .number,
body.twitch-category section.package-content .pk-lists .item .features .text-icon,
body.twitch-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    color: #d836f4;
}

body.twitch-category section.package-content .pk-lists .item .card {
    border: 1px solid #080f613b !important;
}

body.twitch-category .owl-nav .owl-prev:before,
body.twitch-category .owl-nav .owl-next:after,
body.twitch-category section.package-content .pk-lists .item .price {
    background-image: linear-gradient(90deg, #ac57de 16%, #c295de 100%) !important;
}

body.youtube-category section.package-content .pk-lists .item .order_button .btn-color {
    background: #ff0000;
    border: 1px solid #ff4141c9 !important;
}

/*tiktok*/

body.tiktok-category section.header-top .mini-menu li.active a,
body.tiktok-category section.header-top .mini-menu li:hover a {
    background-color: #000000;
}

body.tiktok-category .header .btn-dm-item:hover,
body.tiktok .btn-dm-item:focus,
body.tiktok-category .header .navbar .navbar-nav .nav-link:hover,
body.tiktok-category .header .btn-dm-menu li.btn-dm-submenu:hover>a,
body.tiktok-category .header .navbar .navbar-nav .active>.nav-link,
body.tiktok-category section.package-content .pk-header .title strong,
body.tiktok-category section.package-content .pk-lists .item .name .number,
body.tiktok-category section.package-content .pk-lists .item .features .text-icon,
body.tiktok-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    color: #1b1427;
}

body.tiktok-category section.package-content .pk-lists .item .card {
    border: 1px solid #080f613b !important;
}

body.tiktok-category .owl-nav .owl-prev:before,
body.tiktok-category .owl-nav .owl-next:after,
body.tiktok-category section.package-content .pk-lists .item .price {
    background-image: unset !important;
}

body.tiktok-category section.package-content .pk-lists .item .order_button .btn-color {
    background: #2a2336;
    border: 1px solid #000000 !important;
}

/*threads*/

body.threads-category section.header-top .mini-menu li.active a,
body.threads-category section.header-top .mini-menu li:hover a {
    background-color: #b32061;
}

body.threads-category .header .btn-dm-item:hover,
body.threads-category .btn-dm-item:focus,
body.threads-category .header .navbar .navbar-nav .nav-link:hover,
body.threads-category .header .btn-dm-menu li.btn-dm-submenu:hover>a,
body.threads-category .header .navbar .navbar-nav .active>.nav-link,
body.threads-category section.package-content .pk-header .title strong,
body.threads-category section.package-content .pk-lists .item .name .number,
body.threads-category section.package-content .pk-lists .item .features .text-icon,
body.threads-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    color: #c41e4f
}

body.threads-category section.package-content .pk-lists .item .card {
    border: 1px solid #080f613b !important;
}

body.threads-category .owl-nav .owl-prev:before,
body.threads-category .owl-nav .owl-next:after,
body.threads-category section.package-content .pk-lists .item .price {
    background-image: linear-gradient(90deg, #d60a59 16%, #d60a59 100%) !important;
}

body.threads-category section.package-content .pk-lists .item .order_button .btn-color {
    background: #d60a59;
    border: 1px solid #da0909 !important;
}

/*twitch*/

body.twitch-category section.header-top .mini-menu li.active a,
body.twitch-category section.header-top .mini-menu li:hover a {
    background-color: #9146ff;
}

body.twitch-category .header .btn-dm-item:hover,
body.twitch-category .btn-dm-item:focus,
body.twitch-category .header .navbar .navbar-nav .nav-link:hover,
body.twitch-category .header .btn-dm-menu li.btn-dm-submenu:hover>a,
body.twitch-category .header .navbar .navbar-nav .active>.nav-link,
body.twitch-category section.package-content .pk-header .title strong,
body.twitch-category section.package-content .pk-lists .item .name .number,
body.twitch-category section.package-content .pk-lists .item .features .text-icon,
body.twitch-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    color: #d836f4;
}

body.twitch-category section.package-content .pk-lists .item .card {
    border: 1px solid #080f613b !important;
}

body.twitch-category .owl-nav .owl-prev:before,
body.twitch-category .owl-nav .owl-next:after,
body.twitch-category section.package-content .pk-lists .item .price {
    background-image: linear-gradient(90deg, #ac57de 16%, #c295de 100%) !important;
}

body.twitch-category section.package-content .pk-lists .item .order_button .btn-color {
    background: #b650db;
    border: 1px solid #bc6be6 !important;
}

/*threads*/

body.threads-category section.header-top .mini-menu li.active a,
body.threads-category section.header-top .mini-menu li:hover a {
    background-color: #b32061;
}

body.threads-category .header .btn-dm-item:hover,
body.threads-category .btn-dm-item:focus,
body.threads-category .header .navbar .navbar-nav .nav-link:hover,
body.threads-category .header .btn-dm-menu li.btn-dm-submenu:hover>a,
body.threads-category .header .navbar .navbar-nav .active>.nav-link,
body.threads-category section.package-content .pk-header .title strong,
body.threads-category section.package-content .pk-lists .item .name .number,
body.threads-category section.package-content .pk-lists .item .features .text-icon,
body.threads-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    color: #c41e4f
}

body.threads-category section.package-content .pk-lists .item .card {
    border: 1px solid #080f613b !important;
}

body.threads-category .owl-nav .owl-prev:before,
body.threads-category .owl-nav .owl-next:after,
body.threads-category section.package-content .pk-lists .item .price {
    background-image: linear-gradient(90deg, #f709ca 16%, #ff3030 100%) !important;
}

body.threads-category section.package-content .pk-lists .item .order_button .btn-color {
    background: #d60a59;
    border: 1px solid #da0909 !important;
}

/*reddit*/

body.reddit-category section.header-top .mini-menu li.active a,
body.reddit-category section.header-top .mini-menu li:hover a {
    background-color: #f44336;
}

body.reddit-category .header .btn-dm-item:hover,
body.reddit-category .btn-dm-item:focus,
body.reddit-category .header .navbar .navbar-nav .nav-link:hover,
body.reddit-category .header .btn-dm-menu li.btn-dm-submenu:hover>a,
body.reddit-category .header .navbar .navbar-nav .active>.nav-link,
body.reddit-category section.package-content .pk-header .title strong,
body.reddit-category section.package-content .pk-lists .item .name .number,
body.reddit-category section.package-content .pk-lists .item .features .text-icon,
body.reddit-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    color: #ec3a1f;
}

body.reddit-category section.package-content .pk-lists .item .card {
    border: 1px solid #080f613b !important;
}

body.reddit-category .owl-nav .owl-prev:before,
body.reddit-category .owl-nav .owl-next:after,
body.reddit-category section.package-content .pk-lists .item .price {
    background-image: linear-gradient(90deg, #ff3f18 16%, #ff3f18 100%) !important;
}

body.reddit-category section.package-content .pk-lists .item .order_button .btn-color {
    background: #ff3f18;
    border: 1px solid #ff3f18 !important;
}

/*telegram*/

body.telegram-category section.header-top .mini-menu li.active a,
body.telegram-category section.header-top .mini-menu li:hover a {
    background-color: #2994d4;
}

body.telegram-category .header .btn-dm-item:hover,
body.telegram-category .btn-dm-item:focus,
body.telegram-category .header .navbar .navbar-nav .nav-link:hover,
body.telegram-category .header .btn-dm-menu li.btn-dm-submenu:hover>a,
body.telegram-category .header .navbar .navbar-nav .active>.nav-link,
body.telegram-category section.package-content .pk-header .title strong,
body.telegram-category section.package-content .pk-lists .item .name .number,
body.telegram-category section.package-content .pk-lists .item .features .text-icon,
body.telegram-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    color: #3690cb;
}

body.telegram-category section.package-content .pk-lists .item .card {
    border: 1px solid #080f613b !important;
}

body.telegram-category .owl-nav .owl-prev:before,
body.telegram-category .owl-nav .owl-next:after,
body.telegram-category section.package-content .pk-lists .item .price {
    background-image: linear-gradient(90deg, #0f7bce 55%, #2994d4 100%) !important;
}

body.telegram-category section.package-content .pk-lists .item .order_button .btn-color {
    background: #2994d4;
    border: 1px solid #26a0d6 !important;
}

/*pinterest*/

body.pinterest-category section.header-top .mini-menu li.active a,
body.pinterest-category section.header-top .mini-menu li:hover a {
    background-color: #790313;
}

body.pinterest-category .header .btn-dm-item:hover,
body.pinterest-category .btn-dm-item:focus,
body.pinterest-category .header .navbar .navbar-nav .nav-link:hover,
body.pinterest-category .header .btn-dm-menu li.btn-dm-submenu:hover>a,
body.pinterest-category .header .navbar .navbar-nav .active>.nav-link,
body.pinterest-category section.package-content .pk-header .title strong,
body.pinterest-category section.package-content .pk-lists .item .name .number,
body.pinterest-category section.package-content .pk-lists .item .features .text-icon,
body.pinterest-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    color: #b00d0d;
}

body.pinterest-category section.package-content .pk-lists .item .card {
    border: 1px solid #080f613b !important;
}

body.pinterest-category .owl-nav .owl-prev:before,
body.pinterest-category .owl-nav .owl-next:after,
body.pinterest-category section.package-content .pk-lists .item .price {
    background-image: linear-gradient(90deg, #a10b13 45%, #d91313b8 100%) !important;
}

body.pinterest-category section.package-content .pk-lists .item .order_button .btn-color {
    background: #ac1c1c;
    border: 1px solid #ff4b50 !important;
}

/*linkedIn*/

body.youtube-category section.header-top .mini-menu li.active a,
body.youtube-category section.header-top .mini-menu li:hover a {
    background-color: red;
}

body.linkedIn-category .header .btn-dm-item:hover,
body.linkedIn-category .btn-dm-item:focus,
body.linkedIn-category .header .navbar .navbar-nav .nav-link:hover,
body.linkedIn-category .header .btn-dm-menu li.btn-dm-submenu:hover>a,
body.linkedIn-category .header .navbar .navbar-nav .active>.nav-link,
body.linkedIn-category section.package-content .pk-header .title strong,
body.linkedIn-category section.package-content .pk-lists .item .name .number,
body.linkedIn-category section.package-content .pk-lists .item .features .text-icon,
body.linkedIn-category section.package-content .pk-lists .item .order_button .btn-color:hover {
    color: #2c3ad6;
}

body.linkedIn-category section.package-content .pk-lists .item .card {
    border: 1px solid #080f613b !important;
}

body.linkedIn-category .owl-nav .owl-prev:before,
body.linkedIn-category .owl-nav .owl-next:after,
body.linkedIn-category section.package-content .pk-lists .item .price {
    background-image: linear-gradient(90deg, #4554aa 45%, #1335d994 100%) !important;
}


.payment-option--disabled {
    opacity: .5
}

.discount-text {
    color: ;
    margin-left: 10px;
    font-weight: 300;
    font-size: 15px
}

.payment-image {
    height: 22px;
    margin-left: 10px;
    margin-top: 2.5px;
    margin-right: 10px
}

.payment-option {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #eee;
    padding: 10px 15px;
    cursor: pointer;
    transition: background-color .3s ease;
    border-radius: 3px
}

#progressbar #account:before {
    font-family: FontAwesome;
    content: "\f13e " !important
}

#progressbar li:after {
    content: "";
    width: 200% !important;
    height: 2px;
    background: lightgray;
    position: absolute;
    left: 0;
    top: 25px;
    z-index: -1;
    margin-left: -30%
}

@media only screen and (max-width: 768px) {
    #progressbar li:after {
        content: "";
        width: 200%;
        height: 2px;
        background: lightgray;
        position: absolute;
        left: 0;
        top: 25px;
        z-index: -1;
        margin-left: -40px !important
    }
}

@media only screen and (min-width: 768px) {
    #progressbar li:after {
        content: "";
        width: 200%;
        height: 2px;
        background: #fff !important;
        position: absolute;
        left: 0;
        top: 25px;
        z-index: -1;
        margin-left: -100px !important
    }
}

@media(max-width: 768px) {
    .fs-title.mobile {
        font-family: roboto !important
    }
}

@media(min-width: 768px) {
    .fs-title.mobile {
        font-family: roboto !important
    }
}

@media(MAX-width: 768px) {
    .progress {
        height: 20px;
        margin-top: -10px;
        MARGIN-LEFT: -2PX
    }
}

.progress {
    height: 20px;
    margin-top: -10px;
}

#msform input,
#msform textarea {
    border-radius: .125rem !important;
    margin-bottom: 25px;
    margin-top: 2px;
    width: 100%;
    box-sizing: border-box;
    font-family: montserrat;
    color: #2c3e50;
    background-color: #fff;
    font-size: 16px;
    letter-spacing: .6px !important;
    font-family: roboto !important;
    padding: 23.5px 15px 23.5px 15px
}

.price {
    color: ;
    font-weight: 600;
    margin-right: .5rem;
    'Lato', sans-serif !important
    font-weight: 500;
    margin-bottom: -1.75px
}

@media(max-width: 767px) {
    .form-card.col-6-cs {
        max-width: 100%
    }
    .payment_fieldset {
        max-width: 90%
    }
    .form-table {
        padding: 1rem 0;
        display: flex;
        gap: 4rem;
        justify-content: flex-start;
        position: relative;
        line-height: 40px
    }
    .title-table,
    .table-information {
        text-align: left
    }
    .title-list {
        font-size: 1rem;
        font-weight: 600;
        color: #5271ff;
        margin-bottom: .5rem;
        line-height: 40.5px;
        MARGIN-LEFT: 5PX;
    }
    .info-list {
        margin-bottom: .5rem;
        font-size: 1.0675rem
    }
    .delete-item {
        position: absolute;
        top: 10%;
        right: 5%
    }
    .form-table {
        border-bottom: 1px solid #00000030;
        font-family: roboto;
        font-size: 1.02rem;
        font-weight: 400
    }
    #msform fieldset {
        padding-left: 10PX;
        padding-right: 1rem
    }
    .hide-mobile {
        display: none
    }
    .mobile-info-total {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 1rem 0;
        margin-bottom: 13px
    }
    .mobile-info-total span.unit-price {
        font-size: 1.25rem
    }
    #msform .action-button-previous {
        float: left;
        font-family: roboto;
        font-size: 1.02rem;
        font-weight: 400
    }
    @media only screen and (min-width: 768px) {
        #msform .action-button {
            width: 100px;
            background: #5271ff;
            font-weight: 700;
            color: #fff;
            border: 0 none;
            border-radius: 0;
            cursor: pointer;
            padding: 10px 5px;
            margin: 10px 0 10px 5px;
            float: right;
            font-family: roboto;
            font-size: 1.02rem;
            font-weight: 400
        }
    }
    #msform .action-button {
        width: 100% !important;
        padding: 1rem
    }
    .card-footer button {
        margin-top: 4rem;
        width: 100% !important
    }
    .card-footer {
        width: 100% !important;
        padding: 0;
        margin-top: -60px
    }
    .hide-desktop {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 13px
    }
    section.checkout-form {
        padding: 50px 0 50px
    }
    section.checkout-form .checkout-header {
        padding-bottom: 0
    }
    fieldset.payment_fieldset {
        padding: 0 !important
    }
    .modal-content {
        background-color: #fefefe;
        margin: 5% auto 15% auto;
        border: 1px solid #888;
        width: 90%
    }
}/* ============================
   TikFans — Package Carousel
   Target: .owl-carousel.pk-lists …
   ============================ */
:root{
  --p:#FE2C55;        /* TikFans pink  */
  --c:#25CFEF;        /* TikFans cyan  */
  --ink:#0b0b0b;      /* headings      */
  --dim:#616a76;      /* body text     */
  --bd:rgba(0,0,0,.08);
  --card:#ffffff;
  --r:16px;
  --sh:0 10px 26px rgba(0,0,0,.08);
}

/* wrapper spacing (optional) */
.pk-lists{ padding: 4px 0; }

/* --- card --- */
.pk-lists .item .card{
  border:1px solid var(--bd);
  background:linear-gradient(90deg,#ffffff 6%, #f5e2f4 49%, #f5e2f4 100%);
  border-radius:var(--r);
  box-shadow:var(--sh);
  padding:14px 14px 16px;
  height:100%;
  transition:transform .12s ease, box-shadow .18s ease, border-color .18s ease;
}
.pk-lists .item .card:hover{
  transform:translateY(-2px);
  border-color:transparent;
  box-shadow:0 18px 34px rgba(0,0,0,.12);
}

/* title / quantity line */
.pk-lists .name.price{ margin-top:2px; margin-bottom:8px; color:var(--ink); }
.pk-lists .name.price .number{
  font-size:28px;
  font-weight:900;
  line-height:1;
  margin-bottom: 15px;
  background:linear-gradient(90deg,var(--p),var(--c));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.pk-lists .name.price span{
  display:block;
  font-weight:800;
  font-size: 20px;
  color:var(--ink);
  background: linear-gradient(90deg, var(--p), var(--c));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* feature bullets */
.pk-lists .features{ margin:10px 0 12px; padding-left:0; }
.pk-lists .features li{
  display:flex; align-items:center; gap:8px;
  color:var(--dim);
  font-weight:600;
  margin:6px 0;
}
.pk-lists .features .text-icon{
  font-size:14px;
  background:linear-gradient(90deg,var(--p),var(--c));
  -webkit-background-clip:text; background-clip:text;
  color:transparent;
}
.pk-lists .features strong{ color:var(--ink); font-weight:800; }

/* price area */
.pk-lists .price-offer{
  display:flex; align-items:flex-end; justify-content:center; gap:4px;
  margin:6px 0 10px;
}
.pk-lists .price-offer .symbol{
  font-weight:900; color:var(--ink);
  transform:translateY(-1px);
}
.pk-lists .price-offer .big{
  font-size:26px; font-weight:900; line-height:1;
  background:linear-gradient(90deg,var(--p),var(--c));
  -webkit-background-clip:text; background-clip:text;
  color:transparent;
}

/* CTA button (uses existing .order-now-button) */
.pk-lists .order_button{ margin-top:8px; }
.pk-lists .order-now-button{
  display:inline-block;
  width: 80%;
  border:0;
  outline:0;
  padding:10px 14px;
  border-radius:999px;
  font-weight:900;
  color:#fff;
  background:linear-gradient(90deg,var(--p),var(--c));
  box-shadow:var(--sh);
  transition:transform .08s ease, opacity .12s ease;
}
.pk-lists .order-now-button:hover{ transform:translateY(-1px); }
.pk-lists .order-now-button:active{ transform:translateY(0); opacity:.9; }
.pk-lists .order-now-button:focus-visible{
  box-shadow:0 0 0 3px rgba(37,207,239,.25), 0 0 0 6px rgba(254,44,85,.22);
}

/* Owl nav arrows */
.pk-lists .owl-nav{ margin-top:8px; }
.pk-lists .owl-nav button{

  border-radius:50%;
  display:inline-grid;
  place-items:center;
  /* background:linear-gradient(90deg,var(--p),var(--c)) !important; */
  color:#fff !important;
  font-size:18px;
  box-shadow:var(--sh);
  transition:transform .1s ease, opacity .12s ease;
  margin:0 4px;
}
.pk-lists .owl-nav button:hover{ transform:translateY(-1px); }
.pk-lists .owl-nav .disabled{ opacity:.45 !important; cursor:not-allowed; }

/* Owl dots */
.pk-lists .owl-dots{ text-align:center; margin-top:10px; }
.pk-lists .owl-dots .owl-dot span{
  width:9px; height:9px; margin:4px;
  display:block; border-radius:999px;
  background:#d7d9e0;
  transition:transform .12s ease, background .18s ease;
}
.pk-lists .owl-dots .owl-dot.active span{
  transform:scale(1.25);
  background:linear-gradient(90deg,var(--p),var(--c));
}

/* stage spacing */
.pk-lists .owl-stage-outer{ padding:6px 2px; }

/* small screens */
@media (max-width: 480px){
  .pk-lists .item .card{ padding:12px; }
  .pk-lists .price-offer .big{ font-size:24px; }
  .pk-lists .name.price .number{ font-size:26px; }
}



:root{
  --p:#FE2C55;     /* primary pink  */
  --c:#25CFEF;     /* accent cyan   */
  --ink:#0b0b0b;   /* headings      */
  --dim:#616a76;   /* body text     */
  --bd:rgba(0,0,0,.10);
  --ok:#16a34a;    /* success       */
  --warn:#f59e0b;  /* warning       */
  --err:#dc2626;   /* error         */
  --card:#ffffff;
  --pane:#f7f8fe;
  --r:16px;
  --sh:0 10px 26px rgba(0,0,0,.08);
}



.form--box .product-content.container{

  background:#fff;
  border:1px solid var(--bd);
  border-radius:var(--r);
  box-shadow:var(--sh);
}








@media (max-width: 992px){
  .form--box .profile-image{ position:static; }
}
.form--box .profile-image img{
  display:block; width:100%; height:auto;
  border-radius:12px;
  object-fit:cover;
}

/* Right: inputs */
.form--box .right-box{ min-width:0; }
.form--box .input-sections{ }
.form--box .input-box-1{background:#fff;border:1px solid var(--bd);border-radius:12px;/* padding-top: 140px; */}

.form--box .user-input h4{
 
font: 700 1.05rem/1.2 'Lato', system-ui, -apple-system, Segoe UI, Roboto, sans-serif !important;
 
color:var(--ink);
}
/* Inputs */
.form--box .form-control{
  height:46px;
  border-radius:12px;
  /* border: 1px solid var(--bd) !important; */
  background:#fff;
  color:#111;
  box-shadow:none;
  outline:0;
  padding:0 12px;
  transition: border-color .18s ease, box-shadow .18s ease, transform .06s ease  !important;
}
.form--box .form-control:focus{
  border-color:transparent;
  box-shadow:0 0 0 3px rgba(254,44,85,.22), 0 0 0 6px rgba(37,207,239,.18);
  transform:translateY(-1px);
}
.form--box input[type="number"]::-webkit-outer-spin-button,
.form--box input[type="number"]::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }
.form--box input[type="number"]{ -moz-appearance:textfield; }


/* Alerts (inline validators) */
.form--box #errorMessage,
.form--box #customMessage,
.form--box #error_username{
  display:block;
  margin-top:8px;
  padding:8px 10px;
  border-radius:10px;
  background:#fff5f5;
  border:1px solid rgba(220,38,38,.2);
  color:var(--err) !important;
  font-weight:700;
}
.form--box .warning_alert,
.form--box .note_alert,
.form--box .success_alert{
  display:flex; align-items:center; gap:8px;
  padding:10px 12px; border-radius:12px; margin-top:10px;
  border:1px solid var(--bd);
  font-weight:600;
}

.form--box .warning_alert{ background:#fffbea; border-color:rgba(245,158,11,.35); color:#92400e; }
.form--box .note_alert{ background:#eef6ff; border-color:rgba(59,130,246,.25); color:#1e40af; }
.form--box .success_alert{ background:#ecfdf5; border-color:rgba(16,185,129,.25); color:#065f46; }
.form--box .go-to-cart{ font-weight:900; text-decoration:none; color:#065f46; }

.form--box .add-to-cart-button,
.form--box .buy-now-button{
  heidght:165px; border-radius:999px; border:0;
  font-weight:900; letter-spacing:.2px;
  color:#fff;
  background:linear-gradient(90deg,var(--p),var(--c));
  box-shfadow:var(--sh);
  transition:transform .08s ease, opacity .12s ease, box-shadow .18s ease;
}
/* Distinguish Buy Now (optional) */
.form--box .buy-now-button{
  background:linear-gradient(90deg,var(--c),var(--p));
}

/* Price box */
.form--box .total-price{
  padding:0 !important;
  background:#fff;
  border:1px solid var(--bd);
  border-radius:12px;
}

.form--box .add-to-cart-button:hover,
.form--box .buy-now-button:hover{ transform:translateY(-1px); }
.form--box .add-to-cart-button:active,
.form--box .buy-now-button:active{ transform:translateY(0); opacity:.92; }
.form--box .add-to-cart-button:focus-visible,
.form--box .buy-now-button:focus-visible{
  outline:0;
  box-shadow:0 0 0 3px rgba(37,207,239,.25), 0 0 0 6px rgba(254,44,85,.22);
}


.total-price.mt-3.p-5 {
    color: #000000a6;
    border-radius: 0.25rem;
    background-color: unset !important;
    opacity: .;
    font-size: 1.3rem;
    font-weigh: 500;
}


.form--box .price_v1{
  margin:0;
  padding:12px 14px;
  border-radius:12px !important;
  background:unset !important;
  color:#111 !important;
  font: 800 1.15rem/1 'Lato', system-ui, -apple-system, Segoe UI, Roboto, sans-serif !important;
  display:flex; align-items:center; justify-content:center; gap:6px;
}
.form--box #priceAmount{ font-weight:900; }

/* Progress message */
.form--box #progressTimer{ height:6px; border-radius:999px; background:linear-gradient(90deg,var(--p),var(--c)); }
.form--box .progress-msg{
  margin-top:10px; border-radius:12px; border:1px solid var(--bd);
  background:#fffbea; color:#92400e; font-weight:700;
}

/* Mobile helpers */
.form--box .mobo .input-box-1{/* padding:12px; */margin-top: -px;}


/* ============================
   TikFans — Price line
   Target: p.price_v1 with #priceAmount and <small>
   ============================ */
:root{
  --p:#FE2C55;  /* primary pink  */
  --c:#25CFEF;  /* accent cyan   */
  --ink:#0b0b0b;
  --dim:#6b7280;
  --bd:rgba(0,0,0,.08);
}

.price_v1{
  margin:0 !important;
  padding:12px 14px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;

  background:#f3f4f6 !important;      /* replaces #e6e7e9 */
  color:var(--ink) !important;         /* replaces #000000a6 */
  border:1px solid var(--bd) !important;
  border-radius:12px !important;       /* replaces 0.25rem */
  font-size:1.25rem !important;        /* close to 1.3rem, easier on mobile */
  font-weight:800 !important;          /* stronger emphasis */
  line-height:1 !important;
}

/* Gradient highlight for the amount */
.price_v1 #priceAmount{
  font-weight:900;
  background:linear-gradient(90deg,var(--p),var(--c));
  -webkit-background-clip:text; background-clip:text;
  color:transparent;
}

/* Discount text */
.price_v1 small{
  font-size:.92rem;
  font-weight:800;
  color:var(--dim) !important;
  white-space:nowrap;                 /* keeps “(24% off …)” on one line */
}

/* Strike-through old price inside small */
.price_v1 small s{
  opacity:.7;
}

/* Optional: subtle pulse when value updates (add/remove .is-updating via JS) */
.price_v1.is-updating #priceAmount{
  animation: tkPulse .6s ease;
}
@keyframes tkPulse{
  0%{ transform:scale(1);   filter:brightness(1); }
  50%{transform:scale(1.06); filter:brightness(1.08); }
  100%{transform:scale(1);  filter:brightness(1); }
}
.form--box .product-content.container{
 

  padding:18px;
 
}

#usernameInput,
#quantityInput{


  border-radius: 12px !important;
  
  color: var(--ink) !important;
  font-size: 16px !important;           /* avoids iOS zoom */
  font-weight: 600 !important;
  letter-spacing: .2px !important;
  outline: none !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.03) !important;
  transition: box-shadow .18s ease, border-color .18s ease, background .18s ease !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}
/* Brand tokens (set once if not already defined) */
:root{
  --p:#FE2C55;   /* pink */
  --c:#25CFEF;   /* cyan */
  --ink:#0b0b0b; /* heading */
  --dim:#6B6F76; /* subtitle */
}

/* Style ONLY the container that has this H1 + P structure */
@supports selector(.container:has(> h1)){
  .container:has(> h1):has(> p){
    text-align:center;
    padding:28px 0 20px;
    background:#fff;
    border-bottom:1px solid rgba(0,0,0,.06);
  }

  .container:has(> h1):has(> p) > h1{
    margin:0 0 8px;
    font-weight:900;
    letter-spacing:-.01em;
    color:var(--ink);
    font-size:clamp(26px,3.4vw,40px);
    position:relative;
  }
  .container:has(> h1):has(> p) > h1::after{
    content:"";
    display:block;
    height:4px;
    width:220px;
    margin:10px auto 0;
    border-radius:999px;
    background:linear-gradient(90deg,var(--p),var(--c));
  }

  .container:has(> h1):has(> p) > p{
    margin:8px 0 0;
    color:var(--dim);
    font-weight:600;
    font-size:clamp(14px,1.6vw,16px);
  }

  /* Highlight only the word inside <span> */
  .container:has(> h1):has(> p) > p > span{
    display:inline-block;
    padding:2px 10px;
    border-radius:999px;
    font-weight:800;
    color:#fff;
    background:linear-gradient(90deg,var(--p),var(--c));
    box-shadow:0 6px 18px rgba(254,44,85,.16);
  }

  @media (max-width:575.98px){
    .container:has(> h1):has(> p){
      padding:22px 0 14px;
    }
    .container:has(> h1):has(> p) > h1::after{
      width:160px;
    }
  }
}


:root{
  --p:#FE2C55;       /* primary (pink) */ 
  --c:#25CFEF;       /* accent (cyan) */
  --ink:#101114;     /* main text */
  --dim:#6B6F76;     /* muted text */
  --bd:rgba(0,0,0,.08);
  --pane:#ffffff;
  --soft:#f7f8fe;
  --r:14px;
  --r-lg:18px;
  --sh-sm:0 1px 2px rgba(0,0,0,.06);
  --sh-md:0 6px 20px rgba(0,0,0,.10);
  --sh-lg:0 16px 36px rgba(0,0,0,.14);
}

/* Section shell */
section.checkout-form{
  background:#fff !important;
  padding:32px 0 48px !important;
  color:var(--ink) !important;
}

section.checkout-form .checkout-header .title-name{
  font-weight:900 !important; 
  letter-spacing:-.01em !important;
  color:var(--ink) !important;
  font-size:clamp(26px,3.4vw,38px) !important;
  margin:0 0 6px !important;
}
section.checkout-form .checkout-header .title-name::after{
  content:"" !important; display:block !important; height:4px !important; width:220px !important;
  margin:10px auto 0 !important; border-radius:999px !important;
  background:linear-gradient(90deg,var(--p),var(--c)) !important;
}
section.checkout-form .checkout-header .text-muted{
  color:var(--dim) !important; font-weight:600 !important;
}
/* Card container */
section.checkout-form .em-card{
  background:#fff !important; 
  border:1px solid var(--bd) !important; 
  border-radius:var(--r-lg) !important; 
  box-shadow:var(--sh-sm) !important;
}

/* Wizard: progressbar bullets */
section.checkout-form #progressbar{ 
  margin:0 0 8px !important; 
  padding:0 !important; 
  list-style:none !important; 
  display:flex !important; 
  gap:8px !important; 
  justify-content:center !important;
}

section.checkout-form #progressbar li{
  position:relative !important;
  padding:.5rem .9rem !important;
  border:1px solid var(--bd) !important;
  border-radius:999px !important;
  background: #fff !important;
  color:var(--dim) !important;
  font-weight:800 !important;
  box-shadow:var(--sh-sm) !important;
}

/* Bootstrap progress bar override */
section.checkout-form .progress{
  height:10px !important; border-radius:999px !important; background:#eef1f6 !important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.05) !important; overflow:hidden !important;
}

section.checkout-form .progress .progress-bar{
  background:linear-gradient(90deg,var(--p),var(--c)) !important; 
  border-radius:999px !important;
}

/* Step headings */
section.checkout-form .fs-title{
  font-size:18px !important; font-weight:900 !important; color:var(--ink) !important; margin:0 0 10px !important;
}


/* ------- Responsive “form-table” (mobile-friendly rows) ------- */
section.checkout-form .form-table{
  border:1px solid var(--bd) !important; 
  border-radius:var(--r) !important; 
  background:#fff !important; 
  margin:10px 0 !important; 
  overflow:hidden !important; 
  box-shadow:var(--sh-sm) !important;
}


section.checkout-form .form-table .info-list a{ 
  color:var(--ink) !important; text-decoration:none !important; font-weight:800 !important;
}
section.checkout-form .form-table .info-list{color:var(--ink) !important;font-weight:700 !important;}
section.checkout-form .form-table .delete-item{
  justify-self:end !important; cursor:pointer !important; font-weight:900 !important; 
  color:#ff3b30 !important; padding:2px 8px !important; border-radius:8px !important;
  border:1px solid rgba(255,59,48,.18) !important; transition:background .2s ease !important;
}

section.checkout-form .form-table .delete-item:hover{ 
  background:rgba(255,59,48,.08) !important;
}
/* ------- Desktop table (hide-mobile) ------- */
section.checkout-form .form-card{
  border:1px solid var(--bd) !important; border-radius:var(--r) !important; background:#fff !important; 
  padding:10px 12px !important; box-shadow:var(--sh-sm) !important; margin-top:14px !important;
}section.checkout-form .form-card table{ width:100% !important; border-collapse:collapse !important; }
section.checkout-form .form-card th, 
section.checkout-form .form-card td{
  padding:12px !important; border-bottom:1px solid var(--bd) !important; text-align:left !important; color:var(--ink) !important;
}
section.checkout-form .form-card th{ background:#f7f8fe !important; font-weight:900 !important; }
section.checkout-form .form-card .unit-title{ color:var(--dim) !important; font-weight:800 !important; margin-right:6px !important; }
section.checkout-form .form-card .unit-price{ 
  font-weight:900 !important; color:#fff !important; padding:4px 10px !important; border-radius:999px !important;
  background:linear-gradient(90deg,var(--p),var(--c)) !important; box-shadow:0 8px 22px rgba(37,207,239,.18) !important;
}


/* Mobile total row */
section.checkout-form .mobile-info-total{
  margin:8px 0 !important; text-align:right !important; 
  font-weight:900 !important; color:var(--ink) !important;
}
section.checkout-form .mobile-info-total .unit-title{ color:var(--dim) !important; font-weight:800 !important; }
section.checkout-form .mobile-info-total .unit-price{
  display:inline-block !important; margin-left:6px !important; color:#fff !important; 
  padding:4px 10px !important; border-radius:999px !important; background:linear-gradient(90deg,var(--p),var(--c)) !important;
}

/* Form controls */
section.checkout-form .form-group .form-label{
  font-weight:800 !important; color:var(--ink) !important; margin-bottom:6px !important;
}
section.checkout-form .form-group .form-required{ color:var(--p) !important; }
section.checkout-form .form-group .form-control{
  height:46px !important; border:1px solid var(--bd) !important; border-radius:12px !important; 
  box-shadow:var(--sh-sm) !important; padding:0 12px !important; color:var(--ink) !important; background:#fff !important;
}

section.checkout-form .form-group textarea.form-control{ height:auto !important; padding:10px 12px !important; }

/* Selectize (payment) */
section.checkout-form .selectize-control.form-control.custom-select.single{
  border:1px solid var(--bd) !important; border-radius:12px !important; box-shadow:var(--sh-sm) !important; padding:0 !important; 
}
section.checkout-form .selectize-control .selectize-input{
  border:none !important; box-shadow:none !important; min-height:46px !important; padding:10px 12px !important; border-radius:12px !important;
}

section.checkout-form .selectize-dropdown .selectize-dropdown-content > div{
  padding:10px 12px !important; font-weight:800 !important; border-bottom:1px solid rgba(0,0,0,.04) !important;
}
section.checkout-form .selectize-dropdown .selectize-dropdown-content > div:hover{
  background:#f7f8fe !important;
}
/* Note */
section.checkout-form .form-group p{
  color:var(--dim) !important; font-weight:600 !important; margin:6px 0 0 !important;
}
section.checkout-form .form-group .text-danger{ color:var(--p) !important; }

/* Checkbox line */
section.checkout-form .custom-control-label{
  font-weight:700 !important; color:var(--ink) !important;
}

/* Buttons */
section.checkout-form .action-button,
section.checkout-form .btn-submit{
  height:48px !important; border:none !important; border-radius:999px !important; 
  font-weight:900 !important; letter-spacing:.2px !important; color:#fff !important; 
  background:linear-gradient(90deg,var(--p),var(--c)) !important; 
  box-shadow:0 10px 24px rgba(254,44,85,.20) !important; 
  transition:transform .12s ease, box-shadow .2s ease !important;
}section.checkout-form .action-button:hover,
section.checkout-form .btn-submit:hover{
  transform:translateY(-1px) !important; box-shadow:var(--sh-lg) !important;
}

/* Alerts & error placeholders */
section.checkout-form #alert-message,
section.checkout-form #error-email{
  font-weight:700 !important;
}
/* Utility visibility from your markup */
section.checkout-form .hide-mobile{ display:rblock !important; }
section.checkout-form .hide-desktop{display:none !important;}
/* Focus outlines for accessibility */
section.checkout-form .form-group .form-control:focus,
section.checkout-form .selectize-control .selectize-input.focus{
  outline:0 !important;
  border-color:transparent !important;
  box-shadow:0 0 0 3px rgba(255,45,149,.25), 0 0 0 6px rgba(37,207,239,.18) !important;
}


/* =========================================
   Tikfans — Checkout Table (no HTML changes)
   ========================================= */
:root{
  --p:#FE2C55;               /* primary */
  --c:#25CFEF;               /* accent  */
  --ink:#101114;             /* text    */
  --dim:#6B6F76;             /* muted   */
  --bd:rgba(0,0,0,.10);      /* borders */
  --soft:#f7f8fe;            /* bg soft */
  --r:14px;                  /* radius  */
}

/* Make the table container scrollable on small screens */
section.checkout-form .form-card{ 
  overflow-x:auto !important; 
  -webkit-overflow-scrolling:touch !important;
  border:1px solid var(--bd) !important; 
  border-radius:var(--r) !important; 
  background:#fff !important;
}

/* Base table */
section.checkout-form .form-card table{
  width:100% !important; 
  border-collapse:separate !important; 
  border-spacing:0 !important; 
  background:#fff !important; 
  color:var(--ink) !important;
  min-width: 640px !important; /* allow graceful horizontal scroll on mobile */
}

/* Header (first row uses <th>) */
section.checkout-form .form-card table tbody tr:first-child th{
  background:linear-gradient(90deg,var(--p),var(--c)) !important;
  color:#fff !important;
  font-weight:900 !important;
  letter-spacing:.2px !important;
  text-align:left !important;
  padding:12px 14px !important;
  border:0 !important;
  position:relative !important;
  white-space:nowrap !important;
}

/* Rounded corners on the header row */
section.checkout-form .form-card table tbody tr:first-child th:first-child{
  border-top-left-radius:var(--r) !important;
}
section.checkout-form .form-card table tbody tr:first-child th:last-child{
  border-top-right-radius:var(--r) !important;
}

/* Body cells */
section.checkout-form .form-card table td{
  padding:12px 14px !important;
  border-bottom:1px solid var(--bd) !important;
  vertical-align:middle !important;
  background:#fff !important;
  font-weight:700 !important;
}

/* Links inside cells */
section.checkout-form .form-card table td a{
  color:var(--ink) !important; 
  text-decoration:none !important; 
  font-weight:800 !important;
}
section.checkout-form .form-card table td a:hover{
  text-decoration:underline !important;
}

/* Zebra striping for data rows (skip header and total row) */
section.checkout-form .form-card table tbody tr:nth-child(n+2):not(:last-child) td{
  background: #ffffff !important;
}
section.checkout-form .form-card table tbody tr:nth-child(even):not(:last-child) td{
  background:#fbfcff !important;
}

/* Hover highlight (only data rows) */
section.checkout-form .form-card table tbody tr:nth-child(n+2):not(:last-child):hover td{
  background:#f6f8ff !important;
}

/* Delete action “X” */
section.checkout-form .form-card .delete-item{
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  width:28px !important; height:28px !important;
  border-radius:8px !important; cursor:pointer !important; user-select:none !important;
  font-weight:900 !important; color:#ff3b30 !important;
  border:1px solid rgba(255,59,48,.20) !important;
  transition:background .2s ease, transform .08s ease !important;
}
section.checkout-form .form-card .delete-item:hover{
  background:rgba(255,59,48,.08) !important; 
}
section.checkout-form .form-card .delete-item:active{
  transform:scale(.96) !important;
}

/* Total row (last row) */
section.checkout-form .form-card table tbody tr:last-child td{
  background:#fff !important; 
  border-bottom:0 !important;
  padding-top:14px !important; 
  padding-bottom:14px !important;
}
section.checkout-form .form-card table .text-right{
  text-align:right !important;
}

/* “Total:” label */
section.checkout-form .form-card table .unit-title{
  color:var(--dim) !important; 
  font-weight:800 !important; 
  margin-right:8px !important;
}

/* Total amount pill */
section.checkout-form .form-card table .unit-price{
  display:inline-block !important;
  padding:6px 12px !important; 
  border-radius:999px !important; 
  color:#fff !important; 
  font-weight:900 !important;
  background:linear-gradient(90deg,var(--p),var(--c)) !important;
  box-shadow:0 8px 22px rgba(37,207,239,.18) !important;
}

/* Column niceties */
section.checkout-form .form-card table td:nth-child(3), /* Piece */
section.checkout-form .form-card table td:nth-child(4){ /* Price */
  white-space:nowrap !important;
}

/* Responsive polish */
@media (max-width: 767.98px){
  section.checkout-form .form-card{
    border-radius:12px !important;
  }
  section.checkout-form .form-card table{
    min-width:640px !important; /* enable horizontal scroll within .form-card */
  }
}

@media (max-width: 767px) {
    .title-list {
        font-size: 1rem;
        font-weight: 600;
       
        margin-bottom: 0.5rem;
       color: var(--dim) !important; 
        font-weight: 800 !important;
        margin-right: 10px !important;
    }
}




#msform {
    text-align: center;
    position: relative;
    margin-top: -20px !important;
}