* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  list-style: none !important;
  text-decoration: none !important;

 }

 @font-face {
  font-family: Gotham Pro; 
  src: url(./font/gothampro_medium.ttf); 
}

 .container-fluid {
  padding-left: 0px !important;
  padding-right: 0px !important;
 }


 img {
  width: 100%;
 }
 
 p {
   margin-bottom: 0px;
 }
 
 a {
   color: #000000;
 }

 a:hover {
  color: #000000;
}
 
 ul {
   padding: 0px;
   margin: 0px;
 }

 body {
  font-family: Gotham Pro !important; 
 }
 
 p {
   margin-bottom: 0px !important;
 }
 
 button {
   border: none;
 }
 
 input {
   outline: none;
 }

 :root {
  --design-bg: #5571ff;
  --design-hover: #7c90f7;

}
 
 .container {
   max-width: 1400px;
   width: 100%;
   margin: auto;
   padding: 0px !important;
   
 }

.loader_blog {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #00000050;
z-index: 1000;
}

.loader_content {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}

 .loader {
  display: block;
  z-index: 99;
  margin-left: auto;
  margin-right: auto;
  width: 100px;
  height: 100px;
  border: 3px solid white;
  border-radius: 50%;
  animation: spin 7s ease-in-out;
  animation-iteration-count: infinite;
  transition-duration: 0.1s;
}



.loader:hover {
  scale: 0.95;

}

.loader:active {
  scale: 2.5;

}

@keyframes spin {
  0% {
    transform: rotate(0deg);
    border-bottom: solid 3px transparent;
    border-top: solid 3px transparent;
  }
  50% {
    transform: rotate(1800deg);
    border: 3px solid white;
    border-left: solid 3px transparent;
    border-right: solid 3px transparent;
  }
  100% {
    transform: rotate(0deg);
    border-bottom: solid 3px transparent;
    border-top: solid 3px transparent;
  }
}

 input::-webkit-outer-spin-button,
 input::-webkit-inner-spin-button {
   -webkit-appearance: none;
   margin: 0;
 }

 .navs_content {
display: flex;
align-items: center;
justify-content: space-between;
height:75px;
position: relative;
width: 100%;
}
 
 .navs_top_content {
 min-height: 600px;
 display: flex;
 flex-direction: column;
 justify-content: center;
 
}

.navs {
border-bottom: 1px solid #0000001A;
background: #FFFFFF;
}

 .navs_list {
display: flex;
align-items: center;
gap: 35px;
line-height: 17px;
}

.user_dropdown_link {
padding: 10px;
font-size: 18px;
}

.user_dropdown_link:hover {
background: #c0e6f6;
}

.user_drop_name {
border-bottom: 2px solid transparent;
}

.user_drop_content:hover .user_drop_name{
border-bottom: 2px solid #0094D3;
}

.navs_link {
padding: 5px;
color: rgba(0, 0, 0, 0.6);
font-size: 14px;
font-weight: 400;
}

.cabinet_directed_head {
  display: none;
}

.navs_link:hover {
color: rgba(7, 64, 172, 1);

}

.navs_btn, .come_link {
color: #164DD9;
font-weight: 500;
font-size: 16px;
display: flex;
align-items: center;
justify-content: center;
}

.come_in_blog {
background: #F2F3FF;
width: 44px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 12px;
cursor: pointer;
color: #164DD9;
transition: 0.2s ease;
}

.come_in_blog:hover {
background: rgba(22, 77, 217, 1);
color: white;
transition: 0.2s ease;
}
 
 .navs_right {
display: flex;
align-items: center;
gap: 20px;
}
 
 .navs_title {
 font-size: 28px;
 font-weight: 500;
 margin-bottom: 20px;
 }
 
 .navs_item  {
 margin-top: 15px;
 }
 
 .navs_item input{
 background: white;
 padding: 10px;
 border-radius: 10px;
 border: none;
 }
 
 .result_title {
 margin-top: 30px;
 font-size: 28px;
 font-weight: 500;
 margin-bottom: 20px;
 }
 
 .result_item_input input{
 background: rgb(221, 221, 221);
 padding: 10px;
 border-radius: 10px;
 border: none;
 
 }
 
 .result_show {
 margin-top: 15px;
 font-weight: 500;
 font-size: 18px;
 }
 
 .navs_button {
 display: flex;
 align-items: center;
 }
 
 .dowland_link {
 display: inline-block;
 border-radius: 10px;
 padding: 10px;
 height: 40px;
 color: white;
 background: var(--design-bg);
 cursor: pointer;
 }

.user_nav_info {
display: flex;
align-items: center;
gap: 15px;

}

.user_drop {
position: relative;
}

.user_messeg {
font-size: 22px;
color: #A8A8A8;
cursor: pointer;
}

.user_drop_content {
display: flex;
align-items: center;
gap: 10px;
cursor: pointer;
}

.user_drop_icon {
width: 50px;
height: 50px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;

font-size: 22px;
}

.user_dropdown{
position: absolute;
top: 100%;
right: 0;
background: white;
box-shadow: 0px 4px 4px 0px #00000040;
width: 300px;
opacity: 0;
visibility: hidden;
z-index: -1;
transition: 0.2s all;
}
 


.user_dropdown_list {
display: flex;
flex-direction: column;
gap: 10px;
}

.user_dropdown_avtive {
opacity: 1;
visibility: visible;
z-index: 100;
}

 /* hedaer */

 .hedaer {
  position: relative;
 }

 .hedaer_content {
position: relative;
padding-top: 80px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 30px;
 }

 .header_bg {
position: absolute;
top: -14%;
right: 0%;
max-width: 880px;
width: 100%;
height: 100%;
z-index: -1;
 }

 .hedaer_title {
font-size: 44px;
font-weight: 700;
line-height: 44px;
text-align: left;
text-transform: uppercase;
}

 .hedaer_title span {
color: #164DD9;
 }

 .hedaer_link {
  background: #164DD9;
  color: white;
  font-weight: 700;
  display: inline-flex;
  margin-top: 2rem;
  max-width: 390px;
  width: 100%;

 display: flex;
 align-items: center;
 justify-content: center;
padding: 28px 80px 28px 80px;
border-radius: 12px;
border: 0px 0px 1.5px 0px;
transition: 0.2s ease;
}

.hedaer_link:hover {
background-color: rgba(7, 64, 172, 1);
color: white;
transition: 0.2s ease;
}

.hedaer_link_list {
margin-top: 30px;
display: flex;
flex-direction: column;
}

.hedaer_link_list a{
display: inline;
color: #454545;
width: max-content;
}

.hedaer_bottom_title{
  font-size: 24px;
  font-weight: 500;
  line-height: 23.52px;
  text-align: left;
}

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

.hedaer_row {
display: flex;
gap: 15px;
margin-top: 20px;
}

.hedaer_item {
  width: 48%;
}

.hedaer_col {
  max-width: 320px;
  width: 100%;
  height: 160px;
  padding: 32px 30px 16px 30px;
  border-radius: 12px ;
  border: 1px solid #164DD9;
  background: #F6F9FF;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.hedaer_col:hover {
background: rgba(234, 235, 238, 1);
color: white   ;
}



.hedaer_col_title {
font-size: 18px;
font-weight: 400;
line-height: 23.4px;
text-align: left;
color: #164DD9;
}



.hedaer_col_icon {
font-size: 36px;
color: #164DD94D;
}

.hedaer_slider {
margin-top: 20px;
}

.hedaer_slider_item {
margin-left: 15px;
width: 272px;
}

.slider_item_content {
  border: 1px solid #0000001A;
  box-shadow: 0px 10px 20px 0px #0000000F;
border-radius: 12px;
max-width: 272px;
width: 100%;
height: 160px;
padding: 18px 22px 27px 22px;
display: flex;
flex-direction: column;
justify-content: space-between;
background: white;
transition: 0.2s ease;

}


.slider_item_head {
display: flex;
align-items: center;
justify-content: space-between;
}

.slider_item_img {
width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
background: #F2F3FF;
border-radius: 10px;
}

.slider_item_img img {
width: 25px;
}

.slider_item_number{
color: #164DD9;
font-weight: 700;
font-size: 20px;
}

.slider_item_text {
font-size: 14px;
font-weight: 400;
line-height: 20px;
text-align: left;
color: rgba(0, 0, 0, 1);
}

.hedaer_slider .slick-disabled {
opacity: 0;
visibility: hidden;
z-index: -1;
}

.team {
position: relative;
margin-top: 150px;
background: #012e6a;
height: 550px;
padding-top: 80px;
}

.team_bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background: rgba(0, 0, 0, 0);
}

.team_content {
position: relative;
z-index: 10;
}

.team_bg img {
width: 100%;
height: 100%;
}

.team_title {
  font-size: 28px;
  font-weight: 500;
  line-height: 27.44px;
  text-align: center;
  color: rgba(255, 255, 255, 1);
}

.team_info {
display: flex;
justify-content: space-between;
margin-top: 40px;
}

.team_item {
width: 33%;
}

.team_number {
  font-size: 46px;
  font-weight: 700;
  line-height: 45.08px;
  text-align: center;
  color: rgba(255, 255, 255, 1);
}

.team_text {
  font-size: 16px;
  font-weight: 400;
  line-height: 19.2px;
  text-align: center;
  color: rgba(255, 255, 255, 1);
}

.team_row {
display: flex;
justify-content: space-between;
margin-top: 60px;
}

.team_row .hedaer_col{
max-width: 345px;
height: 180px;
background: white;
}

.team_row .hedaer_col:hover {
background: rgba(22, 77, 217, 1);
color: white !important;
}

.team_row .hedaer_col:hover {

}

.header_present {
background: #fff477;
max-width: max-content;
padding: 5px 10px;
margin-top: 15px;
}

.header_present span {
color: red;
font-weight: 600;
}

.lang_dropdown {
width: 58px !important;
border: none !important;
background: transparent !important;
}

.lang_drop_icon {
position: absolute;
top: 25%;
right: 10%;
font-size: 16px;
}

.lang_option {
font-weight: 600;
}

.lang_option::before {
content: unset !important;
}

.report-active-creation .lang_drop_icon{
transform: rotate(-180deg);
}


.present {
margin-top: 100px;
}

.present_header {
display: flex;
align-items: center;
justify-content: space-between;
}

.hedaer_text {
font-size: 16px;
max-width: 600px;
}

.present_video {
margin-top: 50px;
}

.create {
position: relative;
margin-top: 60px;
}

.create_bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}

.create_bg img {
width: 100%;
height: 100%;
}

.create_content {
position: relative;
z-index: 10;
padding-top: 104px;
padding-bottom: 104px;
display: flex;
align-items: center;
justify-content: space-between;
}

.create_title {
  font-size: 46px;
  font-weight: 700;
  line-height: 46px;
  text-align: left;
  color: white;
  text-transform: uppercase;
}

.plan_button {
display: flex;
align-items: center;
gap: 20px;
}

.plan_link {
  padding: 24px 36px 24px 36px;
  height: 64px;
  border-radius: 100px;
  border-bottom: 1.5px solid rgba(0, 0, 0, 0.1);
  background: rgba(22, 77, 217, 1);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
transition: 0.2s ease;

}

.plan_link:hover {
background: rgba(7, 64, 172, 1);
transition: 0.2s ease;
color: white;
}

.plan_link:nth-child(2) {
background: rgba(255, 255, 255, 1);
color: rgba(22, 77, 217, 1);
}

.plan_link:nth-child(2):hover {
background: rgba(234, 235, 238, 1);
transition: 0.2s ease;

}

.view_one {
position: relative;
margin-top: 60px;
margin-bottom: 60px;
}

.view_two {
background: rgba(246, 249, 255, 1);
}

.view_one_bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}

.view_one_bg img {
width: 100%;
height: 100%;
}

.view_content {
position: relative;
z-index: 10;
display: flex;
align-items: center;
justify-content: space-between;
}

.view_item {
width: 45%;
}

.view_title {
font-size: 42px;
font-weight: 700;
line-height: 42px;
text-align: left;
color: rgba(0, 0, 0, 1);
text-transform: uppercase;
}

.view_text {
margin-top: 40px;
font-size: 16px;
font-weight: 400;
line-height: 27.2px;
text-align: left;
margin-bottom: 40px;
}

.view_item .plan_link:nth-child(2){
border: 2.5px solid rgba(22, 77, 217, 1);
}

.view_item .plan_link:nth-child(2):hover {
background: rgba(22, 77, 217, 1);
color: white;
transition: 0.2s ease;
}

.designer {
padding-top: 70px;
padding-bottom: 70px;
background: rgba(246, 249, 255, 1);
}

.designer_title {
font-size: 46px;
font-weight: 700;
line-height: 46px;
text-align: center;
color: rgba(0, 0, 0, 1);
}

.designer_text {
max-width: 768px;
text-align: center;
margin: auto;
margin-top: 20px;
}

.designer_row {
display: flex;
justify-content: space-between;
gap: 15px;
margin-top: 30px;

}

.designer_slider_item .slider_item_content{
border: 1px solid #0000001A;
box-shadow: 0px 10px 20px 0px #0000000F;
border-radius: 12px;
max-width: 342px;
width: 100%;
height: 190px;
padding: 18px 22px 27px 22px;
display: block;
flex-direction: column;
justify-content: space-between;
background: white;
}

.designer_slider_item .slider_item_text{
margin-top: 30px;
}

.designer_row .slider_item_img {
width: 56px;
height: 56px;
}

.slider_item_text span {
color: rgba(63, 117, 255, 1);
}

.comments {
position: relative;
}

.comments_content {
position: relative;
z-index: 10;
height: 517px;
display: flex;
justify-content: center;
align-items: center;
}

.comments_slider {
width: 100%;
}

.comments_slider_item {
width: 100%;
}

.comments_slider_content {
display: flex;
flex-direction: column;
align-items: center;
}

.comments_star {
color: rgba(19, 81, 216, 1);
}

.comments_text {
font-size: 24px;
font-weight: 500;
line-height: 36px;
text-align: center;
max-width: 768px;
margin-top: 20px;

}

.comments_campaigns {
display: flex;
align-items: center;
gap: 5px;
margin-top: 60px;
}


.comments_logo img{
width: 48px;
}

.campaigns_name {
font-size: 16px;
font-weight: 600;
line-height: 24px;
text-align: left;
}

.comments_slider .slick-dots {
  bottom: -53px !important;
}

.comments_slider .slick-dots li {
  width: 10px !important;
  height: 10px !important; 
  border-radius: 50%;
  background: rgba(204, 204, 204, 1) !important;
}

.comments_slider .slick-dots .slick-active{
  width: 10px !important;
  height: 10px !important; 
  border-radius: 50%;
  background: rgba(19, 81, 216, 1) !important;
}

.create_bottom {
flex-direction: column;
}

.create_bottom .create_title{
text-align: center;
font-size: 46px;
}

.create_bottom .plan_button{
margin-top: 30px;
}

 /* hedaer ..... */


 .table_content {
 margin-top: 30px;
 }
 
 table {
 width: 100%;
 height: 100%;
 }
 
 thead tr th, tbody tr td {
 padding: 10px;
 border: 1px solid black;
 }
 
 .navs_dowland {
 margin-top: 30px;
 display: flex;
 align-items: center;
 justify-content: flex-end;
 }
 
 .dowland_link {
 max-width: 150px;
 width: 100%;
 height: 50px;
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 20px;
 font-weight: 600;
 }


 /* modal */

.comein_content{
  border-radius: 26px;
}

.comein_tabs, .register_tabs {
display: flex;
align-items: center;
justify-content: space-between;
}

.register_blog {
padding: 15px 30px;
padding-top: 30px;
min-height: 380px;
}

.register_flex {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
}

.register_flex .form-group {
width: 50%;
}

.promt_form {
position: relative;
cursor: pointer;
font-size: 16px;
}

.promt_form_content {
position: absolute;
top: -20px;
left: 104%;
width: 200px;
font-size: 16px;
background: #FFFAD0;
padding: 10px;
border-radius: 8px;
opacity: 0;
visibility: hidden;
z-index: -1;
}

.promt_form_active {
opacity: 1;
visibility: visible;
z-index: 10;
}

.comein_tabs_item,.register_tabs_item {
width: 50%;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
cursor: pointer;
border-bottom: 2px solid transparent;
opacity: 0.5;
}

.comein_tabs_active, .register_active {
opacity: 1;
border-bottom: 2px solid rgba(22, 77, 217, 1);
}

.comein_blog:nth-child(2) {
display: none;
}

.comein_flex {
display: flex;
flex-direction: column;
justify-content: space-between;
}

.comein_blog_content {
margin-top: 30px;
height: 420px;
}

.message_title {
  font-size: 12px;
  font-weight: 400;
  line-height: 11.76px;
  text-align: center;
  margin-top: 50px;
  margin-bottom: 20px;
  color: rgba(0, 0, 0, 0.6);
;
}

.message_list {
display: flex;
align-items: center;
justify-content: center;
gap: 40px;
padding: 15px 30px;
}

.message_item{
border: 0.5px solid rgba(0, 0, 0, 0.2);
width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
border-radius: 50%;
transition: 0.2s ease;

}



.comein_title {
  font-size: 24px;
  font-weight: 400;
  line-height: 23.52px;
  text-align: center;
}

.comein_text {
  font-size: 14px;
  font-weight: 400;
  line-height: 13.72px;
  text-align: center;
  margin-top: 20px;
}

.number_code_list, .reg_number_code {
display: flex;
align-items: center;
justify-content: center;
gap: 15px;
}

.number_code_list input, .reg_number_code input{
width: 58px;
height: 58px;
border: 1px solid rgba(0, 0, 0, 0.1);
text-align: center;
padding: 22px, 26px, 22px, 26px;
border-radius: 10px;
}

.error_code input{
border: 1px solid rgba(122, 2, 2, 0.8)
}

.error_number {
color: red;
font-size: 12px;
}

.correct_code input {
border: 1px solid rgba(2, 122, 72, 0.8)
}

.number_code, #code_sumbit, .register_number_code, #reg_number, #sendRegisterAuth, #code_btn, .comein_blog:nth-child(2) {
display: none;
}

.comein_blog .input-group{
margin-bottom: 20px;
}

.input-group {
  position: relative;
}

.register-info {
  display: flex;
  align-items: center;
  justify-content: center;
}

.register-info-content {
  max-width: 800px;
  width: 100%;
  border-radius: var(--border-px);
  padding: 20px;
  margin: auto;
}

.register-info-content > .modal-title {
text-align: center;
margin-bottom: 20px;
}



.register-info-content  > .modal-body-right-text > a{
  max-width: 350px;
  width: 100%;
  height: 40px;
  transition: 0.2s;
  border-radius: var(--border-px);
  background: var(--design-bg);
  border: none;
  box-shadow: var(--design-bg) 0px 15px 50px -10px;
  color: white;
  font-size: 18px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  margin-left: auto;
  transition: 0.2s;
}

.register-info-content   > .modal-body-right-text > a:hover {
  background: var(--design-bg);
  color: white;
  transition: 0.2s; 
}

.register-input-password {
position: absolute;
left: 0;
top: 100%;
display: none;
width: 300px;
font-size: 14px;
height: 100%;
border-radius: var(--border-px) !important;
z-index: 10;
}

.register-input-password-list {
height: 100%;
}

.registration {
  position: relative;
  padding-top: 30px;
  min-height: 93vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 30px;
  background: rgba(237, 237, 237, 1);
}

.register-bg,
.register-bg2 {
  position: absolute;
  top: 11%;
  left: 26%;
  z-index: -1
}

.lostpassword-bg {
  top: 17%
}

.register-bg2 {
  left: unset;
  top: 37%;
  right: 27%
}

.register-bg2>.header-bg-img {
  max-width: 300px;
  width: 100%
}

.lostpassword-bg2>.header-bg-img {
  max-width: 270px;
  width: 100%
}

.register_content, .offer_info {
  z-index: 100;
  position: relative;
  max-width: 500px;

  width: 100%;
  margin: auto;
  background: #fff;
  border-radius: 14px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.offer_content {
padding: 15px 30px;
}

.offer_header{
height: 66px;
padding: 15px;
display: flex;
align-items: center;
justify-content: center;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
font-size: 16px;
font-weight: 400;
line-height: 13.72px;
text-align: center;

}

.register_offer {
padding: 20px;
}

.offer_title {
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  text-align: left;
}

.offer_text {
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
  margin-top:  30px;
  padding-bottom: 20px;
  padding-right: 10px;
  height: 450px;
overflow: auto;
}

.offer_button {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 10px;
margin-top: 20px;
}

.register_form {
display: none;
}

.input-group,
.language-drop {
    position: relative
}

.register-btn,
.register-btn:hover {
 background: var(--design-hover);
  color: #fff;
  transition: .2s
}

.register-eye-noactive,
.register-eye2-noactive,
.register-eye>.register-eye-acitve,
.register-eye>.register-eye2-acitve {
    display: none
}


.register-label {
  margin-bottom: 5px;
  font-size: 20px
}

.g-recaptcha,
.register_button {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}

.register_button {
  align-items: center;
  justify-content: space-between;
  padding: 10px 30px;
  padding-top: 15px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.register_button .message_list {
padding: 0px;
gap: 10px;
}

.register_button .message_item {
background: rgba(242, 243, 255, 1);
border: none;
}

.message_item:hover {
background: rgba(7, 64, 172, 1);
color: white;
transition: 0.2s ease;
}

#register_code {
display: none;
}

.ui-form {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  flex-direction: column
}

.ui-form>li {
  max-width: 100%;
  width: 100%

}

.register-btn {
  max-width: 160px;
  width: 100%;
  height: 41px;
  padding: 10px 30px;
  border-radius: 100px;
  border: none;
  box-shadow: var(--design-btn);
  font-size: 16px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
color: white;
}

.register-check {
  max-width: 140px;
  height: 100%;
  border-radius: 0 !important
}

.register-btn:hover {
  opacity: .8
}

.register-password-eye,
.register-password2-eye {
  position: absolute;
  right: 12px;
  top: 12px;
  z-index: 100
}

.register-eye-icon,
.register-eye2-icon {
  font-size: 18px;
  font-weight: 500;
  cursor: pointer
}

.register-eye>.register-eye-noactive,
.register-eye>.register-eye2-noactive {
  display: block
}

.ui-dialog {
  display: none !important
}

.register_active>.container {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 80vh
}

.register_active_content {
  max-width: 400px;
  width: 100%;
  padding: 10px;
  border: 3px solid var(--design-bg);
  border-radius: var(--border-px)
}

.register_active_text {
  font-size: 20px;
  padding-bottom: 20px
}

.input-password-item {
border: 1px solid rgba(0,0,0,.125); 
background: white;
padding: 10px;
font-weight: 500;
color: red;
}

#password-text3, #password-text5 {
color: green;
}

.register-input-password-active{
opacity: 1 ;
visibility: visible ;
z-index: 1;
}

.profile-blog-input .error {
max-width: 100%;
top: 100%;

}

.tel_bl .register-input-icon{
  right: 140px;
}

.number_ver {
display: flex;
align-items: center;
justify-content: end;
gap: 15px;
}



.number_ver_title{
font-size: 16px;
}

.number_ver_input input{
max-width: 100px;
}

.tel_bl_btn {
  background: var(--design-hover);
  color: #fff;
  padding: 5px 10px;
  transition: .2s;
}

.number_modal {
cursor: pointer;

}

.form__item.error-item > .register-input {
border: 1px solid red; 
}

.form__item.error-item > .error {
color: red !important;
}

.valid-item .register-input {
border: 1px solid rgba(2, 122, 72, 0.8) !important;
}

.error-item .register-input{
border: 1px solid rgba(122, 2, 2, 0.8) !important;
}

.form__item.error-item > .register-password-eye, .form__item.valid-item > .register-password-eye {
right: 36px;

}

.form__item.error-item > .register-password2-eye, .form__item.valid-item > .register-password2-eye {
right: 36px;
}

.input-group > label {
position: absolute;
top: 100%;
}

#password1 + label{
top: 100%;

}

.register-input {
border: 1px solid var(--design-bg);
position: relative; 
}

.register-input-icon {
position: absolute;
z-index: 100;
right: 10px;
top: 11px;
}

.register-input-icon  span:nth-child(1){
color: green;
}

.register-input-icon  span:nth-child(2){
color: red;
}

.register-input-icon > span {
display: none;
font-size: 20px;
}


.form__item.error-item > .register-input-icon > span:nth-child(2) {
display: block;
}

.form__item.error-item > .register-input-icon > span:nth-child(1) {
display: none;
}

.form__item.valid-item > .register-input-icon > span:nth-child(1) {
display: block;
}

.form__item.valid-item > .register-input-icon > span:nth-child(2) {
display: none;
}

.input-group > span{
  background: var(--design-bg);
  color: white;
  font-size: 20px;
}

.input-group input {
  outline: none !important; 
  font-size: 14px;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  height: 56px !important;
  border-radius: 10px !important;
  padding: 0px 15px;
  margin-top: -1px;
}

.number_blog {
  font-size: 14px;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  height: 56px !important;
  border-radius: 10px !important;
  padding: 0px 15px;
  display: flex;
  align-items: center;
}

.number_blog input {
border: none !important;
padding: 0px 15px 0px 4px;
}

.input-group-text {
  border-radius: none !important;
}

.input-group input:focus {
  box-shadow: none !important;
  outline: none !important;
}

.login-navs {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px !important;
  height: 40px;
}

.login-navs-btn {
  position: absolute;
  top: -20px;
  right: -11px;
  background: red;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  font-size: 16px;
width: 30px;
height: 30px;
  color: white;
  opacity: 0.8;
transition: 0.2s ease;

}

.login-navs-btn:hover {
opacity: 1;
transition: 0.2s ease;
}

.comein_top {
  padding: 0px 30px;
  height: 160px;
}

.comein_bottom {

}

.login_button {
  padding: 0px 30px;
  padding-bottom: 10px;
  width: 100%;
  display: flex;
  gap: 15px;
  justify-content: flex-end;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.login_btn {
color: white;
padding: 14px 26px 15px 26px ;
background: rgba(22, 77, 217, 0.7);  
border-radius: 100px;
transition: 0.2s ease;

}

.login_btn:hover {
background: rgba(7, 64, 172, 1);
transition: 0.2s ease;
}

.login_btn:nth-child(1){
background: rgba(242, 243, 255, 1);
color: rgba(22, 77, 217, 1);
}

.login_btn:nth-child(1):hover {
background: rgba(234, 235, 238, 1);
transition: 0.2s ease;
}

.navsigate-right-button {
  display: flex;
  align-items: center;
  gap: 10px;
}

.navsigate-btn {
  max-width: 200px;
  width: 100%;
  height: 40px;
  transition: 0.2s;
  background: var(--design-bg);
  border: none;
  color: white;
  font-size: 18px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;  
  padding: 10px;
  transition: 0.2s ease; 
 
}

.navsigate-btn:nth-child(2) {
  border: 2px solid var(--design-bg);
  background: transparent;
  color: black;
}

.navsigate-btn:hover {
  opacity: 0.8;
  color: white;
  transition: 0.2s ease; 
}

.navsigate-btn:nth-child(2):hover {
  background: var(--design-bg);
  color: white;
  transition: 0.2s ease; 
}
.login-text {
display: block;
margin-bottom: 10px;
text-align: end;
}

.comein_message_title {
font-weight: 300;
font-size: 14px;
line-height: 16px;
color: var(--primary-gray);
margin-bottom: 13px;
}

.comein_message_list {
display: flex;
align-items: center;
gap: 20px;
margin-bottom: 15px;
}

.comein_message_item {
width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
background: var(--design-bg);
border: 0.5px solid var(--design-bg);
cursor: pointer;
font-size: 20px;
color: white;
border-radius: var(--border-px);
}

.comein_message_item:hover {
color: white;
}

.profile-blog-input {
position: relative;
margin-bottom: 10px;
max-width: 350px;  
}

.profile-blog-input label {
height: auto !important;    
}

.profile-blog-input input{
border: 1px solid rgba(0, 0, 0, 0.12);
font-weight: 400;
height: 2.5rem;
border-radius: var(--border-px);
color: rgba(0, 0, 0, 0.87);

}

.mob_img {
display: none;
}

.profile-blog-input.error-item input {
border: 1px solid rgb(255, 55, 55);
}

.profile-password-eye, .profile-password2-eye, .profile-oldpassword-eye {
position: absolute;
right: 12px;
top: 28px;
z-index: 100;
}

.modalpassword {
top: 15px;
}

.profile-eye-icon, .profile-eye2-icon, .profile-password-icon {
font-size: 19px;
font-weight: 500;
cursor: pointer;
}

.profile-eye-noactive, .profile-eye2-noactive {
display: none;
}

.password_active  .profile-eye-acitve {
display: none;
}

.password_active  .profile-eye-noactive{
display: block;
}

.register-input-icon {
position: absolute;
z-index: 100;
right: 10px;
top: 12px;
}

.register-input-icon  span:nth-child(1){
color: green;
}

.register-input-icon  span:nth-child(2){
color: red;
}

.register-input-icon > span {
display: none;
font-size: 20px;
}

.form__item.error-item > .register-input-icon > span:nth-child(2) {
display: block;
}

.form__item.error-item > .register-input-icon > span:nth-child(1) {
display: none;
}

.form__item.valid-item > .register-input-icon > span:nth-child(1) {
display: block;
}

.form__item.valid-item > .register-input-icon > span:nth-child(2) {
display: none;
}

/* modal finish */

/* cabinet */

.kurs_info {
display: flex;
align-items: center;
gap: 10px;
margin-top: 10px;
}

.kurs_item {
background: #f1f1f1;
padding: 5px 15px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 5px;
}

.kurs_item img {
width: 20px;
}

.panel_bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}

.user_panel_start {
min-height: 70vh;
display: flex;
align-items: center;
justify-content: center;
}

.cabinet_org_result {
max-width: 768px;
width: 100%;
margin: auto;
margin-top: 20px;

}

.cabinet_org {
max-width: 900px;
width: 100%;
margin: auto;
margin-top: 20px;
}

.cabinet_org_banner {
  cursor: pointer;
  max-width: 245px;
  width: 100%;
  height: 145px;
}

.cabinet_org_banner img {
height: 100%;
}

.PanelHeader_blog {
max-width: 768px;
width: 100%;
margin: auto;
margin-top: 20px;
}

.show_panel {
background: white;
padding: 5px 15px;
max-width: 350px;
height: 70px;
display: flex;
font-size: 18px;
font-weight: 600;
align-items: center;
justify-content: center;
cursor: pointer;
box-shadow: 4px 5px 8px 0px rgba(34, 60, 80, 0.2);
transform: scale(1.0);
transition: 0.2s all;
}

.show_panel:hover {
transition: 0.2s all;
transform: scale(1.1);
}

.report-dropdown {
position: relative;
width: 100%;
height: 64px;
text-align: left;
cursor: pointer;
background: rgba(255, 255, 255, 1);
border-radius: 10px;
border: 1px solid rgba(0, 0, 0, 0.2);
color: black;
font-size: 14px;
}

.report_option {
padding: 8px 12px;
height: 100%;
display: flex;
align-items: center;
overflow: hidden;
position: relative;
z-index: 10;
}

.report_option li {
width: 420px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}

.report-dropdown.report-active-creation .report_ul {
display: block;
left: 0px;
top: 100%;
position: absolute;
z-index: 1100;
transition: height 0.2s ease 0s;
cursor: pointer;
background: white;
border-radius: 10px;
border: 1px solid rgba(0, 0, 0, 0.2);
min-width: 100%;
overflow-x: hidden;

}



.report-li {
padding: 10px;
}

.report-li:hover {
background: var(--design-bg);
color: white;
}

.product-main-name {
font-size: 16px;
}

.report-dropdown .report_ul {
position: relative;
top: 55px;
left: 0;
width: 100%;
background: #fff;
display: none;
border-radius: 10px;
}



.report_icon {
position: absolute;
top: 30%;
right: 18px;
font-size: 18px;

}

.report-dropdown.report-active-creation .report_icon {
transform: rotate(-180deg);
}


.categories_item {
margin-top: 15px;
}

.categories_item_flex {
display: flex;
gap: 100px;
width: 100%;
}

.cabinet_change_flex {
display: flex;
align-items: end;
gap: 50px;
width: 100%;
margin-top: 15px;
}

.categories_item_input {
display: flex;
align-items: center;
}

.categories_item_input input {
width: 200px !important;
height: 40px;
}

.categories_btn {
height: 40px;
padding: 5px 10px;
background: var(--design-bg);
color: white;

}

.cabinet_change {
margin-top: 40px;
border: 3px solid var(--design-bg);
padding: 15px;
}

.border_none {
border: none;
}

.cabinet_change_title {
text-align: center;
font-size: 28px;
font-weight: 500;
}

.cabinet_change_button {
display: flex;
align-items: center;
justify-content: center;
}

.delete_item_btn {
background: rgb(244, 13, 13);
color: white;
height: 40px;
padding: 15px 5px;
display: flex;
align-items: center;
justify-content: center;
}

.categories_item_number {
height: 40px;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
}

.cabinet_item {
margin-top: 15px;
}

.cabinet_item_flex {
display: flex;
align-items: center;
gap: 40px;
}

.cabinet_item_check input{
display: none;
}

.cabinet_item_check label {
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid var(--design-bg);
padding: 5px;
background: white;
cursor: pointer;
}

.cabinet_item_check label i {
display: none;
}

.cab_check:checked + label {
background: var(--design-bg);
}

.cab_check:checked + label i {
display: block;
color: white;
}

/* cabinet finish */

/* org */

.org_navs {
display: flex;
align-items: center;
gap: 10px;
margin-top: 20px;
}

.org_title {
position: relative;
font-size: 25px;
font-weight: 600;
}

.org_add {
display: inline-block;
padding: 5px 10px;
background: var(--design-bg);
color: white;
font-size: 14px;
border-radius: 8px;
cursor: pointer;
}

.org_list, .fields_tabs {
display: flex;
align-items: center;
gap: 15px;
}

.fields_tabs {
margin-top: 20px;
}

.org_item, .fields_item {
position: relative;
padding: 15px;
background: white;
display: block;
cursor: pointer;
box-shadow: 4px 5px 8px 0px rgba(34, 60, 80, 0.2);
}

.fields_item_active {
background: var(--design-bg);
color: white;
}

.org_item_icon {
position: absolute;
top: -5px;
right: -5px;
width: 25px;
height: 25px;
display: flex;
align-items: center;
justify-content: center;
background: var(--design-bg);
border-radius: 50%;
font-size: 14px;
cursor: pointer;
}

.org_subtitle {
font-size: 20px;
font-weight: 500;
}

.fields_info, .cabinet_offers {
margin-top: 30px;
}

.fields_blog {
display: none;
}

.fields_content {
padding: 10px;
background: #fff
}

.fields_title {
font-weight: 500;
font-size: 18px;
}

.heading_list {
margin-top: 10px;
}

.heading_item {
display: flex;
align-items: center;
gap: 10px;
}

.drop_item_flex {
display: flex;
align-items: end;

}


.drop_item_content {
padding: 5px;
border: 1px solid black;
max-width: 300px;
width: 100%;
}

.drop_item_icon {
cursor: pointer;
padding: 10px;
height: 100%;
background: var(--design-bg);
}

.drop_item, .add_fields_item {
margin-top: 10px;
}

.drop_item_left {
max-width: 300px;
width: 100%;
}

@media (min-width: 576px) {
.add_fields_dialog {
max-width: 500px !important;
}  
}

.add_fields_title {
font-weight: 500;
font-size: 18px;
}

.add_fields_check_item, .choice_setting_check {
display: flex;
align-items: center;
gap: 10px;
margin-top: 5px;
}

.add_choice_item_head {
display: flex;
align-items: center;
gap: 10px;
}

.add_choice_setting {
margin-left: 28px;
display: none;
}

.cabinet_org_title {
font-size: 37px;
font-weight:400;
text-align: center;
}

.cabinet_org_list, .user_sample_list, .cabinet_offers_list {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 15px;
margin-top: 20px;
}

.cabinet_org_list {
gap: 30px;
}

.cabinet_org_list label {
  max-width: 245px;
  width: 100%;
}

.user_panel_start_blog {
width: 100%;
}

.cabinet_org_item, .cabinet_sample_item, .user_sample_item, .cabinet_offers_item, .cabinet_rusult_item {
position: relative;
padding: 15px;
background: rgba(255, 255, 255, 1);
display: block;
cursor: pointer;
border-radius: 15px;
border: 1px solid rgba(0, 0, 0, 0.1);
box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.06);

}

.cabinet_rusult {
  background: rgba(246, 246, 246, 1);
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 10px 15px;
  border-radius: 15px;
}

.cabinet_org_item, .cabinet_rusult_item{
display: flex;
align-items: center;
gap: 15px;
max-width: 250px;
width: 100%;
transform: scale(1.0);
transition: 0.2s all;
border: none;
}

.cabinet_org_item {
height: 146px;
flex-direction: column;
justify-content: center;
}
.cabinet_org_img {
width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
background: rgba(244, 245, 254, 1);
border-radius: 12px;
padding: 12px;
}

.cabinet_org_img img {
width: 22px;
}

.cabinet_banner_item {
cursor: pointer;
}

.cabinet_org_name {
font-size: 14px;
color: rgba(0, 0, 0, 1);
font-weight: 400;
}

.cabinet_rusult {
position: relative;
max-width: 400px;
width: 100%;
display: block;
opacity: 1;
padding-right: 33px;
}

.cabinet_rusult_flex {
display: flex;
align-items: center;
justify-content: space-between;
}

.cabinet_org_item:hover, .cabinet_rusult_item:hover {
transform: scale(1.1);
}

.cabinet_rusult_title{
font-size: 18px;
font-weight: 600;
}


.cabinet_org_delete {
position: absolute;
top: 10px;
right: 10px;
font-size: 18px;
cursor: pointer;
background: transparent;
color: #919191;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 8px;
}

.cabinet_org_delete:hover {
background: rgba(30, 98, 247, 1);
color: white;
}

.cabinet_rusult_info span {
width: 57%;
}

.cabinet_rusult_coteg, .cabinet_rusult_lang{
font-size: 12px;
font-weight: 400;
color: rgba(0, 0, 0, 1);
}

.cabinet_rusult_subcoteg {
font-size: 20px;
font-weight: 400;
color: rgba(0, 0, 0, 0.9);
}

#cabinet_directed2 .cabinet_org_item, #cabinet_directed3 .cabinet_org_item {
justify-content: center;
}

.cabinet_directed_flex {
display: flex;
align-items: center;
gap: 10px;
}

.user_panel {
min-height: 90vh;
margin-bottom: 70px;
}

#user_panel_cabinet_result .cabinet_org_item {
opacity: 1;
}

.cabinet_directed_back {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 20px;
background: rgba(255, 255, 255, 1);
border-radius: 15px;
border: 1px solid rgba(0, 0, 0, 0.2);
cursor: pointer;

}

.org_item_active {
opacity: 1;
transform: scale(1.1);
transition: 0.2s all;
}

.org_modal_item {
margin-top: 10px;
}

.cabinet_sample, .cabinet_sample_list {
margin-top: 20px;
}

.cabinet_sample_list {
display: flex;
align-items: center;
gap: 15px;
}

.spl_form {
position: fixed;
top: 0;
right: -100%;
background: white;
max-width: 550px;
width: 100%;
height: 100%;
transition: 0.4s ease;
z-index: -1;
}

#directed_form {
background: white;
}

.spl_form_bg {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #0000004b;
opacity: 0;
visibility: hidden;
z-index: -1;
transition: 0.4s ease;
}

.spl_form_active {
right: 0%;
transition: 0.4s ease;
z-index: 15;
}

.form_bg_active {
opacity: 1;
visibility: visible;
z-index: 10;
transition: 0.4s ease;
}

.spl_form_content {
padding: 20px;

}

.form_tabs {
display: flex;
align-items: center;
gap: 20px;
}

.form_tabs_link {
position: relative;
padding: 15px;
background: white;
display: block;
cursor: pointer;
}

.form_tabs_active {
background: var(--design-bg);
color: white;
}

.org_title div {
position: relative;
}

.org_b1::before {
content: "Котегория";
position: absolute;
top: -10px;
left: 0;
width: 100%;
font-size: 13px;

}

.form_list {
margin-top: 20px;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 20px;
}

.form_item_title {
font-size: 20px;
font-weight: 600;
}

.form_item_content {
max-width: 100px;
width: 100%;
height: 100px;
background: white;
}

.form_add_btn {
cursor: pointer;
}

.spl_form_info, .form_blog_list {
margin-top: 20px;
}

.form_blog_content {
padding: 20px;
background: white;
}

.form_blog {
display: none;
}

.form_blog_item {
display: flex;
align-items: center;
gap: 10px;
}

.form_excel {
background: white;
max-width: 1200px;
width: 100%;
min-height: 800px;
margin-top: 30px;
padding: 15px;
}

.excel_add_blog {
display: inline-block;
}

.form_excel_list {
margin-top: 25px;
max-width: 70%;
}

.excel_item_flex {
display: flex;
gap: 15px;
}

.excel_item {
  width: 50%;
}

.excel_item_content {
border: 1px solid var(--design-bg);
padding: 15px;
min-height: 200px;
}


.gen_form {
max-width: 768px;
width: 100%;
margin: auto;
margin-top: 40px;
}

.gen_form_flex {
display: flex;
align-items: center;
justify-content: space-between;
}

.gen_form_blog_title {
font-size: 19px;
font-weight: 400;
color: rgba(0, 0, 0, 1);
padding-top: 15px;
padding-bottom: 15px;
}


.gen_form_blog {
margin-bottom: 15px;
}
.gen_form_blog .form_blog_error {
display: none;
}

.erros_form .form_blog_error {
  display: block;
}

.gen_form_title {
font-size: 20px;
font-weight: 600;
}

.gen_form_info {
position: relative;
max-width: 768px;
width: 100%;
background: rgba(255, 255, 255, 1);
padding: 10px 25px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 15px;
box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.04);

}

#gen_form .org_item_input {
width: 100%;
}

.org_item_input {
position: relative;
}

input[type="checkbox"] {
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 4px;
width: 14px;
height: 14px;
}


.org_item_input .gen_form_item_title {
position: absolute;
top: 50%;
left: 10px;
transform: translateY(-50%);
transition: all 0.25s ease-in-out;
color: rgba(0, 0, 0, 0.8);
pointer-events: none;
font-size: 14px;
}

.focused  .gen_form_item_title{
top: 22%;
color: rgba(0, 0, 0, 0.6);
font-size: 10px;
}

.form_blog_error, .form_blog_error_add {
text-align: center;
font-size: 14px;
font-weight: 400;
color: red;
}

.form_blog_error_add {
  color: rgba(0, 0, 0, 0.6);
}

.error_blog_add5, .prod_def, .coll_def {
color: black;
}

.form_blog_error_add {
margin-bottom: 5px;
width: 100%;
height: max-content;
text-align: center;
background: rgba(247, 247, 247, 1);
padding: 20px 15px;
border-radius: 10px;
}

.erros_form{
border: 1px solid rgba(122, 2, 2, 0.8) !important;
}

.valid_form {
border: 1px solid rgba(2, 122, 72, 0.8) !important;

}


.add_input {
background: rgba(247, 247, 247, 1);
 padding: 0px 15px;
 cursor: pointer;
 color: rgba(157, 157, 157, 1);
 max-width: 192px;
 width: 100%;
 height: 64px;
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 14px;
 border-radius: 10px;
 }
 
 .add_input_active {
  background: rgba(244, 245, 254, 1);
  border: 2px solid rgba(30, 98, 247, 1);
  color: rgba(30, 98, 247, 1);
 }

 .add_input_active:hover {
  background: rgb(185, 191, 249);

 }


 .getStat_blog {
display: none;
 }

.gen_form_item_input {
position: relative;
width: 100%;
}

.gen_fields_item {
display: none;
margin-bottom: 18px;
}

.balance_duplicate {
position: absolute;
bottom: -20px;
left: 0;
font-size: 14px;
}

.gen_form_item_input input[type="text"], .gen_form_item_input input[type="number"]  {
background: rgba(255, 255, 255, 1);
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 10px;
padding: 5px 10px;
padding-top: 15px;
width: 100%;
height: 64px;
}

.gen_form_item_input textarea, .excel_form_item_input textarea{
background: rgba(255, 255, 255, 1);
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 10px;
min-height: 85px;
max-height: 85px;
max-width: 100%;
width: 100%;
}

.excel_form_item_input textarea {
min-height: 60px;
max-height: 60px;
font-size: 14px;
}

.accountant_flex {
display: flex;
align-items: center;
gap: 10px;
}

.accountant_flex input[type="text"] {
width: 360px;
}

.accountant_flex label {
display: flex;
align-items: center;
font-size: 12px;
width: 100%;
color: rgba(0, 0, 0, 0.8);
}

.gen_form_item_input {
display: flex;
align-items: center;
gap: 10px;
}

.gen_form_item_promt {
cursor: pointer;
}

.error_form {
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 50%;
margin: auto;
max-width: 450px;

}



.error_form_content {
background: white;    

box-shadow: 0px 4px 4px 0px #00000040;
}



.error_form_header {
display: flex;
padding: 10px;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid rgb(144, 144, 144);
}

.error_form_info {
padding: 15px;
}

.error_form_button{
display: flex;
align-items: center;
justify-content: flex-end;
gap: 15px;
padding: 15px;
}

.error_form_btn {
padding: 5px 10px;
background: rgba(22, 77, 217, 1);
color: white;
}

.error_form_icon {
cursor: pointer;
}

.form_promt_ab {
position: absolute;
top: 0;
right: 5px;
cursor: pointer;
}

.gen_promt_text {
max-width: 500px;
}

.gen_form_item {
position: relative;
margin-bottom: 24px;
}

.gen_form_head {
display: flex;
align-items: center;
gap: 15px;
justify-content: space-between;
margin-bottom: 10px;
}
 
.teg_list {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 10px;
margin-bottom: 10px;
}

.teg_item {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 10px 20px;
background: #d4d4d4;

}

.teg_delete {
cursor: pointer;
}

#products_active_list .gen_form_item_title {
position: relative;
top: unset;
left: unset;
font-size: 12px;
color: rgb(130 130 130 / 80%);
transform: unset;
}

#products_active_list .products_col_item.editing {
background-color: rgba(246, 246, 246, 1)!important;
}


.error_amount, .error, .clone_number {
position: absolute;
bottom: -19px;
font-size: 12px;
color: red;
}

.clone_number {
color: black;
padding-left: 10px;
font-size: 13px;
}

.gen_promt {
position: absolute;
top: 18px;
left: 105%;
display: none;
max-width: 550px;
width: 100%;
}

.gen_promt_item {
position: relative;
background: #FFFAD0;
padding: 10px;
}

.gen_promt_img {
position: absolute;
top: 5px;
right: 5px;
width: 40px;
}

.gen_promt_close {
position: absolute;
top: -10px;
right: -10px;
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
color: white;
background: red;
border-radius: 50%;
cursor: pointer;
opacity: 0.5;
transition: 0.2s ease;
}

.gen_promt_close:hover {
opacity: 1;
transition: 0.2s ease;

}

.founder_list {
margin-top: 10px;
}

.founder_item_flex {
display: flex;
align-items: center;
gap: 20px;
}

.founder_item {
margin-bottom: 10px;
width:100%;
}

.founder_item_number {
font-size: 14px;
width: 14px;
}

.founder_item_procent {
width: max-content !important;
}

.founder_item_procent input{
width: 50px;
}

.founder_item_delete {
cursor: pointer;
font-size: 20px;
color: #919191;
}

.founder_item_input input, .founder_item_procent input {
  background: rgba(255, 255, 255, 1);
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  padding: 5px 10px;
  padding-top: 15px;
  height: 64px;
}

.founder_add, .products_add,  .btn_plan, .collateral_add, .products_add_col{
  border: 1.5px solid rgba(30, 98, 247, 1);
  background: rgba(244, 245, 254, 1);
padding: 5px 15px;
max-width: 195px;
width: 100%;
height: 64px;
border-radius: 10px;
font-size: 14px;
cursor: pointer;
color: rgba(30, 98, 247, 1);
display: flex;
align-items: center;
justify-content: center;
}

.products_add_col {
  max-width: 150px;
  height: 40px;
}

.founder_add:hover, .products_add:hover, .btn_plan:hover, .collateral_add:hover, .products_add_col:hover {
  background: rgb(185, 191, 249);
}



.gen_form_subtitle {
font-size: 14px;
font-weight: 400;
color: rgba(0, 0, 0, 1);
}

.blogs_list {
margin-top: 20px;
display: flex;
align-items: center;
gap: 10px;
}

.blogs_list .org_item {
display: inline-block;
border: 1px solid var(--design-bg);
}


.input_fields_navs {
display: flex;
align-items: center;
gap: 5px;
}

.form_blog_title {
font-size: 18px;
font-weight: 600;
}

.currency_selected {
position: absolute;
top: 30%;
right: 20px;
font-size: 16px;
color: rgba(0, 0, 0, 0.6);
}

.agreement_drop {
max-width: 85px;
width: 100%;
}

.currency_index {
z-index: 19;
}

.currency_flex {
display: flex;
align-items: center;
justify-content: space-between;
}

.currency1_dropdown .report-dropdown {
max-width: 85px;
width: 100%;
}

.currency_title {
font-size: 14px;
color: rgba(0, 0, 0, 0.8);

}

#result_present {
pointer-events: none;
}

.main_intact_dropdown .gen_form_item_title {
position: relative;
} 

.collateral_list, .main_collateral_dropdown {
margin-bottom: 10px;
}

.collateral_item {
display: flex;
align-items: center;
gap: 5px;
}

.blog_subcotegory {
background: #bef9e7;
padding: 10px;
margin-top: 20px;
}



.gen_form_blogs {
max-width: max-content;
margin-top: 15px;
}

.gen_form_bg_list {
background: #9ae3f1;
padding: 15px;
}

.gen_form_subblogs {
margin-top: 10px;
}

.materials_bg {
background: var(--design-hover);
padding: 10px;
}

.submit_button {
display: flex;
margin-bottom: 20px;
}

.submit_blog {
max-width: 768px;
width: 100%;
margin: auto;
}

#generate_plan_btn, .dowland_link,.generate_error_btn {
background: rgba(22, 77, 217, 1);
color: white;
max-width: 768px;
width: 100%;
height: 60px;
padding: 18px 35px;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
border-radius: 10px;
}

.generate_error_btn {
cursor: pointer;
background: rgba(22, 77, 217, 0.7);

}



/* org finish */

.logo img{
max-width: 180px;
width: 100%;
}

.brand {
  text-align: end;
  font-size: 11px;
  color: #424141;
  margin-top: 20px;
}

.footer {
padding-top: 30px;
background: rgba(0, 20, 38, 1);
border: none;
}

.footer_content {
display: flex;
align-items: center;
justify-content: space-between;
}

.footer_list a {
color: white;
}

.footer_logo img{
width: 240px;
}

.footer_list {
display: flex;
align-items: center;
gap: 50px;
}

.header_cotegory_message {
  display: flex;
  align-items: center;
  gap: 10px
}

.cotegory_message_item
 {
    display: flex;
    align-items: center;
    justify-content: center
}

.form_content {
padding: 20px;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}

.form_header {
display: flex;
align-items: center;
justify-content: space-between;
}

.form_header .form_exit {
background: transparent;
font-size: 25px;
cursor: pointer;
padding: 5px;
border-radius: 8px;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
}

.form_header .form_exit:hover {
background: red;
color: white;
}

.directed_title {
font-size: 20px;
font-weight: 600;
background-color: white;
box-shadow: 0px 4px 4px 0px #00000040;
padding: 10px;
}

.directed_form_content {
padding: 20px 0px;
max-width: 1000px;
margin: auto;
}



.intact_add_flex {
display: flex;
align-items: end;
gap: 5px;
width: 30%;
}

.intact_list {
display: flex;
flex-wrap: wrap;
gap: 8px;
}

#intact_list .editing {
background: rgba(246, 246, 246, 1) !important;
}

.change_intact, .intact_active_delete {
position: absolute;
top: 10px;
right: 10px;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
cursor: pointer;
border-radius: 8px;
}

.change_intact:hover, .intact_active_delete:hover {
background: rgba(30, 98, 247, 1);
color: white;
}

.directed_search {
display: flex;
align-items: center;
gap: 10px;
background: rgba(255, 255, 255, 1);
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 15px;
padding: 10px;
width: 100%;
}

.directed_search input {
border: none;
outline: none;
width: 100%;
}

.directed_bottom_list {
margin-top: 10px;
}

.language_list {
display: flex;
align-items: center;
gap: 10px;
}

.language_item label {
cursor: pointer;
}

.language_item input{
width: 25px;
height: 25px;
}


.directed_search_btn {
background: #5571ff;
padding: 10px 15px;
cursor: pointer;
color: white;
}

.directed_search_btn:hover, .intact_form_add:hover {
  background: #869aff;
}

.add_btn, .form_btn, .products_item_delete,  .add_btn_new {
border: 1.5px solid rgba(30, 98, 247, 1);
background: rgba(244, 245, 254, 1);
color: rgba(30, 98, 247, 1);
border-radius: 10px;
padding: 10px 25px;
display: inline-block;
cursor: pointer;
}
.form_btn:hover {
  background: rgb(185, 191, 249);
}

.products_item_delete {
background: #FFB6B6;
}

.form_exit {
background: rgba(242, 243, 255, 0.7);
color: rgba(22, 77, 217, 1);
}

.add_btn_new {
  background: #17841b;
  border: none;
  color: white;
}

.products_item_delete:hover {
  background: #fa8080;
}

.form_content_title {
font-size: 18px;
font-weight: 500;
}

.collateral_list, .products_list, .products_add_list_row, .services_list, #intact_form_list{
display: flex;
gap: 15px;
flex-wrap: wrap;
overflow: auto;
min-height: 10px;
height: 400px;
margin-top: 10px;
}

.collateral_item{
position: relative;
background-color: white;
box-shadow: 0px 4px 4px 0px #00000040;
padding: 10px;
display: flex;
align-items: center;
gap: 15px;
}

.collateral_change {
font-size: 18px;
cursor: pointer;
}

.collateral_form, .services_form, .intact_form {
background: white;
margin-top: 20px;
}

.intact_flex {
display: flex;
align-items: center;
gap: 10px;
}

.collateral_form_item, .services_form_item, .intact_form_item {
position: relative;
margin-bottom: 20px;
}

.agreement_item .intact_form_item {
display: flex;
gap: 10px;
}

.agreement_dropdown {
height: 53px;
}

#intact_form {
max-width: 700px;
}

.agreement_item  {
position: relative;
} 

.agreement_item  input{
height: 50px !important;
} 
  
.agreement_button {
display: flex;
gap: 10px;
}

.agreement_item_title {
padding-left: 35px;
}

.agreement_delete {
position: absolute;
top: -3px;
left: -3px;
font-size: 18px;
cursor: pointer;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
border-radius: 8px;
}

.agreement_delete:hover {
background: rgba(30, 98, 247, 1);
color: white;
}

.agreement_1 .agreement_item_title{
padding-left: 0;
}

.collateral_active_list, .services_active_list {
margin-top: 10px;
margin-bottom: 10px;
display: flex;
overflow: auto;
padding: 5px;
min-height: 0px;
max-height: 320px;
flex-wrap: wrap;
gap: 10px;
}

#collateral_active_list .collateral_active_item.editing{
background-color: rgba(246, 246, 246, 1) !important;
}

.collateral_active_list {
max-width: 768px;
width: 100%;
justify-content: space-between;
}

#collateral_active_list .collateral_active_item  {
max-width: 49%;
}

.error_intact, .error_collateral {
color: red;
font-size: 14px;
}

.intact_active_title {
font-size: 14px;
color: rgb(130 130 130 / 80%);
}

.intact_active_flex {
display: flex;
gap: 20px;
}

.intact_active_flex .intact_active_blog{
width: 49%;
}

.intact_active_blog {
margin-bottom: 5px;
}

.collateral_active_item, .products_col_item, .products_active_item_chang, .services_active_item,  .intact_active_item{
position: relative;
background-color: rgba(246, 246, 246, 1);
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 10px;
padding: 10px;
max-width: 100%;
width: 100%;
height: fit-content;
font-size: 14px;
}

#intact_list .intact_active_item {
max-width: 49%;
}

.products_col_item, .services_col_item,  .intact_active_item {
max-width: 100%;
font-size: 14px;
font-weight: 400;
}

.collateral_active_flex, .services_active_flex{
position: relative;
}

.collateral_active_adress, .collateral_active_name, .services_active_name, .collateral_active_dropdown1, .collateral_active_dropdown2 {
width: 95%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
text-wrap: nowrap;
}

.collateral_active_icon, .intact_active_icon {
position: absolute;
top: 2px;
right: 0px;
font-size: 14px;
cursor: pointer;
z-index: 10;
}

.collateral_active_adress_hid, .collateral_active_name_hid {
position: absolute;
top: 0px;
left: 0px;
font-size: 16px;
cursor: pointer;
z-index: -1;
visibility: visible;
opacity: 0;
background: white;
box-shadow: 0px 4px 4px 0px #00000040;
font-weight: 600;
padding: 5px;
word-break: break-word;
overflow-wrap: anywhere;
}

.collateral_active_flex:hover  .text_hid {
opacity: 1;
visibility: visible;
z-index: 100;
}

.collateral_active_flex:hover .text_hid {
opacity: 1;
visibility: visible;
z-index: 100;
}


.collateral_active_change, .collateral_active_delete, .services_active_change, .services_active_delete, .intact_active_change{
position: absolute;
top: 10px;
right: 10px;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
cursor: pointer;
border-radius: 8px;
}

.collateral_active_change {
display: none;
}

.intact_active_change:hover, .collateral_active_change:hover, .collateral_active_delete:hover {
background: rgba(30, 98, 247, 1);
color: white;
}

.collateral_active_delete, .services_active_delete, .intact_active_delete {
right: 38px;
}

.collateral_active_delete {
right: 6px;
}

.collateral_active_item {
margin-bottom: 10px;
}

.editing {
background: #abffae;
}

.products_active_list {
margin-bottom: 15px;
margin-top: 15px;
}

.products_active_content {
position: relative;
display: flex;
gap: 10px;
}

.products_active_info {
position: relative;
max-width: 530px;
width: 100%;
background-color: rgba(246, 246, 246, 1);
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 10px;
padding: 20px;

}

.products_active_col_list {
max-width: 730px;
width: 100%;
display: flex;
gap: 10px;
flex-wrap: wrap;
overflow: auto;
margin-top: 10px;
height: 285px;
}

.products_active_col_list .products_col_item  {
max-width: 100%;
}

.products_active_item {
max-width: 1250px;
width: 100%;
}

.products_active_item.editing {
background: transparent;
}

.products_header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 15px;
box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.04);
padding: 10px;
}

.products_header_title {

}

.products_active_flex{
position: relative;
}

.products_active_flex > div{
display: flex;
}


.products_text {
width: 64%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
text-wrap: nowrap;
}

.products_active_icon {
position: absolute;
top: 2px;
right: 0px;
font-size: 14px;
cursor: pointer;
z-index: 10;
}

.text_hid {
position: absolute;
top: 0px;
left: 0px;
font-size: 16px;
cursor: pointer;
z-index: -1;
visibility: visible;
opacity: 0;
background: white;
box-shadow: 0px 4px 4px 0px #00000040;
font-weight: 600;
padding: 5px;
word-break: break-word;
overflow-wrap: anywhere;
}

.products_active_flex:hover  .text_hid{
opacity: 1;
visibility: visible;
z-index: 100;
}

.products_active_change, .products_active_delete, .products_add_active_change, .products_add_active_delete{
position: absolute;
top: 5px;
right: 5px;
font-size: 18px;
cursor: pointer;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
cursor: pointer;
border-radius: 8px;
}

.products_active_change:hover, .products_active_delete:hover, .products_add_active_change:hover, .products_add_active_delete:hover {
  background: rgba(30, 98, 247, 1);
  color: white;
}

.products_active_delete, .products_add_active_delete {
right: 38px;
}

.product_result {
border-bottom: 1px solid black;
max-width: 300px;
padding-bottom: 5px;
}

.products_active_item {
margin-bottom: 10px;
}

.products_active_button {
display: flex;
align-items: center;
justify-content: flex-end;
}

.products_list {
display: none;
}

.form_button {
display: flex;
align-items: center;
justify-content: flex-end;
}

.form_button_panel {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;

}

.import_check_blog {
display: none;
}

.generate_error {
color: red;

}

.form_blog_error_col {
margin-top: 10px;
width: 100%;
height: max-content;
text-align: center;
background: rgba(247, 247, 247, 1);
padding: 20px 15px;
border-radius: 10px;
color: rgba(0, 0, 0, 0.6);
}

#balance_rusult {
pointer-events: none;
}

.min_h {
min-height: 100vh;
}


/* user_cabinet */

.user_cab_tabs {
display: flex;
align-items: center;
gap: 10px;
margin-top: 20px;
}

.user_cab_blog {
display: none;
}

.user_cab_item{
background: #DADADA;
max-width: 190px;
width: 100%;
height: 45px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}

.user_cab_active {
background: #0094D3;
color: white;
}

.user_cab_filter {
display: flex;
align-items: center;
gap: 20px;
margin-top: 20px;
cursor: pointer;
}

.user_filter_item {
color: #505050;
border-bottom: 2px solid transparent;
}

.user_filter_active {
color: black;
border-bottom: 2px solid #1386EF;
}

.user_cab_search {
display: flex;
align-items: center;
gap: 10px;
margin-top: 15px;
margin-bottom: 15px;
}

.pay_list {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}

.pay_list .cab_plan_item {
cursor: pointer;
max-width: 320px;
}

.pay_list .plan_item_content{
height: 130px;
box-shadow: 0px 4px 4px 0px #00000040;
}

.plan_item_price {
font-size: 22px;
font-weight: 600;
}

.user_cab_title {
font-size: 18px;
font-weight: 500;
margin-top: 20px;
}

.pay_system, .pay_way_list {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}

.pay_system_item, .pay_way_item {
max-width: 175px;
width: 100%;
padding: 15px;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0px 4px 4px 0px #00000040;
cursor: pointer;
}

.pay_system_content {
  position: relative;
  max-width: 200px;
  width: 100%;
  height: 75px;
}

.pay_system_img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pay_system_img img{
object-fit: contain;
transition: opacity .3s ease-in-out;
opacity: 1;
width: 100%;
height: 100%;
}



.user_cab_info {
margin-top: 15px;
}

.cab_plan_list {
display: flex;
gap: 20px;
flex-wrap: wrap;
}

.cab_plan_item {
max-width: 390px;
width: 100%;

}

.plan_item_content {
background: white;
padding: 10px;
height: 150px;
display: flex;
flex-direction: column;
}

.active_plan {
box-shadow: 3px 7px 11px 1px #36FF045C;
}

.noactive_plan {
box-shadow: 3px 7px 11px 1px #FF00005C;
}

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

.plan_item_img {
max-width: 70px;
width: 100%;
}

.plan_item_info {
width: 70%;
}

.plan_item_delete {
cursor: pointer;
font-size: 18px;
}

.plan_item_header {
display: flex;
align-items: center;
justify-content: space-between;
}

.plan_item_time {
font-size: 14px;
}

.plan_item_footer {
margin-top: auto;
display: flex;
align-items: center;
justify-content: space-between;
}

.plan_item_icon_list {
display: flex;
align-items: center;
gap: 15px;
}

.plan_item_icon {
position: relative;
font-size: 20px;
color: #7F7F7F;
cursor: pointer;
display: block;
}

.plan_item_icon_promt {
position: absolute;
bottom: -108%;
max-width: max-content;
margin: auto;
background: #454545;
opacity: 0;
visibility: hidden;
z-index: -1;
color: white;
padding: 5px 15px;
font-size: 14px;
text-align: center;
transition: 0.2s all;
}

.plan_item_icon:hover .plan_item_icon_promt{
opacity: 1;
visibility: visible;
z-index: 10;
}

.plan_item_number, .plan_item_delete {
  color: #7F7F7F;
}

.plan_item_icon:hover, .plan_item_delete:hover {
color: black;
}

.plan_item_comment {
cursor: pointer;
font-size: 16px;
}

.plan_item_button {
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px;
}

.plan_item_btn{
padding: 5px 10px;
}

.plan_item_btn:nth-child(1) {
background: #FAFBA6;
}

.plan_item_btn:nth-child(2) {
background: #BBFFD2;
}

.plan_item_btn:nth-child(1):hover {
background: #f7fa71;

}

.plan_item_btn:nth-child(2):hover {
background: #7afba5;
}

thead th {
background: #DADADA;
text-align: center;
padding: 10px;
}

tbody td {
background: white;
text-align: center;
padding: 10px;
}

/* user_cabinet ........ */

/* wallet */

.wallet_min {
margin-top: 15px;
margin-bottom: 15px;
background: #D9E1FF;
padding: 15px;
width: max-content;
}

.wallet_button {
display: flex;
margin-top: 15px;

}

.wallet_btn {
padding: 5px 15px;
color: white;
max-width: 150px;
width: 100%;
height: 42px;
border: none;
background: #208517;
}

.wallet_data {
display: flex;
gap: 20px;
}

.wallet_data_input {
display: flex;
align-items: center;
gap: 10px;
border: 1px solid rgb(182, 182, 182);
max-width: max-content;
height: 48px;
padding: 5px 10px;

}

.wallet_data_item input {
border: none;
outline: none;
max-width: 111px;
width: 100%;
height: 100%;
cursor: pointer;
}

.wallet_result {
margin-top: 30px;
}

.wallet_result_item {
color: #6A6A6A;
}

.ui-priority-secondary, .ui-priority-primary {
display: none !important;
}

.data_dropdown {
max-width: 180px;
}

.wallet_row {
display: flex;
align-items: center;
gap: 60px;
margin-top: 30px;
}

.wallet_col {
max-width: 260px;
width: 100%;
box-shadow: 0px 4px 4px 0px #00000040;
padding: 15px;
}

.wallet_col_title {
color: #454545;
font-size: 14px;
}

.wallet_col_val {
font-size: 20px;

}

.wallet_history {
margin-top: 30px;
}

.wallet_history i {
font-size: 22px;
}

/* wallet ........ */