

/* Start:/local/components/svetachinar/personal.care/templates/.default/style.css?17140502446292*/
.personal-care {
			padding-bottom: 50px;
		}

		.personal-care__cards-section {
			margin-top: 20px;
		}

		.personal-care__section-title {
			margin-bottom: 30px;
		}

		.personal-care__section-title h2 {
			margin-bottom: 20px;

			font-family: 'Montserrat';
			font-size: 32px;
			font-weight: 400;
			line-height: 100%;

			text-transform: uppercase;

			color: #66636C;
		}

		.personal-care__section-title div {
			margin-bottom: 23px;

			font-family: 'Montserrat';
			font-size: 15px;
			font-weight: 400;
			line-height: 24px;

			color: #66636C;
		}



		.personal-care__cards-block {
			display: flex;
			flex-wrap: wrap;
		}

		.personal-care__card {
			display: flex;
			flex-direction: column;
			align-items: center;
			width: calc((100% / 4) - (30px / 3 * 4));
			padding: 50px;
			margin-right: 30px;
			margin-bottom: 30px;

			background: #F9F9F9;

			box-sizing: border-box;

			cursor: pointer;

			transition: all .15s ease-out;
		}

		.personal-care__card:nth-of-type(4n) {
			margin-left: 0;
		}

		.personal-care__card-img-wrp {
			margin-bottom: 40px;
		}

		.personal-care__card-img {
			width: 100px;
			height: 100px;
			
			min-width: 100px;
			min-height: 100px;
			max-width: 100px;
			max-height: 100px;

			/* margin-bottom: 40px; */

			-webkit-mask-size: 100%;
			mask-size: 100%;
			-webkit-mask-position: center center;
			mask-position: center center;
			-webkit-mask-repeat: no-repeat;
			-mask-repeat: no-repeat;

			background: #FFB400;

			transition: all .15s ease-out;

		}

		.personal-care__card-img {}

		.personal-care__card-text {
			font-family: 'Montserrat';
			font-size: 16px;
			font-weight: 400;
			line-height: 24px;
			text-align: center;

			color: #66636C;

			transition: all .15s ease-out;
		}

		.personal-care__card:hover,
		.personal-care__card.active,
		.personal-care__cards-block input[type="checkbox"]:checked + .personal-care__card,
		.personal-care__cards-block input[type="radio"]:checked + .personal-care__card {
			background: #FFB400;
		}

		.personal-care__card:hover .personal-care__card-img,
		.personal-care__card.active .personal-care__card-img,
		.personal-care__cards-block input[type="checkbox"]:checked + .personal-care__card  .personal-care__card-img
		.personal-care__cards-block input[type="radio"]:checked + .personal-care__card  .personal-care__card-img {
			background: white;
		}

		.personal-care__card:hover .personal-care__card-text,
		.personal-care__card.active .personal-care__card-text,
		.personal-care__cards-block input[type="checkbox"]:checked + .personal-care__card  .personal-care__card-text
		.personal-care__cards-block input[type="radio"]:checked + .personal-care__card  .personal-care__card-text {
			color: #fff;
		}

		.personal-care__submit {
			display: flex;
			justify-content: center;
			align-items: center;
			width: 312px;
			height: 60px;
			margin-top: calc(50px - 30px);
			
			font-family: 'Montserrat';
			font-size: 14px;
			font-weight: 500;
			line-height: 17px;

			text-transform: uppercase;

			background: #FFB400;

			color: #fff;
			border: none;

			border-radius: 50px;

			cursor: pointer;
			border: 1px solid #FFB400;

			transition: all .15s ease-out;

		}

		.personal-care__submit:hover {
			background: #fff;
			color: #FFB400;
			border-color: #FFB400;
		}


		@media (max-width: 992px) {
			.personal-care {
				/* padding-top: 20px; */
				padding-bottom: 20px;
			}

			.personal-care__section-title h2 {
				line-height: 41.6px;
			}

			.personal-care__card {
				width: calc(50% - 30px / 2);
				margin-right: 30px;
			}
			
			.personal-care__card:nth-of-type(2n) {
				margin-right: 0;
			}
		}

		@media (max-width: 600px) {
			.personal-care__section-title h2,
			.personal-care__section-title div {
				text-align: center;
			}

			.personal-care__section-title h2 {
				max-width: 400px;
				margin-left: auto;
				margin-right: auto;
				margin-bottom: 7px;
				
				font-size: 22px;
    			line-height: 31px;
			}

			.personal-care__section-title div {
				font-size: 12px;
			}


			.personal-care {
				/* padding-top: 20px; */
				padding-bottom: 20px;
			}

			.personal-care__card {
				width: calc(50% - 30px / 3 * 2);
				margin-right: 30px;
				margin-left: 0;
			}

			.personal-care__card:nth-of-type(2n) {
				margin-right: 0;
			}

			.personal-care__submit {
				width: 100%;
			}

			.personal-care__card {
				padding: 20px;
				margin-bottom: 20px;
				
				background: none;
			}

			.personal-care__card-img-wrp {
				background: #F9F9F9;
				margin-bottom: 20px;
				border-radius: 50%;
				padding: 40px;
			}

			.personal-care__card:hover,
			.personal-care__cards-block input[type="checkbox"]:checked + .personal-care__card
			.personal-care__cards-block input[type="radio"]:checked + .personal-care__card {
				background: none;
			}
			
			
			.personal-care__card:hover .personal-care__card-img,
			.personal-care__cards-block input[type="checkbox"]:checked + .personal-care__card  .personal-care__card-img
			.personal-care__cards-block input[type="radio"]:checked + .personal-care__card  .personal-care__card-img {
				background: white;
			}
			
			
			.personal-care__card:hover .personal-care__card-text,
			.personal-care__cards-block input[type="checkbox"]:checked + .personal-care__card  .personal-care__card-text
			.personal-care__cards-block input[type="radio"]:checked + .personal-care__card  .personal-care__card-text {
				color: #66636C;
			}
			.personal-care__cards-block input[type="checkbox"]:checked + .personal-care__card  .personal-care__card-img,
			.personal-care__cards-block input[type="radio"]:checked + .personal-care__card  .personal-care__card-img {
				background: white;
			}
			.personal-care__cards-block input[type="checkbox"]:checked + .personal-care__card  .personal-care__card-img-wrp,
			.personal-care__cards-block input[type="radio"]:checked + .personal-care__card  .personal-care__card-img-wrp {
				background: #FFB400;
			}
			
		}

		@media (max-width: 440px) {
			.personal-care__card {
				width: calc(50% - 30px / 3 * 2);
				margin-right: 30px;
				margin-left: 0;
				margin-bottom: 0;
			}

			.personal-care__card-img {
				width: 50px;
				height: 50px;
				
				min-width: 50px;
				min-height: 50px;

				max-width: 50px;
				max-height: 50px;

			}
		}
/* End */
/* /local/components/svetachinar/personal.care/templates/.default/style.css?17140502446292 */
