:root {
--bg-gradient: radial-gradient(circle at 6.503906249999999% 88.037109375%, rgba(96,185,220,0.99) 0%, 34.95%, rgba(96,185,220,0) 50%), radial-gradient(circle at 25% 44.166666666666664%, #2B72CD 0%, 30%, rgba(43,114,205,0) 100%), radial-gradient(circle at 93.6865234375% 11.42578125%, #0156C5 0%, 63.6%, rgba(1,86,197,0) 100%), radial-gradient(circle at 48.9013671875% 49.521484375%, #FFFFFF 0%, 100%, rgba(255,255,255,0) 100%);
  --bg-overlay-color: transparent;
}

.bgwebsite,.marketingPowerBlock{background: var(--bg-gradient) }
.bg_retailer_website{background: linear-gradient(to right, #65b7dd, #1362c9); }
.websiteBanner{ padding: 80px 0;}
.bg_retailer_website .websiteBanner{ padding: 100px 0;}
.bg_retailer_website .tradeBanner{ padding: 60px 0;}
.rounded-20{border-radius:30px;}
.websiteBlock .card-content{width: 60%; flex:initial;}
.websiteBlock .card-image{width: 40%; }
.websiteBlock .card-image .imgW{width: 100%; }
.websiteBlock .card-image video{width: 100%; position: absolute; top:0; left:0; padding:13px 8px; height: 100%;  object-fit: cover;}
.securedBlock, .brands_Bespoke{padding: 60px 0;}
.securedBlock .card{background: #ededed;}
.font-20{font-size: 20px;}
.font-28{font-size: 28px;}
.font-24{font-size: 24px;}
.font-30{font-size: 30px; font-weight: 300;}
.font-weight-300{font-weight: 300;}
.bannerVideo{overflow: hidden;}
.bannerVideo video{width: 100%; position: absolute; top:0; left:0; padding:1.4% 9%; height: 100%;  object-fit: cover;}
.bannerVideo .bannerImg{width: 100%; position: absolute; top:0; left:0; padding:1.4% 9%;   z-index: inherit;}
.brands_Bespoke .bannerVideo video{ padding:5% 9%; height: 100%;  object-fit: cover;}
.bannerVideo img{width: 100%;height: auto;  border-radius: 20px;  position: relative;  z-index: 2;}
.brands_Bespoke .bannerVideo img{max-width: 250px;}
.oderList li{list-style: disc; line-height: 34px;}
.rightContent .oderList li, .cardContent li{line-height: 40px;}
.brands_Bespoke .homeTitle{margin-bottom: 80px;}
.brands_Bespoke .rightContent .homeTitle{font-size: 34px;}
.integration-section {padding-bottom: 60px; background: #fff;}
.integration-container {display: flex;align-items: center;  justify-content: space-between;  gap: 100px; flex-wrap: wrap;}
.integration-content {flex: 1 1 350px;}
.integration-logos {flex: 1 1 350px; display: flex; flex-wrap: wrap; gap: 20px 40px; justify-content: center; align-items: center;}
.integration-logos img { max-height: 80px; object-fit: contain;}
.marketingPowerBlock{padding: 100px 0;}
.marketingImg img{rotate:-5deg; box-shadow: 2px 2px 5px rgba(0,0,0,.4);}
.cardContent .homeTitle, .valued-section .homeTitle{font-size: 34px;}
.marketingPowerBlock .row + .row{margin-top: 120px;}
.valued-section .item{height: 400px; overflow: hidden;}
.valued-section .item img, .valued-section .item video{transition: all .8s ease-in-out 0s;}
.valued-section .item:hover img, .valued-section .item:hover video{transform: scale(0.98);}
.valued-section img{height: 100%; object-fit:cover; object-position: top;}
.valued-section video{height: 100%; object-fit:cover; object-position: top; width: 100%;}
.valued-section .owl-nav .owl-prev, .valued-section .owl-nav .owl-next {position: absolute;  bottom: 50%;  margin: 0 0 -20px; background:rgba(255, 255, 255, 0.6) !important;  width: 45px;  height: 45px; border-radius:100%;}
.valued-section .owl-nav .owl-prev span, .valued-section .owl-nav .owl-next span{padding: 0;  width: 24px; height: 24px; display: block; text-indent: -9999px;}
.valued-section .owl-nav .owl-prev span{background: url(../images/leftArrow.png) left top no-repeat; margin-left: 8px;}
.valued-section .owl-nav .owl-next span{background: url(../images/rightArrow.png) left top no-repeat; margin-left: 12px;}
.valued-section .owl-nav .owl-prev { left: 25px;}
.valued-section .owl-nav .owl-next { right: 25px;}
.valued-section .whyBluestarSection {padding-left: 0px; padding-right: 0;}
.bgGray{background: #ededed;}
.videoIcon{ position: absolute; left:50%; top:50%;   transform: translate(-50%, -50%); opacity:0.5;}
.hoverPlayVideo:hover .videoIcon{z-index: -9;}
.font-22{font-size: 22px;}
.logoPostion{position: absolute; top:-70px; left:0; width: 300px; box-shadow: 0 0 10px rgba(0,0,0,.5);}
.paddingTradeTop{padding: 150px 0;}
.affiliatesLogo .boxLogo{background: radial-gradient(circle at 6.503906249999999% 88.037109375%, rgba(96,185,220,0.5346000000000001) 0%, 34.95%, rgba(96,185,220,0) 50%), radial-gradient(circle at 25% 44.166666666666664%, rgba(43,114,205,0.54) 0%, 30%, rgba(43,114,205,0) 100%), radial-gradient(circle at 93.6865234375% 11.42578125%, rgba(1,86,197,0.54) 0%, 63.6%, rgba(1,86,197,0) 100%), radial-gradient(circle at 48.9013671875% 49.521484375%, rgba(255,255,255,0.54) 0%, 100%, rgba(255,255,255,0) 100%); padding: 40px;height: 100%; }
.removeVideo .videoIcon{display: none; }
.seoWebsite .bannerVideo{width: 270px;}
.seoWebsite .bannerVideo video{padding: 4.6% 3%;}
.seoListing, .contentBanner, .affiliatesLogo, .contentDeliver{padding: 60px 0;}
.seoListing .seoBox{background: radial-gradient(circle at 6.503906249999999% 88.037109375%, rgba(96,185,220,0.99) 0%, 34.95%, rgba(96,185,220,0) 50%), radial-gradient(circle at 25% 44.166666666666664%, #2B72CD 0%, 30%, rgba(43,114,205,0) 100%), radial-gradient(circle at 93.6865234375% 11.42578125%, #0156C5 0%, 63.6%, rgba(1,86,197,0) 100%), radial-gradient(circle at 48.9013671875% 49.521484375%, #FFFFFF 0%, 100%, rgba(255,255,255,0) 100%); padding: 50px; width: 100%;  }
.seoListing .imgBlog{ position: relative; margin-bottom: 60px;}
.seoListing .imgBlog img{box-shadow:0 0 5px rgba(162, 156, 156, 0.5);}
 .contentBanner .bannerVideo{width: 240px;}
 .contentBanner .bannerVideo video{padding: 16.6% 4%;}
 .contentBanner .bannerVideo img{z-index: inherit;}
  .contentBanner .btnLearn{width: 270px;}
  .contentListingWork .contentBlock{background: #ededed; padding: 40px;}
  .contentListingWork .contentBlock svg{width: 40px;}
   .gradiantBgBrand{background:radial-gradient(circle at 6.503906249999999% 88.037109375%, rgba(96,185,220,0.99) 0%, 34.95%, rgba(96,185,220,0) 50%), radial-gradient(circle at 25% 44.166666666666664%, #2B72CD 0%, 30%, rgba(43,114,205,0) 100%), radial-gradient(circle at 93.6865234375% 11.42578125%, #0156C5 0%, 63.6%, rgba(1,86,197,0) 100%), radial-gradient(circle at 48.9013671875% 49.521484375%, #FFFFFF 0%, 100%, rgba(255,255,255,0) 100%); padding: 100px 0;}
  .gradiantBgBrand p{padding-right: 25%;}
  .btnLearn{font-weight: 300;}
  .gradiantBgBrand .btnLearn{width: 260px;}
  .gradiantBgTop{width: 100%;}
 .btninwidth{width: 350px; background: #f0f0f0;} 
 .grayBtn{background: #f0f0f0;}
 .digitalListing .oderList  li{line-height: 28px;}
 .digitalListing .leftImg  img{box-shadow: 0 0 9px #979797;}
 .digitalListing  .row{margin-bottom: 80px;}
 .aboutusbanner{background: #fff;}
 .aboutusbanner .grayBg{background: #ededed;}
 .aboutusbanner .aboutusLeft{padding: 80px;}
 .contactPage{padding: 80px 0;}
 .form-control, .form-select{border-radius:0;}
 .form-control:focus, .form-select:focus{box-shadow:inherit}
 .contactForm .form-control,  .contactForm .form-select{border-color: #222; height: 44px;}
 .contactForm textarea.form-control{height: 120px;}
 .btn-primary{background: var(--darkBlue); border-color: var(--darkBlue); padding: 10px 60px;}
.iti {width: 100%;}
.iti__flag-box, .iti__country-name, .iti__dial-code{font-size: 14px;}
.iti__flag-box{width: 16px;}
.contactForm label{font-size: 14px; font-weight: 300;}
.elevate-section.faqSection .right-card{position:static; margin-bottom: 30px;}
.elevate-section.faqSection .right-card a{text-decoration: underline;}
.headingTwo{font-size: 35px;}
.noteText{border:1px solid #1A67CB; background: #c1eaf4; color: #1A67CB; padding: 6px 20px; display: inline-block; border-radius:22px; }
.planBannerright {background:radial-gradient(circle at 6.503906249999999% 88.037109375%, rgba(96,185,220,0.99) 0%, 34.95%, rgba(96,185,220,0) 50%), radial-gradient(circle at 25% 44.166666666666664%, #2B72CD 0%, 30%, rgba(43,114,205,0) 100%), radial-gradient(circle at 93.6865234375% 11.42578125%, #0156C5 0%, 63.6%, rgba(1,86,197,0) 100%), radial-gradient(circle at 48.9013671875% 49.521484375%, #FFFFFF 0%, 100%, rgba(255,255,255,0) 100%); color: #fff; padding: 40px; border-radius:40px;}
 .pricing-section {   padding-top: 60px; padding-bottom: 60px; }
 .pricing-card {background: #fff; border: 1px solid #868686; border-radius: 45px; padding: 30px 35px;box-shadow: 0 0 6px #666;
 transition: all 0.3s ease-in-out;  position: relative;  height: 100%;}
.pricing-card:hover {transform: translateY(-5px); box-shadow: 0 6px 25px rgba(0, 0, 0, 0.15);}
.pricing-card.popular {  border: 4px solid #1A67CB;}
.badge-popular { position: absolute; top: -15px;right: 0px; transform: translateX(-50%); background-color: #1A67CB; color: #fff;  font-size: 14px;   padding: 5px 15px;  border-radius: 30px;  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15); font-weight: 400; }
.plan-title {font-size: 35px; margin-bottom: 5px; font-weight: 400;}
.plan-desc {margin-bottom: 20px; }
.price { font-size: 35px; font-weight: 400;}
.price span {font-size: 18px;}
.pricing-features {margin: 25px 0; padding: 0; padding-left: 35px;   }
.pricing-features li { font-size: 18px; color: #333; list-style: disc;  margin-bottom: 10px; }
.btn-get-started { display: block; width: 100%; padding:8px 0;  border-radius: 25px; transition: all .8s ease-in-out 0s;
  background: #eee; color: var(--darkBlue);  border: 1px solid var(--darkBlue);  text-align: center; transition: all 0.3s ease; margin-top: 15px; font-weight: 400;}
.btn-get-started:hover { background: #69cce5; color: var(--whiteText);  letter-spacing: .5px;}
.small-note {margin-top: 10px;}
.contactForm .col-md-6,.contactForm .col-12{position:relative;}
.contactForm .invalid-feedback{position: absolute; margin-top: 0;}
 .pricing-table {  background: #fff; border-radius: 10px;    overflow: hidden; border:none; border-radius:0; margin: 0 0 60px;}
.pricing-table thead {background-color:  var(--darkBlue); color: #fff;text-align: center;font-size: 18px;}
.pricing-table tr{border:none;}
.pricing-table td:first-child{font-weight: 400; background: #fff;}
.pricing-table th, .pricing-table td { padding:10px 15px;text-align: center; vertical-align: middle;  border:none; border-right:5px solid #fff; width: 25%; font-weight: 300;}
.pricing-table th:last-child, .pricing-table td:last-child{border-right:none;}
.feature-col {background-color: #f8f9fa;}
.pricing-table td{background: #e5f4f9; padding: 30px 15px; color: var(--blackText);}
.pricingThreeBox{padding-bottom: 60px;}
.pricingThreeBox .priceBox{padding-bottom: 60px; border-radius:45px; padding: 45px 30px; border:4px solid #ededed; height: 100%;}
.pricingThreeBox .priceBox h4{font-weight: 400;}

@media(min-width:1200px){
  .seoListing .seoBox{ position: absolute;  transform: translateY(-50%); max-width: 580px; top:0; right:-240px; top:50%; margin-top: 0;}
  .seoListing .seoBox .homeTitle{ font-size: 38px;}
  .gradiantBgBrand{background:url(../images/content/bgGradiant.jpg)left top no-repeat; padding: 300px 0 100px; background-size: cover;}
  .aboutusbanner .col-lg-5{width: 47.66666667%;}
  .aboutusbanner .col-lg-7{width: 52.33333333%;}
  .iti__country-list{width: 300px;}
   .pricing-section .row{margin: 0 -35px;}
   .pricing-section .row .col-md-4{padding: 0 35px;}

}
@media(max-width:992px){  
    .logoPostion{width: 200px;}
    .seoWebsite .bannerVideo{width: 100%;}
    .oderList li{line-height: 28px;}
    .bg_retailer_website .websiteBanner{padding: 60px 0;}
    .gradiantBgBrand p{padding-right: 0;}
    .pricing-card{border-radius: 25px; padding: 15px 15px;}
}
@media(max-width:766px){    .websiteBlock .card-content, .websiteBlock .card-image{width: 100%;}
    .cardContent .homeTitle, .brands_Bespoke .rightContent .homeTitle, .valued-section .homeTitle{font-size: 28px;}
    .rightContent .oderList li, .cardContent li{line-height: 34px;}
    .font-20, .font-18{font-size: 16px;}
    .integration-container {   flex-direction: column;  text-align: center;  gap: 30px; }
  .integration-logos {  justify-content: center;  }
  .integration-section{padding-top: 60px;}
      .seoWebsite .bannerVideo{width: 200px; margin: 0 auto 30px;}
  .integration-logos{gap:0;}
  .integration-content {flex: initial;}
  .marketingImg img{max-width: 80%;}
   .glightbox-clean .gnext, .glightbox-clean .gprev {  top: 45%;  }
   .glightbox-clean .gprev{left:0;}
   .glightbox-clean .gnext{right:0;}
   .brands_Bespoke .bannerVideo img{max-width: 86%;}
   .brands_Bespoke .bannerVideo videoss{padding: 5% 10%;}
   .marketingPowerBlock .row + .row {margin-top: 40px;}
   .marketingPowerBlock{padding-bottom: 50px;}
   .bg_retailer_website .websiteBanner{ padding: 80px 0;}
   .brands_Bespoke .bannerVideo video{padding: 4% 10%;}
   .contentBanner .bannerVideo {margin: 0 auto;}
   .aboutusbanner .aboutusLeft{padding: 40px 0;}
   .pb0{padding: 0 !important;}
   .headingTwo{font-size: 24px;}
   



}