/* header */
    .container-fluid{padding-left:10% !important; padding-right: 10% !important;}
 /* index */
 
.box-chloe{min-height: 100%;}

.focus{text-align: start; display: block; color: red;}

.brand .brand__logo-dark {
  display: block;
  width: 100%;
}

.hhhhh{width: 200px !important; text-align: center !important; float: left !important; margin-right: 65%;}
.rd-navbar-static.rd-navbar-classic .rd-navbar-inner>*+*{padding-left: 16% !important;}
 
 
.ui-to-top.active {display: none !important;}


.rd-navbar-body{ padding-left: 10%;}

.wrap-2 p{ color: #212529;}
 

.wrap-1{padding:50px 0px 100px 0px; background: url(../../assets/images/bg-gradient.jpg) no-repeat; width: 100%; height:100%;}
 .wrap-1 .play-out h2{letter-spacing: 1px; font-size: 40px;}

 .page-header {
    padding-bottom: 9px;
    margin:0px 0 20px;
    border-bottom:none; 
    margin-bottom: 0;
    padding: 0;
}

  .wrap-2{margin-top :-46px;}
.nav-tabs li a{background: #d9f0f8; color: #007ac5; margin-right: 1px; font-size: 18px;}
.nav-tabs>li>a 
.nav-tabs>li.active>a {background: #fff;}
.nav-tabs>li.active>a {background: #fff;}
.nav-tabs>li>a:hover{background: #d9f0f8;}
.play-out h2{color: #fff;}
.out p{color:#fff;}
.out a{background: linear-gradient(70deg,#00caad,#01abf1); padding: 10px 20px; display:inline-block; color:#fff; margin-top: 20px; transition: .5s linear;}
.out a:hover{background: linear-gradient(-70deg,#00caad,#01abf1);color: #fff; }

 
.box i{font-size: 50px;  background:-webkit-linear-gradient(#00caad,#01abf1); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
  

    
.slick-dots li.slick-active button:before{color: #00caad;}
.slick-dots li.slick-active button:before{color: #00caad; font-size:25px;}
.slick-dots li button:before{color: #01abf1; font-size:23px;} 
.slick-dots{margin-bottom: inherit;}
 
.s-1{border-bottom:2px solid #00caad; display: inline-block;}
 

.accordion{margin: -20px 0 20px 0; display: none;--bs-accordion-border-color: var(--bs-border-color);  --bs-border-color: #fff; background: none;}
.accordion .accordion-button{background: #d9f0f8; color: #147eca; border:none; }
.accordion .accordion-button:focus{box-shadow: none;}
.accordion .accordion-header{border-bottom:1px solid #fff;}
.accordion-button::after{ content: "+"; background-image: none; font-size: 27px; margin-top: -20px; transition: none;}
.accordion-button:not(.collapsed)::after{ content: "-"; background-image: none; font-size: 40px; margin-bottom: -66px;}
.accordion-item{border: none;}
 .med{color: #9b9b9b !important;}

 li:hover>.phead{color: #fff;}




             /* index */
             .ott-s{transition: .4s linear; box-shadow: 0 0 2px #b1b1b1; min-height: 100%;}
 .ott-s:hover{box-shadow: 0 0 3px #00caad; transform: translateY(-4px);}
 .ott-s .box{transition: .3s linear;}
.ott-s:hover .box{transform: scale(1.1);}


    /* <!-- Tab content Specification--> */

.specification .format-icon i{font-size: 50px;  background:-webkit-linear-gradient(#00caad,#01abf1); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
/* .specification .format-icon{margin-bottom: -15px;} */
.specification .format p{margin-top:10px ;}

                          /* Broadcasters */
 .broad .box{min-height: 100%; box-shadow: 0px 0 4px #00caad; border-radius: 4px ;}
 
          /* All In One */
.tab-content .specification a{color:#1e3641;} 
.tab-content .specification a:hover{color:#01abf1;} 
.tab-content .specification:hover i{ transform: scale(1.3);} 
.accordion .specification a{color: #1e3641;}
                                                          /* OTT/IPTV */

.tab-pane p{margin-top: 7px;}
.banner{padding:50px 0px 100px 0px; background: url(../../assets/images/bg-gradient.jpg) no-repeat; width: 100%; height:100%;}
.benefits p{ font-size: 15px;}
.benefits i{font-size: 20px;}

.text-center .all-icon a i{font-size: 35px;}

                                        /* support */

.support table th{background: #94d3fa; border: 1px solid #9bafc3;}
.support a{ padding: 12px 25px; transition: .8s linear; color: #000; border-radius: 5px ; border: 1px solid #00caad; display: inline-block; margin: 10px auto;}
.support  a:hover{color: #00caad;  transform: scale(1.05); border-color:#000 ;}
.support table td{background: #fff;}
.support table .td-1{background: #def8f4;}
.support ul li a{text-decoration: double;border: 0; border-bottom: 1px solid #007ac5; padding:0 0 0px 0;}


      /* mobile tv */
.mob-tv{display: flex; justify-content: space-around;}
.m-icon i{font-size: 30px;}
.tile-line{border-left: 2px solid #00caad;   position: relative; margin-left: 13px;}
.tile-line .t-line{left:-25px; top: -10px; z-index:999; position: absolute;}
.tile-line .t-line-1{left: -25px; position: absolute;}
.tile-line .t-1  {width: 50px ; height: 50px; border-radius: 50px; background:linear-gradient(65deg,#00caad, #01abf1) ; display: inline-block; text-align: center;}
.tile-line .t-1 span{font-size: 30px; color: #fff;}

        /* multi operator */
.m-icon span{width: 40px; height: 40px; border-radius: 50px; background: #00caad; display: inline-block; color: #d9f0f8; text-align: center; font-size: 25px;}
.needs-1 .ss{color: #00caad !important; transform: rotate(70deg);}


/* header */
.rd-navbar-fixed .rd-megamenu-list>li>a:hover{color: #fff !important;}
li:hover>a>.phead{
  color: #009BDF !important;
}

.icon-style-brand[class*=youtube]:hover {
  color: #FF0000;
}
/* .rd-navbar-static .rd-megamenu-list>li>a::before{color: blue;} */
.rd-navbar-fixed .rd-navbar-content__toggle span{transform: scale(.7);}

 /* footer */
 .context-dark .list-marked_primary a{color: lightgray;}
.iimmgg{display: none;}

@media screen and (min-width:990px) and (max-width:1195px)  {
  .mob-col{width:100%;}
  .margtop{margin-top: 44px !important; }
}
@media screen and (max-width: 1199px) {
  .phead:hover{color:#fff !important ; display: inline-block !important; background: #01abf1;}
  /* .rd-megamenu-list li:hover a{color: red !important;} */
  .pdl{padding-left: 0 !important;}
  .rd-navbar-fixed .rd-navbar-nav li 
  /* .phead{color: #fff;} */
  .rd-navbar-fixed .rd-navbar-nav li:hover>a, .rd-navbar-fixed .rd-navbar-nav li.focus>a, .rd-navbar-fixed .rd-navbar-nav li.active>a, .rd-navbar-fixed .rd-navbar-nav li.opened>a{color: #fff;}
}


@media screen and (max-width:575px) {
    .wrap-2{ display: none;}
    .accordion{display: block;}
    .col-mobile-our{width: 49%; text-align: center;}
  .iimmgg{display: block;}
  .ggmmii{display: none;}
  .specification .video-formats .non-icon{display: none;}

}