.elementor-kit-5{--e-global-color-primary:#5E17EB;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.banner-bg{
    min-height: 701px !important;
}
.streaming-shape.one , .streaming-shape.two , .streaming-shape.three {
    display: none !important;
}
.price{
    color: #5e17eb !important;
}
/* Select buttons with all specified classes */
.btn.s-btn.wow.fadeInUp.bdevs-el-btn.site-btn {
  background-color: black !important; /* Background color when not hovered */
  color: white !important; /* Text color when not hovered */

  transition: background-color 0.3s, color 0.3s !important; /* Smooth transition animation */
}

/* Button style when hovered for buttons with all specified classes */
.btn.s-btn.wow.fadeInUp.bdevs-el-btn.site-btn:hover {
  background-color: #5e17eb !important; /* New background color on hover */
  color: white !important; /* New text color on hover */
}
/* Style the <li> elements for desktop devices */
@media (min-width: 768px) {
  ul#menu-main-menu li {
    display: flex; /* Use flexbox for centering vertically */
    align-items: center; /* Center vertically */
    height: auto; /* Allow the height to be determined by content */
  }

  /* Style the <a> element with title "Subscribe now" for desktop devices */
  ul#menu-main-menu a[title="Subscribe now"] {
    border: 2px solid #5e17eb; /* Purple border */
    border-radius: 50px; /* 50px border radius */
    padding: 12px 25px; /* Adjust padding as needed */
    color: #5e17eb; /* Default text color */
    transition: border-color 0.3s, color 0.3s; /* Transition for border color and text color */
  }

  /* Change styles on hover for desktop devices */
  ul#menu-main-menu a[title="Subscribe now"]:hover {
    background-color: red; /* New background color on hover */
    border-color: red; /* New border color on hover */
    color: #fff; /* Text color on hover */
    transform: scale(1.00); /* Slight scaling up on hover */
    transition: background-color 0.3s, border-color 0.3s, color 0.3s, transform 0.3s; /* Transition for all properties on hover */
  }

  /* Target the <li> element containing the <a> with title "Subscribe now" for desktop devices */
  li.menu-item a[title="Subscribe now"] {
    margin-left: 10px;
  }
}

/* Hide the <li> element containing the <a> with title "Subscribe now" on tablet and mobile devices */
@media (max-width: 767px) {
  li.menu-item a[title="Subscribe now"] {
    display: none;
  }
}
.pricing-three-list li i{
    color: #5e17eb ! important;
}
.services-item .btn.btn-link {
color: #5e17eb !important;
    
}
.streaming-two-thumb .tag {
  background: #34009d !important;
}
button.scroll-top {
  
  color: #fff !important;
   background: #34009d !important;

}
.pricing-three-head .devices-support,
.pricing-three-head .devices-icon-wrap i {
  color: #5e17eb; /* Your desired color */
}


.services-item i,
.services-item .btn.btn-link {
  /* Your shared styles for both elements here */
   color: #5e17eb !important;

}
.streaming-two-title .sub-title {
     color: #5e17eb !important;

}
/* Apply a box shadow to elements with class elementor-widget-wrap and elementor-element-populated inside the section */
.elementor-section.elementor-element-90838bb .elementor-widget-wrap.elementor-element-populated {
  box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.1); /* Adjust the values as needed */
  min-height: 230px;
}

.elementor-section.elementor-element-c99bd1b .elementor-widget-wrap.elementor-element-populated {
  box-shadow:1px 3px 3px 1px rgba(0, 0, 0, 0.1); /* Adjust the values as needed */
  min-height: 230px;
}
 .trial-link i{
    color: #eb1752 !important;
}
.special-offer-text{ background:   #090218 !important;
}
.special-offer-mbps{
    background:   #eb1752 !important;
}
h2.special-price {
  color: #eb1752 !important;
}
a.btn.s-btn.transparent-btn.bdevs-el-btn {
  /* Your CSS styles for this specific <a> element go here */
}
a.btn.s-btn.transparent-btn.bdevs-el-btn {
 border-color: #7516bd;
}
a.btn.s-btn.transparent-btn.bdevs-el-btn:hover {
 border-color: #eb1752;
 background: #eb1752 !important;
}
.pricing-three-item.mb-30 {
 border-radius: 50px !important;
}
.footer-wrap {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    #elementor-library-4{
        margin-bottom: 0px !important;
    }

@media screen and (min-width: 1024px) {
    .icon-box-stream {
     
       
       
    }
    .section-title {
    padding-left: 145px !important;
    padding-right: 145px !important;
}

}/* End custom CSS */