body {
       font-family: 'Avenir Next Cyr';
     background-color: #fff;
     margin: 0;
     padding: 0;
     box-sizing: border-box;
     font-size: 14px;
 }
 @font-face {
    font-family: 'Avenir Next Cyr';
    src: url('AvenirNextCyr-Regular.woff2') format('woff2'),
        url('AvenirNextCyr-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

#mainText1{
    text-align: right !important;
}
#mainText28{
    text-align: right !important;
}
 /* .main-container {
     padding: 0px 15px;
     max-width: 830px;
 } */
.main-container {
     padding: 0px 15px;
     max-width: 1024px;
 }
 .logo img {
     width: 190px;
 }
.fs-13{
    font-size: 13px;
}
.fs-15{
    font-size: 18px;
}
p{
    font-size: 15px;
    color: #717171;
}
 .subtext {
     color: #888;
 }

 #mainText {
    font-size: 14px;
 }
.max-width-500{
    max-width: 550px;
    width: 100%;
}
.max-width-400{
    max-width: 395px;
    width: 100%;
}
.max-width-300{
    max-width: 300px;
    width: 100%;
}
.flags {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(26px, 1fr));
    gap: 10px;
    border: 0px solid #000;
    border-radius: 20px;
    padding: 20px 20px 5px;
    background-color: #fff;
}

 .flag-item {
     text-align: center;
     font-size: 14px;
     font-weight: 500;
     /* opacity: 0.6;
     transition: all 0.3s; */
 }
/* .flag-item:hover{
     opacity: 1;
 } */
 .flag-item img {
     width: 100%;
     object-fit: cover;
     cursor: pointer; 

 }

 .flag-item span {
     display: block;
     margin-top: 5px;
 }

 .app-badges img {
     height: 40px;
     margin: 0;
 }

.footer-section .cleanup-bin-img {
    width: 39px;
}
.cleanup-bin-box-content{
        width: 100%;
    padding: 15px 0 0 10px;
}
.cleanup-bin-box-content{
        width: 100%;
    padding: 8px 0 0 10px;
}
 .footer-section a {
     color: #0b4382;
     text-decoration: none;
     margin-right: 10px;
     font-size: 15px;
 }
.footer-links a{
    font-size: 12px;
}
.min-hight{
    min-height: 210px;
}

.custom-pre {
  white-space: pre-line;
}
 .btn {
     background: #284ec0;
     border-radius: 0;
     padding: 8px 20px;
     font-size: 20px;
     border: solid 2px #284ec0;
     color: #fff;
 }

 .btn:hover {
     background: #a6a64e;
     border: solid 2px #284ec0;
 }

 .form-control {
     font-size: 18px;
     border: solid 2px #284ec0;
     border-radius: 0;
 }

 .form-control:focus {
     border: solid 2px #284ec0;
     outline: 0;
     box-shadow: none;
 }
.footer-bottum a{
     color: #6c63ff;
     text-decoration: none;
     margin-right: 10px;
}
 .qr-box img{
    height: 100px;
 }

.footer-section{
    background: #e6e6e6;
}
 @media (max-width: 600px){
.cleanup-bin-box-content {
    padding: 8px 0 0 10px;
    
}
.footer-section .cleanup-bin-img {
    width: 35px;
}
.main-container {
    padding: 35px;
}
.flags {
    grid-template-columns: repeat(auto-fit, minmax(24px, 1fr));
}
.flags {
  
    padding: 20px 20px 15px;
}
 }