*,
*::before,
*::after {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}
a {
	text-decoration: none;
}
ul{
	list-style: none;
}
html{
	font-size: 16px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
	font-family: 'Inter', sans-serif;
	overflow-x: hidden;
}

.container{
	max-width: 1150px;
	margin: 0 auto;
	padding: 0 20px;
}

/*//////////////////////////// HEADER BLOCK //////////////////////////////////*/

.header {
	width: 100%;
	padding: 19px 0;
	height: 103px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.logo{
	cursor: pointer;
}

.logo img{
	width: 301px;
}

.header_search {
	position: relative;
	width: 371px;
	height: 60px;
}
.header__search-ico {
	position: absolute;
	top: 17px;
	left: 20px;
	cursor: pointer;
}
.header__search-input {
	width: 100%;
	height: 100%;
	background-color: #F1F1F1;
	border-radius: 82px;
	border:none;
	padding-left: 60px;
	outline: none;
	font-size: 1.125rem;
	color: #AAAAAA;

}
.header__search-input::placeholder{
	color: #AAAAAA;
}

.header__contacts {
	display: flex;
	justify-content: space-between;
	align-items: center;
	column-gap: 42px;
}
.header__contacts-message {
	display: flex;
	justify-content: space-between;
	align-items: center;
	column-gap: 20px;
}

.header__contacts-numbers {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	row-gap: 9px;
	font-size: 1rem;
}
.header__contacts-numbers a{
	color: black;
}


.header__mobileInfo{
	display: none;
	align-items: center;
	column-gap: 23px;
}
.header__mobile-search{
	cursor: pointer;
}
.header__mobile-burger{
	cursor: pointer;
}


/*//////////////////////////// MOBILE MENU //////////////////////////////////*/


.mobile__menuWrap{
	position: fixed;
	inset: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background-color: rgba(0,0,0,0.5);
	z-index: 5;
	pointer-events: none;
	transition: all 0.5s ;
}
.mobile__menuWrap-active{
	opacity: 1;
	transition: opacity 0.5s;
	pointer-events: auto;
}

.mobile__menu{
	z-index: 100;
	position: absolute;
	right: 0;
	top: 0;
	width: 320px;
	height: 100vh;
	background-color: #fff;
	color: #000;
	padding: 40px 17px;
	overflow-y: scroll;
	transform: translateX(500px);
	transition: all 0.5s ;
}
.mobile__menu-active{
	transform: translateY(0);
	transition: all 0.5s ;
}
.mobile__menu-close-img{
	position: fixed;
	top: 10px;
	right: 10px;
}

.mobile__menu-list {
	display: flex;
	flex-direction: column;
	row-gap: 39px;
	font-weight: 400;
	font-size: 1.125rem;
}

.mobile__menu-listItem a{
	color: black;
}

.mobile__menu-numbers {
	margin-top: 40px;
	display: flex;
	flex-direction: column;
	row-gap: 18px;
}
.mobile__menu-numbers a{
	color: black;
}

.mobile__menu-message {
	margin-top: 40px;
	display: flex;
	column-gap: 25px;
}



@media(max-width: 1060px) {
	.logo img{
		width: 283px;
	}
	.header__contacts {
		display: none;
	}
	.header_search {
		width: 420px;
	}
}

@media(max-width: 850px) {
	.logo img{
		width: 200px;
	}
	.header{
		height: 90px;
	}
	.header_search {
		width: 300px;
		height: 50px;
	}
	.header__search-ico {
		width: 22px;
		height: 22px;
		top: 14px;
		left: 18px;
	}
	.header__search-input {
		padding-left: 52px;
	}
}

@media(max-width: 780px) {
	.header__mobileInfo{
		display: flex;
	}
	.logo img{
		width: 164px;
	}
	.header{
		height: 60px;
	}
	.header_search {
		display: none;
	}
}

@media(max-width: 350px) {
	.mobile__menu{
		width: 100%;
	}
}

/*//////////////////////////// MOBILE SEARCH //////////////////////////////////*/

.mobile__searchWrap{
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.301);
	overflow-y: hidden;
	z-index: 10;
}

.mobile__search-off{
	position: absolute;
	display: flex;
	align-items: center;
	top: -100px;
	left: 0;
	width: 100%;
	height: 70px;
	background-color: #fff;
	transition: all 0.4s ease;
}
.mobile__search-on{
	position: absolute;
	display: flex;
	align-items: center;
	top: 0;
	left: 0;
	width: 100%;
	height: 70px;
	background-color: #fff;
	transition: all 0.5s ease;
}
.mobile__search-ico{
	width: 28px;
	height: 27px;
	margin-left: 20px;
	cursor: pointer;
}
.mobile__search-input{
	width: 100%;
	height: 70px;
	background-color: #fff;
	color: #AAAAAA;
	padding: 24px 15px;
	border: none;
	outline: none;
	font-weight: 400;
	font-size: 1.125rem;
}
.mobile__search-input::placeholder{
	color: #AAAAAA;
	font-weight: 400;
	font-size: 1.125rem;
}







/*//////////////////////////// MENU BLOCK //////////////////////////////////*/


.menu{
	position: relative;
	width: 100%;
	height: 77px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.menu__wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	column-gap: 27px;
}
.menu__catalog {
}

.menu__catalog-name{
	font-weight: 400;
	font-size: 1.875rem;
	color: #981D87;
}
.menu__catalog-btn{
	cursor: pointer;
	color: #981D87;
	margin-bottom: 2px;
	margin-right: 9px;
}
.menu__catalog-closeBtn{
	display: none;
	width: 12px;
	height: 12px;
	margin-left: 7px;
	margin-bottom: 2px;
	cursor: pointer;
}
.menu__list {
	display: flex;
	justify-content: space-between;
	column-gap: 28px;
	margin-top: 5px;
}
.menu__list--item {
	font-weight: 400;
	font-size: 1.125rem;
	border-bottom: 2px solid #ffffff;
	transition: all 0.2s ease-in-out;
}
.menu__list--item:hover {
	border-bottom: 2px solid #000;
}
.menu__list--item a{
	color: black
}
.menu__list--itemActive {
	border-bottom: 2px solid #000;
}

.menu__btn {
	width: 206px;
	height: 43px;
	color: white;
	font-size: 1.125rem;
	font-weight: 400;
	background-color: #981D87;
	border-radius: 60px;
	border: 1px solid #981D87;
	cursor: pointer;
	margin-top: 2px;
	transition: all 0.3s ease-in-out;
}
.menu__btn:hover{
	color: #981D87;
	background-color: white;
}



@media(max-width: 1020px) {
	.menu__catalog-name{
		font-size: 1.5625rem;
	}
	.menu__catalog-btn{
		margin-bottom: 0;
	}
	.menu__btn {
		width: 179px;
	}

}

@media(max-width: 850px) {
	.menu__list {
		font-size: 0.6rem;
		column-gap: 17px;
		margin-top: 3px;
	}
	.menu__btn {
		width: 176px;
		height: 36px;
		font-size: 1rem;
	}
}
@media(max-width: 780px) {
	.menu__list {
		display: none;
	}
}

@media(max-width: 460px) {
	.menu__btn {
		width: 100px;
		height: 26px;
		font-size: 0.6rem;
	}
	.menu__catalog-name{
		margin-left: 7px;
		margin-bottom: 1px;
		font-size: 1.125rem;
	}
	.menu__catalog-btn{
		width: 20px;
		height: 14px;
	}
}



/*//////////////////////////// CATALOG MENU  //////////////////////////////////*/

.catalog-menu {
	position: absolute;
	top: 65px;
	left: 0;
	z-index: 11;
	background-color: #FFFBFE;
}
.catalog-menu__list {
	position: relative;
	width: 481px;
	min-height: 406px;
}
.catalog-menu__list-item {
	padding: 14px 32px;
	font-weight: 400;
	font-size: 1.25rem;
	line-height: 24px;
	border-bottom: 1px solid #E6E6E6;
	cursor: pointer;
	height: 50px;
	display: flex;
	justify-content: start;
	align-items: center;
}
.catalog-menu__list-item:hover{
	background-color: rgba(228, 228, 228, 0.56);
}

.catalog-menu__list-item img{
	width: 6px;
	height: 13px;
	margin-bottom: -1px;
}
.catalog-menu__list-item span{
	margin-right: 11px;
}
.catalog__close-btn{
	display: inline-block;
}

.catalog__itemBlock {
	position: absolute;
	top: 0;
	left: 480px;
	width: 506px;
	min-height: 406px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: start;
	background-color: #FFFBFE;
	padding: 36px 15px 36px 30px;
}
.catalog__itemBlock-elem {
	width: 224px;
}
.catalog__itemBlock-elem a{
	margin-left: 5px;
	color: #000;
}

.ar__reverse{
	transform: rotate(3.142rad);
}
.item-bgColor{
	background-color: rgba(228, 228, 228, 0.56);
}

@media(max-width: 1060px){
	.catalog__itemBlock {
		position: static ;
		width: 481px;
		padding: 0 0;
	}
	.catalog-menu__list {
		height: auto;
	}
	.catalog-arrows{
		transform: rotate(90deg);
	}
	.ar__reverse{
		transform: rotate(-90deg);
	}
	.catalog__itemBlock-elem {
		width: 100%;
		border-bottom: 1px solid #E6E6E6;
		height: 50px;
		padding: 15px 30px;
	}
}


@media(max-width: 570px){
	.catalog__itemBlock {
		width: 320px;
	}
	.catalog-menu__list {
		height: auto;
		width: 320px;
	}
	.catalog-menu__list-item {
		line-height: 19px;
		padding: 8px;
	}
	.catalog__itemBlock-elem {
		width: 100%;
		border-bottom: 1px solid #E6E6E6;
		height: 50px;
		padding: 15px 20px;
	}
}



/*//////////////////////////// breadcrumbs  //////////////////////////////////*/

/* Style the list */
ul.breadcrumb {
	margin-top: 21px;
	padding: 10px 16px;
	list-style: none;
	background-color: #ffffff;
}

/* Display list items side by side */
ul.breadcrumb li {
	display: inline;
	font-size: 18px;
}

/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb li+li:before {
	padding: 8px;
	color: black;
	content: url(/images/bredcrums.png);
}

/* Add a color to all links inside the list */
ul.breadcrumb li a {
	color: #646464;
	transition: all 0.3s;
}

/* Add a color on mouse-over */
ul.breadcrumb li a:hover {
	color: #000000;
}




/*//////////////////////////// APP FORM BLOCK //////////////////////////////////*/

.appFormWrap {
	z-index: 100;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: fixed;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgba(0, 0, 0, 0.58);
	overflow: auto;
}
.appForm {
	margin-top: 40px;
	display: flex;
	flex-direction: column;
	padding: 27px;
	background-color: #fff;
	width: 426px;
	height: 596px;
	border-radius: 20px;
	position: relative;
}
.appForm-title {
	font-weight: 400;
	font-size: 1rem;
	margin-top: 10px;
	margin-bottom: 26px;
	text-align: center;
}
.appForm__close{
	width: 15px;
	height: 15px;
	position: absolute;
	right: 25px;
	top: 15px;
	cursor: pointer;
}
.appForm-inWrap {
	display: flex;
	flex-direction: column;
	row-gap: 10px;
}
.appForm-alInput {
	height: 50px;
	background-color: rgba(248, 248, 248, 0.88);
	border-radius: 11.2786px;
	border: none;
	outline: none;
	font-weight: 400;
	font-size: 0.875rem;
	color: #9D9D9D;
	padding: 16px;
}
.appForm-input {
	height: 50px;
	background-color: rgba(248, 248, 248, 0.88);
	border-radius: 11.2786px;
	border: none;
	outline: none;
	font-weight: 400;
	font-size: 0.875rem;
	color: #9D9D9D;
	padding: 16px;
}
.appForm-message{
	height: 111px;
	background-color: rgba(248, 248, 248, 0.88);
	border-radius: 12.6884px;
	border: none;
	outline: none;
	font-weight: 400;
	font-size: 0.875rem;
	color: #9D9D9D;
	padding: 16px;
	resize: none;
}


.appForm__agree {
	display: flex;
	align-items: center;
	margin-top: 23px;
}

.appForm__agree input{
	height: 1px;
	width: 1px;
}
.fake-app-btn{
	width: 27px;
	height: 22px;
	background-color: #ffffff;
	border-radius: 50%;
	border: 1px solid #000000;
}
.appForm__agree input:checked + .fake-app-btn::before{
	z-index: 3;
	display: inline-block;
	position: relative;
	content: "";
	top: 0;
	left: 4.9px;
	width: 12px;
	height: 12px;
	background-color: #aca192;
	border-radius: 50%;
}
.appForm-agreeText{
	font-weight: 400;
	font-size: 0.75rem;
	color: #B4B4B4;
	margin-left: 14px;
}
.appForm-btn {
	cursor: pointer;
	width: 366.83px;
	height: 49.34px;
	background-color: #CBCBCB;
	border-radius: 38px;
	font-weight: 600;
	font-size: 1.0625rem;
	color: #fff;
	border: none;
	margin-top: 23px;
	transition: all 0.3s ease-in-out;
}

.appForm__agree input:checked + .appForm-btn:hover {
	background: #981D87;
	color: rgba(255, 255, 255, 0.88);
}

@media(max-width: 430px){
	.appForm-alInput,
	.appForm-input,
	.appForm-message,
	.appForm-btn,
	.appForm__agree {
		width: 250px;
	}
	.appForm{
		align-items: center;
	}
	.fake-app-btn{
		width: 27px;
		height: 15px;
	}
	.appForm__agree input:checked + .fake-app-btn::before{
		top: -5px;
		left: 3px;
		width: 8px;
		height: 8px;
	}

}


/*//////////////////////////// OFFER BLOCK //////////////////////////////////*/


.offer{
	width:100%;
	height: 524px;
	margin-top: 21px;
}
.offer__block{
	height: 100%;
}
.first-block {
	display: flex;
	align-items: center;
	background-color: #FAFAFA ;
	column-gap: 62px;
}
.first__block-info{
	width: 416px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	row-gap: 15px;
	margin-left: 19px;
}
.first-block-title{
	font-weight: 600;
	font-size: 1.5rem;
}
.first-block-text{
	font-weight: 400;
	font-size: 1.125rem;
}
.first__block-company{
	width: 582px;
	display: flex;
	column-gap: 44px;
}
.img2{
	margin-top: 63px;
	margin-bottom: 47px;
}
.img3{
	margin-bottom: 29px;
}
.img6{
	margin-top: 65px;
	margin-bottom: 48px;
}


@media(max-width: 1125px){
	.offer{
		height: 442px;
	}
	.first__block-company{
		width: 500px;
		column-gap: 28px;
	}
	.left__block{
		width: 180px;
	}
	.right__block{
		width: 180px;
	}
	.img1{
		width: 150px;
		height: 28px;
	}
	.img2{
		width: 150px;
		height: 26px;
		margin-top: 42px;
		margin-bottom: 30px;
	}
	.img3{
		width: 134px;
		height: 29px;
		margin-left: 10px;
		margin-bottom: 18px;
	}
	.img4{
		width: 120px;
		height: 48px;
		margin-left: 20px;
	}
	.img5{
		width: 183px;
		height: 36px;
	}
	.img6{
		width: 154px;
		height: 65px;
		margin-top: 42px;
		margin-bottom: 32px;
	}
	.img7{
		width: 164px;
		height: 49px;
	}
}


@media(max-width: 830px){
	.offer{
		height: 500px;
		padding-bottom: 30px;
	}
	.first-block {
		flex-wrap: wrap;
	}
	.first__block-info{
		width: 100%;
	}
	.first-block-title{
		font-size: 1.25rem;
	}
	.first-block-text{
		font-size: 1rem;
	}

	.first__block-company{
		margin-top: -20px;
		width: 100%;
		padding: 0 20px;
	}

}
@media(max-width: 550px){
	.offer{
		height: 560px;
	}
	.img1{
		width: 125px;
		height: 21px;
	}
	.img2{
		width: 125px;
		height: 20px;
		margin-top: 15px;
		margin-bottom: 12px;
	}
	.img3{
		width: 113px;
		height: 22px;
		margin-bottom: 15px;
	}
	.img4{
		width: 101px;
		height: 37px;
	}
	.img5{
		width: 148px;
		height: 26px;
	}
	.img6{
		width: 127px;
		height: 48px;
		margin-top: 16px;
		margin-bottom: 16px;
	}
	.img7{
		width: 140px;
		height: 36px;
	}
	.first__block-company{
		margin-top: -40px;
	}
}

/*//////////////////////////// CATALOG BLOCK //////////////////////////////////*/

.catalog {
	width: 100%;
	margin-top: 70px;
	margin-bottom: 100px;
}
.catalog__title {
	margin-top: 18px;
	font-weight: 400;
	font-size: 1.25rem;
}
.catalog__list {
	margin-top: 38px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	column-gap: 3%;
	row-gap: 40px;
}
.catalog__item {
	position: relative;
	width: 31%;
	height: 187px;
	border: 1px solid #E4E4E4;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	transition: all 0.3s ease;
}
.catalog__item:hover{
	box-shadow: 1px 1px 12px -2px rgba(34, 60, 80, 0.2);
}

.catalog__item img{
	margin: auto;
	width: 90%;
}

.catalog__item-name {
	font-weight: 400;
	font-size: 1.25rem;
	position: absolute;
	top: 150px;
	left: 12px;
	color: #000000;
}


.catalog__more {
	display: none;
	justify-content: center;
	align-items: center;
	margin-top: 50px;
}
.more__prev {
	margin-top: 4px;
	margin-right: 15px;
}
.more__next {
	margin-top: 4px;
	margin-left: 15px;
}
.more__wrap {
	display: flex;
	column-gap: 7px;
	align-items: center;
}
.more__item{
	color:#000;
	font-size: 1.125rem;
	cursor: pointer;
}

.active__more-item{
	font-size: 1.350rem;
	font-weight: bold;
}


@media(max-width: 1000px){
	.catalog__more {
		display: flex;
	}
	.catalog__list {
		justify-content:inherit;
		justify-content: center;
		row-gap: 40px;
	}
}


@media(max-width: 603px){
	.catalog__title {
		font-size: 1.125rem;
	}

	.catalog__itemBlock-elem{
		font-size: 0.8rem;
	}
	.catalog__list {
		row-gap: 14px;
	}
	.catalog__item {
		position: relative;
		height: 157px;
	}
	.catalog__item-name {
		width: 170px;
		font-size: 1rem;
		left: 5px;
		top: 190px;
	}
}
@media(max-width: 400px){
	.catalog__item {
		flex-direction: row;
		width: 95%;
		height: 136px;
		padding: 0 5px;
	}
	.catalog__item-name {
		font-size: 1rem;
		left: 115px;
		top: 50px;
	}

}

/*//////////////////////////// NEWS BLOCK //////////////////////////////////*/

.news {
	padding-bottom: 100px;
}
.news__top {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.news__title {
	font-weight: 400;
	font-size: 1.25rem;
}
.news__btn {
	width: 291px;
	height: 46px;
	background-color: #981D87;
	border-radius: 60px;
	border: 1px solid #981D87;
	color: #fff;
	font-weight: 600;
	font-size: 1.125rem;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
	display: flex;
	justify-content: center;
	align-items: center;
}
.news__btn:hover{
	background-color: #ffffff;
	color: #981D87;
}
.news__list {
	margin-top: 62px;
	display: flex;
	justify-content: center;
	/* column-gap: 50px; */
	align-items: center;
}
.news__item {
	width: 306px;
	height: 357px;
	border: 0.909524px solid #D3D3D3;
	border-radius: 20.0095px;
	padding: 12px;
	display: flex;
	flex-direction: column;
}
.news__item-img{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 251px;
	height: 181px;
	margin: 15px auto 0;
}

.news__item img{
	object-fit: cover;
	width: 251px;
	height: 181px;
}
.news__item-name {
	margin-top: 33px;
	margin-bottom: 19px;
	font-weight: 600;
	font-size: 1rem;
}
.news__item-text {
	font-weight: 400;
	font-size: 0.875rem;
}
.news__item-btn {
	margin-top: 19px;
	color: #0025AA;
	font-weight: 400;
	font-size: 1rem;
	cursor: pointer;
}

.news__mobBtn{
	display: none;
	width: 291px;
	height: 46px;
	background-color: #981D87;
	border-radius: 60px;
	border: 1px solid #981D87;
	color: #fff;
	font-weight: 600;
	font-size: 1rem;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
	justify-content: center;
	align-items: center;
	margin: 0 auto 20px;
}
.news__mobBtn:hover{
	background-color: #ffffff;
	color: #981D87;
}
.news__mobWrap{
	display: flex;
	flex-direction: column;
	column-gap: 10px;
}
@media(max-width:992px){
	.news__item-img{
		width: 100%;
		height: 181px;
	}
	.news__item img{
		width: 210px;
	}
}
@media(max-width: 690px){
	.news__btn {
		display: none;
	}

	.news__mobBtn{
		display: flex;
	}
}

@media(max-width: 600px){

	.news__item {
		width: 186px;
		height: 330px;
		border: 0.909524px solid #D3D3D3;
		border-radius: 20.0095px;
		padding: 12px;
		display: flex;
		flex-direction: column;
	}
	.news__item img{
		width: 130px;
		height: 154px;
		margin: 15px auto 0;
	}
	.news__item-name {
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.news__item-text {
		font-weight: 400;
		font-size: 0.875rem;
	}
	.news__mobBtn{
		margin-top: 30px;
	}
}
@media(max-width: 490px){

	.news__item {
		width: 95%;
		height: 180px;
		border: 0.909524px solid #D3D3D3;
		border-radius: 20.0095px;
		padding: 7px;
		display: flex;
		flex-direction: row;
	}
	.news__item img{
		width: 110px;
		height: 90px;
		margin: auto 7px auto 0;
	}
	.news__item-name {
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.news__item-text {
		font-weight: 400;
		font-size: 0.875rem;
	}
	.news__mobWrap{
		margin-top: 10px;
	}
	.news__item-btn {
		margin-top: 5px;
	}

}
@media(max-width: 400px){

	.news__item {
		height: 197px;
	}
	.news__mobWrap{
		margin-top: 0;
	}
}

/*//////////////////////////// ABOUT NEWS BLOCK //////////////////////////////////*/


.aboutnews__wrap {
	display: flex;
	column-gap: 90px;
	margin: 100px 0;
}

.aboutnews__info {
	display: flex;
	flex-direction: column;
	row-gap: 25px;
	margin-top: 100px;
}
.aboutnews__title {
	font-weight: 600;
	font-size: 1.5625rem;
}
.aboutnews__text {
	font-weight: 400;
	font-size: 1rem;
}
.aboutnews__back {
	font-weight: 400;
	font-size: 1.125rem;
	color: #0025AA;
}


@media(max-width: 1130px){
	.aboutnews__img{
		width: 271px;
		height: 266px;
	}
	.aboutnews__info {
		margin-top: 10px;
	}

}
@media(max-width: 860px){
	.aboutnews__img{
		margin: 0 auto 30px;
		width: 220px;
		height: 216px;
	}
	.aboutnews__wrap {
		flex-direction: column;
	}
}
@media(max-width: 500px){
	.aboutnews__title {
		font-size: 1rem;
	}
	.aboutnews__back {
		font-size: 1rem;
	}
}


/*//////////////////////////// HELP BLOCK //////////////////////////////////*/

.help {
	padding-bottom: 30px;
	position: relative;
	margin-bottom: 90px;
}
.help__left {
	display: flex;
	flex-direction: column;
}
.help__title {
	margin-top: 57px;
	font-weight: 400;
	font-size: 1.5625rem;
}
.help__name {
	width: 563px;
	height: 78px;
	background: #EDF5FF;;
	border-radius: 16px;
	border: none;
	font-weight: 400;
	font-size: 1.125rem;
	color: #AEAEAE;
	margin-top: 30px;
	padding: 27px 15px;
	outline: none;
}
.help__tel {
	width: 563px;
	height: 78px;
	background: #EDF5FF;;
	border-radius: 16px;
	border: none;
	font-weight: 400;
	font-size: 1.125rem;
	color: #AEAEAE;
	margin-top: 25px;
	padding: 27px 15px;
	outline: none;
}

.help__com {
	width: 563px;
	height: 202px;
	background: #EDF5FF;;
	border-radius: 18px;
	border: none;
	outline: none;
	font-weight: 400;
	font-size: 1.125rem;
	color: #AEAEAE;
	margin-top: 25px;
	resize: none;
	padding: 22px 15px;
}
.help__name::placeholder,
.help__tel::placeholder,
.help__com::placeholder{
	font-weight: 400;
	font-size: 1.125rem;
}

.help__agree {
	display: flex;
	align-items: center;
	margin-top: 22px;
	font-weight: 400;
	font-size: 1rem;
	color: #8E8E8E;
}
.help__agree label{
	margin-left: 15px;
}
.help__agree input{
	height: 1px;
	width: 1px;
}
.fake-btn{
	width: 28px;
	height: 28px;
	background-color: #F8F8F8;
	border-radius: 33px;
}
.help__agree input:checked + .fake-btn::before{
	z-index: 3;
	display: inline-block;
	position: relative;
	content: "";
	top: 5.3px;
	left: 5.3px;
	width: 18px;
	height: 18px;
	background-color: #EDF5FF;;
	border-radius: 33px;
}

.help__btn {
	cursor: pointer;
	width: 563px;
	height: 65px;
	background: #DBECFF;;
	border-radius: 38px;
	font-weight: 600;
	font-size: 1.5625rem;
	color: #000;
	border: none;
	margin-top: 26px;
	transition: all 0.3s ease-in-out;
}
.help__btn:hover {
	background: #981D87;
	color: rgba(255, 255, 255, 0.88);
}
.help__img {
	width: 678px;
	height: 678px;
	position: absolute;
	top: 20px;
	right: -170px;
}




@media(max-width: 1370px){
	.help__img {
		width: 560px;
		height: 560px;
		right: -30px;
		top: 85px;
	}
	.help {
		padding: 0 0 30px;
	}
}


@media(max-width: 1100px){
	.help {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.help__img {
		display: none;
	}

}

@media(max-width: 700px){
	.help{
		margin-bottom: 60px;
	}
	.help__name,
	.help__tel{
		width: 376px;
		height: 62px;
		font-size: 1rem;
	}
	.help__com{
		width: 376px;
		height: 202px;
	}
	.help__btn {
		width: 370px;
		height: 59px;
	}
}
@media(max-width: 420px){
	.help{
		margin-bottom: 50px;
	}
	.help__name,
	.help__tel{
		width: 296px;
		height: 52px;
		font-size: 1rem;
	}
	.help__tel{
		margin-top: 15px;
	}
	.help__com{
		margin-top: 15px;
		width: 296px;
		height: 197px;
	}
	.help__btn {
		width: 296px;
		height: 51px;
		margin-top: 25px;
		margin-bottom: 10px;
	}
}







/*//////////////////////////// ABOUT FIRM //////////////////////////////////*/

.about-firm {
	margin: 100px 0;
}
.about-firm__text {
	font-weight: 400;
	font-size: 1.125rem;
	margin-top: 35px;
	line-height: 1.375rem;
}
.about-firm__item-list {
	display: flex;
	flex-direction: column;
	margin-top: 80px;
	row-gap: 37px;
}
.about-firm__item {
	width: 100%;
	min-height: 216px;
	border: 1px solid #E4E4E4;
	border-radius: 10px;
	color: black;
	display: flex;
	align-items: center;
	transition: all 0.3s ease;
}
.about-firm__item-img{
	width: 179px;
	height: 188px;
	margin-left: 40px;
}
.about-firm__item img{
	object-fit: cover;
	width: 179px;
	height: 188px;
}
.about-firm__item:hover{
	box-shadow: 1px 1px 12px -2px rgba(34, 60, 80, 0.2);
}


.about-firm__item-info {
	margin-left: 82px;
	padding: 20px 0;
}
.about-firm__item-title {
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.375rem;
}
.about-firm__item-text {
	width: 323px;
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.1875rem;
	margin-top: 21px;
}


@media(max-width: 700px){
	.about-firm__item-info {
		margin-left: 27px;
	}
	.about-firm__item-img{
		margin-left: 20px;
	}
	.about-firm__item img{
		margin-left: 5px;
	}

}

@media(max-width: 590px){
	.about-firm__item-info {
		margin-left: 10px;
		padding-right: 6px;
	}
	.about-firm__item-img{
		width: 100px;
		height: 116px;
	}
	.about-firm__item img{
		width: 100px;
		height: 116px;
	}
	.about-firm__item {
		min-height: 182px;
	}
	.about-firm__item-title {
		font-size: 1rem;
		line-height: 1.1875rem;
	}
	.about-firm__item-text {
		width: 100%;
		font-size: 1rem;
		line-height: 1.1875rem;
		margin-top: 8px;
	}
}
@media(max-width: 450px){
	.about-firm__item-img{
		margin-left: 5px;
		width: 90px;
	}
	.about-firm__item img{
		margin-left: 0;
		width: 90px;

	}
}


/*//////////////////////////// PARTNERS BLOCK //////////////////////////////////*/

.partners{
	margin-bottom: 50px;
}

.partners__title {
	margin-top: 40px;
	font-weight: 400;
	font-size: 1.25rem;
}
.partners__list {
	width: 100%;
	padding: 40px 10px 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	column-gap: 60px;
	margin-bottom: 50px;
}
.partners__list-item {
	height: auto;
}











/*//////////////////////////// NEWS HTML //////////////////////////////////*/


.newsPage {
	margin-bottom: 100px;
}

.newsPage__list {
	margin-top: 72px;
	display: flex;
	justify-content: center;
	column-gap: 70px;
	row-gap: 50px;
	align-items: center;
	flex-wrap: wrap;
}





/*//////////////////////////// CONTACTS HTML //////////////////////////////////*/


.contact__about {
	margin-top: 57px;
	width: 100%;
}
.contact__about-title {
	font-weight: 600;
	font-size: 1.5625rem;
}
.contact__about-text {
	margin-top: 21px;
	font-weight: 400;
	font-size: 1.625rem;
}
.contacts__wrap {
	margin-top: 60px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.contacts__info {
	display: flex;
	flex-direction: column;
	max-width: 450px;
}
.contact__phones {
	display: flex;
	flex-direction: column;
	border-left: 3px solid #981D87;
	padding: 0 28px 7px;
}
.contact__phones div{
	display: flex;
	flex-direction: column;
	row-gap: 27px;
}
.contact__phones a{
	font-weight: 400;
	font-size: 1.5625rem;
	color: black;
}

.contact__title{
	font-weight: 600;
	font-size: 1.5625rem;
	margin-bottom: 30px;
}
.contact__email {
	border-left: 3px solid #981D87;
	padding: 0 28px 7px;
	margin-top: 46px;
}
.contact__email a{
	color: black;
}
.contact__email span{
	font-weight: 400;
	font-size: 1.5625rem;
}
.contact__adress {
	border-left: 3px solid #981D87;
	padding: 0 28px 7px;
	margin-top: 46px;
}
.contact__adress span{
	font-weight: 400;
	font-size: 1.5625rem;
}

.contacts__img{
	margin-top: 100px;
	margin-right: -85px;
}

@media(max-width: 1290px){
	.contacts__img{
		margin-top: 30px;
		margin-right: -15px;
		width: 582px;
		height: 582px;
	}

	.contact__about-title {
		font-size: 1.25rem;
	}
	.contact__about-text {
		font-size: 1rem;
	}
	.contact__phones a,
	.contact__email span,
	.contact__adress span,
	.contact__title{
		font-size: 1.125rem;
	}

}
@media(max-width: 950px){
	.contacts__img{
		display: none;
	}
	.contacts__wrap {
		margin-top: 40px;
		margin-bottom: 80px;
	}

	.contact__about-title {
		font-size: 1.25rem;
	}
	.contact__about-text {
		font-size: 1rem;
	}
	.contact__phones a,
	.contact__email span,
	.contact__adress span,
	.contact__title{
		font-size: 1.125rem;
	}

}




/*//////////////////////////// PRODUCT HTML //////////////////////////////////*/


.product {
	margin: 60px 0;
}
.product__about {
	display: flex;
}
.product__about-img {
	width: 393px;
	height: 416px;
}
.product__about-info {
	margin-left: 53px;
	margin-top: 60px;
	display: flex;
	flex-direction: column;
}
.product__about-topInfo {
	display: flex;
	flex-direction: column;
}
.product__about-logoImg {
	width: 135px;
	height: 38px;
}
.product__about-title {
	margin-top: 30px;
	font-weight: 600;
	font-size: 1.25rem;
}
.product__about-text {
	margin-top: 11px;
	font-weight: 400;
	font-size: 1rem;
	line-height: 160.5%;
}
.product__about-features {
	margin-top: 18px;
	font-weight: 400;
	font-size: 16px;
}
.product__about-featuresList {
	list-style: inherit;
	margin-top: 18px;
	margin-left: 30px;
	font-weight: 400;
	font-size: 16px;
	display: flex;
	flex-direction: column;
	row-gap: 15px;
}

.product__info {
	margin-top: 70px;
	position: relative;
}
.product__info-btnList {
	display: flex;
	justify-content: space-between;
	align-items: center;
	column-gap: 5px;
	overflow-x: auto;
}
.product__info-btnList::-webkit-scrollbar{
	display: none;
}

.product__info-btn {
	height: 68px;
	background-color: #FAF9F9;
	border-radius: 15px 15px 0px 0px;
	font-weight: 400;
	font-size: 1.125rem;
	line-height: 111.5%;
	padding: 20px 30px;
	border: none;
	cursor: pointer;
}
.product__info-block {
	width: 100%;
	height: 508px;
	background-color: #F7F7F7;
	border-radius: 0px 0px 15px 15px;
}

.product__btnBG{
	background-color: #F7F7F7;
}

.product__text{
	margin-top: 50px;
	font-weight: 400;
	font-size: 1.125rem;
	line-height: 24px;
}
.product__text p{
	margin-bottom: 10px;
}
.product__about-gallery{
	display: flex;
	flex-direction: column;
	align-items: center;
}

.product__gallery-btn{
	width: 77px;
	height: 76px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #ECECEC;
	border: 1px solid white;
	transition: all 0.3s;
}
.product__gallery-btn:hover{
	border: 1px solid rgb(151, 149, 149);
}

.product__gallery-btn img{
	width: 60px;
	height: 60px;
}
.gallery__view{
	display: flex;
	align-items: center;
}
.active__gallery-btn{
	border: 1px solid rgb(151, 149, 149);
}
.product__gallery-list{
	width: 100%;
	display: flex;
	align-items: center;
	column-gap: 12px;
	cursor: pointer;
	margin-top: 14px;
}

.product-mobText{
	display: none;
}


.benefits-block{
	padding: 20px 15px;
	display: flex;
	column-gap: 20px;
	overflow: auto;
}
.benefits-block img{
	width: 200px;
	height: 300px;
}



.tech-block{
	padding: 15px 10px 10px;
	overflow: auto;
}
.tech__table{
	width: 100%;
	border-collapse: collapse;
}
.tech__table td{
	padding: 5px;
	border: 1px solid #636262;
	font-size: 0.9rem;
}
.main-td{
	width: 20%;
	font-weight: bold;
}
.info-td{
	width: 100%;
}

main {
    min-height: calc(100vh - 520px);
}


@media(max-width: 950px){
	.product__info-btn {
		height: 58px;
		font-size: 1rem;
	}

}


@media(max-width: 850px){
	.benefits-block{
		flex-direction: column;
	}
	.benefits-block img{
		width: 100px;
		height: 100px;
	}

	.product__about-text,
	.product__about-features,
	.product__about-featuresList{
		display: none;
	}

	.product-mobText{
		display: flex;
	}
	.product__about-img{
		width: 301px;
		height: 319px;
	}
	.product__about-info{
		margin-left: 0;
	}
	.product__about{
		margin-bottom: 50px;
	}
}

@media(max-width: 500px){

	.product__about-img{
		width: 163px;
		height: 173px;
	}
	.product__gallery-btn{
		width: 48px;
		height: 47px;
	}
	.product__about{
		margin-bottom: 30px;
	}
	.product__about-title{
		font-size: 1rem;
	}
	.product__gallery-btn img{
		width: 36px;
		height: 35px;
	}
}




/*//////////////////////////// ABOUT HTML //////////////////////////////////*/


.about {
	margin-top: 60px;
	margin-bottom: 150px;
}
.about__top {
	width: 100%;
	display: flex;
	align-items: start;
}
.about__top-text {
	margin-left: 33px;
	font-weight: 400;
	font-size: 1.625rem;
}
.about__text {
	font-weight: 400;
	font-size: 1.625rem;
	margin-top: 30px;
}


@media(max-width: 790px){
	.about__top {
		align-items: center;
		flex-direction: column;
	}
	.about__top img{
		width: 220px;
		height: 216px;
		margin-bottom: 30px;
	}
	.about__top-text {
		margin-left: 0;
	}
}

@media(max-width: 450px){
	.about__top {
		align-items: center;
		flex-direction: column;
	}
	.about__top img{
		width: 172px;
		height: 168px;
		margin-bottom: 30px;
	}
	.about__top-text {
		font-size: 1rem;
	}
	.about__text {
		font-size: 1rem;
	}

}


/*//////////////////////////// SERVICES HTML //////////////////////////////////*/

.services__about {
	margin-top: 70px;
}
.services__about-title {
	font-weight: 400;
	font-size: 1.625rem;
}
.services__about-text {
	margin-top: 21px;
	font-weight: 400;
	font-size: 1rem;
}

.services__wrap {
	margin-top: 70px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 123px;
}

.services__form {
	display: flex;
	flex-direction: column;
	row-gap: 21px;
}

.services__form-name {
	width: 494px;
	height: 68.44px;
	background-color: rgba(247, 247, 247, 0.88);
	border-radius: 16px;
	border: none;
	font-weight: 400;
	font-size: 1.125rem;
	color: #AEAEAE;
	padding: 27px 15px;
	outline: none;
}
.services__form-tel {
	width: 494px;
	height: 68.44px;
	background-color: rgba(247, 247, 247, 0.88);
	border-radius: 16px;
	border: none;
	font-weight: 400;
	font-size: 1.125rem;
	color: #AEAEAE;
	padding: 27px 15px;
	outline: none;
}

.services__form-com {
	width: 494px;
	height: 177.24px;
	background-color: rgba(247, 247, 247, 0.88);
	border-radius: 18px;
	border: none;
	outline: none;
	font-weight: 400;
	font-size: 1.0625rem;
	color: #AEAEAE;
	resize: none;
	padding: 22px 15px;
}
.services__form-com::placeholder,
.services__form-tel::placeholder,
.services__form-name::placeholder{
	font-weight: 400;
	font-size: 1.0625rem;
}

.services__agree {
	display: flex;
	align-items: center;
	margin-top: 17px;
	font-weight: 400;
	font-size: 1rem;
	color: #8E8E8E;
}
.services__agree label{
	margin-left: 15px;
}
.services__agree input{
	height: 1px;
	width: 1px;
}
.services-fake-btn{
	width: 28px;
	height: 28px;
	background-color: #F8F8F8;
	border-radius: 33px;
}
.services__agree input:checked + .services-fake-btn::before{
	z-index: 3;
	display: inline-block;
	position: relative;
	content: "";
	top: 5.4px;
	left: 5.3px;
	width: 18px;
	height: 18px;
	background-color: #981D87;
	border-radius: 33px;
}

.services-btn {
	cursor: pointer;
	width: 490px;
	height: 61px;
	background: #981D87;
	border-radius: 38px;
	font-weight: 600;
	font-size: 1.5625rem;
	color: rgba(255, 255, 255, 0.88);
	border: none;
	margin-top: 20px;
	transition: all 0.3s ease-in-out;
}
.services-btn:hover {
	background: rgba(255, 255, 255, 0.88);
	color: #981D87;
}


@media(max-width: 1320px){
	.services__img{
		width: 487px;
		height: 364px;
	}
	.services__form-name,
	.services__form-tel,
	.services__form-com{
		width: 388px;
	}
	.services-btn{
		width: 394px;
	}
	.services__about-title {
		font-size: 1.125rem;
	}

}
@media(max-width: 915px){
	.services__img{
		width: 437px;
		height: 304px;
	}

}
@media(max-width: 815px){
	.services__img{
		display: none;
	}
	.services__wrap {
		justify-content: center;
	}

}

@media(max-width: 815px){
	.services__form-name,
	.services__form-tel,
	.services__form-com{
		width: 320px;
	}
	.services-btn{
		width: 320px;
		height: 54px;
	}
	.services__about-title {
		font-size: 1.125rem;
	}

}



/*//////////////////////////// FOOTER BLOCK //////////////////////////////////*/


.footer{
	height: 417px;
	width: 100%;
	background-color: #E5C8E0;
}
.footer__logo img{
	cursor: pointer;
	margin-top: 67px;
}
.footer__info{
	margin-top: 57px;
	display: flex;
	flex-wrap: wrap-reverse;
	justify-content: space-between;
	align-items: center;
	font-weight: 400;
	font-size: 1.650rem;
}
.footer__info-text{
	display: flex;
	flex-direction: column;
	row-gap: 14px;
}
.footer__info-text a{
	color: black;
}

.footer__info-num{
	display: flex;
	flex-direction: column;
	row-gap: 14px;
}
.footer__info-num a{
	color: black;
}
.arus{
	display: flex;
	justify-content: end;
	margin-top: 50px;
}
.arus__link{
	display: flex;
	justify-content: space-between;
	column-gap: 7px;
	align-items: center;
	color: #00000078;
	font-weight: 400;
	font-size: 0.900rem;
}



@media(max-width: 1060px) {
	.container{
		padding: 0 30px;
	}
	.footer__logo img{
		margin-top: 60px;
	}
	.footer__info{
		font-size: 1rem;
		flex-direction: column;
		align-items: start;
		row-gap: 22px;
		margin-top: 43px;
	}
	.footer__info-text{
		order: 2;
	}
	.footer__info-num{
		order: 1;
	}

	.arus{
		display: flex;
		justify-content: end;
		margin-top: -13px;
	}
	.arus__link{
		display: flex;
		justify-content: space-between;
		column-gap: 6px;
		align-items: center;
		color: #00000078;
		font-weight: 400;
		font-size: 0.875rem;
	}
	.arus__link img{
		width: 36px;
		height: 22px;
	}
}

@media(max-width: 820px) {
	.container{
		padding: 0 20px;
	}
	.footer__logo img{
		margin-top: 37px;
		width: 213px;
		height: 48px;
	}
	.footer__info{
		row-gap: 30px;
		margin-top: 35px;
	}

	.arus{
		display: flex;
		justify-content: center;
		margin-top: 30px;
	}
	.arus__link{
		display: flex;
		justify-content: space-between;
		column-gap: 6px;
		align-items: center;
		font-size: 0.875rem;
	}
	.arus__link img{
		width: 36px;
		height: 22px;
	}
	.footer__info-num{
		row-gap: 23px;
	}
	.footer{
		height: 410px;
	}
}

@media(max-width: 470px) {
	.footer__info{
		row-gap: 30px;
		margin-top: 35px;
		font-size: 0.875rem;
	}
	.arus__link{
		font-size: 0.75rem;
	}
	.arus__link img{
		width: 36px;
		height: 22px;
	}
}








.close{
	display: none;
}






/*////////////////////////////  SWIPER   ///////////////////////*/

/* //////////////////////////   offer swiper   //////////////////////////////*/

.swiper{
	width: 100%;
	height: 100%;
}

.swiper-prevBtn{
	position: absolute;
	top: 92.3%;
	left: 86.5%;
	z-index: 15;
	cursor: pointer;
}
.swiper-nextBtn{
	position: absolute;
	top: 92.3%;
	left: 93.7%;
	z-index: 15;
	cursor: pointer;
}

.swiper-pagination-fraction{
	font-size: 1.25rem;
	position: absolute;
	top: 91.4%;
	left: 40.5%;
}
.swiper-pagination-current{
	margin-right: -4px;
}
.swiper-pagination-total{
	margin-left: -4px;
}

@media(max-width: 680px){
	.swiper-prevBtn{
		top: 92.3%;
		left: 85%;
	}
	.swiper-nextBtn{
		top: 92.3%;
		left: 94.5%;
	}

	.swiper-pagination-fraction{
		top: 91.4%;
		left: 40.5%;
	}
}
@media(max-width: 520px){
	.swiper-prevBtn{
		top: 92.3%;
		left: 83%;
	}
	.swiper-nextBtn{
		top: 92.3%;
		left: 96%;
	}

	.swiper-pagination-fraction{
		top: 91.4%;
		left: 40.5%;
	}
}


/*//////////////////////////////   news swiper   /////////////////////////////*/

.news-swiper{
	box-sizing: border-box;
	width: 100%;
	overflow: hidden;
	position: relative;
}
.news-prevBtn{
	padding: 5px;
	position: absolute;
	top: 89.5%;
	left: 92%;
	z-index: 15;
	cursor: pointer;
}
.news-nextBtn{
	padding: 5px;
	position: absolute;
	top: 89.5%;
	left: 98%;
	z-index: 15;
	cursor: pointer;
}

.news-pagination{
	position: absolute;
	top: 89.4%;
	left: 94.3%;
}

@media(max-width: 1040px){
	.news-prevBtn{
		left: 85%;
	}
	.news-nextBtn{
		left: 95%;
	}
	.news-pagination{
		left: 89%;
	}
}



@media(max-width: 680px){
	.news-prevBtn{
		left: 83%;
	}
	.news-nextBtn{
		left: 94.5%;
	}

	.news-pagination{
		left: 87.4%;
	}
}
@media(max-width: 520px){
	.news-prevBtn{
		left: 78%;
	}
	.news-nextBtn{
		left: 95%;
	}

	.news-pagination{
		top: 90%;
		left: 84%;
		font-size: 1.05rem;
	}
}


/*//////////////////////////////   partners swiper  /////////////////////////////*/
.partners-swiper{
	box-sizing: border-box;
	width: 100%;
	overflow: hidden;
	position: relative;
}

.part-prev{
	padding: 5px;
	position: absolute;
	top: 87%;
	left: 84%;
	z-index: 15;
	cursor: pointer;
}
.part-next{
	padding: 5px;
	position: absolute;
	top: 87%;
	left: 90%;
	z-index: 15;
	cursor: pointer;
}

.part-pagination{
	top: 87.5%;
	left: 86.4%;
}

.partners__list .swiper-slide{
	width: auto !important;
    max-width: 30%;
}

@media(max-width: 920px){
	.part-prev{
		left: 83%;
	}
	.part-next{
		left: 94.5%;
	}

	.part-pagination{
		left: 87.4%;
	}
}
@media(max-width: 520px){
	.part-prev{
		left: 78%;
	}
	.part-next{
		left: 95%;
	}

	.part-pagination{
		top: 88%;
		left: 84%;
		font-size: 1.05rem;
	}
}



.product__info-block {
    height: auto;
    max-height: 508;
}

.product__gallery-btn img{
    max-width: 60px;
    max-height: 60px;
    width: auto;
}

.product__about-img {
    max-width: 393px;
    max-height: 416px;
    width: auto;
}

.product__about-logoImg {
    height: auto;
}
.about-firm__item img {
    object-fit: contain;
}

.catalog-menu__list {
    min-height: auto;
}

.catalog__itemBlock {
    min-height: auto;
    row-gap: 25px;
}

@media(max-width: 850px){
    .product__about-img{
        max-width: 301px;
        max-height: 319px;
        width: auto;
    }
}

@media(max-width: 500px){

    .product__about-img{
        max-width: 163px;
        max-height: 173px;
        width: auto;
    }
    .product__gallery-btn img{
        max-width: 36px;
        max-height: 35px;
        width: auto;
    }
}