html{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body, html{
	padding: 0;
	margin: 0;
}

*, *::before, *::after{
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}

/* FONTS */

@font-face{
	font-family: "Suisse Int'l";
	src: url(../fonts/fonnts.com-Suisse_Intl_Regular.ttf);
}

@font-face{
	font-family: "Sofia Pro";
	src: url("../fonts/Sofia Pro Regular Az.woff");
}

/* FONTS */


/* HEADER TOP TEXT START*/

.header_top_text{
	background: #F9F0E5;
	text-align: center;
	margin-bottom: 33px;
}

.header_top_text p{
	display: inline-block;
}

.header_top_text p{
	margin: 0;
	font-family: "Suisse Int'l";
	font-size: 11px;
	font-weight: 400;
	line-height: 35px;
	letter-spacing: 0.08em;
	text-align: center;
	color: #494949FF
}

.header_top_text span{
	margin-left: 12px;
	margin-right: 12px;
}

/* HEADER TOP TEXT END*/



								/* HEADER STYLES STARTS*/

.header__width{
	max-width: 1265px;
	margin-left: auto;
	margin-right: auto;
}

.logo{
	margin-bottom: 61px;
}

.header__content{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: start;
	align-items: start;
	margin-left: 6px;
	margin: 0;
	padding: 0;
}

.header_content_title{
	font-family: "Sofia Pro";
	font-size: 38px;
	font-weight: 400;
	line-height: 45px;
	letter-spacing: 0.04em;
	text-align: left;
	color: #01005B;
	width: 479px;
	
	margin: 0 0 25px 0;
}

.header_content_paragraph{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	max-width: 440px;
	-ms-align-items: center;
	align-items: center;

	margin-bottom: 17px;
}

.header_content_paragraph:last-of-type{
	margin-bottom: 31px;
	-ms-align-items: start;
	align-items: start;
}

.header_content_paragraph img{
	margin-right: 10px;
	height: 31px;
	width: 31px;
}

.header_content_paragraph p{
	font-family: Sofia Pro;
	font-size: 15px;
	font-weight: 400;
	line-height: 23px;
	letter-spacing: 0.03em;
	text-align: left;
	color: #676869;
	margin: 0;
}

.header_content_button{
	font-family: "Suisse Int'l";
	font-size: 18px;
	font-weight: 400;
	line-height: 23.35px;
	letter-spacing: 0.03em;
	text-align: center;
	color:white;

	background: #01005B;
	border-radius: 5px;
	border-style: none;

	padding: 19px ;
	width: 356px;

	cursor: pointer;

	margin-bottom: 46px;
}

.header_content_button::after{
	position: relative;
	content: url(../imgs/header_content_button_arrow.png);
	margin-left: 33px;
	top: 18px;
}

.header_content_desc{
	z-index: 2;
}

.header_content_comment{
	width: 416px;
	border-radius: 8px;
	border: 1px solid #EDEDED;
	box-shadow: 0px 3px 10px 0px #00000014;
	padding: 9px 20px;
	background-color: white;
	z-index: 5;

	margin-bottom: -76px;
}

.header_content_author_pic{
	width: 39px;
	height: 39px;
	margin-right: 14px;
}

.header_author_info{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
}

.header_author_reviews{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
}

.asterisks{
	height: 9.7px;
	width: 10px;

	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;

	padding-right: 53px;
	margin-bottom: 2px;
	-ms-align-items: center;
	align-items: center;
}

.header_content_author{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
}

.header_content_comment_name{
	font-family: 'Sofia Pro';
	font-size: 15px;
	font-weight: 400;
	line-height: 23px;
	letter-spacing: 0.03em;
	text-align: left;
	color: #676869;
	margin-right: 23px;
}

.header_content_comment_review_text{
	font-family: "Suisse Int'l";
	font-size: 11px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: 0.02em;
	text-align: left;
	color: #828282;

	margin-left: 7px;
}

.header_content_comment_text{
	font-family: "Suisse Int'l";
	font-size: 12px;
	font-weight: 400;
	line-height: 23px;
	letter-spacing: 0.04em;
	text-align: left;
	color: #676869;

	margin: 0;
}

.header_pics{
	position: relative;
	width: 725px;
	height: 422.5px;
}

/*HEADER PICS*/
.header_content_side_first_pic{
	width: 134px;
	height: 189px;
	position: absolute;
	left: 0;
	top: 119px;
}
.header_pic_one{
	width: 209px;
	height: 316.6px;

	left: 67px;
	bottom: 52px;
	z-index: 2;
	position: absolute;
}.header_pic_second{
	width: 260px;
	height: 422.5px;
	z-index: 3;
	border: 2.5px solid #FFFFFF;
	
	left: 224px;
	position: absolute;
}.header_pic_third{
	width: 209px;
	height: 316.6px;
	position: absolute;
	right: 67px;
	bottom: 52px;
	z-index: 2;
}.header_content_side_second_pic{
	width: 134px;
	height: 189px;
	position: absolute;
	right: 0;
	top: 119px;
}
/*HEADER PICS*/

						/*HEADER STYLES END*/



						/* LOUNGOWEAR SECTION STYLES START*/
.loungewear_section{
	background: linear-gradient(180deg, #F9F0E5 0%, rgba(249, 240, 229, 0.18) 43.05%, rgba(249, 240, 229, 0) 100%);
	width: 100%;
	position: relative;

	padding-top: 76px;
	padding-bottom: 90px;
}

.loungewear_width{
	position: relative;
	max-width: 1265px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	/*top: 76px;*/
}

/* ART BOARD STYLES START */
.art_board_title{
	font-family: Sofia Pro;
	font-size: 20px;
	font-weight: 400;
	line-height: 23px;
	letter-spacing: 0.03em;
	text-align: center;
	color: #868787;

	margin-top: 0;
}

.art_board_pics_container .art_slider{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
	width: 1265px;
}

.art_board_pics_container img:nth-child(n+1){
	width: 172px;
	height: 22px;
}.art_board_pics_container img:nth-child(n+2){
	width: 111px;
	height: 52px;
}.art_board_pics_container img:nth-child(n+3){
	width: 271px;
	height: 53px;
}.art_board_pics_container img:nth-child(n+4){
	width: 194px;
	height: 37px;
}.art_board_pics_container img:nth-child(n+5){
	width: 192px;
	height: 58px;
}

.art_board{
	margin-bottom: 110px;
}
/* ART BOARD STYLES END */

.loungewear_content{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: space-between;;
}

.loungewear_content_title{
	font-family: Sofia Pro;
	font-size: 32px;
	font-weight: 400;
	line-height: 40px;
	letter-spacing: 0.04em;
	text-align: left;
	color: #01005B;

	margin-bottom: 74px;
	margin-top: 0;
}

.loungewear_content_info_card_title{
	font-family: Sofia Pro;
	font-size: 22px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: 0.04em;
	text-align: left;
	color: #01005B;

	margin-top: 11px;
	margin-bottom: 14px;
}

.loungewear_content_info_card_text{
	font-family: Sofia Pro;
	font-size: 15px;
	font-weight: 400;
	line-height: 23px;
	letter-spacing: 0.03em;
	text-align: left;
	color: #6C6C6C;

	width: 497px;
}

.loungewear_content_info_card{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}

.loungewear_content_info_card img{
	background-color: #F9F0E5;
	border-radius: 50%;
	width: 42px;
	height: 42px;

	margin-right: 32px;
}


/* SLIDER START */
.story_slider{
  position: relative;
  width: 433px;
  height: 648px;
}

#main-image{
	width: 100%;
	height: 100%;
}

.prev-btn, .next-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  padding: 10px;
}

.prev-btn {
  left: -55px;
  content: url(../imgs/slider/arrow_left.png);
}

.next-btn {
  right: -55px;
  content: url(../imgs/slider/arrow_right.png);
}

.slider-thumbnails {
	position: absolute;
	left: 73px;
	bottom: 10px;
  display: flex;
  justify-content: center;
}

.slider-thumbnails img {
  width: 31px;
  height: 32px;
  object-fit: cover;
  margin-right: 7px;
  cursor: pointer;
  filter: brightness(135%);
}

.slider-thumbnails .active_image {
  border: 2px solid #FFFFFF;
  filter: brightness(100%);
}

#image-caption {
  font-family: "Suisse Int'l";
  font-size: 13px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0.03em;
  text-align: center;
  color: #676869;

}
/* SLIDER END */

							/* LOUNGOWEAR SECTION STYLES END*/

							/* STORY SECTION START*/
.story_section{
	background: #F0EEEF;
	padding-top: 83px;
	padding-bottom: 56px;
}

.story_width{
	max-width: 1243px;
	margin-left: auto;
	margin-right: auto;
}

.story_pics{
	width: 524px;
	height: 664px;
	position: relative;
}

.story_first_pic{
	width: 165px;
	height: 175px;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}.story_first_second{
	width: 381.64px;
	height: 570px;
	position: absolute;
	top: 47px;
	left: 50px;
}.story_first_third{
	width: 129px;
	height: 175px;
	border-left: 4px solid #F0EEEF;
	border-top: 4px solid #F0EEEF;
	position: absolute;
	object-fit: cover;
	bottom: 0;
	right: 0;

	box-shadow: 0px 3px 10px 1px #00000014;
}

.story_title{
	font-family: Sofia Pro;
	font-size: 32px;
	font-weight: 400;
	line-height: 40px;
	letter-spacing: 0.04em;
	text-align: left;
	color: #2A2996;

	margin: 26px 0 39px 0;
}

.story_text{
	font-family: Sofia Pro;
	font-size: 15px;
	font-weight: 400;
	line-height: 23px;
	letter-spacing: 0.03em;
	text-align: left;
	color: #6C6C6C;
}

.story_text:not(last-of-type){
	margin-top: 0;
	margin-bottom: 24px;
}

.story_button{
	width: 356px;
	height: 56px;
	border-radius: 5px;
	font-family: "Suisse Int'l";
	font-size: 18px;
	font-weight: 400;
	line-height: 23.35px;
	letter-spacing: 0.03em;
	text-align: center;
	color: white;
	background: #01005B;
	border-style: none;
}

.story_content{
	display: grid;
	grid-template-columns: auto auto;
	gap: 97px;
}
						/* STORY SECTION END*/
						/* COMFORT SECTION START*/
.comfort_width{
	max-width: 1120px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 74px;
}

.comfort_title{
	font-family: Sofia Pro;
	font-size: 32px;
	font-weight: 400;
	line-height: 40px;
	letter-spacing: 0.04em;
	text-align: center;
	color: #01005B;

	margin-bottom: 46px;
}

.comfort_cards_container{
	display: grid;
	grid-template-columns: auto auto auto;
	gap: 41px;

	margin-bottom: 56px;
}

.comfort_card1, .comfort_card2, .comfort_card3{
	background: #F0EEEF;
	border: 1px solid #EDEDED;
	width: 346px;
	height: 321px;
	border-radius: 8px;
	padding: 20px;

	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	justify-content: center;
}

.comfort_card2{
	background: #F9F0E6;
}

.comfort_card_title{
	font-family: Sofia Pro;
	font-size: 22px;
	font-weight: 400;
	line-height: 40px;
	letter-spacing: 0.04em;
	text-align: center;
	color: #01005B;

	margin: 16px 0 16px 0;
}

.comfort_card_text{
	font-family: Sofia Pro;
	font-size: 15px;
	font-weight: 400;
	line-height: 23px;
	letter-spacing: 0.03em;
	text-align: center;
	color: #676869;
	margin: 0;
}

.button_arrow{
	font-family: "Suisse Int'l";
	font-size: 18px;
	font-weight: 400;
	line-height: 23.35px;
	letter-spacing: 0.03em;
	text-align: center;
	color:white;

	background: #01005B;
	border-radius: 5px;
	border-style: none;

	padding: 19px ;
	width: 356px;

	cursor: pointer;

	margin-bottom: 11px;
}

.button_arrow::after{
	position: relative;
	content: url(../imgs/header_content_button_arrow.png);
	margin-left: 33px;
}

.comfort_container{
	text-align: center;
}

.comfort_reviews_text{
	font-family: "Suisse Int'l";
	font-size: 11px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: 0.02em;
	text-align: left;
	color: #828282;

	margin: 0;
	margin-left: 7px;
}

.reviews_container{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
}

					/* COMFORT SECTION END*/
					/* FANS SECTION START*/

.fans_section{
}

.fans_title{
	font-family: Sofia Pro;
	font-size: 32px;
	font-weight: 400;
	line-height: 40px;
	letter-spacing: 0.04em;
	text-align: center;
	color: #01005B;

	margin-bottom: 25px;
}

.fans_text{
	font-family: Sofia Pro;
	font-size: 15px;
	font-weight: 400;
	line-height: 23px;
	letter-spacing: 0.03em;
	text-align: center;
	color: #676869;

	margin-left: auto;
	margin-right: auto;
	max-width: 612px;

	margin-top: 0;
	margin-bottom: 55px;
}

.fans_pics{
	display: grid;
	grid-template-columns: repeat(11, 1fr);
	gap: 5px;

	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	width: fit-content;

	margin-bottom: 76px;
}

.fans_pics img{
	width: 128px;
	height: 128px;
}

/* COMMENTS SLIDER START */
.comment_slider {
	margin-left: auto;
	margin-right: auto;
  position: relative;
  max-width: 1258px;

  margin-bottom: 63px;
}

.slider_wrapper {
  overflow: hidden; /* Приховує інші елементи, які виходять за межі */
}

.slider_container {
  display: flex;
  transition: transform 0.5s ease;
  gap: 45px;
  justify-content: center;
}

.slider_card {
  width: 338px;
  height: 194px;
  margin-bottom: 58px;
  border-radius: 8px;
  border: 1px solid #EAEAEA;
  box-shadow: 0px 3px 10px 1px #00000014;

  padding: 29px 39px;
  transition: height 0.5s ease, margin .5s ease; /* Плавний ефект масштабування */

  overflow: hidden;
}

.slider_author_pic{
	width: 39px;
	height: 39px;
	margin-right: 14px;
}

.slider_authro_name{
	font-family: Sofia Pro;
	font-size: 15px;
	font-weight: 400;
	line-height: 23px;
	letter-spacing: 0.03em;
	text-align: left;
	margin: 0;
	color: #676869;
}

.slider_author_info{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}

.slider_card.comment_active {
	height: 247px;
	margin-bottom: 0;
}

.slider_card.comment_active .comment_text{
	-webkit-line-clamp: 6;
	word-break: break-word;
}

.comment_text{
	font-family: "Suisse Int'l";
	font-size: 12px;
	font-weight: 400;
	line-height: 23px;
	letter-spacing: 0.04em;
	text-align: left;
	color: #676869;
	margin: 12px 0 0 0;
	overflow: hidden;

	display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.next_comment, .prev_comment {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  padding: 10px;
}

.prev_comment {
  left: -15px;
  top: 97.5px;
  content: url(../imgs/slider/arrow_left.png);
}

.next_comment {
  right: -55px;
  top: 97.5px;
  content: url(../imgs/slider/arrow_right.png);
}

/* COMMENTS SLIDER END */

/* FAQ SECTION START */

.faq_section{
	text-align: center;
	margin-bottom: 88px;
}

.faq_width{
	max-width: 1107px;
	margin-left: auto;
	margin-right: auto;
}

.faq_width .reviews_container{
	margin-bottom: 109px;
}

.faq_content{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}

/* FAQ QUESTIONS START*/
.faq_info{}

.faq_title{
	font-family: Sofia Pro;
	font-size: 32px;
	font-weight: 400;
	line-height: 40px;
	letter-spacing: 0.04em;
	text-align: left;
	color: #01005B;

	margin-top: 0;
	margin-bottom: 24px;
}

.faq_info{
	text-align: left;
}

.faq_question{
	font-family: Sofia Pro;
	font-size: 18px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: 0.04em;
	text-align: left;
	color: #01005B;

	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
	margin: 0;
	cursor: pointer;
}

.faq_answer{
	font-family: Sofia Pro;
	font-size: 15px;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: 0.03em;
	text-align: left;
	color: #676869;

	max-width: 567px;
	transition: all .4s;
	top: -20px;
	position: relative;
	opacity: 0;
	margin-top: 10px;
	pointer-events: none;
}

.faq_question_container{
	border-top: 1px solid #EAEAEA;
	padding-top: 23px;
	margin-bottom: 35px;
	max-width: 630px;
	transition: all .4s;
	height: 42px;
}

.faq_question_container:last-of-type{
	padding-bottom: 47px;
	border-bottom: 1px solid #EAEAEA;
	margin-bottom: 0px;
}

.faq_answer.open{
  cursor: auto;
  top: 0;
  opacity: 1;
}
.faq_question_container_open{
  position: relative;
  height: auto;
  margin-bottom: 24px;
}
.faq_question_container_open:last-of-type{
	margin-bottom: 0;
	padding-bottom: 23px;
}
/* FAQ QUESTIONS END*/


/* FAQ IMGS START*/
.faq_pics{
	width: 430px;
	height: 645px;
	position: relative;
}

.faq_first_girl{
	bottom: 46px;
	left: 0;
	width: 216px;
	height: 159px;
	position: absolute;
}
.faq_second_girl{
	top: 129px;
	left: 80px;
	width: 235px;
	height: 355px;
	position: absolute;
	z-index: 2;
}
.faq_third_girl{
	top: 1px;
	right: 42px;
	width: 167px;
	height: 253px;
	position: absolute;
}
.faq_rectangle_up{
	top: 67px;
	left: 30px;
	width: 149px;
	height: 187px;
	position: absolute;
}
.faq_rectangle_down{
	bottom: 126px;
	right: 58px;
	width: 134px;
	height: 189px;
	position: absolute;
}
/* FAQ IMGS END*/
					/* FAQ SECTION END */


					/* IMPACT SECTION START */
.section_impact{
	background: #F0EEEF;
	height: 246px;
	text-align: center;

	margin-bottom: 84px;
}

.impact_title{
	font-family: Sofia Pro;
	font-size: 25px;
	font-weight: 400;
	line-height: 40px;
	letter-spacing: 0.04em;
	text-align: center;
	color: #15005B;

	padding-top: 39px;
	margin-bottom: 18px;
}

.impact_content{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
}

.impact_titles{
	font-family: Sofia Pro;
	font-size: 22px;
	font-weight: 600;
	line-height: 20px;
	letter-spacing: 0.02em;
	text-align: center;
	color: #15005B;

	margin: 0;
}

.impact_info_container:not(:last-of-type){
	margin-right: 51px;
}

.impact_info_container:not(:first-of-type){
	border-left: 1px solid #C4C4C480;
	padding-left: 51px;
}

.impact_info_container p{
	font-family: Sofia Pro;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: 0.03em;
	text-align: center;
	color: #15005B;

	margin: 0;
	margin-top: 4px;
}

.impact_content img{
	margin-bottom: 13px;
}
				/* IMPACT SECTION END */

				/* LOVE SECTION */
.love_section{
	text-align: center;

	background: linear-gradient(0deg, #F9F0E5 0%, rgba(249, 240, 229, 0.18) 43.05%, rgba(249, 240, 229, 0) 100%);
}

.love_title{
	font-family: Sofia Pro;
	font-size: 32px;
	font-weight: 400;
	line-height: 40px;
	letter-spacing: 0.04em;
	text-align: center;
	color: #01005B;
}

.love_title_desc{
	font-family: Sofia Pro;
	font-size: 15px;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: 0.03em;
	text-align: center;
	color: #676869;

	width: 587px;
	margin-left: auto;
	margin-right: auto;

	margin-bottom: 47px;
}

.love_pics_container{
	width: 815px;
	height: 373px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;

	margin-left: auto;
	margin-right: auto;
	margin-bottom: 58px;
}


.love_rectangle{
	width: 139px;
	height: 196px;
}

.love_first_girl{
	width: 209px;
	height: 317px;
}

.love_second_girl{
	margin-left: 6px;
	margin-right: 6px;
	width: 246px;
	height: 373px;
}

.love_third_girl{
	width: 209px;
	height: 317px;
}

.love_section button{
	margin-bottom: 6px;
}

.love_adv_icons img{
	height: 22px;
	width: 364px;
	margin-bottom: 18px;
}

.love_shares{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
}

.love_shipping_container{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
}

.love_shipping_container{
	border-right: 1px solid #C4C4C466;
	padding-right: 23px;
	margin-left: 23px;

	margin-bottom: 83px;
}

.love_shipping_container:last-of-type{
	border-right: 0;
}

.love_shipping_container img{
	height: 33px;
	width: 33px;
	margin-right: 12px;
}

.love_shipping_container p{
	font-family: Sofia Pro;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: 0.03em;
	text-align: left;
	color: #676869;

	width: 119px;
}

/* LOVE SECTION END */

.mobile{
	display: none;
}

@media screen and (max-width: 1507px) {
  .fans_pics img:nth-child(n+21) {
    display: none;
  }

  .fans_pics{
  	grid-template-columns: repeat(10, 1fr);
  }
}

@media screen and (max-width: 1404px) {
  .loungewear_content {
    justify-content: space-around;
  }

  .next_comment{
    right: 40px;
	}

	.prev_comment{
		left: 40px;
	}

  }

@media screen and (max-width: 1360px) {
  .fans_pics img:nth-child(n+19) {
    display: none;
  }

  .fans_pics{
  	grid-template-columns: repeat(9, 1fr);
  }
}

@media screen and (max-width: 1296px) {
  .art_slider{
  	width: auto !important;
  }
}

@media screen and (max-width: 1264px) {
	.logo{
		text-align: center;
		margin-bottom: 13.5px;
	}

	.header__content{
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		justify-content: center;
	}

	.header_content_desc{
		margin-left: auto;
		margin-right: auto;
		display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
	}

	.header_content_title{
		text-align: center;
	}

	.header_top_text{
		margin-bottom: 14px;
	}

	.header_content_mobile_priority{
		order: 2;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: center;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		-ms-align-items: center;
		align-items: center;
	}
	.header_pics{
		order: 1;
	}

	.header_pics{
		display: none;
	}

	.header_pics.mobile{
		display: block;
	}

	.header_content_title{
		margin-bottom: 17px;
	}

	.header_content_side_first_pic{
		width: 70px;
		height: 99px;
		top: 62px;
		left: 0;
	}

	.header_pic_one{
		width: 109px;
		height: 166px;
		top: 28px;
		left: 35px;
	}

	.header_pic_second{
		width: 136px;
		height: 221px;
		top: 0;
		left: 118px;
	}

	.header_pic_third{
		width: 109px;
		height: 166px;
		right: 35px;
		top: 28px;
	}

	.header_content_side_second_pic{
		width: 70px;
		height: 99px;
		top: 60px;
		right: 0;
	}

	.header_pics{
		width: 380px;
		height: 222.5px;

		margin-bottom: 24.5px
	}

	.header_content_paragraph{
		max-width: 380px;
	}

	.header_content_button{
		width: 369px;
		margin-bottom: 29px;
	}

	.header_content_button::after{
		top: 0;
		margin-left: 15px;
	}

	.header_content_comment_text{
		display: -webkit-box;
	  -webkit-line-clamp: 2;
	  -webkit-box-orient: vertical;
	  overflow: hidden;
	  padding: 16px 11px;
	}

	.header_author_info{
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		justify-content: flex-start;
	}

	.header_content_comment_review_text{
		margin-bottom: 0;
		margin-top: 0;
	}

	.header_content_comment_name{
		order: 2;
		margin: 0;
		margin-right: auto;
	}

	.header_content_comment{
		padding: 16px 11px;
		width: 388px;
	}

	.header_content_comment_text{
		padding: 0;
		margin-top: 12px;
	}

	/* ART BOARD */
	.dots {
	  text-align: center;
	  margin-top: 20px;
	}

	.dot {
	  height: 10px;
	  width: 10px;
	  margin: 0 5px;
	  background-color: #bbb;
	  border-radius: 50%;
	  display: inline-block;
	}

	.dot.art_active {
	  background-color: #717171;
	}

  .art_board_pics_container {
    max-width: 394px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
  }

  .art_slider {
    display: flex;
    transition: transform 0.5s ease-in-out;
    width: 166.6%;
  }

  .dots {
    display: flex;
    justify-content: center;
  }

  .art_board_pics_container img:nth-child(n+1){
  	width: 126px;
  	height: 15px;
  }.art_board_pics_container img:nth-child(n+2){
  	width: 73px;
  	height: 35px;
  }.art_board_pics_container img:nth-child(n+3){
  	width: 145px;
  	height: 29px;
  }.art_board_pics_container img:nth-child(n+4){
  	width: 101px;
  	height: 19px;
  }.art_board_pics_container img:nth-child(n+5){
  	width: 100px;
  	height: 30px;
  }

  .art_board_pics_container img:not(:last-child){
  	margin-right: 28px;
  }

  .art_board_pics_container .art_slider{
  	width: 100%;
  }
  /* ARTBOARD SLIDER END*/

	/* STORY SECTION START MOBILE*/
	.art_board{
		margin-bottom: 42px;
	}

	.loungewear_content{
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}

	.loungewear_content_info{
		order: 2;
	}

	.loungewear_content_title.mobile{
		display: block;
		font-size: 26px;
		line-height: 34px;
		letter-spacing: 0.04em;
		width: 330px;
		text-align: center;

		margin-bottom: 25px;
	}

	.story_slider {
    width: 303px;
    height: 453px;
    margin-bottom: 84px;
  }

  .slider-thumbnails img{
  	width: 22px;
  	height: 23px;
	}

	.slider-thumbnails{
  	margin-bottom: 9px;
  	bottom: 0;
  	left: 0;
  	right: 0;
	}

	.prev-btn, .next-btn{
		width: 17.3px;
		height: 24.6px;
		padding: 5px;
	}

	.prev-btn{
		left: -26.35px;
	}
	.next-btn{
		right: -26.35px;
	}

	.loungewear_content_title{
		display: none;
	}

	.slider-thumbnails img:last-of-type {
		margin-right: 0;
	}

	#image-caption{
		margin: 0;
		margin-top: 2px;
	}

	.loungewear_content_info_card{
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		-ms-align-items: center;
		align-items: center;
	}

	.loungewear_content_info_card_title,
	.loungewear_content_info_card_text{
		text-align: center;
		width: 244px;
	}

	.loungewear_content_info_card_title{
		margin-bottom: 20px;
	}

	.loungewear_content_info_card_text{
		font-size: 14px;
		line-height: 18px;
		letter-spacing: 0.03em;

		height: 125px;
		margin: 0;
		border-bottom: 1px solid #C4C4C480;
		padding-bottom: 6px;

		margin-bottom: 31px;
	}

	.loungewear_content_info_card:nth-child(n+5) .loungewear_content_info_card_text{
		border-bottom: none;
		margin-bottom: 8px;
	}

	.button_arrow{
		width: 369px;
		height: 56px;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-ms-align-items: center;
		align-items: center;
		justify-content: center;

		margin-bottom: 11px;
	}
	.button_arrow::after{
		margin-left: 16px;
		bottom: 1px;
	}

	.loungewear_content_info_card img {
		margin-right: 0;
		margin-bottom: 20px;
	}

	.loungewear_content_info_card:nth-child(n+2) img{
		content: url(../imgs/loungewear_content_info_first_pic_mobile.png);
	}

	.loungewear_content_info_card:nth-child(n+3) img{
		content: url(../imgs/loungewear_content_info_third_pic.png);
	}

	.loungewear_content_info_card:nth-child(n+4) img{
		content: url(../imgs/loungewear_content_info_second_pic.png);
	}

	.loungewear_content_info_card:nth-child(n+5) img{
		content: url(../imgs/loungewear_content_info_fourth_pic.png);
	}

	.reviews_container{
		-ms-align-items: center;
		align-items: center;
	}

	.reviews_container img{
		width: 13.6px;
		height: 13px;
	}

	.comfort_reviews_text{
		font-size: 12px;
		line-height: 20px;
		letter-spacing: 0.02em;
	}

	.button_arrow.mobile, .reviews_container.mobile{
		display: flex;
	}

	.loungewear_section{
		background: linear-gradient(180deg, 
		    rgba(250, 242, 230, .8),  
		    white 10%, 
		    white 94%, 
		    rgba(250, 242, 230, .8) 100%);
	}

	.story_section{
		padding-top: 39px;
	}

	.story_title.mobile{
		display: block;
		font-size: 26px;
  	line-height: 40px;
  	letter-spacing: 0.04em;

  	margin-top: 0;
  	margin-bottom: 26px;
	}

	.story_content {
    grid-template-columns: auto;
    gap: 0; 
    justify-content: center;
    align-items: center;
    justify-items: center;
  }

  .story_first_pic{
  	width: 102px;
  	height: 108px;
  }

  .story_first_second{
  	width: 238px;
  	height: 310px;
  	top: 25px;
  }

  .story_third_second{
  	width: 110px;
  	height: 112px;
  }

  .story_pics{
  	width: 345px;
  	height: 363px;

  	margin-bottom: 47px;
  }

  .story_title{
  	display: none;
  }

  .story_info{
  	max-width: 335px;
  }

  .story_section{
  	padding-bottom: 36px;

  	margin-bottom: 57px;
  }


	/* SLIDER COMFORT START */
  .comfort_slider_wrapper {
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
    width: 355.8px;

    margin-left: auto;
    margin-right: auto;
  }

  .comfort_cards_container {
    display: flex;
    transition: transform 0.5s ease;
  }

  .button_arrow {
    margin-left: auto;
    margin-right: auto;
  }

  .slider_arrow.mobile{
  	display: inline-block;
  }

  .comfort_title{
		margin-bottom: 23px;
  }

  .comfort_card1,
  .comfort_card2,
  .comfort_card3{
  	width: 288px;
  	height: 288px;

  	margin-left: 34px;
  }

  .comfort_cards_container{
  	gap: 0;
  }

  .prev_btn, .next_btn {
    position: absolute;
    cursor: pointer;
    z-index: 5;

    width: 17.3px;
    height: 24.6px;
    padding: 5px;
  }

  .prev_btn{
  	top: 131.5px;
    left: 0px;
    content: url(../imgs/slider/arrow_left.png);
  }

  .next_btn{
  	top: 131.5px;
    right: 0px;
    content: url(../imgs/slider/arrow_right.png);
  }

  .fans_title{
		font-size: 26px;
		line-height: 40px;
		letter-spacing: 0.04em;

		margin-bottom: 19px;
  }

  .comfort_section{
  	margin-bottom: 59px;
  }

  .comfort_width{
  	margin-bottom: 0;
  }

  .fans_text{
  	max-width: 385px;
  }
	/*	COMFORT SECTION END */

	/* COMMENT SLIDE START*/
	.slider_wrapper{
		position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
    width: 352.6px;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
	}

	.prev_comment, .next_comment {
    position: absolute;
    cursor: pointer;
    z-index: 5;

    width: 17.3px;
    height: 24.6px;
    padding: 5px;
  }

  .prev_comment{
  	top: 131.5px;
    left: -27px;
    content: url(../imgs/slider/arrow_left.png);
  }

  .next_comment{
  	top: 131.5px;
    right: -27px;
    content: url(../imgs/slider/arrow_right.png);
  }

  .slider_container {
    gap: 40px;
  }

  .slider_card {
    width: 299px;
    height: 261px;
  }

  .comment_slider{
  	max-width: 352.6px;
  	margin-bottom: 57px;
  }

  .slider_author_pic{
  	width: 35px;
  	height: 35px;
  	margin-right: 11.5px
  }

  .slider_author_info div img{
  	width: 9px;
  	height: 9px;
  }

  .slider_card{
  	margin-left: 0px;
  	margin-bottom: 0;
  }

  .comment_active{
  	height: auto;
  }

  /* COMMENT SLIDE END */

  /* FAQ START */
	.faq_title{
		font-size: 26px;
		line-height: 30px;
		letter-spacing: 0.04em;
	}

	.faq_content{
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}

	.faq_title{
		text-align: center;
		text-transform: lowercase;
		max-width: 318px;
		margin-left: auto;
		margin-right: auto;

		margin-bottom: 40px;
	}
	
	.faq_questions{
		max-width: 349px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 39px;
	}

	.faq_width .reviews_container{
		margin-bottom: 68px;
	}

	.faq_answer{
		font-size: 14px;
		line-height: 20px;
		letter-spacing: 0.03em;
	}

	.faq_question_container{
		margin-bottom: 29.5px;
	}

	.faq_section{
		padding-bottom: 52px;
		margin-bottom: -19px;
	}

	.faq_width .reviews_container{
		margin-bottom: 0;
	}

	/* FAQ SECTION END*/

	/* SECTION IMPACT START*/
	.section_impact{
		height: auto;
	}

	.impact_content{
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}

	.impact_info_container:not(:first-of-type){
    border-left: 0;
    padding-left: 0px;
  }

  .impact_info_container:not(:last-of-type){
  	margin-right: 0;
  	border-bottom: 1px solid #C4C4C480;
  	padding-bottom: 16px;
  	margin-bottom: 23px;
  }


  .impact_title{
  	padding-top: 52px;
  	margin-bottom: 38px;

  	text-transform: capitalize;
  }

  .impact_titles img{
  	width: 171px;
  	height: 25px;
  }

  .section_impact{
  	padding-bottom: 56px;
  }

  .section_impact{
  	margin-bottom: 52px;
  }

  /* IMPACT SECTION END*/
  .love_title_desc{
  	max-width: 318px;
    visibility: hidden;
    position: relative;

    margin-bottom: 53px;
    height: 22px;
  }

  .love_title_desc:after{
  	visibility: visible;
  	position: absolute;
  	top: 0;
  	left: 0;
  	content: "Click below to browse our collection!";

  	font-family: Sofia Pro;
  	font-size: 15px;
  	font-weight: 400;
  	line-height: 22px;
  	letter-spacing: 0.03em;
  	text-align: center;
  	color: #676869;
  }

  .love_title{
  	font-size: 32px;
  	margin-bottom: 9px;
  }

  .love_rectangle{
  	position: absolute;
  	left: 0;
  	width: 67px;
  	height: 95px;
  }

  .love_first_girl{
  	position: absolute;
  	left: 28px;
  	top: 32px;
  	width: 97px;
  	height: 147.5px;
  	z-index: 2;
  }

  .love_second_girl{
  	position: absolute;
  	left: 106.6px;
  	z-index: 3;
  	width: 139px;
  	height: 211px;
  }

  .love_third_girl{
  	position: absolute;
  	left: 236px;
  	width: 97.3px;
  	height: 147.5px;
  	z-index: 2;
  }

  .love_pics_container img:last-child{
  	position: absolute;
  	left: 305px;
  	width: 67px;
  	height: 95px;
  }


  .love_pics_container{
  	position: relative;
  	width: 368px;
  	height: 211px;
  }

  .love_pics_container{
  	margin-bottom: 52px;
  }

  .love_section{
  	padding-bottom: 40px;
  }

  .hide{
  	display: none;
  }

}



@media screen and (max-width: 1230px) {
  .fans_pics img:nth-child(n+17) {
    display: none;
  }

  .fans_pics{
  	grid-template-columns: repeat(8, 1fr);
  }




}

@media screen and (max-width: 1090px) {
  .fans_pics img:nth-child(n+15) {
    display: none;
  }

  .fans_pics{
  	grid-template-columns: repeat(7, 1fr);
  }
}

@media screen and (max-width: 956px) {
	.fans_pics{
		gap: 4px;
	}

	.fans_pics img{
		width: 102px;
		height: 102px;
	}
}

@media screen and (max-width: 894px) {
	.header_top_text :not(.header_top_text_mobile){
		display: none;
	}
}

@media screen and (max-width: 774px) {
  .fans_pics img:nth-child(n+13) {
    display: none;
  }

  .fans_pics{
  	grid-template-columns: repeat(6, 1fr);
  }
}

@media screen and (max-width: 662px) {
  .fans_pics img:nth-child(n+11) {
    display: none;
  }

  .fans_pics{
  	grid-template-columns: repeat(5, 1fr);
  }
}

@media screen and (max-width: 555px) {
  .fans_pics img:nth-child(n+9) {
    display: none;
  }

  .fans_pics{
  	grid-template-columns: repeat(4, 1fr);
  }
}

@media screen and (max-width: 503px) {
  .header_content_title{
  	font-size: 30px;
  	line-height: 40px;
  	width: 370px;
  }
}

@media screen and (max-width: 449px) {
  .fans_pics{
  	grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 428px) {
  .prev_comment{
  	left: -5px;
  }

  .next_comment{
  	right: 0px;
  }
}


@media screen and (max-width: 428px) {
	.header_content_side_first_pic, .header_content_side_second_pic{
		display: none;
	}

	.header_pic_one{
		left: 0;
	}

	.header_pic_second{
		left: 83px;
	}

	.header_pic_third{
		right: 0;
	}

	.header_pics{
		width: 310px;
	}

	.header_content_mobile_priority,
	.header_content_button,
	.header_content_comment,
	.button_arrow {
		max-width: 340px;
	}

	.art_slider,
	.art_board_pics_container,
	.story_slider,
	.comfort_slider_wrapper,
	.comment_slider{
		scale: 0.8;
	}

	.loungewear_content_title.mobile{
		margin-bottom: 0;
	}

	.story_slider{
		margin-bottom: 30px
	}

	.loungewear_section{
    padding-bottom: 30px;
  }

  .story_first_third{
  	right: 4px;
  }

  .comfort_section{
  	margin-bottom: 30px;
  }

  .fans_text{
  	max-width: 340px;

  	margin-bottom: 30px;
  }

  .fans_pics{
  	margin-bottom: 30px;
  }

  .slider_container{
  	gap: 0;
  }

  .slider_card{
  	margin-left: -5px;
  }

  .prev_comment{
  	left: 10px;
  }

  .slider_container{
  	left: -10px;
  }

  .comment_slider{
  	margin-bottom: 30px;
  }

  .love_rectangle{
  	display: none;
  }

  .love_first_girl{
  	left: 0;
  }

  .love_second_girl{
  	left: 78.6px;
  }

  .love_third_girl{
  	left: 218px;
  }

  .love_pics_container {
	  max-width: 340px;
	}

}