/* Variables */
:root {
  --body-font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --body-font-size: 1rem;
  --body-font-weight: 400;
  --body-line-height: 1.5;
  --body-color: #1D0E45;
  --body-color-1: #F7F7F7;
  --color-light-yellow: #ffe89c;
  --color-dark-violet: #261750;
  --color-orange: #f83d01;
  --color-blue: #1D4ED8;
  --color-light-blue: #628BFF;
}

/* Base */

*,
*::before,
*::after {
  box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
.color-orange {
    color: var(--color-orange);
}
.color-light-blue {
    color: var(--color-light-blue);
}
.color-blue {
    color: var(--color-blue);
}
.color-light-yellow {
    color: var(--color-light-yellow);
}
.color-dark-violet {
    color: var(--color-dark-violet);
}

body {
  margin: 0;
  font-family: var(--body-font-family);
  font-size: var(--body-font-size);
  font-weight: var(--body-font-weight);
  line-height: var(--body-line-height);
  color: var(--body-color);
}

h6, h5, h4, h3, h2, h1, .h6, .h5, .h4, .h3, .h2, .h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 700;
  line-height: 1.2;
}

h1 {
  font-size: calc(1.375rem + 1.5vw);
}
h2, h3, h5, h6 {
  font-size: calc(1.325rem + 0.9vw);
}
h4 {
  font-size: calc(1.275rem + 0.3vw);
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

b,
strong {
  font-weight: bolder;
}

a {
  text-decoration: none;
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

.d-block {
    display: block !important;
}

img,
svg {
  vertical-align: middle;
}

.btn {
    background: linear-gradient(97.13deg, #FFF8F2 -22.49%, #FF9B4A 25.8%, #f83d01 77.8%),
    radial-gradient(56.26% 62.5% at 50.23% 107.14%, #FFD16E 0%, rgba(255, 163, 121, 0) 100%);
    box-shadow: 0px 1px 10.3px 0px rgb(202 94 0 / 58%);
    border: none;
    color: #fff;
    padding: 14px 64px;
    width: fit-content;
    border-radius: 28px;
    cursor: pointer;
    font-weight: 700;
    font-size: 24px;
}

.block_wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
}

.block {
    width: 100%;
    max-width: 1300px;
    padding: 0 10px;
}

.head_text {
    text-align: center;
    border-bottom: 1px solid rgb(0 0 0 / 15%);
    padding: 0 0 30px;
}

.head_text h3, .head_text h6 {
    color: var(--color-orange);
}

.head_text h4 {
    color: var(--color-light-blue);
}

/* Header */

header {
    background: rgba(0, 0, 0, 0.75);
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
    height: 50px;
    position: fixed;
    top: 0;
    z-index: 100;
}

header .block {
    display: flex;
}

header nav {
    width: 100%;
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 32px;
}

header nav a {
    color: #fff;
    text-decoration: none;
    font-weight: 500;
    font-size: 1rem;
    white-space: nowrap;
    border-bottom: 2px solid transparent;
}

header .mobile {
    display: none;
}

header nav a.active {
    border-color: #FFC02D;
}

/* Hero */

.hero {
    width: 100%;
    height: 700px;
    background: rgba(29, 14, 69, 1);
    position: relative;
}

.hero .block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 1;
}

.hero .hero_text {
    max-width: 660px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.hero .hero_text h1 {
    color: var(--color-light-yellow);
}

.hero .hero_text h1 span {
    color: #fff;
}

.hero .hero_text p {
    font-size: 1.1rem;
    line-height: 1.5;
    color: #fff;
    max-width: 480px;
    font-weight: 500;
}

.hero .hero_text span {
    font-weight: 600;
}

.hero .mobile {
    display: none;
}

/* How to protect - How to protect rdp */

.how_to_protect_rdp, .why_choose {
    background: var(--body-color);
    color: #fff;
}

.how_to_protect_rdp h5, h6, .why_choose h6 {
    color: var(--color-light-yellow);
}

.how_to_protect .rate-review-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

.fb_iframe_widget span {
    display: inline-block!important;
    position: relative!important;
    text-align: justify!important;
    vertical-align: bottom!important
}

.fb-like,.w-fb-like {
    width: 300px!important;
    height: 32px!important;
}

.rt-rate {
    padding: 0 20px;
}

.rt-rate .rate-count {
    font-weight: 700;
    color: #0d6efd
}

.rt-rate .rate-count:hover {
    cursor: pointer
}

.box-ranting {
    position: absolute;
    left: auto;
    right: auto;
    margin: 5px auto auto;
    width: 230px;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 15px;
    background: #fff;
    text-align: left;
    font-weight: 700;
    visibility: hidden;
    z-index: 101
}

.box-ranting dd {
    margin-bottom: 2px;
    margin-inline-start: 0px;
}

.box-ranting dl {
    margin: 0px;
}

.box-ranting .counter-back {
    background-color: #ececec;
    width: calc(100% - 141px);
    display: inline-block
}

.box-ranting .counter-back .counter-bar {
    display: block;
    background-color: #0d8340;
    height: .6rem
}

i.f {
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px
}

.f-star {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.7299 3.51063L15.4899 7.03063C15.7299 7.52063 16.3699 7.99062 16.9099 8.08063L20.0999 8.61062C22.1399 8.95062 22.6199 10.4306 21.1499 11.8906L18.6699 14.3706C18.2499 14.7906 18.0199 15.6006 18.1499 16.1806L18.8599 19.2506C19.4199 21.6806 18.1299 22.6206 15.9799 21.3506L12.9899 19.5806C12.4499 19.2606 11.5599 19.2606 11.0099 19.5806L8.01991 21.3506C5.87991 22.6206 4.57991 21.6706 5.13991 19.2506L5.84991 16.1806C5.97991 15.6006 5.74991 14.7906 5.32991 14.3706L2.84991 11.8906C1.38991 10.4306 1.85991 8.95062 3.89991 8.61062L7.08991 8.08063C7.61991 7.99062 8.25991 7.52063 8.49991 7.03063L10.2599 3.51063C11.2199 1.60063 12.7799 1.60063 13.7299 3.51063Z" fill="%23FED85A"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
}

.f-star-o {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.7299 3.51063L15.4899 7.03063C15.7299 7.52063 16.3699 7.99062 16.9099 8.08063L20.0999 8.61062C22.1399 8.95062 22.6199 10.4306 21.1499 11.8906L18.6699 14.3706C18.2499 14.7906 18.0199 15.6006 18.1499 16.1806L18.8599 19.2506C19.4199 21.6806 18.1299 22.6206 15.9799 21.3506L12.9899 19.5806C12.4499 19.2606 11.5599 19.2606 11.0099 19.5806L8.01991 21.3506C5.87991 22.6206 4.57991 21.6706 5.13991 19.2506L5.84991 16.1806C5.97991 15.6006 5.74991 14.7906 5.32991 14.3706L2.84991 11.8906C1.38991 10.4306 1.85991 8.95062 3.89991 8.61062L7.08991 8.08063C7.61991 7.99062 8.25991 7.52063 8.49991 7.03063L10.2599 3.51063C11.2199 1.60063 12.7799 1.60063 13.7299 3.51063Z" fill="%23C9C9C9"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
}

.btns-review {
    display:flex;
    justify-content: center;
    flex-wrap: wrap;
}

.btn-review  {
    background: linear-gradient(97.13deg, #FFF8F2 -22.49%, #FF9B4A 25.8%, #f83d01 77.8%),
    radial-gradient(56.26% 62.5% at 50.23% 107.14%, #FFD16E 0%, rgba(255, 163, 121, 0) 100%);
    box-shadow: 0px 1px 10.3px 0px rgb(202 94 0 / 58%);
    border: none;
    color: #fff;    
    padding: 10px 40px;
    margin: 10px;
    width: 225px;
    border-radius: 28px;
    cursor: pointer;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
}

.how_to_protect .protect_first {
    display: flex;
    justify-content: space-between;
}

.protect_first .left {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.protect_first .left .header-text {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    max-width: 740px;
}

.protect_first .left .header-text h2 {
    color: var(--color-orange);
}

.protect_first .left ol {
    display: flex;
    flex-direction: column;
    gap: 16px;

    max-width: 600px;
    font-weight: 500;
}

.how_to_protect .right, .how_to_protect_rdp .right {
    display: flex;
    justify-content: center;
}

.why_choose .right {
    display: flex;
    flex-direction: column;
    gap: 48px;    
}

.why_choose .left {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    max-width: 740px;
    width: 100%;
}

.why_choose .protect_third .right .text_block {
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 28px 23px;
    border-radius: 50px;
    background: var(--color-dark-violet);
    max-width: 580px;
    width: 100%;
}

.why_choose .right .text_block .num {
    font-weight: 800;
    font-size: 96px;
    background: linear-gradient(180deg, #502CB4 0%, #2A1468 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.why_choose .right .text_block p {
    font-weight: 700;
    font-size: 1.25rem;
    margin: 0;
}

.how_to_protect .protect_second {
    display: flex;
    gap: 32px;
    justify-content: space-between;
    margin-top: 90px;
}

.how_to_protect .protect_second .protect_second_block {
    position: relative;
    width: 50%;
    background: var(--body-color);
    border-radius: 50px;
    display: flex;
    flex-direction: column;
    gap: 28px;
    padding: 70px 38px 40px;
    color: #fff;
    font-size: 0.9rem;
    text-align: center;
    font-weight: 500;
    justify-content: center;
}

.how_to_protect .protect_second .protect_second_block img {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
}

.how_to_protect_rdp .protect_third, .why_choose .protect_third {
    display: flex;
    gap: 32px;
    justify-content: space-between;
}

.how_to_protect_rdp .protect_third .left {
    display: flex;
    flex-direction: column;
    gap: 64px;
}

.how_to_protect_rdp .protect_third .left .text, .why_choose .protect_third .left .text {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.how_to_protect_rdp .protect_third .left .text p, .why_choose .protect_third .left .text p {
    font-weight: 600;
    font-size: 1.25rem;
}

.how_to_protect_rdp .protect_third .right, .why_choose .protect_third .right {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.how_to_protect_rdp .protect_third .right .text_block {
    background: var(--color-dark-violet);
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 38px;
    border-radius: 50px;
}

.how_to_protect_rdp .protect_third .right .text_block p {
    font-weight: 500;
    font-size: 0.875rem;
}

.how_to_protect .mobile, .how_to_protect_rdp .mobile, .why_choose .mobile {
    display: none;
}

/* How To */

.security, .how_to_protect, .how_to_protect_rdp, .why_choose, .features, .best_practices {
    padding: 30px 0;
}

.how_to, .buying, .contact, .faq, .legal {
    padding: 90px 0;
}

.how_to, .buying, .contact, .features {
    background: #fff;
}

.how_to_protect, .faq, .best_practices {
    background: var(--body-color-1) !important;
}

.how_to .text_content, .features .text_content, .best_practices .text_content {
    font-weight: 400;
    font-size: 2rem;
    text-align: center;
    margin: 30px 0;
}

.how_to .text_content span, .features .text_content span, .best_practices .text_content span {
    color: #1D4ED8;
}

.how_to .info-blocks, .buying .prices, .features .info-blocks, .best_practices .info-blocks {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 32px;
    margin-top: 30px;
}

.how_to .info-blocks .info-block,  .features .info-blocks .info-block,  .best_practices .info-blocks .info-block {
    border-radius: 20px;
    background: #F6F6F7;
    width: 378px;
    height: 346px;
    padding: 35px 35px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.how_to .info-blocks .info-block .text, .features .info-blocks .info-block .text, .best_practices .info-blocks .info-block .text {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-top: 14px;
}

.how_to .info-blocks .info-block .text p:first-child, .features .info-blocks .info-block .text p:first-child, .best_practices .info-blocks .info-block .text p:first-child {
    font-weight: 700;
    font-size: 1.1rem;
}

.how_to .info-blocks .info-block .text p, .features .info-blocks .info-block .text p, .best_practices .info-blocks .info-block .text p {
    font-weight: 500;
    font-size: 1rem;
    color: #3A3A3A;
}

.how_to .info-blocks .info-block .num, .best_practices .info-blocks .info-block .num {
    font-weight: 700;
    font-size: 5rem;
    background: linear-gradient(162.29deg, #ffe89c 15.4%, #f83d01 100.71%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Security */

.security .block_content {
    display: flex;
    flex-direction: column;
    gap: 32px;
    margin-top: 64px;
}

.security .block_content .content {
    display: flex;
    gap: 64px;
    justify-content: space-between;
    align-items: center;
}

.security .block_content .content p {
    max-width: 700px;
    width: 100%;
    font-weight: 400;
    font-size: 2rem;
}

.security .block_content .content img {
    min-height: 240px;
    max-height: 240px;
    min-width: 240px;
    max-width: 240px;
    padding: 40px;
    border-radius: 50px;
    background: #F6F6F7;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

/* Buying */

.buying .prices>.price {
    border-radius: 20px;
    height: 341px;
    padding: 35px 35px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border: 1px solid #E4E4E7;
    display: flex;
    flex-direction: column;
    gap: 32px;
    max-width: 300px;
    width: 100%;
}

.buying .prices>.price .header {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.buying .prices>.price .header p {
    font-weight: 700;
    font-size: 1.5rem;
}

.buying .prices>.price .header span {
    font-weight: 400;
    font-size: 0.875rem;
    height: 85px;
}

.buying .prices>.pay {
    display: flex;
    gap: 34px;
    align-items: center;
    margin-top: 34px;
    max-width: 962px;
    width: 100%;
}

.buying .prices>.pay span {
    font-weight: 600;
    color: #8B0000;
}

.buying .prices>.pay p {
    margin: 0;
    font-size: 0.875rem;
    font-weight: 500;
}

.buying .prices>.price .price {
    font-weight: 700;
    font-size: 32px;
}

.buying .prices>.price .price span {
    font-weight: 400;
    font-size: 0.875rem;
}

.buying .prices>.price .btn_buy {
    padding: 8px 64px;
    width: 100%;
    background: linear-gradient(97.13deg, #FFF8F2 -22.49%, #FF9B4A 25.8%, #f83d01 77.8%),
    radial-gradient(56.26% 62.5% at 50.23% 107.14%, #FFD16E 0%, rgba(255, 163, 121, 0) 100%);
    box-shadow: 0px 1px 10.3px 0px rgb(202 94 0 / 58%);
    border: none;
    color: #fff;
    border-radius: 28px;
    font-weight: 700;
    font-size: 1.5rem;
    text-align: center;
}

/* Faq */

.faq .faq_content {
    display: grid;
    grid-template-columns: 40% 56%;
    gap: 32px;
    margin-top: 32px;
}

.faq .faq_content .faq_item-one {
    grid-column: span 2;
    display: flex;
    gap: 32px;
}

.faq .faq_content .faq_item-one .faq_item__text p {
    font-weight: 700;
    font-size: 1.25rem;
    border-bottom: 2px solid #EBEAEA;
    padding-bottom: 16px;
}

.faq .faq_content .faq_item-one .faq_item__text span, .faq .faq_content .faq_item span {
    font-weight: 500;
    font-size: 1rem;
}

.faq .faq_content .faq_item-one .faq_item__image {
    background: #FFFFFF;
    border-radius: 50px;
    padding: 40px;
}

.faq .faq_content .faq_item {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: start;
}

.faq .faq_content .faq_item p, .faq_item_list p {
    font-weight: 700;
    font-size: 1.25rem;
    padding-bottom: 8px;
    border-bottom: 2px solid #EBEAEA;  
}

 .faq_item_list span {
    font-weight: 700;
    font-size: 1.25rem;
 }

.faq_item_list ol {
    display: flex;
    flex-direction: column;
    gap: 16px;
    font-weight: 500;
    font-size: 1.2rem;
}

.faq_item_list ol li img {
    display: block;
    margin-top: 10px;
}

/* Contact */

.contact .contact__content {
    display: flex;
    flex-direction: column;
    gap: 64px;
    margin-top: 32px;
}

.contact .contact__content .first_block {
    display: flex;
    gap: 32px;
    justify-content: space-between;
}

.contact .first_block .left {
    display: flex;
    flex-direction: column;
    gap: 48px;
}

.contact .left h6 {
    color: var(--color-dark-violet);
    font-weight: 600;
    font-size: 2rem;
}

.contact .first_block .left .address_info {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 340px;
    width: 100%;
}

.contact .first_block .left .address_info .address {
    display: flex;
    gap: 16px;
    align-items: start;
    font-weight: 700;
}

.contact .first_block .left .links {
    display: flex;
    gap: 32px;
}

.contact .first_block .left .links a {
    color: var(--body-color);
    font-weight: 700;
    font-size: 1.125rem;
    border-bottom: 1px solid #1D4ED8;
    text-decoration: none;
}

.contact .first_block .left .foot_text {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.contact .first_block .left .foot_text span {
    font-weight: 600;
    font-size: 1.125rem;
    max-width: 600px;
    width: 100%;
}

.contact .first_block form {
    background: #F6F6F7;
    border-radius: 50px;
    padding: 50px 72px 50px 50px;
    width: 100%;
    max-width: 565px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.contact .first_block form input,
.contact .first_block form textarea {
    border-radius: 23px;
    outline: none;
    padding: 12px 24px;
    border: 1px solid #828282;
    font-family: inherit;
    font-weight: 400;
    font-size: 16px;
    color: #011334;
    background: #F6F6F7;
}

.contact .first_block form textarea {
    resize: vertical;
}

.contact .first_block form input::placeholder,
.contact .first_block form textarea::placeholder {
    font-family: inherit;
    font-weight: 300;
    font-size: 16px;
    color: #4D4C57;
}

.contact .first_block form input:focus,
.contact .first_block form textarea:focus {
    border: 1px solid #292929;
    background: white;
}

.contact .first_block form div {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 48px;
}

.contact .first_block form div p {
    width: 100%;
    font-family: inherit;
    font-weight: 400;
    font-size: 15px;
    color: #4D4C57;
}

.contact .second_block {
    display: flex;
    flex-direction: column;
    padding-top: 50px;
    gap: 48px;
}

.contact .second_block .block_content {
    display: flex;
    gap: 64px;
}

.contact .second_block .block_content .left {
    display: flex;
    flex-direction: column;
    gap: 32px;
    max-width: 640px;
    width: 100%;
}

.contact .second_block .block_content p {
    font-weight: 600;
    font-size: 1.125rem;    
}

.contact .second_block .block_content p a {
    color: var(--color-blue);
}

.contact .second_block .block_content p a:hover {
    color: var(--color-light-blue);
}

.contact .second_block .block_content .right {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}


.contact .third_block {
    display: flex;
    justify-content: center;
    gap: 64px;
}

/* Reviews */

.reviews {
    padding: 90px 0;
    background: white;
    width: 100%;
}

.reviews-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
    padding: 30px 0;
    scrollbar-width: none;
}

.comments {
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    width: 400px;
    padding: 30px;
    background: #F6F6F7;
    border-radius: 50px;
}

.comments > p {
    font-weight: 500;
    font-size: 18px;
}

.comments span {
    font-weight: 600;
    font-size: 24px;
}

.comments > div {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}

.comments .user svg {
    display: none;
}

.comments > div .star-rate {
    order: -1;
}

.reviews i.f {
    background-repeat: no-repeat;
    display: inline-block;
    width: 24px;
    height: 24px
}

/* Post Review */

.post {
    width: 100%;
    background: #F7F7F7;
    padding: 90px 0;
}

.post .review_block {
    margin-top: 90px;
    display: flex;
    gap: 32px;
    justify-content: space-between;
}

.post form {
    background: white;
    border-radius: 50px;
    padding: 50px 72px 50px 50px;
    width: 100%;
    max-width: 565px;
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.post form .span {
    grid-column: span 2;
}

.post form input,
.post form textarea {
    border-radius: 23px;
    outline: none;
    padding: 12px 24px;
    border: 1px solid #828282;
    font-family: inherit;
    font-weight: 400;
    font-size: 16px;
    color: #011334;
    background: white;
}

.post form .rateform input {
    display: none;
}

.post form textarea {
    resize: vertical;
}

.post form input::placeholder,
.post form textarea::placeholder {
    font-family: inherit;
    font-weight: 300;
    font-size: 16px;
    color: #4D4C57;
}

.post form input:focus,
.post form textarea:focus {
    border: 1px solid #292929;
    background: white;
}

.is-invalid~.invalid-tooltip {
    display: block;
}
.invalid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    color: #fff;
    background-color: #F83D01;
    border-radius: 23px;
}

.form-floating {
    position: relative;
}

.form-floating input, .form-floating textarea {
    width: 100%;
}
.form-floating label {
    display: none;
}

.post form>div {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.control-label {
    font-family: inherit;
    font-weight: 500;
    font-size: 20px;
    text-align: center;
    color: #4D4C57;
}

.post form .review-rate{
    display: flex;
    align-items: center;
    gap: 4px;
}

.review-rate {
    margin: 0 5px;
}

.review-rate .rateform {
    float: left;
}

.review-rate .rateform:not(:checked) > input {
    position: absolute;
    top: -9999px;
}

.review-rate .rateform:not(:checked) > label {
    float: right;
    overflow: hidden;
    width: 24px;
    height: 24px;
    margin: 0 2px;
    white-space: nowrap;
    cursor: pointer;
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.7299 3.51063L15.4899 7.03063C15.7299 7.52063 16.3699 7.99062 16.9099 8.08063L20.0999 8.61062C22.1399 8.95062 22.6199 10.4306 21.1499 11.8906L18.6699 14.3706C18.2499 14.7906 18.0199 15.6006 18.1499 16.1806L18.8599 19.2506C19.4199 21.6806 18.1299 22.6206 15.9799 21.3506L12.9899 19.5806C12.4499 19.2606 11.5599 19.2606 11.0099 19.5806L8.01991 21.3506C5.87991 22.6206 4.57991 21.6706 5.13991 19.2506L5.84991 16.1806C5.97991 15.6006 5.74991 14.7906 5.32991 14.3706L2.84991 11.8906C1.38991 10.4306 1.85991 8.95062 3.89991 8.61062L7.08991 8.08063C7.61991 7.99062 8.25991 7.52063 8.49991 7.03063L10.2599 3.51063C11.2199 1.60063 12.7799 1.60063 13.7299 3.51063Z" fill="%23C9C9C9"/></svg>');
    background-repeat: no-repeat;
}

.review-rate .rateform.rateform > input:checked ~ label,
.review-rate .rateform:not(:checked) > label:before {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.7299 3.51063L15.4899 7.03063C15.7299 7.52063 16.3699 7.99062 16.9099 8.08063L20.0999 8.61062C22.1399 8.95062 22.6199 10.4306 21.1499 11.8906L18.6699 14.3706C18.2499 14.7906 18.0199 15.6006 18.1499 16.1806L18.8599 19.2506C19.4199 21.6806 18.1299 22.6206 15.9799 21.3506L12.9899 19.5806C12.4499 19.2606 11.5599 19.2606 11.0099 19.5806L8.01991 21.3506C5.87991 22.6206 4.57991 21.6706 5.13991 19.2506L5.84991 16.1806C5.97991 15.6006 5.74991 14.7906 5.32991 14.3706L2.84991 11.8906C1.38991 10.4306 1.85991 8.95062 3.89991 8.61062L7.08991 8.08063C7.61991 7.99062 8.25991 7.52063 8.49991 7.03063L10.2599 3.51063C11.2199 1.60063 12.7799 1.60063 13.7299 3.51063Z" fill="%23FED85A"/></svg>');
    background-repeat: no-repeat;
}

.review-rate .rateform:not(:checked) > label:hover,
.review-rate .rateform:not(:checked) > label:hover ~ label {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 535 512.1"><path d="m507.6 171.5-146.1-21.3-65.3-132.4a32 32 0 0 0-57.4 0l-65.3 132.4-146.1 21.3a32 32 0 0 0-17.7 54.6l105.7 103-25 145.5a32 32 0 0 0 46.4 33.7l130.7-68.7 130.7 68.7a32 32 0 0 0 46.4-33.7l-25-145.5 105.7-103a32 32 0 0 0-17.7-54.6M368.1 312.3l23.7 138.4-124.3-65.3-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2z" fill="%23ff9400"/><path fill="%23ff9400" d="M203 188.6 54.9 210.2l107.2 104.4L136.8 462l132.4-69.6L401.7 462l-25.3-147.4 107.2-104.4-148.1-21.6-66.3-134.2z"/></svg>') !important;
    background-repeat: no-repeat;
}

.review-rate .rateform > input:checked + label:hover,
.review-rate .rateform > input:checked + label:hover ~ label,
.review-rate .rateform > input:checked ~ label:hover,
.review-rate .rateform > input:checked ~ label:hover ~ label,
.review-rate .rateform > label:hover ~ input:checked ~ label {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.7299 3.51063L15.4899 7.03063C15.7299 7.52063 16.3699 7.99062 16.9099 8.08063L20.0999 8.61062C22.1399 8.95062 22.6199 10.4306 21.1499 11.8906L18.6699 14.3706C18.2499 14.7906 18.0199 15.6006 18.1499 16.1806L18.8599 19.2506C19.4199 21.6806 18.1299 22.6206 15.9799 21.3506L12.9899 19.5806C12.4499 19.2606 11.5599 19.2606 11.0099 19.5806L8.01991 21.3506C5.87991 22.6206 4.57991 21.6706 5.13991 19.2506L5.84991 16.1806C5.97991 15.6006 5.74991 14.7906 5.32991 14.3706L2.84991 11.8906C1.38991 10.4306 1.85991 8.95062 3.89991 8.61062L7.08991 8.08063C7.61991 7.99062 8.25991 7.52063 8.49991 7.03063L10.2599 3.51063C11.2199 1.60063 12.7799 1.60063 13.7299 3.51063Z" fill="%23FED85A"/></svg>');
    background-repeat: no-repeat;
}

/* Footer */

footer {
    width: 100%;
    background: #1D0E45;
    color: white;
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
}

footer .links {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
}

footer .links .link {
    display: flex;
    gap: 40px;
}

footer .links .link a {
    text-decoration: none;
    font-size: 0.875rem;
    color: var(--body-color-1);
}

footer .link p {
    font-weight: 400;
    font-size: 0.875rem;
    color: var(--body-color-1);
    text-align: center;
    margin-bottom: 0;
}

/* modal */

.fade:not(.show) {
    opacity: 0;
}
@media (min-width: 576px) {
    .modal {
        --bs-modal-margin: 1.75rem;
        --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    }
}
.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1055;
    display: none;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    outline: 0;
}

.fade {
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear;
}
@media (min-width: 576px) {
    .modal {
        --bs-modal-margin: 1.75rem;
        --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    }
}

.modal.fade .modal-dialog {
    transform: translate(0, -50px);
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 3.5rem);
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto;
    }
}
.modal-dialog {
    position: relative;
    width: auto;
    margin: 1.75rem;
    pointer-events: none;    
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin-right: auto;
        margin-left: auto;
    }
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid;
    border-radius: 20px;
    outline: 0;
}

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px);
    border: 0!important;
}

.btn-close {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em;
    color: #000;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: .375rem;
    opacity: .5;
}

.modal-header .btn-close {
    padding: calc(1rem * .5) calc(1rem * .5);
    margin: calc(-.5 * 1rem) calc(-.5 * 1rem) calc(-.5 * 1rem) auto;
}

[type=button]:not(:disabled), button:not(:disabled) {
    cursor: pointer;
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
}

.m-0 {
    margin: 0 !important;
}

.modal-body p img {
    margin: 0 10px;
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-end;
    padding: .75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px);
    border: 0 !important;
}




.scrollup {
    display: none;
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 20rem;
    right: 2rem;
    text-indent: -9999px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM377 271c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-87-87-87 87c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9L239 167c9.4-9.4 24.6-9.4 33.9 0L377 271z" fill="%23ffba83"/></svg>')
}

.scrollup:hover {
    opacity: .5;
    cursor: pointer
}

.legal .text_content {
    margin-top: 30px;
}

.legal .text-recommended {
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}

/* Media Screen */

@media screen and (max-width: 1200px) {
    .contact .left h6 {
        font-size: 1.625rem;
    }

    .contact .first_block .left .links a {
        font-size: 1rem;
    }

    .contact .first_block .left .foot_text span {
        font-size: 1rem;
    }

    .contact .first_block form {
        padding: 30px 52px 30px 30px;
        max-width: 500px;
        gap: 20px;
    }

    .contact .second_block .block_content p {
        font-size: 16px;
    }

    .faq .faq_content .faq_item-one .faq_item__image {
        padding: 25px;
        display: flex;
        align-items: center;
        justify-content: center;

    }

    .faq .faq_content .faq_item-one .faq_item__text p {
        font-size: 1rem;
    }

    .faq .faq_content .faq_item-one .faq_item__text span, .faq .faq_content .faq_item span {
        font-size: 0.875rem;
    }

    .faq .faq_content .faq_item p, .faq_item_list ol, .faq_item_list p, .faq_item_list span {
        font-size: 1rem;
    }

    .head_text {
        font-size: 32px;
    }

    .hero .hero_text + img {
        width: 30%;
    }
    .security .block_content .content p {
        font-size: 1.5rem;
    }

    .security .block_content .content img {
        min-height: 220px;
        max-height: 220px;
        min-width: 220px;
        max-width: 220px;
        padding: 30px;
    }
}

@media screen and (max-width: 1000px) {
    .contact .contact__content .first_block {
        flex-direction: column-reverse;
        align-items: center;
        width: 100%;
    }

    .contact .first_block .left {
        width: 100%;
    }

    .contact .second_block .block_content {
        flex-direction: column;
        align-items: center;
    }

    .contact .second_block .block_content .left {
        max-width: 100%;
    }

    .faq .faq_content .faq_item-one {
        flex-direction: column-reverse;
    }

    .faq .faq_content .faq_item-one img {
        width: 100%;
    }

    .faq .faq_content, .faq .faq_content .faq_item {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .protect_first .left .header-text {
        text-align: center;
    }
    .hero .mobile, .how_to_protect .mobile, .how_to_protect_rdp .mobile, .why_choose .mobile {
        display: block;
    }

    .hero .desktop, .how_to_protect .desktop, .how_to_protect_rdp .desktop, .why_choose .desktop {
        display: none;
    }

    .hero .hero_text p {
        text-align: center;
    }
    
    .hero .hero_text {
        max-width: 100%;
        width: 100%;
        align-items: center;
        gap: 26px;
    }

    .hero {
        height: 800px;
    }

    .how_to_protect .protect_first, .how_to_protect_rdp .protect_third, .why_choose .protect_third, .how_to_protect .protect_second {
        flex-direction: column;
        align-items: center;
    }

    .protect_first .left {
        align-items: center;
    }

    .how_to_protect .protect_second {
        gap: 64px;
    }

    .how_to_protect .protect_second .protect_second_block {
        width: 80%;
    }

    .how_to_protect_rdp .protect_third .left, .why_choose .protect_third .left {
        width: 80%;
        align-items: center;
    }

    .how_to_protect_rdp .protect_third .right, .why_choose .protect_third .right {
        width: 100%;
        align-items: center;
    }

    .how_to_protect_rdp .protect_third .right .text_block, .why_choose .protect_third .right .text_block {
        width: 80%;
    }
    
    .comments > p {
        font-size: 16px;
    }
    
    .comments span {
        font-size: 18px;
    } 

    .post .review_block {
        flex-direction: column-reverse;
        align-items: center;
        margin-top: 32px;
    }

    .post .review_block > img {
        display: none;
    }
}
@media screen and (max-width: 900px) {
    footer .links .link a, footer .link p {
        font-size: 0.875rem;
    }

    footer .links .link {
        gap: 32px;
    }
    
    .buying .prices>.pay {
        flex-direction: column;
    }

    .how_to .info-blocks .info-block, .features .info-blocks .info-block, .best_practices .info-blocks .info-block  {
        width: 320px;
        height: 300px;
        padding: 25px 25px;
    }

    .how_to .info-blocks .info-block .num, .best_practices .info-blocks .info-block .num {
        font-size: 4rem;
    }

    .security .block_content .content {
        flex-direction: column;
        align-items: center;
        gap: 32px;
    }

    .security .block_content .content p {
        font-size: 1.125rem;
    }
}

@media screen and (max-width: 700px) {
    .btn-review  {
        font-size: 14px;
        width: 200px;
    }

    footer {
        gap: 20px;
    }

    footer .links {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 32px;
    }

    footer .links .link {
        flex-direction: column;
        gap: 6px;
    }
    
    .contact .third_block {
        flex-direction: column;
        align-items: center;
    }

    .contact .third_block img {
        width: 100%;
    }
    
    .faq .faq_content .faq_item-one .faq_item__image, .faq_item picture, .faq_item_list picture{
        display: none;
    }
    
    .head_text {
        font-size: 24px;
    }

    .btn {
        font-size: 18px;
        white-space: nowrap;
    }
    header nav {
        gap: 8px;
    }

    header nav a {
        font-size: 0.9rem;
    }

    header .desktop {
        display: none;
    }

    header .mobile {
        display: block;
    }
    .hero .hero_text {
        gap: 18px;
    }
    
    .hero .hero_text p {
        font-size: 16px;
    }

    .hero {
        height: 700px;
         padding-top: 40px;
    }

    header nav {
        justify-content: center;
    }

    .how_to_protect .protect_second .protect_second_block {
        width: 100%;
    }

    .how_to_protect_rdp .protect_third .right .text_block, .why_choose .protect_third .right .text_block {
        width: 100%;
    }

    .protect_first .left ol {
        margin-left: 30px;
    }
    
    .how_to_protect_rdp .protect_third .left .text p, .why_choose .protect_third .left .text p {
        font-size: 16px;
    }

    .how_to_protect_rdp .protect_third .right .text_block p, .why_choose .protect_third .right .text_block p {
        font-size: 13px;
    }
}

@media (min-width: 1200px) {
  h4 {
    font-size: 1.5rem;
  }

    h1, h2, h3, h5, h6 {
    font-size: 2.5rem;
  }
}

@media screen and (max-width: 1400px) {
    .how_to_protect_rdp .protect_third .left .text p, .why_choose .protect_third .left .text p {
        font-size: 18px;
    }

    .how_to .info-blocks .info-block .text p:first-child, .features .info-blocks .info-block .text p:first-child, .best_practices .info-blocks .info-block .text p:first-child  {
        font-size: 1rem;
    }

    .how_to_protect_rdp .protect_third .right .text_block p, .why_choose .protect_third .right .text_block p, .how_to .info-blocks .info-block .text p, .features .info-blocks .info-block .text p, .best_practices .info-blocks .info-block .text p {
        font-size: 0.875rem;
    }

    .protect_first .left .header-text {
        max-width: 550px;
    }

    .protect_first .left ol {
        max-width: 425px;
    }
}