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

.po-se-bo {
  font-family: "Poppins", sans-serif;
  font-style: normal;
}
.font-xs{font-size:.75rem;}
.font-s{font-size:.825rem;}
.lighttxt{color:#7c7c7c;}
.warning-txt{color:rgb(177, 3, 3); font-weight:bold;}
.r-align{text-align: right;}
.c-align{text-align: center;}
.hl-2{font-size: 1.75rem;}
.hl-3{font-size: 1rem;}

body{
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.main{
	margin: 2rem 3rem 4rem 3rem;
}
.login-main{
	max-width:320px;
	padding: 1rem;
	margin: auto auto;
}
.login-f{
	border-radius:1rem;
	border:1px solid gray;
	height:3rem;
	display:block;
	width:100%;
	padding: 0 1rem;
}
.login-b{
	border-radius:1rem;
	background:#50a2e4;
	border:none;
	height:3rem;
	color:white;
	width:100%;
}

.main-inner{
	max-width: 1600px;
	margin: 0 auto;
}
.column-content{
	display:flex;
	flex-direction: row;
	gap: 1rem 1rem;
	padding: 2rem 0;
}
.mailer{
	background:white;
	padding: 1rem;
	border-radius: 1rem;
}
.mailer-head{
	display:flex;
	flex-direction: row;
	gap: 1rem 1rem;
	border-bottom: 1px solid rgb(179, 179, 179);
}
.mail-form{
	flex-grow: 4;
}
.mailer-row{
	display:flex;
	flex-direction: row;
	align-items:center;
}
.shaped{
	display:block;
	width: 5rem;
	padding:.75rem 0;
	text-align: center;
	border:1px solid rgb(179, 179, 179);
	border-radius:.5rem;
	margin: 0 .5rem .5rem 0;
	font-size: .75rem;
}
.left-container{
	width: 50%;
}
.right-container{
	width: 50%;
}
.offer-summary{
	padding: 1.5rem;
	border:1px solid #d8d8d8;
	border-radius:1.25rem;
}
.offer-group{
	display:flex;
	flex-direction: row;
	gap: 1rem 1rem;
}
.currency-switcher{
	display:flex;
	flex-direction: row;
	gap: 1rem 1rem;
	align-items:center;
}
.flexend{
	display:flex;
	flex-direction: row;
	gap: 1rem 1rem;
	justify-content:flex-end;
	align-items:center;
	flex-grow: 4;
}
.product-row{
	display:flex;
	flex-direction: row;
	gap: 1rem 1rem;
	border-bottom: 1px solid #dbdbdb; 
}
.product-row:last-of-type{
	border-bottom: none; 
	padding-bottom: 0 !important;
}
.product-item{
	width:27.5%;
}
.product-item-s{
	width:17.5%;
}
.product-item-ss{
	width:10%;
}
.tool-row{
	display:flex;
	flex-direction: row;
	gap: 1rem 1rem;
}
.line-row{
	display:flex;
	flex-direction: row;
	gap: 1rem 1rem;
	align-items:center;
	border-bottom: 1px solid gray;
}
.navbox {
	display:flex;
	flex-direction: row;
	justify-content:flex-end;
	flex-grow: 4;
	gap: 1rem 1rem;
	align-items: center;
} 
.content{
	padding:2rem 0;
	width:100%;
}
.nextstep{
	width: 50%;
	margin:0 auto;
}
.dash{
	display:flex;
	flex-direction: row;
	gap: 1rem 1rem;
	align-items: stretch;
}
.dash-item{
	padding:1.5rem;
	background:#fff;
	width:calc(100%/3);
	text-align:center;
	border-radius:.75rem;
}
.dash-item-inner{
	margin-bottom:.5rem;
}
.dash-item-inner:first-of-type{
	margin-bottom:1rem;
	font-size:3rem;
}
.dash-item-inner:last-of-type{
	font-size:.825rem;
	opacity:.75;
	margin-bottom:0;
}
.tab-sb a{
	color: black; 
	text-decoration:none;
	padding:.75rem;
	border:1px solid gray;
	border-radius:.75rem;
	display:block;
	text-align:center;
	background: #f3f3f3;
	box-sizing: border-box;
}
.foc-tab a{
	font-weight: 600;
	background: white;
}
.user-info a{
	color:#3e8ac8;
	text-decoration:none;
}
.logo{
	width :120px;
	padding: 1rem 0;
}
.tool-title{
	font-size: 1.75rem;
	padding-left: 3rem;
}
.pb-0{
	padding-bottom:0;
}
.pb-8{
	padding-bottom:0.5rem;
}
.pb-16{
	padding-bottom:1rem;
}
.mb-0{
	margin-bottom:0;
}
.mb-4{
	margin-bottom:0.25rem;
}
.mb-8{
	margin-bottom:0.5rem;
}
.mb-16{
	margin-bottom:1rem;
}
.mb-24{
	margin-bottom:1.5rem;
}
.mb-32{
	margin-bottom:2rem;
}
.search-container{
	border-radius:1.25rem;
	background: #f0f0f0;
	padding: 1.5rem;
}
.search-box{
	display:flex;
	flex-direction: row;
	gap: 1rem 1rem;
	margin-bottom: 1rem;
}
.form-col-25{
	width:25%;
	flex-grow: 1;
}
.guide {
	margin-bottom: 1.5rem;
	font-size: 0.75rem;
	color:gray;
	padding: .25rem 1rem;
}
.result{
	border-radius:1rem;
	background: #fff;
	padding:2rem;
}
.filter{
	border-radius:1rem;
	background: transparent;
}
.result-row{
	display:flex;
	flex-direction: row;
	gap: 1.5rem;
	padding: 1rem 0.5rem;
	border-bottom: 1px solid #dbdbdb;
	font-size:.8rem;
	align-items:center;
}
.result-row:last-of-type{
	border-bottom: none;
}
.products{
	align-items:start;
}
.filter-row{
	display:flex;
	flex-direction: row;
	gap: 1.5rem;
	padding: .5rem 1rem;
	margin: .5rem 0;
	border-bottom: 1px solid #dbdbdb;
	font-size:.8rem;
	align-items:center;
	border-radius:1rem;
	background:white;
	flex-grow: 4;
}
.result-col{
	width: 22%;
}
.result-col-select{
	width:12%;
	text-align:right;
}
.result-col-m{
	width: 33%;
}
.result-col-100{
	width: 100%;
}
.result-col-75{
	width: 75%;
}
.result-col-50{
	width: 50%;
}
.result-col-45{
	width: 45%;
}
.result-col-35{
	width: 35%;
}
.result-col-30{
	width: 30%;
}
.result-col-25{
	width: 25%;
}
.result-col-15{
	width: 15%;
}
.result-col-select-25{
	width: 25%;
	text-align:right;
}
.filter-col-m{
	width: calc(100% / 3);
}
.filter-col-m:nth-child(1){
	font-weight: 600;
	font-size:1rem;
}
.filter-col-m:nth-child(3){
	text-align:right;
	align-self:fex-end;
	flex-grow:4;
}
.result-col-select-m{
	width:calc(100% / 3);
	text-align:right;
}
.results-header{
	font-size:1rem;
}
.result-header{
	font-size: 1.5rem;
	padding-bottom: 1.5rem;
	border-bottom: 1px solid gray;
}
.btn {
    color: black; 
	text-decoration:none;
	padding:.75rem;
	border:1px solid gray;
	border-radius:.5rem;
	display:block;
	text-align:center;
	background: #f3f3f3;
	font-size: .825rem;
	font-weight:600;
	height:3rem;
}
.btn-choosen{
	color:white;
	border:1px #55a500;
	background: #55a500;
	width:100%;
}
.btn-submit{
	color:white;
	border:1px #50a2e4;
	background: #50a2e4;
	width:100%;
}
.btn-submit:hover{
	color:white;
	border:1px #3e8ac8;
	background: #3e8ac8;
	width:100%;
}
.btn-s-submit{
	color:white;
	border:1px solid #50a2e4;
	background: #50a2e4;
	height:48px;
	font-size: .825rem;
}
.btn-s-submit:hover{
	color:white;
	border:1px solid #3e8ac8;
	background: #3e8ac8;
	height:48px;
	font-size: .825rem;
}
.btn-s-neutral{
	color:black;
	border:1px solid gray;
	background: #f3f3f3;
	height:48px;
	font-size: .825rem;
}
.btn-cancel{
	border:none;
	padding: 0; 
}
input[type=text]{
	width:100%;
	height:3rem;
	border-radius:1.5rem;
	padding: 0 1.5rem;
	font-size: 1rem;
	box-sizing:border-box;
}
input[type=email]{
	width:100%;
	height:3rem;
	border-radius:1.5rem;
	padding: 0 1.5rem;
	font-size: 1rem;
	box-sizing:border-box;
}
input[type=radio]{
	width:2rem;
	height:2rem;
	border-radius:1.5rem;
	padding: 0 1.5rem;
	font-size: 1rem;
	box-sizing:border-box;
}
label{
	display:none;
}
.mailer-inp, .mailer-inp>input[type=text]{
	border:none;
	border-radius:0 !important;
	border-bottom: 1px solid rgb(179, 179, 179)  !important;
	font-size: .8rem !important;
	padding:.75rem 0 !important;
	flex-grow: 4;
	box-sizing:border-box;
	margin: 0 0 .5rem 0;
}
.no-bo{
	border-bottom: none !important;	
}
.mailer-message-txt{
	width:100%;
	height:20rem;
	padding:1.5rem;
	border:none;
	box-sizing: border-box;
}
.mailer-send{
	padding: 2rem 1rem; 
	color:white;
	border:1px solid #50a2e4;
	background: #50a2e4;
	font-size: .825rem;
	border-radius:.5rem;
}
.mailer-send:hover{
	color:white;
	border:1px solid #3e8ac8;
	background: #3e8ac8;
}
input:where([type="checkbox"][role="switch"]) {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  font-size: inherit;
  width: 2em;
  height: 1em;
  box-sizing: content-box;
  border: 1px solid;
  border-radius: 1em;
  vertical-align: text-bottom;
  margin: auto;
  color: inherit;
}

input:where([type="checkbox"][role="switch"])::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  box-sizing: border-box;
  width: 0.7em;
  height: 0.7em;
  margin: 0 0.15em;
  border: 1px solid;
  border-radius: 50%;
  background: currentcolor;
}

input:where([type="checkbox"][role="switch"]):checked::before {
  left: 1em;
  background:#50a2e4;
  border-color:#50a2e4;
}
.l-vis{
	display:block;
}