/* Sec-08 Css start */
.section8 {
  background-image: url(../images/blue-background.png);
  background-size: cover;
  background-position: center;
  padding: 70px 0px;
}


.sec8_pricing .sec8_box_left .box_left {
  background: url(../images/Background1.png) bottom right;
  border-radius: 15px;
  padding: 2rem 1rem 11rem;
  position: relative
}

.sec8_pricing .sec8_box_left .box_left::before {
  content: "";
  width: 100%;
  height: 210px;
  background: url("../images/june-shine.png") 0 0/contain no-repeat;
  position: absolute;
  left: 0;
  bottom: -20px;
  z-index: 1;
  animation: 1s ease-out infinite banner-img
}

#pills-grant-2 .sec8_box_left .box_left::before {
  content: "";
  width: 330px;
  height: 210px;
  background: url("../images/grant-packges.png") 0 0/contain no-repeat;
  position: absolute;
  left: -40px;
  bottom: -20px;
  z-index: 1;
  animation: 1s ease-out infinite banner-img
}

#logo-design-page .banner_item .banner_inner h1 span,.logo-section4 .logo_sec4_content .logo_slide ul li .item_body,.sec8_box_right .nav-pills .nav-link.active {
  background-image: -moz-linear-gradient(-90deg,#b8005d 0,#5d100d 100%);
  background-image: -ms-linear-gradient(-90deg,#b8005d 0,#5d100d 100%)
}

.sec8_pricing .sec8_box_left .box_left h1, 
.sec8_pricing .sec8_box_left .box_left h2, 
.sec8_pricing .sec8_box_left .box_left h3, 
.sec8_pricing .sec8_box_left .box_left h4, 
.sec8_pricing .sec8_box_left .box_left h5, 
.sec8_pricing .sec8_box_left .box_left h6 {
  color: #fff;
  font-size: 22px;
  font-weight: 600
}

.sec8_pricing .sec8_box_left .box_left p {
  color: #fff;
  margin: 2rem 0;
  font-weight: 200;
  font-size: 13px
}

.sec8_pricing .sec8_box_left .box_right {
  padding: 2rem 18px;
  background: url(../images/Background2.png) 100%;
  border-radius: 15px;
  background-size: cover;
  background-position: center;
}
.sec8_pricing .sec8_box_left .box_right h1,
.sec8_pricing .sec8_box_left .box_right h2,
.sec8_pricing .sec8_box_left .box_right h3,
.sec8_pricing .sec8_box_left .box_right h4,
.sec8_pricing .sec8_box_left .box_right h5,
.sec8_pricing .sec8_box_left .box_right h4 {
  color: #fff;
  font-size: 30px;
  font-weight: 700
}

.sec8_pricing .sec8_box_left .box_right ul {
  margin-top: 15px;
  height: 250px;
  padding-left: 0;
  overflow-y: scroll;
  overflow-x: hidden;
}

.sec8_pricing .sec8_box_left .box_right ul::-webkit-scrollbar {
  width: 8px
}

.sec8_pricing .sec8_box_left .box_right ul::-webkit-scrollbar-track {
  background: #000
}

.sec8_pricing .sec8_box_left .box_right ul::-webkit-scrollbar-thumb {
  background: linear-gradient(-45deg,#b20158,rgb(105 13 24))
}

.sec8_pricing .sec8_box_left .box_right ul li {
  margin-bottom: 12px;
  color: #fff;
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 42px;
}

.sec8_pricing .sec8_box_left .box_right ul li::before {
  content: "\f058";
  font-family: fontawesome;
  font-size: 17px;
  color: rgba(28, 173, 239, 1);
  margin-left: -37px;
  margin-right: 5px;
}

.sec8_pricing .sec8_box_left .box_right ul li.disabled {
  color: rgba(255,255,255,.102)!important
}

.sec8_pricing .sec8_box_left .box_right ul li.disabled::before {
  content: "\f057";
  font-family: fontawesome;
  font-size: 17px;
  color: red;
  position: absolute;
  left: 0;
  top: 0
}

.sec8_box_right .nav-pills .nav-link {
  padding: 20px;
  border-radius: 8px;
  border: 2px solid transparent;
  display: flex;
  color: #fff;
  justify-content: space-between;
  align-items: center;
  font-size: 26px;
  background: transparent;
  font-weight: 700;
  margin-bottom: 10px
}

.sec8_box_right .nav-pills .nav-link:last-child {
  margin: 0;
  justify-content: center;
  background:linear-gradient(rgba(94, 15, 191, 1), rgba(21, 36, 169, 1));
  border-radius: 50px;
}

#v-pills-deluxe-tab {
  background: #01022a;
  justify-content: space-between
}

#v-pills-deluxe-tab.active {
  background-image: -webkit-linear-gradient(-90deg,#b8005d 0,#5d100d 100%)
}

.sec8_box_right .nav-pills .nav-link.active {
 border-radius: 50px;
  background:linear-gradient(#FF7A03, #FF3D2F);
}

.sec8_box_right .nav-pills .nav-link span sub {
  font-size: 11px;
  bottom: 1px;
  font-weight: 100
}


@keyframes pulse {
  to {
      box-shadow: 0 0 0 0 rgba(0,153,255,.205)
  }

  from {
      box-shadow: 0 0 0 14px rgba(0,153,255,.205)
  }
}
@keyframes banner-img {
  50% {
      transform: translateY(-10px) scale(1.065)
  }

  0% {
      transform: translateY(0) scale(1)
  }
}

#pills-ecommerce-2 .sec8_pricing .sec8_box_left .box_left::before {
  content: "";
  width: 270px;
  height: 240px;
  background: url(../images/june-shine.png) 0 0 / contain no-repeat;
  bottom: -45px;
  left: -20px;
}

.section8 .sec8_head h1,
.section8 .sec8_head h2,
.section8 .sec8_head h3,
.section8 .sec8_head h4,
.section8 .sec8_head h5,
.section8 .sec8_head h6 {
  font-size: 50px;
  font-weight: 800;
  color: #fff;
}

.section8 .design-btn .nav-pills .nav-link {
  padding: 10px 33px;
  border: 1px solid rgba(255, 121, 1, 1);
  border-radius: 90px;
  background: transparent;
  font-size: 17px;
}
.nav-link {
  display: block;
  padding: 3px 20px;
}
button.nav-link {
  color: white;
}
.section8  .nav-link{
  background: #01022a;
}

.design-btn .nav-link.active {
  background: var(--button-color) !important;
}

.design-btn .nav-link {
  border: 1px solid rgba(255, 121, 1, 1);
  padding: 10px 28px;
  border-radius: 50px;
}
.list-new {
  height: 320px;
  overflow-y: scroll;
  /* padding-left: 44px; */
}

.list-new h4 {
  font-size: 14px;
}
.list-new h6 {
  padding-bottom: 6px;
  /* text-align: center; */
  color: #fff;
  font-size: 18px;
  padding-left: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section8 .sec8_head h2{
    font-size: 40px;
		line-height: 50px;
		margin: 0px;
		padding: 0px 0px 10px 0px;
  }
  .section8{
    padding: 70px 0px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .section8 .sec8_head h2{
    font-size: 34px;
		line-height: 42px;
		margin: 0px;
		padding: 0px 0px 10px 0px;
  }
  .section8{
    padding: 60px 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section8 .sec8_head h2{
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 12px;
    align-items: center;
  }
  .sec8_box_right .nav-pills .nav-link {
		font-size: 16px;
	}
  .sec8_pricing .sec8_box_left .box_left::before {bottom: -83px;}

.sec8_pricing .sec8_box_left .box_left h4 {
    font-size: 14px;
}

.sec8_pricing .sec8_box_left .box_left p {
    margin: 13px 0px;
    font-size: 13px;
    line-height: 16px;
}

.sec8_pricing .sec8_box_left .box_left {
    padding: 14px 1rem 193px;
}
}
@media only screen and (min-width: 520px) and (max-width: 767px) {
  .section8 .sec8_head h2{
    font-size: 35px;
    line-height: 50px;
    margin-bottom: 12px
  }
}
@media only screen and (min-width: 300px) and (max-width: 519px) {
  .section8 .sec8_head h2{
    font-size: 30px;
		line-height: 40px;
		margin-bottom: 12px;
  }
}