/*
	Theme Name: Hardweb Theme
	Description: wp theme  
	Version: 1.0
*/

.popup {
   display: none;
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   max-height: 95vh;
   padding: 50px 40px;
   border-radius: 10px;
   overflow-y: auto;
   background-color: #fff;
   box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.25);
   z-index: 15;
}
.popup .popup__close {
   position: absolute;
   display: flex;
   align-items: center;
   justify-content: center;
   top: 8px;
   right: 8px;
   width: 26px;
   height: 26px;
   font-size: 48px;
   line-height: 1;
   color: #6f6f6f;
   overflow: hidden;
   transition: 0.3s;
   z-index: 15;
   -webkit-user-select: none;
           user-select: none;
}
.popup .popup__close:hover {
   color: #000;
   cursor: pointer;
}
.popup .popup__content {
   width: 370px;
}
.popup .popup__content .popup__title {
   margin-bottom: 30px;
}
.popup .popup__content .popup__title h2 {
   margin-bottom: 25px;
   font-weight: 700;
   font-size: 24px;
   line-height: 22px;
   letter-spacing: 0.03em;
   color: #000;
}
.popup .popup__content .popup__title p {
   font-weight: 300;
   font-size: 14px;
   line-height: 16px;
   letter-spacing: 0.03em;
   color: #000;
}
.popup .popup__content .popup__form {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
}
.popup .popup__content .popup__form .popup__input {
   display: flex;
   flex-wrap: wrap;
   width: 100%;
   margin-bottom: 20px;
}
.popup .popup__content .popup__form .popup__input label {
   margin-bottom: 4px;
   font-weight: normal;
   font-size: 14px;
   line-height: 16px;
   color: #898a8d;
}
.popup .popup__content .popup__form .popup__input input {
   width: 100%;
   padding: 12px 15px;
   border: 1px solid #d0d0d1;
   border-radius: 6px;
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
   color: #000;
   background-color: #fff;
}
.popup .popup__content .popup__form .popup__input input::placeholder {
   opacity: 1;
   color: #adaeb0;
}
.popup .popup__content .popup__form .popup__input input:-ms-input-placeholder {
   color: #adaeb0;
}
.popup .popup__content .popup__form .popup__input input::-ms-input-placeholder {
   color: #adaeb0;
}
.popup .popup__content .popup__form .popup__input input:hover, .popup .popup__content .popup__form .popup__input input:focus {
   border-color: #3661d6;
}
.popup .popup__content .popup__form p {
   margin-top: 20px;
   font-weight: 400;
   font-size: 14px;
   line-height: 16px;
   color: #0B1742;
}
.popup .popup__content .popup__form p a {
   display: inline;
   color: #0069B4;
}
.popup .popup__content .popup__form p a:hover {
   text-decoration: underline;
}
.popup .popup__content .popup__form button {
   width: 100%;
   margin-top: 10px;
   padding: 17px 40px;
   border-radius: 6px;
   font-size: 14px;
   font-weight: 700;
   line-height: 16px;
   letter-spacing: 0.42px;
   text-transform: uppercase;
   color: #fff;
   background-color: #3661d6;
   color: #fff;
}
.popup .popup__content .popup__form button:hover {
   background-color: #ea6a22;
}