@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

*{
    margin: 0px;
    padding: 0px;
    font-family: 'Poppins', sans-serif;
    box-sizing: border-box;
}

html {
	overflow-x: hidden;
	padding: 0px;
	margin: 0px;
}
body {
    margin: 0px;
    padding: 0px;
  }
.bg-blue{background-color: #151A2D;}
.bg-black{background-color: #21222F;}
.bg-copy{background-color: #191A24;}
.bg-orange{background: #FF5D2A;}
.text-orange{color: #FF5D2A;}
.top{padding: 10px 0px; margin-bottom: 100px;}
.sign-up{color: white; background-color: #FF5D2A; border-radius: 25px; padding-left: 30px; padding-right: 30px;}
.sign-up:hover{color: #FF5D2A; background-color: transparent; border-color: #FF5D2A; border-radius: 25px; padding-left: 30px; padding-right: 30px;}
.login{color: #FF5D2A; border: 1px solid #FF5D2A; border-radius: 25px; margin-left: 15px; padding-left: 30px; padding-right: 30px;}
.login:hover{color: #fff; border: 1px solid #FF5D2A; background-color: #FF5D2A; border-radius: 25px; margin-left: 15px; padding-left: 30px; padding-right: 30px;}
.fw-600{font-weight: 600 !important;}
.delta table th,.delta table td{vertical-align: middle;}
.delta table tr th{font-weight: 600;}
.delta table thead tr th{color: #8390A5; font-weight: 500;}
.delta table tbody span{vertical-align: middle;}
.delta table tbody span img{border-radius: 15px;}
.border-white{border: 1px solid white; border-radius: 100%;}
.border-light-dark{border: 1px solid #F4F4F4; border-radius: 10px;}
.bg-black .fa-facebook-f{width: 16px !important; height: 16px !important; vertical-align:middle}
.bg-black .fa-instagram{width: 16px !important; height: 16px !important; vertical-align:middle}
.bg-black .fa-twitter-f{width: 16px !important; height: 16px !important; vertical-align:middle}
.bg-black span{width: 35px; height: 35px;}
.bg-black span:hover{background-color: #FF5D2A; border-color: #FF5D2A !important;}
.text-dark-white{color: #8390A5;}
.bg-light-dark{background-color: #F5F4F4;}
.super-cdn-p{background: #FFFFFF; border: 1px solid #F4F4F4; border-radius: 10px; box-shadow: 3px 3px 25px rgba(0, 0, 0, 0.07);}
.text-mute{color: #424242;}
.border-orange{border: 1px solid #FFDDD2; padding: 11px; border-radius: 8px;}
.bg-light-dark{background-color: #f9f9f9; border-radius: 8px;}
.box-none{box-shadow: none !important;}
.accordion-body .streaming-server{padding: 15px 25px !important; border: 1px solid #E3E3E3;}
.streaming-server .table tr td{font-weight: 500; text-align: center; padding: 12px; border-bottom: none; }
.border-s-e{border-left: 1px solid #CBC9C9; border-right: 1px solid #CBC9C9;}
.accordion-button::after {
    flex-shrink: 0;
    margin-left: auto;
    background-image:none !important;
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform 0.2s ease-in-out;
  }
  .accordion-button::after {
    font-family: "Font Awesome 5 Free";
 content: "\f078";
 display: inline-block;
 vertical-align: middle;
 font-weight: 900;
 color: #595959;
 background-color:#E7E7E7;
 width: 35px;
 height: 35px;
 border-radius: 100%;
 justify-content: center;
 align-items: center;
 display: flex;
 }
 
 

.accordion-button:not(.collapsed)::after{
    background-color:#FFC4B3;
    color:#FF5D2A;
 }

 .my-nav .nav-link{
    padding: 7px 30px 7px 30px;
    font-size: 18px;
    height: 100%;
    line-height: 1.3rem;
}

  .my-nav .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
       background-color: #FF5D2A !important;
       color: #fff;
   }
.fs-7{font-size: 0.85rem;}
.delta table  tbody td > div{border-top: 2px solid #F4F4F4; border-bottom: 2px solid #F4F4F4; min-height: 80px; display: flex; align-items: center;}
.delta table  tbody tr td:last-child > div{border-right: 2px solid #F4F4F4; border-top-right-radius: 8px; border-bottom-right-radius: 8px;}
.delta table  tbody th > div{border-top: 2px solid #F4F4F4; border-bottom: 2px solid #F4F4F4; min-height: 80px; display: flex; align-items: center; padding-left: 15px; border-left: 2px solid #F4F4F4; border-top-left-radius: 8px; border-bottom-left-radius: 8px;}
.delta table  tbody td{padding: 5px 0px;}
.delta table  tbody th{padding: 5px 0px;}
 .desk-data p{font-size: 0.85rem !important;}

@media (min-width: 1200px) {
    .gamma{font-size: 18px;}
}

@media (min-width: 1400px) {
    .gamma{font-size: 20px;}
}

@media (max-width:525px) {
    .special-super{margin-top: 6px !important;}
}

/* Start Tabs CSS */
@media (min-width: 992px) {
    .tabs ul{border-bottom: 1px solid #FF5D2A;}
    .tabs ul li .nav-link{background-color: #F4F4F4 !important; color: #909090; border: 0px !important;  border-radius: 14px 14px 0px 0px !important; margin-bottom: 0px !important;}
    /* .tabs ul li:active{background-color: #FF5D2A !important; color: white !important;} */
    .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus{background-color: #FF5D2A !important; color: white !important; border: 0px !important;  border-radius: 14px 14px 0px 0px !important; margin-bottom: 0px !important;}
    /* .tabs ul li button:active{background-color: #FF5D2A !important; color: white !important;} */
    .tabs ul li button:hover{background-color: #FF5D2A !important; color: white !important;}
    .delta table th,.delta table td{border: none;}
    /* .delta table tbody tr th{border-top: 1px solid #8390A5; border-bottom: 1px solid #8390A5; border-left: 2px solid #8390A5; border-bottom-left-radius: 15px; border-top-left-radius: 15px !important;} */
    .bg-black{padding-top: 50px; padding-bottom: 50px;}
}
/* End Tabs CSS */
@media (min-width:992px) and (max-width:1199.98px) {
    .my-nav .nav-link {padding: 10px 15px 10px 15px; font-size: 17px;}
}
@media (min-width:767px){
    .bg-blue.top img{width: 25%;}
}
@media (max-width:766.98px){
    .bg-blue.top img{width: 110%;}
    .sign-up{padding-left: 15px; padding-right: 15px;}
    .login{padding-left: 15px; padding-right: 15px; margin-left: 5px;}
    .sign-up:hover{color: #FF5D2A; background-color: transparent; border-color: #FF5D2A; border-radius: 25px; padding-left: 15px; padding-right: 15px;}
    .login:hover{color: #fff; border: 1px solid #FF5D2A; background-color: #FF5D2A; border-radius: 25px; margin-left: 5px; padding-left: 15px; padding-right: 15px;}
}
@media (max-width:991.98px) {
    .desktop-menu{display: none;}
    .mobile-p{font-size:11px; margin-bottom:5px; color:#8390A5;}
    .mobile-h6{font-size: 12px; margin-bottom: 5px; font-weight:500;}
    .min-hading{margin-bottom:5px; font-weight:600; font-size: 13px;}
    .border-tr-mb{border:2px solid #F4F4F4; padding: 10px; margin-top: 10px; border-radius:10px;}
    .f-text{font-size:12px; margin-bottom:10px; font-weight:500;}
    .f-text img{width:20%; border-radius: 100%; margin-bottom: 5px; margin-left:7px;}
    .hr{padding-left:10px; padding-right: 10px; color: #E1E1E1;}
    .owl-theme .owl-nav{display: block !important;}
    .owl-prev{position: absolute; top:30%; left: 0;}
    .owl-next{position: absolute; top:30% !important; right: 0;}
    .owl-stage-outer{position: relative;}
    .nav-link-my{
        background-color: #F4F4F4 !important;
        color: #909090;
        border: 0px !important;
        border-radius: 14px 14px 0px 0px !important;
        margin-bottom: 0px !important;
        padding: 20px;
        padding-right:20px;
      }
      .navbar-light .navbar-toggler-icon{
        background-color:#484C5B;
        background-image:none;
        font-family: "Font Awesome 5 Free";
        content: "\f0c9";
        font-weight: 900;
        color: #fff;
        border-radius:50%;
        width:40px;
        height:40px;
        justify-content: center;
        align-items: center;
        display: flex;
      }
      .navbar-toggler:focus{
        box-shadow:none;
      }
      .mobile-nav .nav-link {color:#fff !important;}
      .mobile-nav .nav-tabs{border-bottom:0px;}
      .mobile-nav .nav{display: flow-root;}
      .mobile-nav .my-nav .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{ border-radius:10px; width:100%; text-align: left;}
      .mobile-nav .navbar-collapse{margin-top: 20px;}
      .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus{border:1px solid #151A2D;}
      .streaming-server .table tr td{
        font-size:12px;
      }
}
@media (min-width:707px) and (max-width:992px) {
    .mobile-p{font-size: 13px !important;}
    .min-hading{font-size: 15px;}
    .mobile-h6{font-size:14px;}
}