.main-part {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: #f5f5f5;
}

.section {
	width: 100%;
	max-width: 1000px;
}

.section:last-child {
	margin-top: 25px;
	margin-bottom: 40px;
}

.section-title {
	display: flex;
	justify-content: center;
	font-size: 34px;
	color: #777;
	padding: 35px 0;
	position: relative;
}

.section-title .comment {
	position: absolute;
	left: 35px;
	bottom: 12px;
	font-size: 16px;
	color: #8a8a8a;
}

.card {
	display: flex;
	flex-direction: column;
	padding: 30px 35px 36px 35px;
	background-color: #fff;
	border-radius: 12px;
}

.card:not(:first-child) {
	 margin-top: 30px;
}

.image {
	width: 420px;
	height: 252px;
	background-color: #f3f3f3;
	border-radius: 3px;
	align-self: center;
	margin-top: 25px;
	overflow: hidden;
	position: relative;
}

#intro_5 {
	height: 315px;
}

#intro_9 {
	height: 304px;
}

.image img {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.text {
	font-size: 15px;
	color: #333;
	text-indent: 2em;
	line-height: 1.4;
}

.text ~ .text {
	 margin-top: 15px;
}

.red {
	color: #f73131;
}

.green {
	color: #1aad19;
}

.caption {
	display: flex;
	align-items: center;
	font-size: 19px;
	font-weight: 600;
	color: #333;
	line-height: 21px;
	margin-bottom: 18px;
}

#key-features .caption:before {
	display: inline-block;
	content: "";
	width: 10px;
	height: 18px;
	background-color: #1aad19;
	border-radius: 2px;
	vertical-align: middle;
	margin-right: 7px;
	position: relative;
	top: 0.1em;
}

.order {
	display: inline-block;
	width: 21px;
	height: 21px;
	font-size: 13px;
	color: #fff;
	text-align: center;
	background-color: #22b14c;
	border-radius: 2px;
	margin-top: 2px;
	margin-right: 8px;
}

.bulb-icon {
	width: 24px;
    height: 24px;
    margin-right: 5px;
}

.section .ul-title {
	color: #888;
	margin-top: 40px;
}

.section ul {
	list-style: none;
	padding-left: 0;	
	margin-left: 2em;
}

.section li {
    margin-top: 15px;
	padding-left: 1em;
	position: relative;
}

.section li::before {
	content: "•";
	position: absolute;
	left: 0;
	top: 0;
	color: #777;
}

.section ul .text {
	text-indent: 0;
	line-height: 1.5;
}

.section ul span:first-child {
	font-weight: 600;
}

#first-section {
	margin-top: 5px;
}

#first-section .comment {
	bottom: 22px;
}

#first-section .image {
	width: 732px;
	height: 924px;
	margin-top: 10px;
}

.price-calculator {
	    position: absolute;
    left: 48px;
    bottom: 73px;
    z-index: 10;
    display: flex
}

.control-group {
    display: flex;
	align-items: center;
}

.control-group:nth-child(n+2) {
	margin-left: 21px;
}

.control-group label {
    font-weight: 500;
    font-size: 14px;
    color: #888;
    letter-spacing: 0.3px;
	white-space: nowrap;
}

select {

    padding: 8px 25px 8px 7px;
    font-size: 14px;
    font-family: inherit;
    background-color: #fff;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    transition: 0.2s;
    cursor: pointer;
    color: #111;

	appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
   background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='gray' stroke-width='2'><polyline points='6 9 12 15 18 9'></polyline></svg>");
      background-position: right 4px center;

  background-size: 1rem;




  background-repeat: no-repeat;








      margin-left: 11px;
}

select:hover {
	border: 1px solid #00f;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='blue' stroke-width='2'><polyline points='6 9 12 15 18 9'></polyline></svg>");
}

 select:focus  {
            outline: none;
            border-color: #3b82f6;
            box-shadow: 0 0 0 3px rgba(59,130,246,0.2);
        }

.control-group.storage span {
	font-size: 15px;

    letter-spacing: 0.3px;
	white-space: nowrap;
	margin-left: 7px;
	color: #888;
	    cursor: default;
}

.control-group.price span {
    font-size: 15px;

    letter-spacing: 0.3px;
	white-space: nowrap;
	    cursor: default;
}

.control-group.price span:nth-of-type(1) {
	margin-left: 7px;
	color: #2440b3;
}

.control-group.price span:nth-of-type(2) {
	margin-left: 2px;
	 color: #888;
}