@import url("https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");
@import url(https://fonts.googleapis.com/css?family=Montserrat:800);
@import url("https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css");
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css');

.onestream-pricing-v3-container a.button-compare.button-txt {
    color: #F4F4F4 !important;
    font-size: 14px;
    padding: 0px 20px 0px 20px;
    border-radius: 20px;
    margin: 10px 0px 10px 0px;
}



.onestream-pricing-v3-container i.ion-checkmark-circled {
    padding-right: 5px;
}

.onestream-pricing-v3-container .top {
    display: flex;
    align-items: center;
    margin: 0px;
    padding-right: 0px;
    justify-content: space-around;
}

@media only screen and (max-width: 1150px){
  .onestream-pricing-v3-container .top {
    display: block;
    text-align: center;
    margin: 0px;
    padding-right: 0px;
    justify-content: space-around;
}
}

@media only screen and (min-width: 2000px){
.onestream-pricing-v3-container .top {
    justify-content: space-evenly;
}
}



.onestream-pricing-v3-container input,
.onestream-pricing-v3-container label {
  display: inline-block;
  vertical-align: middle;
  margin: 10px 0;
}
.onestream-pricing-v3-container .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.onestream-pricing-v3-container .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}



.onestream-pricing-v3-container input:checked + .slider {
  background-color: #50bfe6;
}

.onestream-pricing-v3-container input:focus + .slider {
  box-shadow: 0 0 1px #50bfe6;
}

.onestream-pricing-v3-container input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

.onestream-pricing-v3-container .slider.round {
  border-radius: 34px;
}

.onestream-pricing-v3-container .slider.round:before {
  border-radius: 50%;
}


.onestream-pricing-v3-container .package-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.onestream-pricing-v3-container .packages {
  margin: 65px 0px 220px 0px;
  width: 304px;
  padding: 19px 0px 28px 0px;
  height: 100%;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: start;
  text-align: center;
  border-radius: 20px;
  font-family: initial;
  flex-wrap: wrap;
  color: #202124;
  align-content: flex-start;
}
@media only screen and (max-width: 1350px) and (min-width: 1200px){
	.onestream-pricing-v3-container .packages {
  margin: 65px 6px;
  width: 303px;
  padding: 19px 0px 28px 0px;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: center;
  border-radius: 20px;
  font-family: initial;
  flex-wrap: wrap;
  color: #202124;
}


}





.onestream-pricing-v3-container .list li {
  font-size: 13px;
  font-weight: 400;
  list-style: none;
  font-family: poppins;
  padding: 2px 0px;
  text-align: left !important;
}

.onestream-pricing-v3-container .first {
  margin-top: 0px;
  /* border-top: 1px solid #40424F; */
}

.onestream-pricing-v3-container .list {
  width: 85%;
}

/* .package-container ol,
.package-container ul {
  padding: 0px 0px;
} */

.onestream-pricing-v3-container .package-container h1 {
  font-size: 18px;
  font-weight: 500 !important;
  padding-bottom: 10px;
  font-family: 'Poppins';
  color: #202124;
  margin-left: 30px;
}

.onestream-pricing-v3-container .package-container h2 {
  font-size: 20px;
  margin-top: 0px;
  font-family: 'Poppins';
  color: #202124;
  padding-bottom: 0px;
}
.onestream-pricing-v3-container h2.curr{
	color: #202124;
}
.onestream-pricing-v3-container h2.text-mon {
       font-size: 30px!important;
       margin-top: 0px;
       color: #202124;
       margin-left: 10px;
}
.onestream-pricing-v3-container h2.text-yr {
    font-size: 30px!important;
    color: #202124;
    margin: 0px 0px 0px 10px;
}




.onestream-pricing-v3-container .button {
  padding: 8px 65px;
  text-decoration: none;
  font-family: poppins;
  margin-left: 10px;
  font-size: 1em;

  border-radius: 5px;
  color: #f4f4f4;
  transition: all 0.3s ease 0s;

}

/* .button:hover {
  transform: scale(1.02);
} */

.onestream-pricing-v3-container a.button.buttonpop {
    background-color: #E1E0E8;
    color: #202124;
}
}

.onestream-pricing-v3-container a.button.buttonpop:hover {
    background-color: #E31947;
    color: #fff !important;
    /* margin-top: 35px; */
}



.onestream-pricing-v3-container .button1 {
     background-color: #e1e0e8 !important;
}

.onestream-pricing-v3-container .button1:hover {
    background-color: #E31947 !important;
}
.onestream-pricing-v3-container a.button.button1:hover {
    color: #fff !important;
    /* margin-top: 35px; */
}

.onestream-pricing-v3-container .button2 {
    background-image: linear-gradient(#BF2955,#931F55);
}

.onestream-pricing-v3-container .button3 {
    background-image: linear-gradient(#BF2955,#931F55);
}
.onestream-pricing-v3-container a.btn1:hover {
   color: #E31947;

}

.onestream-pricing-v3-container .btn1 {
   color: #E31947;
}


/* Our CSS */
.onestream-pricing-v3-container h2.text1{
  border-bottom: 1.5px solid #33333359;
    width: 60%;
}
.onestream-pricing-v3-container h2.text2 {
  display: block;
border-bottom: 1.5px solid #33333359;
/* padding: 0.8em 2em;
margin: 0 -1em; */
width: 60%;
}


.onestream-pricing-v3-container .package-whole{
  border: 1px solid;
  border-color: #e7e6e6;
}
/* sup.my-sup{
	    top: 0px !important;
    left: -58px !important;
    font-family: 'Poppins';
    font-size: 14px;
    font-weight: 500;
    color: #CD325F;
}

span.my-sup.curr {
    top: -20px !important;
    font-family: 'Poppins';
    font-size: 14px;
    font-weight: 500;
    color: #CD325F;
    position: relative;
} */
.onestream-pricing-v3-container sup {
    top: -10px !important;
    font-size: 14px !important;
    font-weight: 600;
}
.onestream-pricing-v3-container sup.sup-cmpr {
    top: -10px !important;
    right: 0px;
    font-size: 10px !important;
    font-weight: 500;
    color: #E31947;
}

.onestream-pricing-v3-container .package-highlite{
  position: relative;
border: 2px solid;
    border-color: #E31947;;
}



.onestream-pricing-v3-container .side-text {
  font-size: 12px;
  font-weight: 400;
  color: #a7a6b1;
  margin-left: -7px;
}

.onestream-pricing-v3-container .side-text-compare {
font-size: 12px;
    font-weight: 400;
    color: #E31947;
}
.onestream-pricing-v3-container .btn1{
  font-family: 'Poppins';
	text-decoration: none;
	
}



.onestream-pricing-v3-container h1.compare-main-heading-whole {
    font-size: 18px;
    font-weight: 500 !important;
    padding-bottom: 10px;
    font-family: 'Poppins';
    color: #202124;
    margin: 0px;
}



/* addons section styling Start */
.onestream-pricing-v3-container .pricing-all-data {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.onestream-pricing-v3-container #free_plan .pricing-all-data {
  display: flex;
  justify-content: space-between;

}

.onestream-pricing-v3-container h2.addons {
  margin: 0px 10px 0px 0px;
}
.onestream-pricing-v3-container h2.addons p {
  margin: 0px;
  color: #499CEE;
  font-size: 14px;
  padding-bottom: 10px;
  padding-top: 0px;
  text-align: center;
  font-weight: 600 !important;
  
  
  
  
  
  
  
  
  
  
  
  
  !I;
  !;
}
.onestream-pricing-v3-container h2.addons sup {
  font-size: 12px !important;
  font-weight: 600;
  color: #202124;
      margin-right: 3px;
}
.onestream-pricing-v3-container h2.addons .side-text {
  font-size: 10px;
  font-weight: 400;
  color: #a7a6b1;
}
.onestream-pricing-v3-container h2.addons .dynamic-text {
font-size: 16px;
font-weight: 700;
color: #202124;
margin-left: -10px;


}
.onestream-pricing-v3-container span.dynamic-text {
  margin-left: -5px;
}



.onestream-pricing-v3-container .main-toggle {
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    display: flex;
}
.onestream-pricing-v3-container .text-custom {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: -33px;
    margin-left: 16px;
}
.onestream-pricing-v3-container .text-custom p {
    margin-left: 15px;
    margin-top: 12px;
    line-height: 20px !important;
	font-size:12px;
}

.onestream-pricing-v3-container .text-yr{
	display:block;
}

.onestream-pricing-v3-container .text-mon{
	display:none;
}
.onestream-pricing-v3-container h2.text-yr.billedannually {
    font-size: 12px !important;
    color: #b2aebd;
    margin-bottom: 0px;
    margin-top: -35px;
    font-weight: 400 !important;
}




.onestream-pricing-v3-container a.button.button1 {
  color: #202124 !important;;
} 









/* Mobile Pricing Plan CSS */


.onestream-pricing-v3-container .mobile-color h1  {
    font-size: 14px;
    font-weight: 600 !important;
    font-family: 'Poppins';
    color: #202124;
    padding: 0px;
    display: inline-block;
    margin: 0px 0px 10px 10px;
 /*border: 1px solid #e7e6e6;*/   
    border-radius: 4px;
}


.onestream-pricing-v3-container .packages-mobile {
  margin: 0px 0px 50px 0px;
  width: 285px !important;
  padding: 19px 0px;
  height: 100%;
  background-color: #ffffff;
  border-radius: 10px;
  flex-wrap: wrap;
  font-family: inherit;
  color: #404150;
}



.onestream-pricing-v3-container .slide-content{

	    margin: 0 30px 0 20px;
	  overflow: visible !important;
  }








/* New toggle CSS  Starts*/
.onestream-pricing-v3-container .price-card--price-number:before {
  content: "$";
  font-size: 2rem;
  display: inline-block;
  position: relative;
}
.onestream-pricing-v3-container input:checked + .slider {
    background-color: #fff !important;
}

.onestream-pricing-v3-container .price-card--price-number:after {
  content: "/ mo";
  font-size: 1.3rem;
  display: inline-block;
}

.onestream-pricing-v3-container .switch-label {
    text-align: center;
    opacity: 1.2;
    font-size: 1rem;
    cursor: pointer;
    padding: 0px 5px 0px 5px;
}

.onestream-pricing-v3-container .switch-label .save-money {
    color: #ffffff;
    background-color: #A8ACC5;
    padding: 6px;
    padding-right: 10px;
    padding-left: 10px;
    border-radius: 20px;
}


.onestream-pricing-v3-container .switch-label.active {
  opacity: 1;
  color: #242424;
}
.onestream-pricing-v3-container .switch-label.active span {
  opacity: 1;
  color: #292824;
  background-color: #DFCC52;
  padding: 6px;
  padding-right: 10px;
  padding-left: 10px;
  border-radius: 20px;
}
.onestream-pricing-v3-container .switch {
    position: relative;
    display: inline-block;
    width: 3.6rem;
    height: 2.15rem;
    vertical-align: -50%;
    margin: 0;
}

.onestream-pricing-v3-container .switch input {
  display: none;
}

.onestream-pricing-v3-container .slider {
    position: absolute;
    cursor: pointer;
    top: 2px;
    left: 0;
    right: 0;
    border: 2px solid #e7e6e6;
    bottom: 5px;
    background-color: #fff;
    border-radius: 34px;
    -webkit-transition: 0.1s;
    transition: 0.1s;
}
.onestream-pricing-v3-container .slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 4px;
    bottom: 2px;
    background-color: #E31947;
    border-radius: 50%;
    -webkit-transition: 0.1s;
    transition: 0.1s;
}


/* #js-pricing-switch input:focus + .slider {
  box-shadow: 0 0 1px #2196f3;
} */

.onestream-pricing-v3-container #js-pricing-switch input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

@media (max-width: 980px) {
  .onestream-pricing-v3-container .switch-label {
    display: inline-block;
    width: auto;
  }
}

@media (max-width: 390px) {
  .onestream-pricing-v3-container .switch-label {
    text-align: center;
     opacity: 1;
    font-size: 12px;
    cursor: pointer;
    padding: 0px 0px 0px 0px;
}
}



.onestream-pricing-v3-container .my-4 {
    margin-top: 1rem!important;
    margin-bottom: 0.8rem!important;
    margin-left: 0.8rem !important;
    margin-right: 0.8rem !important;
}
.onestream-pricing-v3-container	.py-2 {
    padding-top: 0rem!important;
    padding-bottom: 0rem!important;
}


.onestream-pricing-v3-container .addons{
  display: none;
}
.onestream-pricing-v3-container p.popular {
    font-size: 14px;
    font-weight: 500 !important;
    font-family: 'Poppins';
    padding: 1px 10px;
    display: inline-block;
    border-radius: 20px 0px 0px 20px;
    color: #fff;
    background: #E31947;;
}
.onestream-pricing-v3-container .stand {
  display: flex;
  justify-content: space-between;
}
.onestream-pricing-v3-container .fa-angle-down:before {
  content: "\f107";
  font-size: 14px;
  padding: 0px 0px 0px 5px;
  color: #E31947;
}

.onestream-pricing-v3-container ul.list {
  padding: 0px 24px;
  margin: 0px;
}


.onestream-pricing-v3-container h3.list-heading {
    margin: 20px 10px 10px 10px;
    font-size: 14px;
    color: #202124;
    padding-top: 20px;
}
.onestream-pricing-v3-container h3.list-heading.last-line {

        border-top: 1px solid #EDEDED;
    padding-top: 20px !important;
}



/* Drop Down Styling Start */

.onestream-pricing-v3-container i.ion-checkmark-circled::before {
  color: #B1B6C9;
}
.onestream-pricing-v3-container .ion-checkmark-circled span {
  font-style: normal;
}
.onestream-pricing-v3-container .custom-dropdown {
  position: relative;
  display: inline-block;
  cursor: pointer;
  border-bottom: 1px #000000 solid;
  line-height: 11px;
    margin-right: 5px;
}

.onestream-pricing-v3-container .selectedValue {
  padding: 0px 10px 0px 0px;
  position:relative;
  font-weight: 700;
  /* text-decoration: underline; */
}

.onestream-pricing-v3-container .selectedValue::before {
	position:absolute;
	font-weight: 700;
	content: "\f107";
	right: -1.5px;
	font-family: 'Font Awesome 5 Free'; /* Font family for Font Awesome icons */
}

.onestream-pricing-v3-container .dropdown-menu {
  display: none;
  width: 250px;
  position: absolute;
  top: 100%;
  left: -17px;
  background-color: #fff;
  z-index: 1;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  padding: 0px;
  border: 1px;
}

.onestream-pricing-v3-container .dropdown-item {
  padding: 5px 10px 5px 10px;
  cursor: pointer;
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 600;
  border-bottom: 1px solid #F1F1F1;
}
.onestream-pricing-v3-container .dropdown-item.selected {
  background:#eee;
}

.onestream-pricing-v3-container .dropdown-item:hover {
  background-color: #f1f1f1;
}

.onestream-pricing-v3-container .extra-text {
  color: #888;
  font-size: 12px;
  margin-left: auto;
}

.onestream-pricing-v3-container .bar {
font-size: 11px;
    background-color: #499CEE;
    text-align: center;
    color: #fff;
    padding: 10px 0px;
}

.onestream-pricing-v3-container span.extra-text.included {
  border: 1px solid #80B458;
  color: #80B458;
  padding: 0px 13px 0px 13px;
  border-radius: 20px;
  font-size: 10px;
  font-weight: 600;
  line-height: 20px;
}
.onestream-pricing-v3-container span.extra-text.not-included {
  border: 1px solid #C1C1CD;
  color: #C1C1CD;
  padding: 0px 13px 0px 13px;
  border-radius: 20px;
  font-size: 10px;
  font-weight: 500;
  line-height: 20px;
}

/* Drop Down Styling End */

.onestream-pricing-v3-container span.plus {
  font-size: 22px;
  font-weight: 600;
  margin-right: -8px;
  color: #202124;
}

/* Drop Down Styling End */
.onestream-pricing-v3-container .last-enter {
    padding-bottom: 4px !important;
}








/*Media query for addon price*/


@media only screen and (max-width: 767px) {

.onestream-pricing-v3-container h2.addons p {
    padding-bottom: 0px;
}

.onestream-pricing-v3-container .mobile-color h1 {
    margin: 0px 0px 20px 10px;
}

}

/*Media query for billed anually price*/

@media only screen and (max-width: 767px) {
.onestream-pricing-v3-container h2.text-yr.billedannually {
    margin-bottom: 10px;
    margin-top: -12px;
}
}

/*Media query for main price */
@media (min-width: 1514px) {
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
    justify-content: center;
}
}

/*Meida Query for arrows */

@media only screen and (max-width: 767px) {
    .elementor-element .swiper .swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: 7px !important;
        left: 46%;
    }
    .onestream-pricing-v3-container .swiper-button-prev {
        top: 98% !important;
        left: 36% !important;

}

    .swiper-button-next, .swiper-rtl .swiper-button-prev {
        top: 98% !important;
        left: 58% !important;
    }
    .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal.swiper-pagination-bullets-dynamic {
    width: 49px !important;
    left: 50%;
}


}






/*arrows and bullets*/
.elementor-element .swiper .swiper-pagination-bullets.swiper-pagination-horizontal{

    bottom: 20px;

}

.onestream-pricing-v3-container .swiper-pagination-bullet-active {
    background-color: #e31947;
}
.onestream-pricing-v3-container .swiper-button-next, .swiper-rtl .swiper-button-prev{
    position: absolute;
    top: 97%;
    left: 52%;

	
}


.onestream-pricing-v3-container .swiper-button-prev {
       top: 97%;
    left: 46%
}

 .onestream-pricing-v3-container .swiper-navBtn::before,
.onestream-pricing-v3-container .swiper-navBtn::after{
  font-size: 20px;
  font-weight: 900;
  color: #9b9b9b;
}


.onestream-pricing-v3-container .selectedValue.selected {
  color:#E31947;
}
.onestream-pricing-v3-container .dropdown-item.selected {
  background: #E31947;
  color: #fff !important;
}
.onestream-pricing-v3-container .dropdown-item.selected .extra-text{
color:#fff;
border: 1px solid #fff;
}

.onestream-pricing-v3-container #enterprise_plan > ul:nth-child(10) > li.cdn-bandwidth > span > div > div.dropdown-menu {
top: -140px;
}
.onestream-pricing-v3-container #professional_plan > ul:nth-child(10) > li.cdn-bandwidth > span > div > div.dropdown-menu {
top: -140px;
}
.onestream-pricing-v3-container #standard_plan > ul:nth-child(11) > li.cdn-bandwidth > span > div > div.dropdown-menu {
top: -100px;
}
.onestream-pricing-v3-container #basic_plan > ul:nth-child(10) > li.cdn-bandwidth > span > div > div.dropdown-menu {
top: -100px;
}


#professional_plan > ul:nth-child(8) > li.\32 4-7-stream > span > div > div.dropdown-menu{
    left: -54px;
    width: 300px !important;
}

#standard_plan > ul:nth-child(9) > li.\32 4-7-stream.last-li > span > div > div.dropdown-menu{
    left: -54px;
    width: 300px !important;
}
#basic_plan > ul:nth-child(8) > li.\32 4-7-stream.last-li > span > div > div.dropdown-menu{
    left: -54px;
    width: 300px !important;
}





.onestream-pricing-v3-container p.enter_stream {
font-size: 14px;
    font-weight: 500 !important;
    font-family: 'Poppins';
    padding: 1px 8px;
    display: inline-block;
    color: #fff;
    background: #404250;
    border-radius: 20px 0px 0px 20px;
}

.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal.swiper-pagination-bullets-dynamic {
    width: 50px !important;
}


.dropdown-item.active, .dropdown-item:active{
color: #212529;
.onestream-pricing-v3-container .button:hover{
    background-color: #E31947 !important;
    color: #fff
}

.onestream-pricing-v3-container a.button.buttonpop:hover{
     color: #fff
}}