.news-letter-container{display:flex;flex-direction:row;gap:2%;align-items:center;justify-content:space-between;margin:50px auto}.news-letter-title-container{max-width:470px;flex-shrink:0}.news-letter-title-container .title{font-size:20px;font-weight:600;color:#1d529e;margin-bottom:10px}.news-letter-title-container .subtitle{font-size:16px;font-weight:400;color:var(--dark-color)}.news-letter-form-container{flex-grow:1}.news-letter-form-container .news-letter-form{position:relative}.news-letter-form-container .inputs-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:15px;margin-bottom:15px}.news-letter-form-container .inputs-container .input-container{border-radius:10px;border:1px solid var(--light-gray)}.news-letter-form-container .inputs-container .input-container input{height:60px;padding:20px;border-radius:10px;background-color:var(--light-gray);border:none;width:100%;outline:none}.news-letter-form-container .inputs-container .input-container input::placeholder{color:var(--dark-color)}.news-letter-form-container .inputs-container .input-container.error{border:1px solid red}.news-letter-form-container .inputs-container .input-container.phone,.news-letter-form-container .inputs-container .input-container.email{min-width:250px;flex:1}.news-letter-form-container .inputs-container .input-container.last_name,.news-letter-form-container .inputs-container .input-container.first_name{flex:1}.news-letter-form-container .inputs-container .input-container-phone-email{display:flex;flex-direction:row;flex-wrap:wrap;gap:15px;width:100%}.news-letter-form-container .inputs-container .input-container.gender{width:113px;position:relative;cursor:pointer!important}.news-letter-form-container .inputs-container .input-container.gender input{padding:0 30px 0 20px}.news-letter-form-container .inputs-container .input-container.gender .icon-arrow-down{display:inline-block;position:absolute;top:50%;right:12px;transform:translate(-50%);background:url(/build/assets/swiper-simple-right-arrw-CBT1EbUS.svg) no-repeat center center;width:15px;height:15px;rotate:90deg}.news-letter-form-container .inputs-container .input-container.gender .gender-dropdown-container{position:absolute;top:70px;left:0;width:100%;border-radius:10px;background-color:#fff;border:1px solid #DBDBDB;z-index:1;overflow:hidden}.news-letter-form-container .inputs-container .input-container.gender .gender-dropdown-container .dropdown-item{font-size:14px;padding:5px 20px;cursor:pointer}.news-letter-form-container .inputs-container .input-container.gender .gender-dropdown-container .dropdown-item:hover{background-color:var(--light-gray)}.news-letter-form-container .favorite-channerls-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;margin-bottom:25px}.news-letter-form-container .favorite-channerls-container .fcc-title{font-size:14px;font-weight:400;color:var(--dark-color)}.news-letter-form-container .favorite-channerls-container .fcc-checkboxes-container{display:flex;flex-direction:row;width:fit-content;gap:15px}.news-letter-form-container .favorite-channerls-container .fcc-checkboxes-container .checkbox-container{width:fit-content;margin-bottom:unset}.news-letter-form-container .favorite-channerls-container .fcc-checkboxes-container .checkbox-container .checkmark-text{padding-left:25px}.news-letter-form-container .news-letter-succes-msg{position:absolute;bottom:-25px;left:0;font-size:14px;font-weight:500;color:var(--primary-color)}@media screen and (max-width: 1000px){.news-letter-container{flex-direction:column;gap:20px!important}.news-letter-title-container{width:100%;text-align:center}.news-letter-title-container .title{font-size:16px;margin-bottom:5px}.news-letter-title-container .subtitle{font-size:14px}.news-letter-form-container .general-btn-blue-no-bg{margin:0 auto}}@media screen and (max-width: 600px){.news-letter-form-container .inputs-container .input-container{width:100%!important}.news-letter-form-container .inputs-container .input-container input{height:50px;padding:0 20px;border-radius:6px}.news-letter-form-container .inputs-container .input-container.first_name{flex:unset}.news-letter-form-container .inputs-container .input-container.gender .gender-dropdown-container{border-radius:7px}}@media screen and (max-width: 500px){.news-letter-title-container{text-align:left}.news-letter-container{margin:40px auto 25px;padding:0 10px}.news-letter-form-container .general-btn-blue-no-bg{width:100%;height:50px}}
