/* Apply box-sizing to all elements */
*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
    font-family: 'Poppins', sans-serif;
    font-weight: 400; /* Regular */
    font-size:16px;
    padding-right: 0px !important;
}
h1 , h2 , h3 , h4 , h5, h6{
  font-family: 'Poppins', sans-serif;
  font-weight: 700; /* bold */
}


:root{
--first-color-yellow:#F74F3A;
--second-color:#7c57fc;
--bg-thrid:#f0fecd;
--first-color:#7c57fc;
--bg-voilet: #432567;
}

.bg-second{background-color:var(--second-color);}
.bg-first{background-color:var(--first-color-yellow);}
.bg-thrid{background-color:var(--bg-thrid);}
.bg-voilet{background-color:var(--bg-voilet);}
.bg-orange{background-color:orange;}
.f-lighter{font-weight: 500;}
.first-color{color:#7c57fc}
.text-green{color:#ccfd56;}
.input-border{border:2px solid #7c57fc !important;}
.faq-bg{background-color:#e9e9e9 !important;}
.footer-one{border-top:1px solid #ccfd56 !important;}
.slight-top{
  position: relative;
  top: -2px;
}
.slick-prev, .slick-next{
  z-index: 2;
}
.slick-prev {
    left: -35px;
}
.slick-next {
    right: -15px;
}
.slick-arrow {
    display: none !important;
}
/*------menu------------------*/
.bottom-header-section .navbar-expand-lg .navbar-nav .nav-link{
    /* border: 1px solid #FFF;
    border-radius: 20px; */
    padding-left: 1rem;
    padding-right: 1rem;
    font-weight: 400;
    color: #FFF;

}

.post-thumbnail img {
    width: 100%;
    height: 100%;
}
.menu-main li ul a {
  border: none;
  font-size: 16px;
  font-weight: 400;
}
.menu-main li ul a:hover{border: none;}
.product-detail-image-gallery img {
    width: 100%;
}
.menu-main li a:hover{color: yellow !important;}
.menu-main li a.active,
.menu-main li a.active:hover{color: yellow !important;}
/*------menu end------------------*/
.iptv-channels-slider a{
  display: block;
  text-decoration: none;
}
/*amit updated css am*/
.iptv-channels-single {
    min-height: 160px;
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: contain;
    width: 300px;
    margin: 0px 10px;
}
 /*amit updated css am*/
.main-header{
  margin-bottom: -30px;
  position: relative;
  z-index: 1;
}
/*------about us ------------------*/
.border-one-line::after {
  position: absolute;
  background-image: url(../images/border-one.png);
  height: 9px;
  content: "";
  display: block;
  bottom: -25px;
  display: block;
  width: 50%;
  background-repeat: no-repeat;
}
.border-line-center::after {
  position: absolute;
  background-image: url(../images/border-one.png);
  height: 9px;
  content: "";
  display: block;
  bottom: -25px;
  display: block;
  width: 50%;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto;
  left: 0;
  right: 0;
}
.border-two-line::after {
  position: absolute;
  background-image: url(../images/border-two.png);
  height: 9px;
  content: "";
  display: block;
  bottom: -25px;
  display: block;
  width: 50%;
  background-repeat: no-repeat;
  margin: 0 auto;
  width: 50%;
  left: 0;
  right: 0;
  background-position: center;
}
.menu-mains div button{
  border: 2px solid #000;
  border-radius: 20px;
  padding: 5px 20px !important;
  margin-right: 15px;
  font-weight: 500;

}

.menu-mains div button:hover {
  border: 2px solid #8262fd;
  color: #8262fd !important;
}
.menu-mains div button.active {
  border: 2px solid #8262fd;
  color: #8262fd !important;
}

.plan-iptv-in::before {
  position: absolute;
  background-image: url(../images/plan-bg.jpg);
  height: 100%;
  content: "";
  display: block;
  bottom: 100%;
  /* background: #ccc; */
  display: block;
  width: 100%;
  background-repeat: no-repeat;
  opacity: 0.2;
  top: 0;
}
.channels-area > * {
  position: relative;
  z-index: 2;
  }
  .channels-area::before {
    position: absolute;
    background-image: url(../images/plan-bg.jpg);
    height: 100%;
    content: "";
    display: block;
    bottom: 100%;
    /* background: #ccc; */
    display: block;
    width: 100%;
    background-repeat: no-repeat;
    opacity: 0.2;
    top: 0;
    background-size: 100% 100%;
}
.plan-iptv-in > * {
  position: relative;
  z-index: 2;
  }
  
  .top-r-corner {
    border-radius: 120px 120px 0px 0px;
}

.slick-prev:before, .slick-next:before {
  font-family: 'slick';
  font-size: 45px !important;
  line-height: 1;
  opacity: .75;
  color: #8262fd !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.plan-bg{
  background-image: linear-gradient(59deg, rgba(38, 16, 244, 1) 1%, rgba(248, 66, 154, 0.819) 100%);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
}
.planbtn{
  border-bottom: 3px solid rgba(255, 255, 255, 0.3);
}
.planbtn button {
    padding: 10px 30px !important;
    border: none !important;
    position: relative;
}
.planbtn button.active{
    color: #f63745 !important;
    border-radius: 0 !important;
}
.planbtn button.active::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: auto;
  bottom: -2px;
  width: 100%;
  height: 2px;
  background-color: #f63745;
    border-bottom: 2px solid #f63745 !important;
}
.border-ul-round {
    border-radius: 40px 1px 40px 40px;
}
.pricing-single-package{
  background-color: #F63745;
  width: 120px;
  height: 120px;
}
#nav-tabContent .center-package-slider .slick-track{
  min-width: 84%;
}
#nav-tabContent .center-package-slider .slick-track .slick-slide{
  min-width: 50%;
}

.main-gradient {
    background-image: linear-gradient(59deg, rgba(38, 16, 244, 1) 1%, rgba(248, 66, 155, 1) 100%);
}
.dots-subhead{
  color: #F63745;
}
.dots-subhead .left-graphic, .dots-subhead .right-graphic,
.dots-subhead .left-graphic::before, .dots-subhead .right-graphic::before{
  background-color: #F63745;
  width: 36px;
  height: 20px;
  border-radius: 20px;
  border: 3px solid #FFF;
  display: inline-block;
  top: 4px;
}
.dots-subhead .left-graphic::before, .dots-subhead .right-graphic::before{
  content: '';
  position: absolute;
  z-index: 0;
  top: -3px;
}
.dots-subhead .left-graphic::before{
  left: -20px;
}
.dots-subhead .right-graphic::before{
  right: -20px;
}
.dots-subhead .left-graphic{
  margin-right: 15px;
}
.dots-subhead .right-graphic{
  margin-left: 15px;
}
.iptv-icons-block{
  background-color: #eeeeee;
  width: 140px;
  height: 140px;
  text-align: center;
}
.single-package {
    background: #ffffff40;
    padding: 25px !important;
    border:2px solid #f63745;
}
.monthly-plan-listing, .listicon{
  list-style-type: none;
  font-size: 0.90rem;
  padding-left: 0.5rem;
}
.monthly-plan-listing li, .listicon li{
  padding-bottom: 0.4rem;
}
.monthly-plan-listing li span, .listicon li span{
  color: #f63745;
  display: inline-block;
  margin-right: 7px;
}
.monthly-plan-single-btn{
  position: absolute;
  left: 0;
  right: 0;
  bottom: -20px;
  top: auto;
  margin: auto;
  width: 160px;
  border: #FFF 2px solid;
}
.monthly-plans-slider .slick-list{
  overflow: visible;
}
.monthly-plan-icon-holder{
  width: 100px;
  height: 100px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: auto;
  top: -50px;
  margin: auto;
  line-height: 70px;
  background-color: #F63745;
}
.monthly-plan-icon-holder img{
  width: 50px;
  display: inline-block !important;
}
.plan-iptv-in .slick-prev {
  left: -50px;
}
.price-buy-now:hover{
  background-color: #333;
}

.icon-step {
  width: 60px;
  height: 60px;
  margin: 0 auto;
  margin-top: -44px;
}
.plan-iptv-in li {
  width: 230px;
  position: relative;
}
.plan-iptv-in li:before {
  content: "";
  background-image: url(../images/chevron-right.svg);
  position: absolute;
  width: 45px;
  height: 45px;
  right: -68px;
  left: auto;
  bottom: 35%;
  border-radius: 50px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 22px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.count {
  font-size: 130px;
  position: absolute;
  left: 0;
  right: 0;
  top: -5%;
  opacity: 0.3;
  font-weight: 700;
}
.plan-iptv-in li:last-child:before{display: none !important;}
.testimonial-in:before {
  content: "";
  height: 50px;
  width: 30px;
  background-image: url(../images/test-icon-bottom.png);
  position: absolute;
  bottom: -19px;
  left: 60px;
}
.testimonial-in {
  margin: 80px 0 !important;
}
.re-captcha {
  height: 50px;
  width: 50px !important;
}
.btn-form{height: 50px}

.accordion {
  /* 👇 Icon color changed to white */
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
}
.faq ::after {
  background-color: var(--second-color);
  border-radius: 20px;
  width: 35px;
  height: 35px;
  background-position: center;
}

.rac-side-btn {
  position: fixed;
  right: -69px;
  top: 55%;
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  transform: rotate(270deg);
  z-index: 3;
  background-color: #111;
  border: 2px solid #FFF;
  cursor: pointer;
  font-size: 1rem;
}

/*-----------footerbg-------------*/
.footer-bg{ background-image: url(../images/footer-bg.jpg);}
.footer-bg:before {
  content: "";
  position: absolute;
  background: #000000ed;
  display: block;
  width: 100%;
  height: 100%;
}
.footer-bg > * {
  position: relative;
  z-index: 2;
  }

 /*-------PAYMENT---------*/
  .fs-es{font-size: 15px;}
  .orangePinkGradient {
    background: linear-gradient(to right,#F63745 0%,#F42050 100%);
}
.country-name{font-size: 12px !important;}
.payment-bg {
    background-image: url(../images/price-bg-1.png);
    background-repeat: no-repeat;
}
.iptv-channels-slider-two .iptv-channels-single{
  text-align: left;
    display: inline-block !important;
}
.iptv-channels-slider-two .iptv-channels-single p {
    margin-top: 45px;
}

.product-comparison-chart .purple {
    background: #432567;
    color: #fff;
    vertical-align: middle;
}
.product-comparison-chart .grey {
    background: #e2e2e2;
    vertical-align: middle;
}
.product-comparison-chart tr, td, th {
    padding:16px !important;
    font-weight:400;
    font-size: 14px;
}

  /*------menu resposnsive-----------------*/

  @media screen and (max-width: 767px) {
    /*amit updated css am*/
    .logo-header {
        width: 120px;
    }
    .navbar-toggler {
    float: right;
    margin-top: 29px;
    background: #fff !important;
    padding: 2px 5px;
}
.videoSlider .slick-next {
    right: 14px;
}
.videoSlider .slick-prev {
    left: -10px;
}
.planbtn button {
    padding: 5px 5px !important;
}

    /*amit updated css am*/


    .navbar {
        display: block;
    }

    .offcanvas {
      -webkit-transition: all 0.4s ease;
      -ms-transition: all 0.4s ease;
      -moz-transition: all 0.4s ease;
      transition: all 0.4s ease;
      max-width: 350px;
    }
    #offcanvasRight .offcanvas-body .collapse:not(.show) {
      display: block;
      max-width: 100%;
    }
    .offcanvas-toggle-btn{
      position: relative;
    }
    .offcanvas-toggle-btn::after{
      display: inline-block;
      margin-left: .255em;
      vertical-align: .255em;
      content: "";
      border-top: .3em solid;
      border-right: .3em solid transparent;
      border-bottom: 0;
      border-left: .3em solid transparent;
    }
    #offcanvasRight .dropdown-menu.show {
        display: block;
        position: static !important;
        transform: translate(0px, 0px) !important;
    }

  }