/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/css.css to edit this template
*/
/* 
    Created on : 11.10.2021, 20:55:24
    Author     : Vlad0sMiner
*/
html, body{
overflow-x:hidden
}

body {
display: flex;
flex-direction: column;
min-height: 100vh;
overflow:auto;
margin: 0;
padding: 0;
background: linear-gradient(117deg, rgba(27,27,28,1) 0%, rgba(43,43,43,1) 100%);
}

.header{
}

.container{
    width: 87%;
    margin: 0 auto;
    /*border: 1px solid;*/
    height: 100%;
}

.d-flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.logo{
    padding: 34px 0;
    width: 202px;
    height: 37px;
}


.menu{
    margin-left: 150px;
}

.menu1__box{
    display: none;
}

.menu1_item{
    display: none;
}

.menu1__item{
    display: none;
}

.menu1__btn{
    display: none;
}
.menu__item{
    margin-right: 60px;
    padding: 41px 0;
}

.menu__item a {
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    letter-spacing: 2px;
    color: white;
    text-decoration: none;
}

.menu__item a:hover {
    color: red;
}

.online{
   font-family: 'Montserrat', sans-serif;
   font-style: normal;
   font-weight: 400;
   font-size: 24px;
   letter-spacing: 2px;
   color: white;
   text-decoration: none;
   padding: 41px 0;
   margin-left: auto;
}

ul,li{
    display: block;
    margin: 0;
    padding: 0;
}

.offer{
    background: #00000012;
    width: 70%;
}

.group{
    background: #00000012;
    width: 30%;
    margin-left: 50px;
}

.group p{
   font-family: 'Montserrat', sans-serif;
   font-style: normal;
   font-weight: 400;
   font-size: 24px;
   color: #fff;
   letter-spacing: 2px;
   margin-top: 30%;
}

.server{
    margin-left: 50px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.server_item{
    margin-right: 20px;
}

.server_item a {
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    letter-spacing: 2px;
    color: white;
    text-decoration: none;
}

.server_item a:hover {
    color: red;
}

.server_item li:active {
    color: red;
}

.offer{
    background: #00000012;
}

.offer p{
   font-family: 'Montserrat', sans-serif;
   font-style: normal;
   font-weight: 400;
   font-size: 48px;
   color: #fff;
   letter-spacing: 2px;
   margin-left: 50px;
}

.product_div{
    width: 90%;
    height: auto;
    margin-left: 25px;
}

.product_frame{
    background: #00000025;
    width: 230px;
    margin-left: 25px;
    margin-top: 25px;
	padding-bottom: 25px;
}

.product_frame p{
   font-family: 'Montserrat', sans-serif;
   font-style: normal;
   font-weight: 400;
   font-size: 18px;
   color: #fff;
   letter-spacing: 2px;
   margin-left: auto;
}

.products_list_optimize{
	display: flex;
	flex-wrap: wrap;
}

.product_frame_text{
	height: 100px;
}

.buy{
   font-family: 'Montserrat', sans-serif;
   font-style: normal;
   font-weight: 400;
   font-size: 18px;
   color: #fff;
   letter-spacing: 2px;
   background: linear-gradient(90deg, rgba(182,69,49,1) 0%, rgba(182,50,144,1) 100%);
   border-radius: 10px;
   width: 170px;
   height: 40px;
   outline-style: none;
   border: 0;
}

.buy:hover{
	background: linear-gradient(90deg, rgba(55,49,182,1) 0%, rgba(182,50,77,1) 100%);
}


.mobilepaybtn{
   font-family: 'Montserrat', sans-serif;
   font-style: normal;
   font-weight: 400;
   font-size: 18px;
   color: #fff;
   letter-spacing: 2px;
   background: linear-gradient(90deg, rgba(182,69,49,1) 0%, rgba(182,50,144,1) 100%);
   border-radius: 10px;
   width: 170px;
   height: 40px;
   outline-style: none;
   border: 0;
   margin-left: 25px;
}

.mobilepaybtn:hover{
	background: linear-gradient(90deg, rgba(55,49,182,1) 0%, rgba(182,50,77,1) 100%);
}


.inner {
	height: 100%;
	width: 100%;
	margin: auto;
	
}

footer p{
   font-family: 'Montserrat', sans-serif;
   font-style: normal;
   font-weight: 400;
   font-size: 18px;
   color: #fff;
   letter-spacing: 2px;
}


.popupmain{
	width: 100%;
	height: 100vh;
	margin: auto auto;
	padding: 15px;
	position: fixed;
	background:rgba(0,0,0,.7);
}

.popup_frame{
	margin: auto auto;
	padding: 2% 5%;
	position: relative;
	z-index: 1px;
	background: #1a1616;
	min-width: 20%;
	max-width: 25%;
	top: 15%;
}

.choose_donate_p{
   font-family: 'Montserrat', sans-serif;
   font-style: normal;
   font-weight: 400;
    font-size: 26px;
	color: white;
}

.pay_mobile_text{
   font-family: 'Montserrat', sans-serif;
   font-style: normal;
   font-weight: 400;
    font-size: 18px;
	color: white;
}

.choose_buy{
   font-family: 'Montserrat', sans-serif;
   font-style: normal;
   font-weight: 400;
   font-size: 22px;
   color: #fff;
   letter-spacing: 1px;
   background: rgb(182,69,49);
   background: linear-gradient(90deg, rgba(182,69,49,1) 0%, rgba(182,50,144,1) 100%);
   border-radius: 10px;
   height: 40px;
   outline-style: none;
   border: 0;
}

.choose_buy:hover{
background: rgb(55,49,182);
background: linear-gradient(90deg, rgba(55,49,182,1) 0%, rgba(182,50,77,1) 100%);
}

.contact-form{
   font-family: 'Montserrat', sans-serif;
   font-style: normal;
   font-weight: 400;
	width: 100%;
	height: 45px;
	margin-top: 25px;
	background: #211e1e;
	text-align:center;
	border: 0;
	font-size: 24px;
	color: white;
}

.closebtn{
	background: #1a1616;
	color:white;
	border-radius: 0px;
	border: 0;
	position: absolute;
	top:5px;
    right: 5px;
}

.btnpay{
	border:none;
	width:100%;
}

.choose_donate_grid{
	display: inline-grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 10px;
	grid-auto-rows: minmax(100px, auto);
	grid-auto-columns: minmax(100px, auto);
	width: 100%;
}

.choose_donate_grid button {
	background-position: center;
}

.product_frame_img{
	margin-bottom: 10px;
}

.a_footer{
	color:white;
	text-decoration: none;
}

.a_footer:hover{
	color:yellow;
}

@media screen and (min-width: 2161px) and (max-width: 3850px) {

.popup_frame{
	min-width: 20%;
	max-width: 20%;
	margin: auto auto;
	padding: 2% 5%;
	position: relative;
	z-index: 1px;
	top: 15%;
	background: #1a1616; 
}

}

@media screen and (min-width: 1921px) and (max-width: 2160px) {

.popup_frame{
	min-width: 20%;
	max-width: 25%;
	margin: auto auto;
	padding: 2% 5%;
	position: relative;
	z-index: 1px;
	top: 15%;
	background: #1a1616; 
}

.product_frame_text{
	height: 100px;
}

.offer{
    width: 70%;
}

.group{
    width: 30%;
}

.group p{
   margin-top: 152px;
}


}

@media screen and (min-width: 1690px) and (max-width: 1921px) {

.choose_donate_p{
   font-family: 'Montserrat', sans-serif;
   font-style: normal;
   font-weight: 400;
    font-size: 22px;
	color: white;
}

.pay_mobile_text{
   font-family: 'Montserrat', sans-serif;
   font-style: normal;
   font-weight: 400;
    font-size: 14px;
	color: white;
}

.mobilepaybtn{
   font-size: 14px;
}

.popup_frame{
	min-width: 20%;
	max-width: 20%;
	margin: auto auto;
	padding: 2% 5%;
	position: relative;
	z-index: 1px;
	top: 15%;
	background: #1a1616; 
}

.product_frame_text{
	height: 66px;
}

.container{
    width: 87%;
    /*border: 1px solid;*/
    height: 100%;
}

.server{
    margin-left: 50px;
}

.server_item{
    margin-right: 20px;
}

.server_item a {
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 2px;
    color: white;
    text-decoration: none;
}

.server_item a:hover {
    color: red;
}

.server_item li:active {
    color: red;
}

.offer{
    background: #00000012;
    width: 70%;
}

.group{
    width: 30%;
    margin-left: 50px;
}

.offer p{
   font-family: 'Montserrat', sans-serif;
   font-style: normal;
   font-weight: 400;
   font-size: 24px;
   color: #fff;
   letter-spacing: 2px;
   margin-left: 50px;
}

.product_frame{
    display: inline-block;
    background: #00000025;
    width: 152px;
    margin-left: 24px;
    margin-top: 25px;
}

.min{
width: 70%;
height: 70%;
}

.product_frame p{
   font-family: 'Montserrat', sans-serif;
   font-style: normal;
   font-weight: 400;
   font-size: 12px;
   color: #fff;
   letter-spacing: 2px;
   margin-left: auto;
}

.buy{
   font-family: 'Montserrat', sans-serif;
   font-style: normal;
   font-weight: 400;
   font-size: 14px;
   color: #fff;
   letter-spacing: 2px;
   background: rgb(182,69,49);
   background: linear-gradient(90deg, rgba(182,69,49,1) 0%, rgba(182,50,144,1) 100%);
   border-radius: 10px;
   width: 130px;
   height: 30px;
   outline-style: none;
   border: 0;
}

.buy:hover{
background: rgb(55,49,182);
background: linear-gradient(90deg, rgba(55,49,182,1) 0%, rgba(182,50,77,1) 100%);
}

footer p{
   font-family: 'Montserrat', sans-serif;
   font-style: normal;
   font-weight: 400;
   font-size: 18px;
   color: #fff;
   letter-spacing: 2px;
}

.online{
   font-size: 16px;
   padding: 43px 0;
}

.menu__item a {
    font-size: 16px;
}

.menu__item{
    margin-right: 30px;
}

.offer{
    width: auto;
}

.group{
    width: auto;
}

.group p{
   font-size: 18px;
   margin-top: 50px;
}

.mobile{
    display: inline-block;
    clear:both;
}


}

@media screen and (min-width: 1428px) and (max-width: 1690px) {

.choose_donate_p{
   font-family: 'Montserrat', sans-serif;
   font-style: normal;
   font-weight: 400;
    font-size: 18px;
	color: white;
}

.pay_mobile_text{
   font-family: 'Montserrat', sans-serif;
   font-style: normal;
   font-weight: 400;
    font-size: 14px;
	color: white;
}

.mobilepaybtn{
   font-family: 'Montserrat', sans-serif;
   font-style: normal;
   font-weight: 400;
   font-size: 12px;
   color: #fff;
   letter-spacing: 2px;
   background: linear-gradient(90deg, rgba(182,69,49,1) 0%, rgba(182,50,144,1) 100%);
   border-radius: 10px;
   width: 170px;
   height: 40px;
   outline-style: none;
   border: 0;
   margin-left: 25px;
}

.popup_frame{
	min-width: 25%;
	max-width: 25%;
	margin: auto auto;
	padding: 2% 5%;
	position: relative;
	z-index: 1px;
	top: 10%;
	background: #1a1616; 
}

.container{
    width: 87%;
    /*border: 1px solid;*/
    height: 100%;
}

.product_frame_text{
	height: 66px;
}

.server{
    margin-left: 50px;
}

.server_item{
    margin-right: 20px;
}

.server_item a {
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 2px;
    color: white;
    text-decoration: none;
}

.server_item a:hover {
    color: red;
}

.server_item li:active {
    color: red;
}

.offer{
    background: #00000012;
}

.offer p{
   font-family: 'Montserrat', sans-serif;
   font-style: normal;
   font-weight: 400;
   font-size: 24px;
   color: #fff;
   letter-spacing: 2px;
   margin-left: 50px;
}

.product_frame{
    display: inline-block;
    background: #00000025;
    width: 152px;
    margin-left: 24px;
    margin-top: 25px;
}

.min{
width: 70%;
height: 70%;
}

.product_frame p{
   font-family: 'Montserrat', sans-serif;
   font-style: normal;
   font-weight: 400;
   font-size: 12px;
   color: #fff;
   letter-spacing: 2px;
   margin-left: auto;
}

.buy{
   font-family: 'Montserrat', sans-serif;
   font-style: normal;
   font-weight: 400;
   font-size: 14px;
   color: #fff;
   letter-spacing: 2px;
   background: rgb(182,69,49);
   background: linear-gradient(90deg, rgba(182,69,49,1) 0%, rgba(182,50,144,1) 100%);
   border-radius: 10px;
   width: 130px;
   height: 30px;
   outline-style: none;
   border: 0;
}

.buy:hover{
background: rgb(55,49,182);
background: linear-gradient(90deg, rgba(55,49,182,1) 0%, rgba(182,50,77,1) 100%);
}

footer p{
   font-family: 'Montserrat', sans-serif;
   font-style: normal;
   font-weight: 400;
   font-size: 18px;
   color: #fff;
   letter-spacing: 2px;
}

.online{
   font-size: 16px;
   padding: 43px 0;
}

.menu__item a {
    font-size: 16px;
}

.menu__item{
    margin-right: 30px;
}

.offer{
    width: auto;
}

.group{
    width: auto;
}

.group p{
   font-size: 18px;
   margin-top: 50px;
}

.mobile{
    display: inline-block;
    clear:both;
}

}

@media screen and (min-width: 1280px) and (max-width: 1428px) {

.popup_frame{
	min-width: 20%;
	max-width: 40%;
	margin: auto auto;
	padding: 2% 5%;
	position: relative;
	z-index: 1px;
	top: 15%;
	background: #1a1616; 
}

.container{
    width: 87%;
    /*border: 1px solid;*/
    height: 100%;
}

.product_frame_text{
	height: 66px;
}

.server{
    margin-left: 50px;
}

.server_item{
    margin-right: 20px;
}

.server_item a {
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 2px;
    color: white;
    text-decoration: none;
}

.server_item a:hover {
    color: red;
}

.server_item li:active {
    color: red;
}

.offer{
    background: #00000012;
}

.offer p{
   font-family: 'Montserrat', sans-serif;
   font-style: normal;
   font-weight: 400;
   font-size: 24px;
   color: #fff;
   letter-spacing: 2px;
   margin-left: 50px;
}

.product_frame{
    display: inline-block;
    background: #00000025;
    width: 152px;
    margin-left: 24px;
    margin-top: 25px;
}

.min{
width: 70%;
height: 70%;
}

.product_frame p{
   font-family: 'Montserrat', sans-serif;
   font-style: normal;
   font-weight: 400;
   font-size: 12px;
   color: #fff;
   letter-spacing: 2px;
   margin-left: auto;
}

.buy{
   font-family: 'Montserrat', sans-serif;
   font-style: normal;
   font-weight: 400;
   font-size: 14px;
   color: #fff;
   letter-spacing: 2px;
   background: rgb(182,69,49);
   background: linear-gradient(90deg, rgba(182,69,49,1) 0%, rgba(182,50,144,1) 100%);
   border-radius: 10px;
   width: 130px;
   height: 30px;
   outline-style: none;
   border: 0;
}

.buy:hover{
background: rgb(55,49,182);
background: linear-gradient(90deg, rgba(55,49,182,1) 0%, rgba(182,50,77,1) 100%);
}

footer p{
   font-family: 'Montserrat', sans-serif;
   font-style: normal;
   font-weight: 400;
   font-size: 18px;
   color: #fff;
   letter-spacing: 2px;
}

.online{
   font-size: 16px;
   padding: 43px 0;
}

.menu__item a {
    font-size: 16px;
}

.menu__item{
    margin-right: 30px;
}

.offer{
    width: auto;
}

.group{
    width: auto;
}

.group p{
   font-size: 18px;
   margin-top: 50px;
}

.mobile{
    display: inline-block;
    clear:both;
}

}

@media screen and (min-width: 800px) and (max-width: 1280px) {

.popup_frame{
	min-width: 30%;
	max-width: 50%;
	margin: auto auto;
	padding: 2% 5%;
	position: relative;
	z-index: 1px;
	top: 15%;
	background: #1a1616; 
}

.product_frame_text{
	height: 66px;
}

.container{
    width: 87%;
    height: 100%;
    flex-wrap: wrap;
}

.server{
    margin-left: 50px;
}

.server_item{
    margin-right: 20px;
}

.server_item a {
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 2px;
    color: white;
    text-decoration: none;
}

.server_item a:hover {
    color: red;
}

.server_item li:active {
    color: red;
}

.offer{
    background: #00000012;
}

.offer p{
   font-family: 'Montserrat', sans-serif;
   font-style: normal;
   font-weight: 400;
   font-size: 24px;
   color: #fff;
   letter-spacing: 2px;
   margin-left: 50px;
}

.product_frame{
    display: inline-block;
    background: #00000025;
    width: 152px;
    margin-left: 24px;
    margin-top: 25px;
}

.min{
width: 70%;
height: 70%;
}

.product_frame p{
   font-family: 'Montserrat', sans-serif;
   font-style: normal;
   font-weight: 400;
   font-size: 12px;
   color: #fff;
   letter-spacing: 2px;
   margin-left: auto;
}

.buy{
   font-family: 'Montserrat', sans-serif;
   font-style: normal;
   font-weight: 400;
   font-size: 14px;
   color: #fff;
   letter-spacing: 2px;
   background: rgb(182,69,49);
   background: linear-gradient(90deg, rgba(182,69,49,1) 0%, rgba(182,50,144,1) 100%);
   border-radius: 10px;
   width: 130px;
   height: 30px;
   outline-style: none;
   border: 0;
}

.buy:hover{
background: rgb(55,49,182);
background: linear-gradient(90deg, rgba(55,49,182,1) 0%, rgba(182,50,77,1) 100%);
}

footer p{
   font-family: 'Montserrat', sans-serif;
   font-style: normal;
   font-weight: 400;
   font-size: 18px;
   color: #fff;
   letter-spacing: 2px;
}

.online{
   font-size: 20px;
   padding: 43px 0;
   margin-left: 10%;
}

.menu__item a {
    font-size: 16px;
    display: none;
}

.menu__item{
    margin-right: 30px;
    display: none;
}

.offer{
    width: 100%;
}

.group{
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
}

.group p{
   font-size: 18px;
   margin-top: 0px;
}

.mobile{
    display: inline-block;
    clear:both;
}



#menu1__toggle {
  opacity: 0;
}

#menu1__toggle:checked ~ .menu1__btn > span {
  transform: rotate(45deg);
}
#menu1__toggle:checked ~ .menu1__btn > span::before {
  top: 0;
  transform: rotate(0);
}
#menu1__toggle:checked ~ .menu1__btn > span::after {
  top: 0;
  transform: rotate(90deg);
}
#menu1__toggle:checked ~ .menu1__box {
  visibility: visible;
  left: 82%;
}

.menu1__btn {
  display: flex;
  align-items: center;
  position: fixed;
  top: 40px;
  right: 20px;
  width: 26px;
  height: 26px;

  cursor: pointer;
  z-index: 1;
}

.menu1__btn > span,
.menu1__btn > span::before,
.menu1__btn > span::after {
  display: block;
  position: absolute;

  width: 100%;
  height: 2px;

  background-color: #616161;

  transition-duration: .25s;
}
.menu1__btn > span::before {
  content: '';
  top: -8px;
}
.menu1__btn > span::after {
  content: '';
  top: 8px;
}

.menu1__box {
  display: block;
  position: fixed;
  visibility: hidden;
  top: 70px;
  left: 100%;

  width: 150px;
  height: 25%;

  margin: 0;

  list-style: none;

  background-color: #1d1d1d;
  box-shadow: 1px 0px 6px rgba(0, 0, 0, .2);

  transition-duration: .25s;
}

.menu1__item {
  display: block;
  padding: 12px 24px;

  color: white;

  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 400;

  text-decoration: none;

  transition-duration: .25s;
}
.menu1__item:hover {
  background-color: #CFD8DC;
}

}

@media screen and (min-device-width: 0px) and (max-device-width: 800px) {
.popup_frame{
	min-width: 30%;
	max-width: 60%;
	margin: auto auto;
	padding: 2% 5%;
	position: relative;
	z-index: 1px;
	top: 30%;
	background: #1a1616; 
}
.product_frame_text{
	height: 120px;
}

    html{
        width: 100%;
        height: auto;
        max-width: 100%;
    }
    
    body {
    flex-direction:unset;
    min-height: 100vh;
    overflow: unset;
    margin: unset;
    padding: unset;
    background: linear-gradient(117deg, rgba(27,27,28,1) 0%, rgba(43,43,43,1) 100%);
    display: inline-block;
    max-width: 800px;
}

.mobile{
    width: 800px;
    margin-left: 10%;
    height: 100%;
    flex-wrap: wrap;
}

.container{
    width: 87%;
    margin: 0 auto;
    height: 100%;
    flex-wrap: wrap;
}


.server{
    margin-left: 50px;
}

.server_item{
    margin-right: 20px;
}

.server_item a {
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 2px;
    color: white;
    text-decoration: none;
}

.server_item a:hover {
    color: red;
}

.server_item li:active {
    color: red;
}

.logo{
    padding: 34px 0;
    width: 252px;
    height: 47px;
}


.offer{
    background: #00000012;
}

.offer p{
   font-family: 'Montserrat', sans-serif;
   font-style: normal;
   font-weight: 400;
   font-size: 36px;
   color: #fff;
   letter-spacing: 2px;
   margin-left: 50px;
}

.offer li{
    flex-wrap: wrap;
    display: inline-block;
}

.server{
    flex-wrap: wrap;
    display: inline-block;
}

.offer li a{
   font-family: 'Montserrat', sans-serif;
   font-style: normal;
   font-weight: 400;
   font-size: 28px;
}

.product_frame{
    display: inline-block;
    background: #00000025;
    width: 252px;
    margin-left: 24px;
    margin-top: 25px;
}

.min{
width: 70%;
height: 70%;
}

.product_frame p{
   font-family: 'Montserrat', sans-serif;
   font-style: normal;
   font-weight: 400;
   font-size: 24px;
   color: #fff;
   letter-spacing: 2px;
   margin-left: auto;
}

.buy{
   font-family: 'Montserrat', sans-serif;
   font-style: normal;
   font-weight: 400;
   font-size: 24px;
   color: #fff;
   letter-spacing: 2px;
   background: rgb(182,69,49);
   background: linear-gradient(90deg, rgba(182,69,49,1) 0%, rgba(182,50,144,1) 100%);
   border-radius: 10px;
   width: 170px;
   height: 50px;
   outline-style: none;
   border: 0;
}

.buy:hover{
background: rgb(55,49,182);
background: linear-gradient(90deg, rgba(55,49,182,1) 0%, rgba(182,50,77,1) 100%);
}

footer p{
   font-family: 'Montserrat', sans-serif;
   font-style: normal;
   font-weight: 400;
   font-size: 18px;
   color: #fff;
   letter-spacing: 2px;
}

.online{
   font-size: 28px;
   padding: 43px 0;
   margin-left: 10%;
}

.menu__item a {
    font-size: 16px;
    display: none;
}

.menu__item{
    margin-right: 30px;
    display: none;
}

.offer{
    width: 100%;
}

.group{
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
}

.group p{
   font-size: 18px;
   margin-top: 0px;
}

.mobile{
    display: inline-block;
    clear:both;
}



#menu1__toggle {
  opacity: 0;
}

#menu1__toggle:checked ~ .menu1__btn > span {
  transform: rotate(45deg);
}
#menu1__toggle:checked ~ .menu1__btn > span::before {
  top: 0;
  transform: rotate(0);
}
#menu1__toggle:checked ~ .menu1__btn > span::after {
  top: 0;
  transform: rotate(90deg);
}
#menu1__toggle:checked ~ .menu1__box {
  visibility: visible;
  left: 82%;
}

.menu1__btn {
  display: block;
  align-items: center;
  position: fixed;
  top: 53px;
  right: 20px;
  width: 64px;
  height: 0;
  cursor: pointer;
  z-index: 1;
}

.menu1__btn > span,
.menu1__btn > span::before,
.menu1__btn > span::after {
  display: block;
  position: absolute;

  width: 100%;
  height: 2px;

  background-color: #616161;

  transition-duration: .25s;
}
.menu1__btn > span::before {
  content: '';
  top: -16px;
}
.menu1__btn > span::after {
  content: '';
  top: 16px;
}

.menu1__box {
  display: block;
  position: fixed;
  visibility: hidden;
  top: 70px;
  left: 100%;

  width: 150px;
  height: 25%;

  margin: 0;

  list-style: none;

  background-color: #1d1d1d;
  box-shadow: 1px 0px 6px rgba(0, 0, 0, .2);

  transition-duration: .25s;
}

.menu1__item {
  display: block;
  padding: 12px 24px;

  color: white;

  font-family: 'Montserrat', sans-serif;
  font-size: 24px;
  font-weight: 400;

  text-decoration: none;

  transition-duration: .25s;
}
.menu1__item:hover {
  background-color: #CFD8DC;
}

.mobile__check{
    margin-left: 20%;
}

.mobilepaybtn{
   font-family: 'Montserrat', sans-serif;
   font-style: normal;
   font-weight: 400;
   font-size: 24px;
   color: #fff;
   letter-spacing: 2px;
   background: rgb(182,69,49);
   background: linear-gradient(90deg, rgba(182,69,49,1) 0%, rgba(182,50,144,1) 100%);
   border-radius: 10px;
   width: 170px;
   height: 50px;
   outline-style: none;
   border: 0;
}
    
}