:root {
--white: #ffffff;
--black: #000000;
--main: #0a6cff;
--dark-orange:#c42408;
--darkest-orange:#925904;
--title-orange:#C37908;
--light-orange:#FFF5E6;
--light-yellow:#FBF8DC;
--green-casinos: #64c008;
--green-btn: #40475e;
--green-dark:#008905;
--blue-hover: #08aac0;
--brown-btn: #40485f;
--brown-btn-hover: #1e2435;
--brown-img:#302A24;
--brown-bg:#19172e;
--gray: #b8b8b8;
--light-gray:#A3A3A3;
--dark-gray: #575757;
--dark-reddish: #833376;
--pink:#FFE8F1;

--top-menu: #1c1f2c;
}
.fis {

    border-radius: 30px!important;
    width: 2em!important;
    height: 2em!important;

}
a{
text-decoration: none;
color:var(--main);
}
a:hover,.copyright a:hover,.cc-link:hover{
color:var(--main);
}

.cc-link:hover{
    color:var(--main)!important;
    }
body{
background-color: #e5f3ff;
background-size: 100% auto;
font-family: 'Rubik', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 0.875rem;
line-height: 1.57;
color:var(--dark-gray);
overflow-wrap: break-word;
counter-reset: section;
}

.bg-dark {

    background-color: #13141b;

}
h1,h2,h3,h4,h5,h6{
    font-family: 'Rubik', sans-serif;
    font-weight: 600;
    color:var(--black);
}
h1{
    font-size: 3rem;
}
h2{
    font-size: 1.875rem;
}
h3{
    font-size: 1.5rem;
}
h4{
    font-size: 1.25rem;
}
h5{
    font-size:1.125rem;
}
h6{
    font-size:1rem;
}

.intrologo img {

max-height: 100px;

}
.top-bar{
background-color: var(--top-menu);
color:var(--white)
}
.top-bar .fi{
border-radius: 0.3125rem;
width: 1rem!important;
height: 1rem!important;

}
.top-bar .dropdown-menu{
    background-color: var(--top-menu);  
    min-width:auto;
    padding:0;
    border-radius: 0.625rem;
    z-index: 10000;
}
.top-bar .dropdown .d-lg-inline-block, .top-bar .dropdown-menu .d-inline-block{
    margin-left:0.3125rem;
}
.top-bar .btn{
    background-color: rgba(0, 0, 0, .2);
    border-radius: 0.625rem;
    color:var(--white);
    font-size: 0.875rem;
    line-height: 1.57;

}
.top-bar a{
color:var(--white);
padding: 0.375rem 0.75rem;
font-size: 0.875rem;
line-height: 1.57;
}
.top-bar .btn:hover,.top-bar a:hover,.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active{
background-color: var(--main);
border-radius: 0.625rem;
border-color:transparent;
color:var(--white)
}
.navbar{
background-color: var(--white);
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
padding:0;
}
.navbar .nav-link,.provider .bg button.nav-link{
    color:var(--black);
    display: inline-block;
    position: relative;
    padding:.75rem 0;
    font-size: 1rem;

    margin:0 .5rem
}
.navbar .nav-link:hover,.provider .bg button.nav-link:hover,.provider .bg button.nav-link.active{
color:var(--main);
}
.navbar .nav-link::after,.provider .bg button.nav-link::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 5px;
    bottom: 0;
    left: 0;
    background-color: var(--main);
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
    transform: scaleX(0);
}
.navbar .nav-link:hover::after,.providers .bg button.nav-link:hover::after,.provider .bg button.nav-link.active::after{
    transform: scaleX(1);
    transform-origin: bottom left;
}
.nav-logo {

    padding: 6px 0;

}
.nav-logo img {
    height: 60px;



}

.intro-content {

    min-height: 100vh;

}

.content-background{
height: 70vh!important;
width:100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.content .title{
text-align: center;
text-transform: capitalize;
color:var(--dark-gray);
}
.content .title h1{
    text-align: center;
    text-transform: capitalize;
    color:var(--white);
    font-size: 2.5rem;
}
.content ul,.deal ul {
	list-style: square;

}
.content ul li,.deal ul li {
	margin-bottom: 0.5em;
    font-weight: 400;
    position: relative;
}


.content .news .title h1{
color:var(--green-btn);
}
.content .tips .title h1,.content .tips .date{
    color:var(--blue-hover)!important;
}
.deal{
    border: 1px solid var(--main);
    border-radius: 1.25rem;
    background: var(--white);
}
.deal img{
    width:9.375rem;
    height:9.375rem;
    border-radius: 1.25rem;
    object-fit: contain;
    object-position: center;
    background:var(--brown-img);
    max-width:100%;
    }

.deal .btn{
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    border-radius: 0.625rem;
    font-weight: 600;
    font-size: 1rem;
    color:var(--white);
}
.deal .btn-review{
background: var(--brown-btn);
padding:0.5125rem 0;
} 
.deal .stars svg{
    margin-top:-0.3125rem;
}
.deal .stars span{
    font-size: 0.875rem; 
    color:var(--black);
    margin-left:0.3125rem;
}
.deal .btn-review:hover{
    background: var(--brown-btn-hover); 
}  
.deal .deal-box{
    background: #FFF5E5;
border-radius: 1.25rem;
}
 .btn-deal,.cc-theme-classic .cc-btn:last-child{
background:var(--green-btn)!important;
padding:0.8125rem 0;
}
 .btn-deal:hover,.cc-theme-classic .cc-btn:last-child:hover{
    background: var(--main)!important;
}
.welcome .btn-deal{
    color:var(--white);
    font-weight:700;
}
.deal .btn-deal svg{
height: 20px;
width: 20px;
}

.deal .btn-deal svg *{
    fill: white;
}

.deal .badge{
    background: var(--main);
    border-radius: 0.625rem;    
    padding:0.375rem 0.8125rem;
    font-weight: 600;
    font-size: 1rem;
    margin-bottom:0.875rem
}


.red.deal .badge{
    background: var(--dark-orange);
}
.green.deal .badge{
    background: var(--green-dark);
}


.green-badge {

    background: var(--main);
    border-radius: 0.325rem;    
    padding:0.275rem 0.5125rem;
    font-weight: 600;
    font-size: .85rem;
    line-height: 1;

}

.blog-box {

    background: white;
    padding: 1.25rem;
    border-radius: 1.25rem;  

}

.blog-img img {

        border-radius: 1rem;  

}

.deal .tc{
    font-size: 0.625rem;
    text-transform: capitalize;
}
.deal.long-deal img{
    margin-top: -0.0625rem; 
    margin-left:-0.0625rem;
    width: calc(100% + 2px);
    max-width:calc(100% + 2px);
}
.deal.rev img{
    max-height:12.5rem;
    height:100%;
    width:100%;
    margin-top: -0.0625rem; 
    margin-left:-0.0625rem;
    width: calc(100% + 2px);
    max-width:calc(100% + 2px);
}
.review-promoted .bg{
    margin-top:1.25rem;
    padding:3.25rem 0;
    border-radius: 3.125rem;
    background-color: #18382f; 
    color:var(--white);
}
.review-promoted h2{
margin-bottom:1.5rem;
color:var(--white);
}
.provider .bg{
    border: 1px solid var(--main);
    background: var(--white);
    border-radius: 1.25rem;   
}
.provider h5{
color:var(--main);
}
.why-us .bg{
    margin-top:1.25rem;
    padding:3.25rem 0;
    border-radius: 3.125rem;
    background-color: #07141e;
    color: white;

}

.why-us .bg, .breadcrumb{
    padding:3.25rem 0;
    border-radius: 3.125rem;
    background-color: #0b314e;
    color: white;

}

.why-us h2{
    color: white;
}
.why-us .block-bg{
    border: 1px solid var(--green-btn);
    background: var(--white);
    border-radius: 1.25rem;  
    color: #222;  
}
.deal.review {
    background: #0c1f18;
    border:0;
    color:var(--white);
}

.deal ul {

    padding-left: 0;
    list-style: none;

}
.deal ul li {
    padding-left: 1.875rem;

}
 .deal ul li::before {
	content: '';
	position: absolute;
	left: 0;
	width: 1.25rem;
	height:1.25rem;
	background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20' height='20' rx='6' fill='%2308C05D'/%3E%3Cg clip-path='url(%23clip0_10724_19455)'%3E%3Cpath d='M15.7212 5.96136C15.3499 5.58959 14.747 5.58982 14.3752 5.96136L8.31744 12.0194L5.62503 9.32697C5.25325 8.95519 4.65061 8.95519 4.27883 9.32697C3.90706 9.69874 3.90706 10.3014 4.27883 10.6732L7.6442 14.0385C7.82998 14.2243 8.07357 14.3174 8.31719 14.3174C8.5608 14.3174 8.80463 14.2245 8.9904 14.0385L15.7212 7.30753C16.0929 6.93602 16.0929 6.33311 15.7212 5.96136Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_10724_19455'%3E%3Crect width='12' height='12' fill='white' transform='translate(4 4)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    top:0;
    bottom:0;
    margin: auto 0;
}

.deal ul.cons-lists li::before {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20' height='20' rx='6' fill='%23575757'/%3E%3Cg clip-path='url(%23clip0_10725_12)'%3E%3Cpath d='M11.3217 9.99961L15.8083 5.51278C15.9317 5.38927 15.9998 5.22449 16 5.04878C16 4.87298 15.9319 4.708 15.8083 4.58468L15.4151 4.19161C15.2915 4.0678 15.1267 4 14.9508 4C14.7752 4 14.6104 4.0678 14.4868 4.19161L10.0002 8.67815L5.51337 4.19161C5.38995 4.0678 5.22507 4 5.04927 4C4.87366 4 4.70878 4.0678 4.58537 4.19161L4.192 4.58468C3.936 4.84068 3.936 5.25707 4.192 5.51278L8.67873 9.99961L4.192 14.4862C4.06849 14.61 4.00049 14.7747 4.00049 14.9504C4.00049 15.1261 4.06849 15.2909 4.192 15.4145L4.58527 15.8076C4.70868 15.9313 4.87366 15.9992 5.04917 15.9992C5.22498 15.9992 5.38985 15.9313 5.51327 15.8076L10.0001 11.321L14.4867 15.8076C14.6103 15.9313 14.7751 15.9992 14.9507 15.9992H14.9509C15.1266 15.9992 15.2914 15.9313 15.415 15.8076L15.8082 15.4145C15.9316 15.291 15.9997 15.1261 15.9997 14.9504C15.9997 14.7747 15.9316 14.61 15.8082 14.4863L11.3217 9.99961Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_10725_12'%3E%3Crect width='12' height='12' fill='white' transform='translate(4 4)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.deal .nr{
background-color: var(--black);
border-radius: 0.625rem;
width:1.875rem;
height:1.875rem;
font-weight: 600;
font-size: 1rem;
margin-top:-0.3125rem;
text-align: center;
color:var(--white);
}
.deal .gold{
    background-color: var(--main);
}
.deal.review .stars span{
color:var(--white);
}
.deal .dep{
color: var(--light-gray);
}
.deal .dep span{
color:var(--black);
margin-left:0.3125rem;
}

.long-deal .nr{
margin:0.3125rem;
}
footer .bg{
margin-top:1.25rem;
padding:3.25rem 0;
border-radius: 3.125rem;
background-color: var(--brown-bg);
}
footer {

    color: var(--gray);

}

article.news, article.tips,.home-top{
    border-radius: 1.25rem;
    overflow: hidden;
    font-weight: 600;
    font-size: 1.125rem;

}
.news .title img,.tips .title img,.home-top img{
border-radius: 1.25rem;
}
article.news a, article.tips a,.home-top h4{
    color:var(--white)
}

article.tips img, article.news img {

    transition: all 0.3s ease-in-out;

}

article.tips:hover img, article.news:hover img  {

    scale: 110%;

}

article .bg, .home-top .bg{
    background: rgba(0, 0, 0, .5);
}
.home-top {
border:3px solid transparent;
}

.home-top img {
    transition: all 0.3s ease-in-out;
}

.home-top h4 {

    font-size: 2rem;

}

.home-top:hover img {

    scale: 115%;

}


.news .badge,.tips .badge{
    border-radius: 0.625rem;
    background: var(--green-btn);
    font-weight: 600;
font-size: 1rem;
color:var(--white);
}
.news .date,.tips .date{
    font-weight: 600;
    font-size: 1rem; 
    color:var(--green-btn);
}

.tips .badge {
    background:var(--blue-hover);
}
.news .badge.alt {
    background: var(--dark-reddish);
}
footer hr{
    margin:2.8125rem 0;
}
footer h4{
    color:var(--white);
    margin-bottom:1.5rem;
}
footer ul{
    list-style-type:none;
    margin-block-start:0;
    padding-inline-start:0;
  }
footer ul li a{
    line-height: 2;
    color: var(--gray);
}
.copyright{
margin-top:1.1875rem;
}
.copyright,.copyright a{
    color:var(--black);
}
.copyright a{
margin-right:1.5625rem;
font-weight: 600;
}
.mt-80{
    margin-top:-70vh!important;
}
.orange{
    background: #272533;
    border-radius: 1.25rem;
    color:var(--white);
}
.orange img{
    margin-left:-0.0625rem;
    height: 100%;
    width: calc(100% + 2px);
    max-width:calc(100% + 2px);
    border-radius: 1.25rem;
}

.orange h2{
    color:var(--white);
    margin-bottom: 1rem;
}
.redish{
background-color:var(--pink) ;
border-color:var(--dark-reddish);
color:var(--dark-reddish);
}
.redish h2{
    color:var(--dark-reddish);
}
.arrow-prev,.arrow-next{
    border: 0;
    height:2.25rem;
    width:1.3125rem;
    top:50%;
    margin-top:-1.125rem;
    background-color: transparent!important;
}
.arrow-prev.swiper-button-disabled, .arrow-next.swiper-button-disabled {
    opacity: .15;
    cursor: auto;
    pointer-events: none;
}
#tips-next,#screen-next{
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='36' viewBox='0 0 21 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.687656 35.3123C-0.229219 34.3954 -0.229219 32.9091 0.687656 31.9922L14.6796 18L0.687656 4.00799C-0.229219 3.09112 -0.229219 1.60453 0.687656 0.687656C1.60453 -0.229219 3.09112 -0.229219 4.0079 0.687656L19.6601 16.34C20.1006 16.7801 20.3479 17.3774 20.3479 18C20.3479 18.6227 20.1006 19.22 19.6601 19.6601L4.0079 35.3123C3.09112 36.2292 1.60453 36.2292 0.687656 35.3123Z' fill='%2308AAC0'/%3E%3C/svg%3E%0A");
    margin-right:-2.5rem;
}
#tips-prev,#screen-prev{
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='36' viewBox='0 0 21 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.66 0.687679C20.5769 1.60458 20.5769 3.09092 19.66 4.00783L5.66809 18L19.66 31.992C20.5769 32.9089 20.5769 34.3955 19.66 35.3123C18.7431 36.2292 17.2565 36.2292 16.3398 35.3123L0.687551 19.66C0.247098 19.2199 -0.000206382 18.6226 -0.000206327 18C-0.000206273 17.3773 0.247099 16.78 0.687551 16.3399L16.3398 0.687679C17.2565 -0.229229 18.7431 -0.229229 19.66 0.687679Z' fill='%2308AAC0'/%3E%3C/svg%3E%0A");
    margin-left:-2.5rem;
}

#news-next{
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='36' viewBox='0 0 21 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.687656 35.3123C-0.229219 34.3954 -0.229219 32.9091 0.687656 31.9922L14.6796 18L0.687656 4.00799C-0.229219 3.09112 -0.229219 1.60453 0.687656 0.687656C1.60453 -0.229219 3.09112 -0.229219 4.0079 0.687656L19.6601 16.34C20.1006 16.7801 20.3479 17.3774 20.3479 18C20.3479 18.6227 20.1006 19.22 19.6601 19.6601L4.0079 35.3123C3.09112 36.2292 1.60453 36.2292 0.687656 35.3123Z' fill='%2308C05D'/%3E%3C/svg%3E%0A");
    margin-right:-2.5rem;
}
#news-prev{
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='36' viewBox='0 0 21 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.66 0.687679C20.5769 1.60458 20.5769 3.09092 19.66 4.00783L5.66809 18L19.66 31.992C20.5769 32.9089 20.5769 34.3955 19.66 35.3123C18.7431 36.2292 17.2565 36.2292 16.3398 35.3123L0.687551 19.66C0.247098 19.2199 -0.000206382 18.6226 -0.000206327 18C-0.000206273 17.3773 0.247099 16.78 0.687551 16.3399L16.3398 0.687679C17.2565 -0.229229 18.7431 -0.229229 19.66 0.687679Z' fill='%2308C05D'/%3E%3C/svg%3E%0A");
    margin-left:-2.5rem;
}
.or{
color:var(--dark-orange);
}
.gr{
color:var(--green-dark);
}
.green{
border-color:var(--green-casinos);
}
.red{
border-color:var(--dark-orange);
}


.rounded{
    border-radius: 1.25rem!important;
}
.faq .accordion-item .accordion-button,.faq .accordion-button:not(.collapsed){
    border-radius: 0.9375rem; 
    background: #1a1f36;
    color: white;
    border:none;
    box-shadow:none;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.5;
}
.faq .accordion-item .accordion-button:not(.collapsed) {

    color: black;

}


.faq .accordion-item .accordion-button.collapsed {
    border-bottom-right-radius:0.9375rem;
    border-bottom-left-radius: 0.9375rem;
}
.faq .accordion-item:hover .accordion-button{
    color:var(--brown-btn-hover);
}
.faq .accordion-item .accordion-button[aria-expanded="true"]{
    background: transparent; 
    border-bottom:1px solid transparent;
    border-radius: 0;
}
.faq .accordion-item{
    background: white;
    color: black;
    border-radius: 0.9375rem; 
    margin-bottom:1.25rem; 
    font-style: normal;
    font-weight: 400;
    border: 1px solid var(--brown-btn);
}
.faq .accordion-item:hover{
    border-color:var(--brown-btn-hover);
}
.faq .accordion-button:not(.collapsed)::after {
    width: 1.25rem;
    height: 0.8125rem;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='13' viewBox='0 0 20 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.9997 1.51639C20.0062 1.22079 19.9205 0.930517 19.7544 0.685915C19.5883 0.441314 19.35 0.25454 19.0728 0.151564C18.7957 0.0485867 18.4934 0.0345227 18.2078 0.111326C17.9223 0.18813 17.6679 0.351985 17.4799 0.580111L10.023 9.28442L2.56877 0.580111C2.45279 0.422305 2.30554 0.290145 2.13611 0.19191C1.96669 0.0936748 1.77875 0.0314798 1.58418 0.00921912C1.3896 -0.0130415 1.19257 0.00511224 1.00534 0.0625434C0.818104 0.119975 0.64469 0.215445 0.496061 0.342978C0.347433 0.470511 0.226871 0.627358 0.141668 0.803697C0.0564651 0.980035 0.00860972 1.17207 0.00105852 1.36777C-0.00649078 1.56346 0.0263347 1.75861 0.0976962 1.94099C0.16906 2.12337 0.277307 2.28905 0.415666 2.42766L8.94226 12.3933C9.07582 12.5498 9.24158 12.6755 9.42841 12.7616C9.61523 12.8478 9.81857 12.8924 10.0243 12.8924C10.2301 12.8924 10.4334 12.8478 10.6202 12.7616C10.807 12.6755 10.973 12.5498 11.1065 12.3933L19.6413 2.42766C19.8649 2.17591 19.9917 1.85301 19.9997 1.51639Z' fill='%232E251D'/%3E%3C/svg%3E%0A");
    transform: var(--bs-accordion-btn-icon-transform);
}
.faq .accordion-button::after{
    width: 1.25rem;
    height: 0.8125rem;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='13' viewBox='0 0 20 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.9997 1.51639C20.0062 1.22079 19.9205 0.930517 19.7544 0.685915C19.5883 0.441314 19.35 0.25454 19.0728 0.151564C18.7957 0.0485867 18.4934 0.0345227 18.2078 0.111326C17.9223 0.18813 17.6679 0.351985 17.4799 0.580111L10.023 9.28442L2.56877 0.580111C2.45279 0.422305 2.30554 0.290145 2.13611 0.19191C1.96669 0.0936748 1.77875 0.0314798 1.58418 0.00921912C1.3896 -0.0130415 1.19257 0.00511224 1.00534 0.0625434C0.818103 0.119975 0.644689 0.215445 0.496061 0.342978C0.347433 0.470511 0.226871 0.627358 0.141668 0.803697C0.0564649 0.980035 0.00860986 1.17207 0.00105916 1.36777C-0.00649154 1.56346 0.0263344 1.75861 0.0976969 1.94099C0.169059 2.12337 0.277307 2.28905 0.415666 2.42766L8.94226 12.3933C9.07582 12.5498 9.24158 12.6755 9.42841 12.7616C9.61523 12.8478 9.81857 12.8924 10.0243 12.8924C10.2301 12.8924 10.4334 12.8478 10.6202 12.7616C10.807 12.6755 10.973 12.5498 11.1065 12.3933L19.6413 2.42766C19.8649 2.17591 19.9917 1.85301 19.9997 1.51639Z' fill='%23fff'/%3E%3C/svg%3E%0A");
}
.gray-border{
   border-color:var(--dark-gray); 
}
.element{
    background: var(--brown-btn);
    border-radius: 0.625rem;
    color:var(--white);
    font-weight: 600;
    display:inline-block;
    margin-right:0.3125rem;
    margin-bottom:0.3125rem;
    padding:0.1875rem 0.625rem;
}
.intro{
    border: 1px solid var(--main);
    border-radius: 1.25rem;
    background: var(--white);
    padding:3rem;
}
@media (min-width: 992px){
    .intro{
    width:60%;
    }
    .deal.long-deal img{
        height: calc(100% + 2px);  
        width: 100%;
    }

    .orange img{
        width: 100%;
        margin-left:-0.125rem;
    }
    
    .deal .stars span{
        font-size: 0.875rem; 
        margin-left:0.625rem;
    }
    footer .bg,.review-promoted .bg,.why-us .bg, .breadcrumb{
        margin:1.125rem 1.125rem;
    }

    .orange .col-lg-8,.orange .p-f{
        padding:2.5rem 3.125rem;
    }
    .orange img.right{
    margin-left: 0.3125rem;
    }
    #screen-next{
        margin-right:-5.9375rem;
    }
    #screen-prev{
        margin-left:-5.9375rem;
    }
    
}
 /* width */
 ::-webkit-scrollbar {
    width: 0.3125rem;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: var(--gray);
  }
  
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: var(--main);
    border-radius: 0.625rem;
  }