.page-template-page-upwork-proposal img{max-width:100%;}

.page-template-page-upwork-proposal .top_content{padding:0px 0 0px; margin:0; color:#fff;position:relative;}
.page-template-page-upwork-proposal .top_content h1{font-size: 40px; text-transform:uppercase;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    margin-bottom: 30px;}
.page-template-page-upwork-proposal .top_content .flex{    gap: 60px;}
.page-template-page-upwork-proposal .top_content h1 span{color:#DEFF00;}
.page-template-page-upwork-proposal .top_content h1+p{font-size:20px;    line-height: 140%;margin-bottom: 28px;}
.page-template-page-upwork-proposal .top_content ul li{
	margin-bottom:14px;
	display:block;
	padding:0 0 0 30px;
font-size: 16px;
line-height: 140%;
color: #E1E1E1;
position:relative;
}
.page-template-page-upwork-proposal .top_content ul li:before{
	content: '';
    display: block;
    width: 20px;
    height: 20px;
    background: url(../../img/li_plus.svg) no-repeat;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -10px;
}
.page-template-page-upwork-proposal .top_content .f23{display: flex;justify-content: flex-end;}
.page-template-page-upwork-proposal .top_content .images{position:relative; max-width: 548px;}
.page-template-page-upwork-proposal .top_content *{position:relative;z-index:2;}
.page-template-page-upwork-proposal .top_content:before{content:'';background:url(../../img/upwork-proposal-top-bg.webp) no-repeat; display:block;width:803px; height:660px; position:absolute;top:0px;right:0;z-index:1;}



.logoslides {
    overflow: hidden;
    padding: 40px 0;
    background: #09070D;
}

.logoslides__inner {
    display: flex;
    align-items: center;
    gap: 40px;
	max-width:750px;
	margin:0 auto;
	    overflow: hidden;
		position:relative;
}

.logoslides__text {
	z-index: 9;
	position:relative;
	text-align:center;
font-weight: 500;
font-size: 20px;
line-height: 120%;
letter-spacing: -0.02em;
color: #98989B;
margin-bottom:40px;
}
.logoslides__text span {color: #F1FAB1;}

.logoslides__track {
    /*overflow: hidden;*/
    flex: 1;
	position:relative;
}

.logoslides__row {
    display: flex;
    align-items: center;
    gap: 60px;
    width: max-content;
    will-change: transform;
}

.logoslides__row img {

    height: auto;
	max-width:190px;
    user-select: none;
    pointer-events: none;
    opacity: 0.8;
    transition: 0.3s;
}

.logoslides__row img:hover {
    opacity: 1;
}

.logoslides__text::before {
    content: '';
    position: absolute;
    right: 100%;
    top: 0;
    width: 10000px;
    height: 100%;
    background: #09070D;
    z-index: 9;
}
.logoslides__inner::after {
    content: '';
position: absolute;
width: 40px;
height: 77px;
left: 0;
top: 0;
background: linear-gradient(to right, #09070D, transparent);
}
.logoslides__inner::before {
    content: '';
position: absolute;
width: 40px;
height: 77px;
right: 0;
top: 0;
background: linear-gradient(to left, #09070D, transparent);
    z-index: 9;
}

	
.gray_section.our_services{padding: 67px 0 82px; background: #CDCDD0;}
.our_services .box_3 .button{margin-right: 0px;}
.gray_section.our_services .section_title{text-transform:uppercase; margin-bottom:15px;}
.gray_section.our_services .section_description{font-size: 20px;}
.page-template-page-upwork-proposal .tiles_block {
    flex-wrap: wrap;
gap: 15px;}
.gray_section.our_services .tiles_block .tile_box{    width: calc(33% - 15px);
    margin-bottom: 0;	
background: rgba(255, 255, 255, 0.2);
border: 1px solid #F5F5F5;
box-shadow: 2px 1px 4px rgba(0, 0, 0, 0.25);
backdrop-filter: blur(5px);
}
.page-template-page-upwork-proposal .tile_text {
    padding: 30px 30px;
}
.tile_box .li_box{
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	gap:10px;
	    align-items: center;
}
.tile_box .li_box .num{color:#495AFF; padding:5px 0;
width: 18px;
height: 21px;
font-size: 14px;
line-height: 150%;
}
.tile_box{    margin-bottom: 16px;}
.tile_box ul li:before{content:'.';position:absolute;top:-5px; left:0;}
.tile_box ul li{padding-left:10px;position:relative; display:block;
font-size: 16px;
line-height: 140%;
color: #6F6F6F;

}
.our_services .box_3{padding-top:50px; text-align:center;}


.gray_section.team_section{padding: 67px 0 82px; background: #CDCDD0;border-radius: 0;    margin: 0;}
.gray_section.team_section .flex{padding-bottom:62px;}
.gray_section.team_section .section_title{text-transform:uppercase; margin-bottom:15px;}
.gray_section.team_section .section_description{font-size: 16px;}
.page-template-page-upwork-proposal .gray_section.team_section .tile_text {padding:20px;}
.team_section .tile_box .li_box .h5{
	margin-bottom:5px;
font-size: 14px;
line-height: 150%;
color: #6F6F6F;
}
.team_section .tile_box .li_box .num{color:#98989B;
	margin-bottom:5px;}
.gray_section.team_section .tiles_block .tile_box{    width: calc(25% - 15px);
    margin-bottom: 0;	
background: rgba(255, 255, 255, 0.2);
border: 1px solid #F5F5F5;
box-shadow: 2px 1px 4px rgba(0, 0, 0, 0.25);
backdrop-filter: blur(5px);
}

.gray_section.team_section .tiles_block .tile_box p{font-size:14px;}

.avatars {
    display: flex;
    align-items: center;
	justify-content: flex-end;
}

.avatars img {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    border: 2px solid #E1E1E1;
    object-fit: cover;
	transition: all .3s ease-out;
-webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
}

/* головна магія */
.avatars img:not(:first-child) {
    margin-left: -15px;
}
.avatars img {
    position: relative;
}
.avatars img:hover {
    transform: translateY(-5px);
    z-index: 10;
}

.avatars img:nth-child(1) { z-index: 1; }
.avatars img:nth-child(2) { z-index: 2; }
.avatars img:nth-child(3) { z-index: 3; }
.avatars img:nth-child(4) { z-index: 4; }
.avatars img:nth-child(5) { z-index: 5; }


#deliverables, #timeline{color:#fff;}
#deliverables .imagetable,
#timeline .imagetable{padding-top:50px;}


.case_stady_emails .designs_tile{margin-bottom: 0px !important;}
.case_stady_emails .item1 { grid-row: span 17; }
.case_stady_emails .designs_tile.item1,
.case_stady_emails .item1 .designs_inner,
.case_stady_emails .item1 .small_circle{border-radius:0 0 24px 24px;}

.case_stady_emails .item2 { grid-row: span 14;}
.case_stady_emails .designs_tile.item2,
.case_stady_emails .item2 .designs_inner,
.case_stady_emails .item2 .small_circle{border-radius:0 0 24px 24px;}

.case_stady_emails .item3 { grid-row: span 10;}
.case_stady_emails .designs_tile.item3,
.case_stady_emails .item3 .designs_inner,
.case_stady_emails .item3 .small_circle{border-radius:0 0 24px 24px;}

.case_stady_emails .item4 { grid-row: span 16;}
.case_stady_emails .designs_tile.item4,
.case_stady_emails .item4 .designs_inner,
.case_stady_emails .item4 .small_circle{border-radius:0 0 24px 24px;}

.case_stady_emails .item5 { grid-row: span 35;}
.case_stady_emails .designs_tile.item5,
.case_stady_emails .item5 .designs_inner,
.case_stady_emails .item5 .small_circle{border-radius:0 0 24px 24px;}

.case_stady_emails .item6 { grid-row: span 24;}
.case_stady_emails .item7 { grid-row: span 20;}
.case_stady_emails .item8 { grid-row: span 18;}
.case_stady_emails .item9 { grid-row: span 25;}
.case_stady_emails .item10 { grid-row: span 30;}

.case_stady_emails_blocks{position:relative;}
.case_stady_emails_blocks:before{content:''; display:block; width:100%; height:100px; position:absolute; top:0; left:0;background: linear-gradient(to bottom, #09070D, transparent);z-index: 5;}
.case_stady_emails_blocks:after{content:''; display:block; width:100%; height:100px; position:absolute; bottom:0; left:0; background: linear-gradient(to top, #09070D, transparent);z-index: 5;}


.page-template-page-upwork-proposal .faq_block {
    background: #CDCDD0;
}

.white_wrap.packages_setup{border-radius: 0px;
    max-width: unset;
    padding: 130px 20px;
    margin: 0 auto;
    background: #F0F0F1;}
.white_wrap.packages_setup h1{
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 120%;
text-transform: uppercase;
margin-bottom:10px;
}
.white_wrap.packages_setup h2{
font-style: normal;
font-weight: 500;
font-size: 36px;
line-height: 120%;
text-transform: uppercase;
margin-bottom:120px;
}
.white_wrap.packages_setup .flex{justify-content: center;}
.white_wrap.packages_setup .price_table .f4{max-width:405px;padding-bottom: 30px;padding-top:30px;}
.white_wrap.packages_setup .price_table .f4 p.start {    font-family: "M PLUS 1", sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 140%;
color: #FFFFFF;
margin-bottom:7px;
    letter-spacing: 0;
}
.white_wrap.packages_setup .price_table .f4 h3{margin-bottom:7px;}
.white_wrap.packages_setup .price_table .f4 h3 span {    font-family: "M PLUS 1", sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 140%;
margin-bottom:7px;
    letter-spacing: 0;
color:#98989B;
}
.white_wrap.packages_setup .price_table .f4 p{margin-bottom:40px;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 140%;
color: #98989B;
}
.white_wrap.packages_setup .price_table .f4 ul {
    padding: 0px 30px 0;
    margin: 0 0 0px 0px;
}
.white_wrap.packages_setup .price_table .f4 ul li{display:block; margin-bottom:15px;padding-left:20px;position:relative;}
.white_wrap.packages_setup .price_table .f4 ul li:before{
	content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: url(../../img/check_circle.svg) no-repeat;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -7px;
}



@media (max-width: 1024px){
	.page-template-page-upwork-proposal .top_content:before{width: 660px;height: 585px;}
	.gray_section.our_services .tiles_block .tile_box,
	.gray_section.team_section .tiles_block .tile_box
	{width: calc(50% - 15px);}
}

@media (max-width: 768px){
	.page-template-page-upwork-proposal .top_content{padding:44px 0 0;}
	.page-template-page-upwork-proposal .top_content .flex {display:block;}
	.page-template-page-upwork-proposal .top_content .flex .f2{width:100%;}
	
	.page-template-page-upwork-proposal .top_content:before {
        width: 455px;
        height: 585px;
        top: unset;
        bottom: 0;
    }
	.page-template-page-upwork-proposal .top_content .images {
		margin: 0 auto;
		padding-top: 24px;
	}
	.gray_section.our_services .tiles_block .tile_box,
	.gray_section.team_section .tiles_block .tile_box{width: 100%;
    margin-bottom: 15px;}
	.gray_section.our_services{padding:50px 10px;margin: 0;border-radius: 16px;}
	.our_services .box_3 {padding-top: 35px;}
	
	.gray_section.team_section{padding:50px 10px;margin: 0;}
	.gray_section.team_section .flex {
		padding-bottom: 0;
		display:block;
	}
	.gray_section.team_section .flex .f2{width:100%;}
	.avatars {
		padding:24px 0;
		justify-content: flex-start;
	}
	#deliverables .imagetable, #timeline .imagetable {
		        padding-top: 0px;
        margin-right: 0px;
        width: calc(100% + 30px);
        margin-left: -30px;
        padding-left: 30px;
        padding-right: 30px;
	}
	.white_wrap.packages_setup {padding: 40px 10px;}
	.white_wrap.packages_setup h2 {margin-bottom: 24px;}
	.white_wrap.packages_setup .price_table .f4 {    border-radius: 16px;
		max-width: unset;
		width: 100%;
	}
	.white_wrap.packages_setup h2{font-size: 24px;}
	.white_wrap.packages_setup .price_table .f4 p {
    margin-bottom: 24px;}
	
	.page-template-page-upwork-proposal .faq_block{padding-left:10px;padding-right:10px;}
	
	#deliverables, #timeline {
		margin: 0;
		padding-left: 10px;
		padding-right: 10px;
	}
}

@media (max-width: 640px){
	.page-template-page-upwork-proposal .top_content h1{font-size:24px;margin-bottom: 25px;}
	.page-template-page-upwork-proposal .top_content h1+p {font-size: 16px;}
	.page-template-page-upwork-proposal .top_content ul li {font-size: 14px;}
	#timeline p{margin-bottom:0;}
	#deliverables br,
	#timeline br{display:none;}
}