:root {
--white: rgba(255, 255, 255, 1);
--black: rgba(0, 0, 0, 1);
--blue: rgba(87, 195, 255, 1);
--blue--hover: rgba(0, 130, 203, 1);
--grey-3: rgba(40, 47, 58, 1);
--grey-2: rgba(52, 54, 58, 1);
--grey-1: rgba(148, 157, 172, 1);
--yellow: rgba(255, 189, 61, 1);
--yellow-2: rgba(203, 122, 0, 1);
--bg: rgba(22, 27, 35, 1);
}
a{
text-decoration: none;
color:var(--blue);
}
a:hover{
color:var(--blue--hover);
}
body{
background: url("../images/bg.png") no-repeat ;
background-color: var(--bg);
background-size: 100% auto;
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 400;
font-size: 1rem;
line-height: 1.5;
color:var(--white);
overflow-wrap: break-word;
counter-reset: section;
}
h1,h2,h3,h4,h5,h6,.deal{
    font-family: 'Unbounded', cursive;
}
.navbar{
background-color: var(--bg);
}
.navbar .nav-link{
    color:var(--white);
    margin:0.3125rem 0;
}
.dropdown-menu.show{
background-color: var(--bg);
border: 1px solid var(--grey-3);
border-radius: 0.375rem;
margin-top:0.5rem;
min-width: 0!important;
}
.dropdown-item{
    color:var(--white)!important;
}
.dropdown-item:focus, .dropdown-item:hover{
background-color: var(--blue);
}
.page-header
{
margin-top:14.25rem;
margin-bottom:6.8125rem;
}
.page-header h1{
color:var(--white);
}
section.content .container{
    border:1px solid;
    border-image: linear-gradient(180deg, rgba(78,180,255,0.3) 0%, rgba(78,180,255,0.05) 22.4%, rgba(78,255,255,0.1) 53.6%, rgba(78,255,244,0.2) 100%) 1;
    padding:3.8125rem 3.125rem;
}
section.content.dark .container{
background: rgba(0, 0, 0, 0.1);
}
article img{
    opacity: 0.5;
    border-radius: 0.9375rem;
}
article a,article a:hover,article a:hover h4{
color:var(--white);
}

article .info{
border-radius: 0.9375rem;
font-size: 0.75rem;
line-height: 0.9375rem;
display:inline-block;
padding:0.5rem;
margin-right:0.25rem;
background: var(--blue--hover);
}
.news article .info{
background: var(--yellow-2);
}
.section-header h2{
position:relative;
padding-bottom:1.25rem
}
.section-header h2::after{
    content: "";
    position: absolute;
    left: 48%;
    right: 48%;
    bottom: 0;
    border: 3px solid var(--blue);
    border-radius: 0.1875rem; 
}
.deal{
background: rgba(0, 0, 0, .3);
border-radius: 0.9375rem;
}
.deal:hover{
background: rgba(0, 0, 0, .6);
}
.page-header .deal{
background: transparent!important;
}
.deal .nr{
    display: inline-block;
    height: 2.25rem;
    width: 2.25rem;
    border-radius: 1.5rem;
    padding:0.3125rem;
    text-align: center;
    margin-top:-0.125rem;
    background-color: var(--grey-2);

}
.deal .vip{
display: inline-block;
background-color: var(--yellow);
border-radius: 1.125rem;
color:var(--black);
margin-top:-0.5625rem;
padding:0.3125rem 0;
width:3.875rem;
text-align: center;
}
.page-header .deal .vip{
    display: block;
}
.deal .bonus-rating{
background-color: var(--black);
display:block;
padding:0.5625rem 0;
border-top-left-radius: 1.25rem;
border-top-right-radius: 1.25rem;
margin-left: 0.9375rem;
max-width:7.5rem;
text-align: center;
}
.deal .bonus-rating svg{
margin-top:-0.1875rem;
}
.deal img{
    border-radius: 0.9375rem;
    border:0.625rem solid var(--black);
    width: 10rem;
    height:10rem;
    object-fit:contain;
    display:block;
}
.deal h4{
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.25;
}
.deal h3{
    font-weight: 400;
    font-size: 1.375rem;
    line-height: 1.25;
    color:var(--blue)
}
.deal h5{
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.25;
    text-transform: uppercase;
    color:var(--grey-1);
    border-bottom:0.0625rem  solid rgba(255, 255, 255, .1);
    display:inline-block;
    padding-bottom:0.3125rem;
}
.deal h6{
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 1.25;
}
.payment{
    font-weight: 400;
    font-size: 0.6875rem;
    line-height: 1.25;
    color:var(--white);
    padding:0.125rem 0.3125rem;
    margin-right:0.25rem;
    background-color: var(--black);
    border-radius: 0.1875rem;
}
.deal .tc-text{
font-family: 'Source Sans Pro';
color:var(--grey-1);
font-size: 0.625rem;
line-height: 1.25;
border-top:1px solid rgba(255, 255, 255, .1);
}
.deal .lb::before {
    content: "";
    background: rgba(255, 255, 255, .1);
    position: absolute;
    top: 0;
    left: 10%;
    height: 1px;
    width: 80%;
  }
.btn-review,.btn-deal{
    background: rgba(255, 255, 255, 0.07);
    border-radius: 0.9375rem;
    color:var(--white);
    padding:0.9375rem 1.875rem;
    margin-bottom:0.8125rem;
    display:block;
}
.btn-review:hover{
    border:1px solid rgba(255, 255, 255, 0.07); 
}
.btn-deal{
background: var(--blue);
}
.btn-deal:hover{
    background: var(--blue--hover);
}
.tc-link{
    color:var(--grey-1);
    font-size: 0.625rem;
    line-height: 1.25;

}
.content ul {
	list-style: none;
	padding-left: 0;

}
.content ul li {
	padding-left: 1.5em;
	margin-bottom: 0.5em;
    font-weight: 400;
    font-size: 1rem;
    line-height:1.25;
    position: relative;
}

.content ul li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0.625rem;
	width: 0.375rem;
	height: 0.375rem;
	background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='5' height='5' stroke='%2357C3FF'/%3E%3C/svg%3E%0A");}
ul.pros-lists {
	list-style: none;
	padding-left: 0;

}
ul.pros-lists li {
	padding-left: 1.5em;
	margin-bottom: 0.5em;
    font-weight: 400;
    font-size: 1rem;
    line-height:1.25;
    position: relative;
}

ul.pros-lists li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0.375rem;
	width: 0.4375rem;
	height: 0.4375rem;
	background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='7' height='7' viewBox='0 0 7 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='3.5' x2='3.5' y2='7' stroke='%2357C3FF'/%3E%3Cline x1='7' y1='3.5' y2='3.5' stroke='%2357C3FF'/%3E%3C/svg%3E%0A");
}
ul.cons-lists li::before{
    background-image: url("data:image/svg+xml,%3Csvg width='7' height='1' viewBox='0 0 7 1' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='4.37114e-08' y1='0.5' x2='7' y2='0.500001' stroke='%23CE2828'/%3E%3C/svg%3E%0A");
    top:0.625rem
}
.steps .col-12{
    background: rgba(0, 0, 0, .5);
    border-radius: 15px;
    border:0.625rem solid var(--bg);
}
.steps h2 span{
    display: inline-block;
    vertical-align: middle;
    font-size: 1.5rem;
    line-height: 1.5;

  }
  .steps h2::before {
    counter-increment: section;
    content: counter(section);
    color:var(--blue);
    font-size: 3.375rem;
    margin-right: clamp(0.625rem, 0.7vw, 3.75rem);
     display: inline-block;
     vertical-align: middle;
  }
.page-header .deal .tc-text{
border:none;
}
.faq .accordion-item .accordion-button,.faq .accordion-button:not(.collapsed){
    background: rgba(0, 0, 0, .5);
    border-radius: 0.9375rem; 
    color:var(--white);
    border:none;
    box-shadow:none;
}
.faq .accordion-item .accordion-button[aria-expanded="true"]{
    background: transparent; 
}
.faq .accordion-item{
    background: rgba(0, 0, 0, .7);
    border-radius: 0.9375rem; 
    margin-bottom:1.25rem; 
    color:var(--white);
    font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 400;
border:none;
}
.faq .accordion-button::after{
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='24' viewBox='0 0 21 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.8154 1.88243C8.79947 1.97654 8.79211 2.07178 8.7934 2.16707L8.7934 18.3931L8.62168 18.0393C8.45088 17.6935 8.21841 17.3788 7.93481 17.1095L3.18678 12.5593C2.58985 11.9601 1.62956 11.8594 0.911512 12.3207C0.146344 12.8576 -0.019794 13.8874 0.540492 14.6207C0.585783 14.6799 0.635152 14.7362 0.688277 14.7892L9.27421 23.0174C9.94445 23.6604 11.0317 23.661 11.7027 23.0186C11.7031 23.0182 11.7036 23.0178 11.704 23.0174L20.29 14.7892C20.9596 14.1456 20.9581 13.1037 20.2866 12.4619C20.2337 12.4114 20.1775 12.3642 20.1183 12.3207C19.4002 11.8594 18.4399 11.9601 17.843 12.5593L13.0864 17.1013C12.8342 17.3427 12.6227 17.6203 12.4596 17.9241L12.2278 18.4178L12.2278 2.25763C12.2603 1.41697 11.6476 0.679414 10.7853 0.521484C9.8492 0.375999 8.96727 0.985298 8.8154 1.88243Z' fill='%2334363A'/%3E%3C/svg%3E%0A");
    width: 1.3125rem;
    height: 1.5rem;
}
.faq .accordion-button:not(.collapsed)::after{
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='24' viewBox='0 0 21 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.8154 1.88243C8.79947 1.97654 8.79211 2.07178 8.7934 2.16707L8.7934 18.3931L8.62168 18.0393C8.45088 17.6935 8.21841 17.3788 7.93481 17.1095L3.18678 12.5593C2.58985 11.9601 1.62956 11.8594 0.911512 12.3207C0.146344 12.8576 -0.019794 13.8874 0.540492 14.6207C0.585783 14.6799 0.635152 14.7362 0.688277 14.7892L9.27421 23.0174C9.94445 23.6604 11.0317 23.661 11.7027 23.0186C11.7031 23.0182 11.7036 23.0178 11.704 23.0174L20.29 14.7892C20.9596 14.1456 20.9581 13.1037 20.2866 12.4619C20.2337 12.4114 20.1775 12.3642 20.1183 12.3207C19.4002 11.8594 18.4399 11.9601 17.843 12.5593L13.0864 17.1013C12.8342 17.3427 12.6227 17.6203 12.4596 17.9241L12.2278 18.4178L12.2278 2.25763C12.2603 1.41697 11.6476 0.679414 10.7853 0.521484C9.8492 0.375999 8.96727 0.985298 8.8154 1.88243Z' fill='%2357C3FF'/%3E%3C/svg%3E%0A");
}
.faq .accordion-button:hover::after{
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='24' viewBox='0 0 21 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.8154 1.88243C8.79947 1.97654 8.79211 2.07178 8.7934 2.16707L8.7934 18.3931L8.62168 18.0393C8.45088 17.6935 8.21841 17.3788 7.93481 17.1095L3.18678 12.5593C2.58985 11.9601 1.62956 11.8594 0.911512 12.3207C0.146344 12.8576 -0.019794 13.8874 0.540492 14.6207C0.585783 14.6799 0.635152 14.7362 0.688277 14.7892L9.27421 23.0174C9.94445 23.6604 11.0317 23.661 11.7027 23.0186C11.7031 23.0182 11.7036 23.0178 11.704 23.0174L20.29 14.7892C20.9596 14.1456 20.9581 13.1037 20.2866 12.4619C20.2337 12.4114 20.1775 12.3642 20.1183 12.3207C19.4002 11.8594 18.4399 11.9601 17.843 12.5593L13.0864 17.1013C12.8342 17.3427 12.6227 17.6203 12.4596 17.9241L12.2278 18.4178L12.2278 2.25763C12.2603 1.41697 11.6476 0.679414 10.7853 0.521484C9.8492 0.375999 8.96727 0.985298 8.8154 1.88243Z' fill='%23FFF'/%3E%3C/svg%3E%0A");
}
.w-90{
    width: 90%!important;
}

.swiper-pagination-bg,.swiper-pagination-bg2{
    border-radius: 0.9375rem;  
    background: rgba(0, 0, 0, .5);
    padding:0.75rem 0.875rem;
    margin-top:0.625rem;
}
.swiper-pagination-bullet{
    width: 0.75rem !important;
    height: 0.75rem !important;
    margin: 0 0.5rem !important;  
    }
.swiper-pagination-bg .swiper-pagination-bullet,.swiper-pagination-bg2 .swiper-pagination-bullet{
    background: rgba(52, 54, 58, .9)!important;
}
.swiper-pagination-bg .swiper-pagination-bullet-active,.swiper-pagination-bg2  .swiper-pagination-bullet-active{
    background: var(--blue)!important;
}
.swiper-pagination-bg2 .swiper-pagination{
position: unset !important;
}
.swiper-pagination-bg2 .button-prev svg,.swiper-pagination-bg2 .button-next svg{
    margin-top:-0.25rem;
}
.swiper-pagination-bg .button-next{
    margin-right:-1.25rem;
    }
.swiper-pagination-bg .button-prev{
    margin-left:-1.25rem;
}
.button-prev svg,.button-next svg{
    fill:var(--grey-2)
}
.button-prev:hover svg,.button-next:hover svg{
    fill:var(--blue)
}
.cc-window{
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
    border-radius: 10px!important;
}
.footer-nav a {
color:var(--white);
}
.footer-nav a:hover{
color:var(--blue--hover);
}
.lrb{
border-left:1px solid;
border-right:1px solid;
border-color:  rgba(255, 255, 255, .1);

}
.bt{
    border-top:1px solid;
    border-color:  rgba(255, 255, 255, .1);   
}
.bb{
    border-bottom:1px solid;
    border-color:  rgba(255, 255, 255, .1);  
}
.Yellow{
 color:var(--black);
 background-color: var(--yellow)!important;   
}
.deal-small{
    border-radius: 0.9375rem;
    border: 0.625rem solid var(--bg);
}
.deal-small .nr{
margin-top:-0.4375rem;
}
.swiper-pagination-bg2 .swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bg2  .swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-bg2  .swiper-pagination-custom,.swiper-pagination-bg2  .swiper-pagination-fraction{
    width: auto !important;

}
@media (min-width: 992px){
    .button-next,.button-prev{
    margin:0;
    }
    .dropdown-menu-center {
        right: auto;
        left: 25%;
        -webkit-transform: translate(-25%, 0);
        -o-transform: translate(-25%, 0);
        transform: translate(-25%, 0);
    }   
    .navbar .nav-link:hover::before,.navbar .nav-link[aria-expanded="true"]::before {
        content: "";
        position: absolute;
        left: 35%;
        right: 35%;
        top: 0;
        border: 3px solid var(--blue);
        border-radius: 3px;
        transition: all 1s;
      }
    .navbar .nav-link:hover::after,.navbar .nav-link[aria-expanded="true"]::after {
        content: "";
        position: absolute;
        left: 35%;
        right: 35%;
        bottom: 0;
        border: 3px solid var(--blue);
        border-radius: 3px;
        transition: all 1s;
      }
      .navbar{
        background-color: transparent;
        color: var(--white);
        transition: all 0.5s;
        }
        .navbar-scrolled{
            background-color: var(--bg);
        }
        .navbar-scrolled .container{
            border-bottom:0!important;
            }
            .navbar .container{
            border-bottom:1px solid;
            border-image: linear-gradient(90deg, rgba(78,180,255,0.3) 0%, rgba(78,180,255,0.05) 22.4%, rgba(78,255,255,0.1) 53.6%, rgba(78,255,244,0.2) 100%) 1;
            padding:1.5625rem 0;
            }
            .deal .lb::before {
                content: "";
                background: rgba(255, 255, 255, .1);
                position: absolute;
                bottom: 10%;
                left: 0;
                height: 80%;
                width: 1px;
              }
              
            .swiper-pagination-bg{
                left: 45% !important;
            }
            .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
                width: auto !important;

            }
            .bl{
             border-right:1px solid rgba(255, 255, 255, .1);   
            }
            .dot {
                height: 220px;
                width: 220px;
                background-color: var(--yellow);
                border-radius: 50%;
                display: inline-block;
                margin-right:-180px;
              }
}
 /* width */
 ::-webkit-scrollbar {
    width: 0.3125rem;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: #0A111C;
  }
  
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: var(--blue);
    border-radius: 0.625rem;
  }