@font-face{
font-family:'Benzin';
src:url('../fonts/Benzin-ExtraBold.eot');
src:local('../fonts/☞Benzin ExtraBold'), local('../fonts/Benzin-ExtraBold'),
url('../fonts/Benzin-ExtraBold.eot?#iefix') format('embedded-opentype'),
url('../fonts/Benzin-ExtraBold.woff2') format('woff2'),
url('../fonts/Benzin-ExtraBold.woff') format('woff'),
url('../fonts/Benzin-ExtraBold.ttf') format('truetype');
font-weight:bold;
font-style:normal;
font-display:swap;
}
@font-face{
font-family:'Benzin';
src:url('../fonts/Benzin-Medium.eot');
src:local('../fonts/☞Benzin Medium'), local('../fonts/Benzin-Medium'),
url('../fonts/Benzin-Medium.eot?#iefix') format('embedded-opentype'),
url('../fonts/Benzin-Medium.woff2') format('woff2'),
url('../fonts/Benzin-Medium.woff') format('woff'),
url('../fonts/Benzin-Medium.ttf') format('truetype');
font-weight:500;
font-style:normal;
font-display:swap;
}
@font-face{
font-family:'Benzin';
src:url('../fonts/Benzin-Bold.eot');
src:local('../fonts/☞Benzin Bold'), local('../fonts/Benzin-Bold'),
url('../fonts/Benzin-Bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/Benzin-Bold.woff2') format('woff2'),
url('../fonts/Benzin-Bold.woff') format('woff'),
url('../fonts/Benzin-Bold.ttf') format('truetype');
font-weight:bold;
font-style:normal;
font-display:swap;
}
@font-face{
font-family:'Benzin';
src:url('../fonts/Benzin-Semibold.eot');
src:local('../fonts/☞Benzin Semibold'), local('../fonts/Benzin-Semibold'),
url('../fonts/Benzin-Semibold.eot?#iefix') format('embedded-opentype'),
url('../fonts/Benzin-Semibold.woff2') format('woff2'),
url('../fonts/Benzin-Semibold.woff') format('woff'),
url('../fonts/Benzin-Semibold.ttf') format('truetype');
font-weight:600;
font-style:normal;
font-display:swap;
}
@font-face{
font-family:'Benzin';
src:url('../fonts/Benzin-Regular.eot');
src:local('../fonts/☞Benzin Regular'), local('../fonts/Benzin-Regular'),
url('../fonts/Benzin-Regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/Benzin-Regular.woff2') format('woff2'),
url('../fonts/enzin-Regular.woff') format('woff'),
url('../fonts/Benzin-Regular.ttf') format('truetype');
font-weight:normal;
font-style:normal;
font-display:swap;
}
@font-face{
font-family:'Gilroy';
src:url('../fonts/Gilroy-Light.eot');
src:local('../fonts/Gilroy Light'), local('../fonts/Gilroy-Light'),
url('../fonts/Gilroy-Light.eot?#iefix') format('embedded-opentype'),
url('../fonts/Gilroy-Light.woff2') format('woff2'),
url('../fonts/Gilroy-Light.woff') format('woff'),
url('../fonts/Gilroy-Light.ttf') format('truetype');
font-weight:300;
font-style:normal;
font-display:swap;
}
@font-face{
font-family:'Gilroy';
src:url('../fonts/Gilroy-Regular.eot');
src:local('../fonts/Gilroy Regular'), local('../fonts/Gilroy-Regular'),
url('../fonts/Gilroy-Regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/Gilroy-Regular.woff2') format('woff2'),
url('../fonts/Gilroy-Regular.woff') format('woff'),
url('../fonts/Gilroy-Regular.ttf') format('truetype');
font-weight:normal;
font-style:normal;
font-display:swap;
}
@font-face{
font-family:'Gilroy';
src:url('../fonts/Gilroy-Medium.eot');
src:local('../fonts/Gilroy Medium'), local('../fonts/Gilroy-Medium'),
url('../fonts/Gilroy-Medium.eot?#iefix') format('embedded-opentype'),
url('../fonts/Gilroy-Medium.woff2') format('woff2'),
url('../fonts/Gilroy-Medium.woff') format('woff'),
url('../fonts/Gilroy-Medium.ttf') format('truetype');
font-weight:500;
font-style:normal;
font-display:swap;
}
@font-face{
font-family:'Gilroy';
src:url('../fonts/Gilroy-SemiBold.eot');
src:local('../fonts/Gilroy SemiBold'), local('../fonts/Gilroy-SemiBold'),
url('../fonts/Gilroy-SemiBold.eot?#iefix') format('embedded-opentype'),
url('../fonts/Gilroy-SemiBold.woff2') format('woff2'),
url('../fonts/Gilroy-SemiBold.woff') format('woff'),
url('../fonts/Gilroy-SemiBold.ttf') format('truetype');
font-weight:600;
font-style:normal;
font-display:swap;
}
@font-face{
font-family:'Gilroy';
src:url('../fonts/Gilroy-Bold.eot');
src:local('../fonts/Gilroy Bold'), local('../fonts/Gilroy-Bold'),
url('../fonts/Gilroy-Bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/Gilroy-Bold.woff2') format('woff2'),
url('../fonts/Gilroy-Bold.woff') format('woff'),
url('../fonts/Gilroy-Bold.ttf') format('truetype');
font-weight:bold;
font-style:normal;
font-display:swap;
}
@font-face{
font-family:'Gilroy';
src:url('../fonts/Gilroy-ExtraBold.eot');
src:local('../fonts/Gilroy ExtraBold'), local('../fonts/Gilroy-ExtraBold'),
url('../fonts/Gilroy-ExtraBold.eot?#iefix') format('embedded-opentype'),
url('../fonts/Gilroy-ExtraBold.woff2') format('woff2'),
url('../fonts/Gilroy-ExtraBold.woff') format('woff'),
url('../fonts/Gilroy-ExtraBold.ttf') format('truetype');
font-weight:800;
font-style:normal;
font-display:swap;
}
*,
html,
body{
padding:0px;
margin:0px;
scroll-behavior:smooth;
}
body{
background:#49B46B;
}
h1{
color:var(--black, #09192A);
text-align:center;
font-family:Benzin;
font-size:64px;
font-style:normal;
font-weight:800;
line-height:130%;
transition:all 0.7s;
animation:headtitle_animation 2s;
}
@keyframes headtitle_animation{
from{
opacity:0;
margin-top:128px;
}
to{
opacity:1;
margin-top:0px;
}
}
h2{
color:var(--black, #09192A);
text-align:center;
font-family:Benzin;
font-size:42px;
font-style:normal;
font-weight:800;
line-height:130%;
}
h3{
color:var(--black, #09192A);
font-family:Benzin;
font-size:32px;
font-style:normal;
font-weight:800;
line-height:100%;
}
h4{
color:var(--black, #09192A);
font-family:Benzin;
font-size:24px;
font-style:normal;
font-weight:800;
line-height:normal;
}
h5{
color:var(--black, #09192A);
font-family:Benzin;
font-size:20px;
font-style:normal;
font-weight:800;
line-height:100%;
}
h6{
color:var(--black, #09192A);
font-family:Gilroy;
font-size:20px;
font-style:normal;
font-weight:800;
line-height:150%;
}
p{
color:var(--black, #09192A);
font-family:Gilroy;
font-size:15px;
font-style:normal;
font-weight:700;
line-height:150%;
}
a{
text-decoration:none;
}
.container_fluid{
display:flex;
flex-wrap:wrap;
box-sizing:border-box;
width:100%;
}
.container{
display:flex;
flex-wrap:wrap;
width:1560px;
padding:0px 15px 0px 15px;
box-sizing:border-box;
transition:all 0.7s;
}
.df{
display:flex;
}
.content_sb{
justify-content:space-between;
}
.content_c{
justify-content:center;
}
.content_vac{
align-items:center;
}
.text_align_center{
text-align:center;
}
.gap_30_16{
gap:30px 16px;
}
.gap_30{
gap:30px;
}
.jcs{
justify-content:start;
}
.mt32{
width:100%;
height:32px;
z-index:-1;
background-color:#fff;
}
.mt48{
width:100%;
height:48px;
}
.mt64{
width:100%;
height:64px;
}
.mt128{
width:100%;
height:128px;
}
.pt16{
padding-top:16px;
}
.pb{
padding-bottom:16px;
}
.pt32{
padding-top:32px;
}
.pb32{
padding-bottom:32px;
}
.pt64{
padding-top:64px;
}
.pb64{
padding-bottom:64px;
}
.mt-136{
margin-top:-136px;
}
.plpr15{
padding:0px 15px 0px 15px;
box-sizing:border-box;
}
.bg_green{
background:#49B46B;
}
.zi-1{
z-index:-1;
}
zi1{
z-index:1;
}
header{
position:relative;
height:48px;
background:#fff;
z-index:2;
}
.logo{
width:179px;
height:48px;
cursor:pointer;
}
.burger_menu_logo{
width:179px;
height:48px;
background:no-repeat url("../images/Logo.svg");
}
.menu,
li{
display:flex;
align-items:center;
list-style-type:none;
}
.menu_item{
font-family:Gilroy;
font-size:15px;
font-style:normal;
font-weight:600;
line-height:100%;
color:#09192A;
padding:16px 16px;
background:#fff;
border-radius:8px;
transition:all 0.7s;
}
.menu_item:hover{
background:rgba(73, 180, 107, 0.10);
transition:all 0.7s;
}
.button{
min-width:90px;
color:var(--white, #FFF);
text-align:center;
font-family:Gilroy;
font-size:15px;
font-style:normal;
font-weight:600;
line-height:100%;
padding:16px 24px 16px 24px;
border-radius:10px;
background:var(--red, #E72354);
box-shadow:4px 4px 0px 0px rgba(231, 35, 84, 0.16);
transition:all 0.7s;
}
.button:hover{
box-shadow:8px 8px 0px 0px rgba(231, 35, 84, 0.16);
transition:all 0.7s;
}
.projects_count{
width:18px;
height:16px;
color:#ffffff;
background:#E72354;
border-radius:4px;
font-size:10px;
margin-top:-10px;
display:flex;
justify-content:center;
align-items:center;
line-height:initial;
}
.burger_menu_icon{
display:none;
position:relative;
width:32px;
height:32px;
cursor:pointer;
transition:all 0.7s;
}
.burger_menu_icon_line1{
position:absolute;
top:4px;
right:0px;
width:22px;
height:2.5px;
background-color:#09192A;
transition:all 0.7s;
}
.burger_menu_icon_line2{
position:absolute;
top:15px;
right:0px;
width:32px;
height:2.5px;
background-color:#09192A;
transition:all 0.7s;
}
.burger_menu_icon_line3{
position:absolute;
top:25px;
right:0px;
width:16px;
height:2.5px;
background-color:#09192A;
transition:all 0.7s;
}
.burger_menu_icon:hover .burger_menu_icon_line1{
width:32px;
transition:all 0.7s;
}
.burger_menu_icon:hover .burger_menu_icon_line3{
width:32px;
transition:all 0.7s;
}
.burger_menu{
position:fixed;
overflow-x:hidden;
top:0px;
width:100%;
height:100%;
display:none;
justify-content:start;
align-items:start;
box-sizing:border-box;
background:#fff;
z-index:10;
}
.burger_menu_items{
display:none;
flex-direction:column;
align-items:center;
justify-self:center;
padding:32px 0px 32px 0px;
z-index:5;
}
.burger_menu_exit{
position:relative;
width:32px;
height:32px;
cursor:pointer;
}
.burger_menu_exit::before{
content:"";
position:absolute;
top:15px;
width:32px;
height:2.5px;
background:#09192A;
transform:rotate(45deg) scale(1);
transition:all 0.7s;
}
.burger_menu_exit::after{
content:"";
position:absolute;
top:15px;
width:32px;
height:2.5px;
background:#09192A;
transform:rotate(-45deg) scale(1);
transition:all 0.7s;
}
.burger_menu_exit:hover:before{
transform:rotate(45deg) scale(0.8);
transition:all 0.7s;
}
.burger_menu_exit:hover:after{
transform:rotate(-45deg) scale(0.8);
transition:all 0.7s;
}
.burger_menu_contacts_block{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:48px;
padding:0px 15px 48px 15px;
box-sizing:border-box;
}
.title_and_subtitle{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:24px;
}
.burger_menu_contacts{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:24px;
}
.burger_menu_contacts_item{
display:flex;
justify-content:start;
align-items:center;
}
.burger_menu_contacts_item_link{
display:flex;
align-items:center;
color:var(--black, #09192A);
font-family:Gilroy;
font-size:24px;
font-style:normal;
font-weight:600;
line-height:100%;
gap:12px;
transition:all 0.7s;
}
.burger_menu_contacts_item_link:hover{
color:#49B46B;
transition:all 0.7s;
}
.burger_menu_item{
font-size:20px;
}
.phone_icon{
width:32px;
height:32px;
background:no-repeat center url("../images/Phone_icon.svg");
transform:scale(1);
transition:all 0.7s;
}
.email_icon{
width:32px;
height:32px;
background:no-repeat center url("../images/Gmail_icon.svg");
transform:scale(1);
transition:all 0.7s;
}
.calendly_icon{
width:32px;
height:32px;
background:no-repeat center url("../images/Calendly_icon.svg");
transform:scale(1);
transition:all 0.7s;
}
.burger_menu_contacts_item_link:hover .phone_icon{
transform:scale(1.1);
transition:all 0.7s;
}
.burger_menu_contacts_item_link:hover .email_icon{
transform:scale(1.1);
transition:all 0.7s;
}
.social_medias{
display:flex;
flex-direction:column;
align-items:start;
justify-content:start;
gap:24px;
}
.social_meedia_items{
display:flex;
flex-wrap:wrap;
gap:15px;
}
.social_media_item{
display:block;
width:32px;
height:32px;
transform:scale(1);
transition:all 0.7s;
}
.social_media_item:hover{
transform:scale(1.1);
transition:all 0.7s;
}
.instagram{
background:no-repeat center url("../images/Instagram.svg");
}
.facebook{
background:no-repeat center url("../images/Facebook.svg");
}
.linkedin{
background:no-repeat center url("../images/LinkedIn.svg");
}
.telegram{
background:no-repeat center url("../images/Telegram.svg");
}
.skype{
background:no-repeat center url("../images/Skype.svg");
}
.behance{
background:no-repeat center url("../images/Behance.svg");
}
.tiktok{
background:no-repeat center url("../images/TikTok.svg");
background-size:32px 32px;
}
.dribbble{
background:no-repeat center url("../images/Dribbble.svg");
}
.hero{
position:relative;
height:820px;
background:#fff;
border-radius:0px 0px 128px 128px;
overflow:hidden;
transition:all 0.7s;
}
.hero:before{
content:"";
position:absolute;
bottom:-3px;
width:490px;
height:555px;
background:no-repeat url("../images/Alex-Filiuk.webp");
background-size:100%;
z-index:1;
transition:all 0.7s;
animation:alex_animate 2s;
}
.hero::after{
content:"";
position:absolute;
bottom:-396px;
width:750px;
height:750px;
background:#E4E866;
border-radius:750px;
transition:all 0.7s;
animation:circle_animate 2s;
}
@keyframes alex_animate{
from{
bottom:-396px;
}
to{
bottom:-2px;
}
}
@keyframes circle_animate{
from{
transform:scale(0);
}
to{
transform:scale(1);
}
}
.quote_and_statistics_block{
display:flex;
flex-direction:column;
align-items:start;
justify-content:start;
gap:64px;
z-index:2;
opacity:1;
transition:all 0.7s;
}
.quote_and_statistics_block2{
display:none;
max-width:50%;
flex-direction:column;
align-items:start;
justify-content:start;
gap:64px;
z-index:2;
opacity:1;
transition:all 0.7s;
}
.quote_block{
display:flex;
flex-direction:column;
align-items:start;
justify-content:start;
width:360px;
gap:16px 0px;
}
.quote{
color:var(--black, #09192A);
font-family:Gilroy;
font-size:18px;
font-style:normal;
font-weight:700;
line-height:150%;
}
.quote_icon{
width:48px;
height:48px;
background:no-repeat url("../images/Quote_icon.svg");
}
.statistics{
display:flex;
gap:30px;
}
.statistics_item{
display:flex;
flex-direction:column;
align-items:start;
justify-content:start;
gap:16px;
}
.statistics_count{
color:#49B46B;
font-family:Gilroy;
font-size:42px;
font-style:normal;
font-weight:700;
line-height:100%;
}
.statistics_label{
color:var(--gray, #7B7B7B);
font-family:Gilroy;
font-size:15px;
font-style:normal;
font-weight:600;
line-height:100%;
}
.testimonials_block{
position:relative;
display:flex;
align-items:start;
justify-content:start;
width:360px;
z-index:2;
gap:16px 16px;
opacity:1;
transition:all 0.7s;
}
.slide1{
position:absolute;
top:0px;
left:0px;
width:360px;
display:flex;
flex-direction:column;
gap:16px;
opacity:1;
z-index:2;
}
.slide2{
position:absolute;
top:0px;
left:0px;
width:360px;
display:flex;
flex-direction:column;
gap:16px;
opacity:0;
z-index:1;
}
.slide3{
position:absolute;
top:0px;
left:0px;
width:360px;
display:flex;
flex-direction:column;
gap:16px;
opacity:0;
z-index:1;
}
.slide4{
position:absolute;
top:0px;
left:0px;
width:360px;
display:flex;
flex-direction:column;
gap:16px;
opacity:0;
z-index:1;
}
.slide5{
position:absolute;
top:0px;
left:0px;
width:360px;
display:flex;
flex-direction:column;
gap:16px;
opacity:0;
z-index:1;
}
.mobile_slide1{
position:relative;
top:0px;
left:0px;
width:100%;
display:flex;
flex-direction:column;
gap:32px;
opacity:1;
z-index:2;
}
.mobile_slide2{
position:absolute;
top:0px;
left:0px;
width:100%;
display:flex;
flex-direction:column;
gap:16px;
opacity:0;
z-index:1;
}
.mobile_slide3{
position:absolute;
top:0px;
left:0px;
width:100%;
display:flex;
flex-direction:column;
gap:16px;
opacity:0;
z-index:1;
}
.mobile_slide4{
position:absolute;
top:0px;
left:0px;
width:100%;
display:flex;
flex-direction:column;
gap:16px;
opacity:0;
z-index:1;
}
.mobile_slide5{
position:absolute;
top:0px;
left:0px;
width:100%;
display:flex;
flex-direction:column;
gap:16px;
opacity:0;
z-index:1;
}
.testimonials_block2{
position:relative;
display:none;
flex-direction:column;
align-items:start;
justify-content:start;
max-width:50%;
z-index:2;
gap:16px 16px;
opacity:1;
transition:all 0.7s;
}
.rating{
display:flex;
align-items:center;
gap:0px 10px;
}
.star{
width:24px;
height:24px;
background:no-repeat url("../images/Star_icon.svg");
}
.rating_text{
color:var(--black, #09192A);
font-family:Gilroy;
font-size:15px;
font-style:normal;
font-weight:700;
line-height:150%;
}
.customer_block{
display:flex;
gap:15px;
align-items:center;
border-radius:64px;
border:1px solid #F3F3F3;
background:var(--white, #FFF);
box-shadow:4px 4px 0px 0px rgba(212, 212, 212, 0.16);
}
.name_and_position{
display:flex;
flex-direction:column;
align-items:start;
justify-content:start;
gap:10px;
padding-right:32px;
}
.customer_name{
color:var(--black, #09192A);
text-align:right;
font-family:Gilroy;
font-size:18px;
font-style:normal;
font-weight:700;
line-height:100%;
}
.customer_position{
color:var(--gray, #7B7B7B);
text-align:right;
font-family:Gilroy;
font-size:13px;
font-style:normal;
font-weight:600;
line-height:100%;
}
.slider_navigation{
display:flex;
gap:16px;
}
.preview_button{
width:32px;
height:32px;
background:#fff no-repeat center url(../images/Arrow_l_icon.svg);
box-shadow:0px 4px 8px 0px rgba(0, 0, 0, 0.08);
border-radius:64px;
transition:all 0.7s;
cursor:pointer;
}
.preview_button:hover{
box-shadow:0px 8px 8px 0px rgba(0, 0, 0, 0.32);
transition:all 0.7s;
}
.next_button{
width:32px;
height:32px;
background:#fff no-repeat center url(../images/Arrow_r_icon.svg);
box-shadow:0px 4px 8px 0px rgba(0, 0, 0, 0.08);
border-radius:64px;
transition:all 0.7s;
cursor:pointer;
}
.next_button:hover{
box-shadow:0px 8px 8px 0px rgba(0, 0, 0, 0.32);
transition:all 0.7s;
}
.mobile_preview_button{
width:32px;
height:32px;
background:#fff no-repeat center url(../images/Arrow_l_icon.svg);
box-shadow:0px 4px 8px 0px rgba(0, 0, 0, 0.08);
border-radius:64px;
transition:all 0.7s;
cursor:pointer;
}
.mobile_preview_button:hover{
box-shadow:0px 8px 8px 0px rgba(0, 0, 0, 0.32);
transition:all 0.7s;
}
.mobile_next_button{
width:32px;
height:32px;
background:#fff no-repeat center url(../images/Arrow_r_icon.svg);
box-shadow:0px 4px 8px 0px rgba(0, 0, 0, 0.08);
border-radius:64px;
transition:all 0.7s;
cursor:pointer;
}
.mobile_next_button:hover{
box-shadow:0px 8px 8px 0px rgba(0, 0, 0, 0.16);
transition:all 0.7s;
}
.quote_statistics_testimonials{
display:none;
gap:30px;
background-color:#fff;
border-radius:128px;
padding:64px;
}
.af-about-section{
display:flex;
flex-direction:column;
align-items:center;
background-color:#49B46B;
padding:64px 30px;
}
.about_me_title{
color:#fff;
text-align:center;
margin-bottom:48px;
}
.about_me_section{
display:flex;
flex-direction:row;
justify-content:center;
max-width:1400px;
width:100%;
}
.about_me_item{
display:flex;
align-items:center;
max-width:100%;
min-width:340px;
flex:1 0 0;
height:auto;
box-sizing:border-box;
padding:20px;
background:#fff;
border-radius:32px;
}
.about_me_block{
display:flex;
align-items:center;
gap:30px;
}
.showreelVideo{
display:none;
position:fixed;
width:100%;
height:100vh;
z-index:1000;
top:0px;
left:0px;
background:#09192A;
justify-content:center;
align-items:center;
}
.showreelVideo_exit{
position:absolute;
right:30px;
top:30px;
display:block;
width:24px;
height:24px;
cursor:pointer;
background:no-repeat center url("../images/Exit_icon.svg");
}
.play_button{
width:112px;
height:112px;
flex-shrink:0;
border-radius:128px;
-webkit-box-shadow:1px 16px 96px 0px rgba(53, 35, 7, 1);
-moz-box-shadow:1px 16px 96px 0px rgba(53, 35, 7, 1);
box-shadow:1px 16px 96px 0px rgba(53, 35, 7, 1);
background-size:100%;
cursor:pointer;
transform:scale(1);
transition:all 0.7s;
}
.play_button:hover{
transform:scale(1.1);
transition:all 0.7s;
}
.about_me_text_block{
display:flex;
flex-direction:column;
align-items:start;
justify-content:start;
gap:16px;
}
.about_me_link{
color:var(--black, #09192A);
font-family:Gilroy;
font-size:15px;
font-style:normal;
font-weight:700;
line-height:150%;
transition:all 0.7s;
}
.about_me_link:hover{
text-decoration:underline;
color:#49B46B;
transition:all 0.7s;
}
.skills_section{
background-color:#FBF8FE;
border-radius:128px 128px 0px 0px;
transition:all 0.7s;
}
.favorite_skills{
display:flex;
justify-content:center;
flex-wrap:wrap;
gap:10px;
}
.favorite_skills_item{
display:flex;
padding:8px 12px;
align-items:flex-start;
gap:10px;
border-radius:20px 20px 4px 20px;
background:#49B46B;
color:#FFF;
text-align:center;
font-family:Gilroy;
font-size:16px;
font-style:normal;
font-weight:700;
line-height:130%;
}
.favorite_icon{
width:16px;
height:16px;
background:no-repeat center url("../images/Favorite_icon.svg");
}
.skills_block{
display:flex;
justify-content:center;
flex-wrap:wrap;
width:100%;
gap:48px 30px;
}
.skills_block_group{
width:490px;
display:flex;
flex-direction:column;
align-items:center;
flex-wrap:wrap;
gap:32px;
flex:1 0 0;
}
.skils_items{
display:flex;
justify-content:center;
flex-wrap:wrap;
gap:10px;
}
.skills_item{
display:flex;
padding:9px 12px;
flex-direction:column;
align-items:flex-start;
gap:10px;
border-radius:20px 20px 4px 20px;
color:#FFF;
text-align:center;
font-family:Gilroy;
font-size:15px;
font-style:normal;
font-weight:700;
line-height:130%;
}
.skill_item_blue_bg{
background:#418CFD;
}
.skill_item_orange_bg{
background:#FF8A1F;
}
.skill_item_violet_bg{
background:#7B6EFE;
}
.resume_section{
margin-top:-128px;
width:100%;
background-color:#fff;
border-radius:128px 128px 0px 0px;
-webkit-box-shadow:-4px -4px 96px 0px rgba(0, 0, 0, 0.08);
-moz-box-shadow:-4px -4px 96px 0px rgba(0, 0, 0, 0.08);
box-shadow:-4px -4px 96px 0px rgba(0, 0, 0, 0.08);
transition:all 0.7s;
}
.resume_block_group{
width:750px;
max-width:100%;
min-width:250px;
display:flex;
flex-direction:column;
align-items:start;
gap:32px;
flex:1 0 0;
}
.resume_items{
position:relative;
display:flex;
flex-direction:column;
justify-content:start;
gap:32px;
}
.resume_item{
display:flex;
flex-direction:column;
align-items:start;
flex:1 0 0;
gap:5px;
padding-left:36px;
}
.first_item{
background:top 25px left 0px no-repeat url("../images/Point.svg");
z-index:4;
}
.first_item_{
background:top 25px left 0px no-repeat url("../images/Point_chacked.svg");
z-index:4;
}
.first_item::before{
content:"";
position:absolute;
left:0px;
width:32px;
height:25px;
background:#fff;
}
.first_item_::before{
content:"";
position:absolute;
left:0px;
width:32px;
height:25px;
background:#fff;
}
.road_map::before{
content:"";
position:absolute;
left:9px;
width:2px;
height:100%;
background:#E7E7E7;
}
.second_item{
background:top 25px left 0px no-repeat url("../images/Point.svg");
z-index:4;
}
.third_item{
background:top 25px left 0px no-repeat url("../images/Point_chacked.svg");
z-index:4;
}
.last_item{
background:top 25px left 0px no-repeat url("../images/Point_chacked.svg");
z-index:4;
}
.last_item_{
background:top 25px left 0px no-repeat url("../images/Point_chacked.svg");
z-index:4;
}
.last_item::before{
content:"";
position:absolute;
left:0px;
bottom:0px;
width:35px;
height:30px;
background:#fff;
}
.last_item_::before{
content:"";
position:absolute;
left:0px;
bottom:0px;
width:35px;
height:52px;
background:#fff;
}
.resume_item_period{
color:var(--gray, #7B7B7B);
font-family:Gilroy;
font-size:15px;
font-style:normal;
font-weight:600;
line-height:130%;
}
.resume_item_title{
color:var(--black, #09192A);
font-family:Gilroy;
font-size:18px;
font-style:normal;
font-weight:700;
line-height:130%;
}
.resume_item_description{
color:var(--gray, #7B7B7B);
font-family:Gilroy;
font-size:15px;
font-style:normal;
font-weight:600;
line-height:150%;
}
.resume_and_cv{
display:flex;
flex-wrap:wrap;
gap:30px;
}
.download_cv_button{
display:inline-flex;
padding:10px 20px;
justify-content:center;
align-items:center;
gap:10px;
border-radius:10px;
background:var(--red, #E72354);
color:var(--white, #FFF);
font-family:Gilroy;
font-size:15px;
font-style:normal;
font-weight:700;
line-height:130%;
cursor:pointer;
box-shadow:4px 4px 0px 0px rgba(231, 35, 84, 0.16);
transition:all 0.7s;
}
.download_cv_button:hover{
box-shadow:8px 8px 0px 0px rgba(231, 35, 84, 0.16);
transition:all 0.7s;
}
.pdf_icon{
width:32px;
height:32px;
background:no-repeat center url("../images/PDF_icon.svg");
}
.project_section{
margin-top:-128px;
width:100%;
background-color:#fff;
border-radius:128px 128px 0px 0px;
-webkit-box-shadow:-4px -4px 96px 0px rgba(0, 0, 0, 0.08);
-moz-box-shadow:-4px -4px 96px 0px rgba(0, 0, 0, 0.08);
box-shadow:-4px -4px 96px 0px rgba(0, 0, 0, 0.08);
transition:all 0.7s;
}
.project_items{
display:flex;
flex-direction:column;
justify-content:center;
align-items:start;
gap:48px;
}
.project_item{
display:flex;
align-items:center;
gap:30px;
flex:1 0 0;
}
.project_info_group{
display:flex;
flex-direction:column;
justify-content:start;
align-items:start;
gap:24px;
}
.project_description{
color:var(--gray, #7B7B7B);
font-family:'Gilroy', sans-serif;
font-size:20px;
font-style:normal;
font-weight:500;
line-height:150%;
}
.view_project_button{
display:flex;
align-items:center;
gap:10px;
color:var(--black, #09192A);
font-family:Benzin;
font-size:15px;
font-style:normal;
font-weight:600;
line-height:normal;
transition:all 0.7s;
}
.arrow_icon{
width:42px;
height:42px;
background:no-repeat center url("../images/Arrow.svg");
transform:scale(1);
transition:all 0.7s;
}
.view_project_button:hover{
color:#49B46B;
transition:all 0.7s;
}
.view_project_button:hover .arrow_icon{
transform:scale(1.1);
transition:all 0.7s;
}
.project_thumb{
max-width:100%;
min-width:50%;
border-radius:32px;
}
.restore_thumb{
-webkit-box-shadow:0px 4px 32px 0px rgba(0, 0, 0, 0.08);
-moz-box-shadow:0px 4px 32px 0px rgba(0, 0, 0, 0.08);
box-shadow:0px 4px 32px 0px rgba(0, 0, 0, 0.08);
}
.contacts_section{
margin-top:-128px;
width:100%;
background-color:#fff;
border-radius:128px 128px 128px 128px;
-webkit-box-shadow:-4px -4px 96px 0px rgba(0, 0, 0, 0.08);
-moz-box-shadow:-4px -4px 96px 0px rgba(0, 0, 0, 0.08);
box-shadow:-4px -4px 96px 0px rgba(0, 0, 0, 0.08);
transition:all 0.7s;
}
.contact_info{
width:750px;
display:flex;
flex-direction:column;
align-items:start;
justify-content:start;
gap:48px;
flex:1 0 0;
box-sizing:border-box;
}
.contact_form{
width:750px;
min-width:250px;
flex:1 0 0;
box-sizing:border-box;
}
label{
color:var(--black, #09192A);
font-family:Gilroy;
font-size:16px;
font-style:normal;
font-weight:600;
line-height:100%;
}
input{
width:100%;
height:52px;
padding:0px 16px 0px 16px;
box-sizing:border-box;
color:var(--black, #09192A);
font-family:Gilroy;
font-size:16px;
font-style:normal;
font-weight:600;
line-height:100%;
border-radius:8px;
border:1px solid #E7E7E7;
margin:12px 0px 12px 0px;
transition:all 0.7s;
}
input:hover{
border:1px solid #D0D0D0;
}
input:focus{
border:1px solid #E7E7E7;
border-radius:8px;
-webkit-box-shadow:0px 0px 0px 8px rgba(73, 180, 107, 0.16);
-moz-box-shadow:0px 0px 0px 8px rgba(73, 180, 107, 0.16);
box-shadow:0px 0px 0px 8px rgba(73, 180, 107, 0.16);
transition:all 0.7s;
}
input:focus-visible{
outline:1px solid #49B46B;
}
input:focus-within{
border:1px solid #49B46B;
}
input:visited{
border:1px solid #49B46B;
}
textarea{
width:100%;
padding:16px 16px 0px 16px;
box-sizing:border-box;
color:var(--black, #09192A);
font-family:Gilroy;
font-size:16px;
font-style:normal;
font-weight:600;
line-height:150%;
border-radius:8px;
border:1px solid #E7E7E7;
margin-top:12px;
transition:all 0.7s;
}
textarea:hover{
border:1px solid #D0D0D0;
}
textarea:focus{
border:1px solid #E7E7E7;
border-radius:8px;
-webkit-box-shadow:0px 0px 0px 8px rgba(73, 180, 107, 0.16);
-moz-box-shadow:0px 0px 0px 8px rgba(73, 180, 107, 0.16);
box-shadow:0px 0px 0px 8px rgba(73, 180, 107, 0.16);
transition:all 0.7s;
}
textarea:focus-visible{
outline:1px solid #49B46B;
}
textarea:focus-within{
border:1px solid #49B46B;
}
textarea:visited{
border:1px solid #49B46B;
}
.wpcf7-not-valid-tip{
margin:0px 0px 12px 0px;
color:#E72354;
}
.wpcf7-submit{
display:flex;
width:auto;
padding:16px 24px;
justify-content:center;
align-items:center;
border-radius:10px;
color:#fff;
cursor:pointer;
background:var(--red, #E72354);
box-shadow:4px 4px 0px 0px rgba(231, 35, 84, 0.16);
transition:all 0.7s;
}
.wpcf7-submit:hover{
box-shadow:8px 8px 0px 0px rgba(231, 35, 84, 0.16);
transition:all 0.7s;
}
.wpcf7-submit:focus{
border:0px solid #49B46B;
box-shadow:8px 8px 0px 0px rgba(231, 35, 84, 0.16);
transition:all 0.7s;
}
.wpcf7-submit:focus-visible{
outline:0px solid #49B46B;
box-shadow:4px 4px 0px 0px rgba(231, 35, 84, 0.16);
transition:all 0.7s;
}
.wpcf7-submit:focus-within{
border:0px solid #49B46B;
box-shadow:4px 4px 0px 0px rgba(231, 35, 84, 0.16);
transition:all 0.7s;
}
.wpcf7-submit:visited{
border:0px solid #49B46B;
box-shadow:8px 8px 0px 0px rgba(231, 35, 84, 0.16);
transition:all 0.7s;
}
.wpcf7 form .wpcf7-response-output{
margin:0px;
border:solid 1px #E72354;
padding:16px 15px 16px 15px;
box-sizing:border-box;
}
.wpcf7-response-output{
margin:0px;
padding:16px;
border-radius:8px;
font-family:Gilroy;
font-size:14px;
font-style:normal;
font-weight:500;
line-height:150%;
}
.wpcf7-spinner{
visibility:hidden;
display:inline-block;
background-color:#15c39a;
width:24px;
height:24px;
border:none;
border-radius:100%;
padding:0;
position:relative;
margin-left:64px;
}
.footer_and_contacts{
width:100%;
background-color:#3B9056;
}
.footer{
margin-top:-64px;
width:100%;
background-color:#49B46B;
border-radius:0px 0px 128px 128px;
-webkit-box-shadow:-4px -4px 96px 0px rgba(0, 0, 0, 0.08);
-moz-box-shadow:-4px -4px 96px 0px rgba(0, 0, 0, 0.08);
box-shadow:-4px -4px 96px 0px rgba(0, 0, 0, 0.08);
transition:all 0.7s;
}
footer{
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:144px;
transition:all 0.7s;
}
.footer_block{
width:1560px;
padding:0px 15px 0px 15px;
}
.title_and_description{
display:flex;
flex-direction:column;
align-items:start;
justify-content:start;
gap:24px;
}
.description{
color:var(--gray, #7B7B7B);
font-family:Gilroy;
font-size:16px;
font-style:normal;
font-weight:600;
line-height:150%;
}
.phone_and_email{
display:flex;
flex-direction:column;
align-items:start;
justify-content:start;
gap:32px;
}
.contact_item{
display:flex;
align-items:center;
color:var(--black, #09192A);
font-family:Gilroy;
font-size:24px;
font-style:normal;
font-weight:600;
line-height:100%;
gap:10px;
transition:all 0.7s;
}
.contact_item:hover{
color:#49B46B;
transition:all 0.7s;
}
.contact_item:hover .phone_icon{
transform:scale(1.1);
transition:all 0.7s;
}
.contact_item:hover .email_icon{
transform:scale(1.1);
transition:all 0.7s;
}
.footer_menu{
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
}
.footer_menu_item{
color:var(--white, #FFF);
font-family:Gilroy;
font-size:15px;
font-style:normal;
font-weight:600;
line-height:100%;
padding:16px;
border-radius:8px;
transition:all 0.7s;
}
.footer_menu_item:hover{
background:rgba(255, 255, 255, 0.10);
transition:all 0.7s;
}
.logo_footer{
width:179px;
height:48px;
background:no-repeat url("../images/Logo_footer.svg");
}
.copyright{
width:1560px;
display:flex;
justify-content:space-between;
align-items:center;
gap:30px;
padding:24px 15px 24px 15px;
box-sizing:border-box;
transition:all 0.7s;
}
.copyright_item{
color:#FFF;
font-family:Gilroy;
font-size:13px;
font-style:normal;
font-weight:600;
line-height:100%;
}
.copyright_link{
color:#FFF;
font-family:Gilroy;
font-size:13px;
font-style:normal;
font-weight:600;
line-height:100%;
transition:all 0.7s;
}
.copyright_link:hover{
text-decoration:underline;
transition:all 0.7s;
}
.project_page_section{
margin-top:-128px;
width:100%;
background-color:#fff;
transition:all 0.7s;
}
.project_main_info{
width:1110px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:start;
gap:32px;
}
.project_hero{
position:relative;
height:760px;
background:#fff;
border-radius:0px 0px 128px 128px;
overflow:hidden;
transition:all 0.7s;
}
.project_hero::after{
content:"";
position:absolute;
bottom:-600px;
width:1110px;
height:1110px;
background:#E4E866;
border-radius:750px;
transition:all 0.7s;
animation:circle_animate2 2s;
}
.project_mockup{
width:730px;
z-index:5;
transition:all 0.7s;
}
.project_mockup img{
width:100%;
transition:all 0.7s;
animation:mockup_animate 2s;
}
.about_project_block{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:30px;
padding:32px 32px 32px 32px;
}
.about_project_item{
min-width:190px;
display:flex;
flex-direction:column;
align-items:start;
justify-content:start;
gap:16px;
}
@keyframes mockup_animate{
from{
bottom:-396px;
}
to{
bottom:-2px;
}
}
@keyframes circle_animate2{
from{
transform:scale(0);
}
to{
transform:scale(1);
}
}
.project_view_section{
background-color:#fff;
border-radius:128px 128px 0px 0px;
transition:all 0.7s;
}
.side_menu{
display:flex;
flex-direction:column;
align-items:start;
justify-content:start;
gap:24px;
width:490px;
box-sizing:border-box;
transition:all 0.7s;
}
.container_item{
display:flex;
flex-direction:column;
align-items:start;
justify-content:start;
flex:1 0 0;
gap:16px;
width:715px;
box-sizing:border-box;
transition:all 0.7s;
}
.container_item2{
max-width:930px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:start;
flex:1 0 0;
gap:16px;
width:715px;
padding:0px 15px 0px 15px;
box-sizing:border-box;
transition:all 0.7s;
}
.side_menu_item{
color:var(--black, #09192A);
font-family:Benzin;
font-size:20px;
font-style:normal;
font-weight:600;
line-height:100%;
transition:all 0.7s;
}
.side_menu_item:hover{
color:#49B46B;
transition:all 0.7s;
}
.project_image{
width:100%;
-webkit-box-shadow:0px 4px 32px 0px rgba(0, 0, 0, 0.08);
-moz-box-shadow:0px 4px 32px 0px rgba(0, 0, 0, 0.08);
box-shadow:0px 4px 32px 0px rgba(0, 0, 0, 0.08);
}
.result_link{
color:#09192A;
font-family:Gilroy;
font-size:20px;
font-style:normal;
font-weight:600;
line-height:150%;
transition:all 0.7s;
}
.result_link:hover{
color:var(--blue, #4F3DFE);
text-decoration-line:underline;
transition:all 0.7s;
}
.result_link2{
color:#09192A;
font-family:Gilroy;
font-size:15px;
font-style:normal;
font-weight:600;
line-height:150%;
transition:all 0.7s;
}
.result_link2:hover{
color:var(--blue, #4F3DFE);
text-decoration-line:underline;
transition:all 0.7s;
}
.error_404{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:32px;
background:#fff;
}
#wpadminbar .ab-top-menu>.menupop>.ab-sub-wrapper{
margin-top:122px;
}
.cky-prefrence-btn-wrapper{
font-family:Gilroy;
}
.cky-btn{
font-family:Gilroy;
}
.cky-preference-title{
font-family:Gilroy;
}
.cky-accordion-btn{
font-family:Gilroy;
}
.cky-accordion-header{
font-family:Gilroy;
}
.cky-btn-revisit::before{
font-family:Gilroy;
}
.cky-revisit-bottom-left:hover::before{
font-family:Gilroy;
}
.cky-preference-content-wrapper .cky-show-desc-btn{
font-family:Gilroy;
}
.cky-btn cky-btn-accept{
font-family:Gilroy;
}
.cky-notice-btn-wrapper button{
font-family:Gilroy;
}
.menu_item_projects{
padding:16px 0px 16px 16px;
display:flex;
}
@media screen and (max-width:1560px){
.container{
width:100%;
transition:all 0.7s;
}
.about_me_item{
width:480px;
}
.about_me_item{
width:100%;
}
.footer_block{
width:100%;
padding:0px 64px 0px 64px;
}
.copyright{
width:100%;
padding:24px 64px 24px 64px;
transition:all 0.7s;
}
.project_hero{
position:relative;
height:760px;
background:#fff;
border-radius:0px 0px 128px 128px;
overflow:hidden;
transition:all 0.7s;
}
.project_hero::after{
content:"";
position:absolute;
bottom:-600px;
width:1110px;
height:1110px;
background:#E4E866;
border-radius:750px;
transition:all 0.7s;
animation:circle_animate2 2s;
}
}
@media screen and (max-width:1343px){
.last_item_::before{
height:75px;
}
}
@media screen and (max-width:1200px){
.quote_and_statistics_block{
opacity:0;
transition:all 0.7s;
}
.testimonials_block{
opacity:0;
transition:all 0.7s;
}
.quote_statistics_testimonials{
display:flex;
margin-top:64px;
justify-content:space-between;
}
.testimonials_block2{
display:flex;
}
.quote_and_statistics_block2{
display:flex;
}
.about_me_section{
flex-direction:column;
}
.skills_block_group{
width:100%;
min-width:350px;
}
.side_menu{
display:none;
}
.container_item{
max-width:100%;
width:100%;
}
}
@media screen and (max-width:1010px){
footer{
height:auto;
transition:all 0.7s;
}
.footer_block{
flex-direction:column;
justify-content:center;
align-items:center;
gap:32px;
padding:32px 0px 32px 0px;
}
.project_hero::after{
content:"";
position:absolute;
bottom:-450px;
width:960px;
height:960px;
background:#E4E866;
border-radius:750px;
transition:all 0.7s;
}
}
@media screen and (max-width:1040px){
.quote_and_statistics_block{
display:none;
}
.testimonials_block{
display:none;
}
h1{
font-size:42px;
opacity:1;
transition:all 0.7s;
}
.menu{
display:none;
}
.burger_menu_icon{
display:block;
}
.quote_statistics_testimonials{
justify-content:center;
}
.testimonials_block2{
max-width:100%;
}
.quote_and_statistics_block2{
width:100%;
max-width:100%;
gap:32px;
}
.quote_block{
width:100%;
}
.resume_block_group{
width:100%;
min-width:546px;
}
.last_item::before{
height:30px;
}
.last_item_::before{
height:52px;
}
.project_item{
flex-direction:column;
}
.project_thumb{
width:100%;
}
.contacts_group{
flex-direction:column;
align-items:start;
justify-content:start;
}
.contact_info{
width:100%;
}
.contact_form{
width:100%;
}
form{
width:100%;
}
form p label{
width:100%;
}
form p{
display:flex;
flex-direction:column;
width:100%;
justify-content:center;
align-items:center;
}
.wpcf7-spinner{
margin-left:0px;
}
.hero{
position:relative;
height:720px;
background:#fff;
border-radius:0px 0px 128px 128px;
overflow:hidden;
transition:all 0.7s;
}
.project_hero{
position:relative;
height:820px;
background:#fff;
border-radius:0px 0px 128px 128px;
overflow:hidden;
transition:all 0.7s;
}
.project_hero::after{
content:"";
position:absolute;
bottom:-550px;
width:1110px;
height:1110px;
background:#E4E866;
border-radius:750px;
transition:all 0.7s;
animation:circle_animate2 2s;
}
}
@media screen and (max-width:768px){
.footer_menu{
flex-direction:column;
justify-content:center;
align-items:center;
}
.copyright{
padding:24px 32px 24px 32px;
transition:all 0.7s;
}
.project_mockup{
width:100%;
padding:0px 15px 0px 15px;
box-sizing:border-box;
transition:all 0.7s;
}
.project_hero{
position:relative;
height:850px;
background:#fff;
border-radius:0px 0px 64px 64px;
overflow:hidden;
transition:all 0.7s;
}
.project_hero::after{
content:"";
position:absolute;
bottom:-550px;
width:1110px;
height:1110px;
background:#E4E866;
border-radius:750px;
transition:all 0.7s;
animation:circle_animate2 2s;
}
.hero{
border-radius:0px 0px 64px 64px;
}
.quote_statistics_testimonials{
border-radius:64px;
}
.skills_section{
border-radius:64px 64px 0px 0px;
}
.resume_section{
border-radius:64px 64px 0px 0px;
}
.project_section{
border-radius:64px 64px 0px 0px;
}
.contacts_section{
border-radius:64px;
}
.footer{
border-radius:0px 0px 64px 64px;
}
.project_view_section{
border-radius:64px 64px 0px 0px;
}
}
@media screen and (max-width:679px){
.last_item_::before{
height:74px;
}
.project_hero{
position:relative;
height:770px;
background:#fff;
border-radius:0px 0px 128px 128px;
overflow:hidden;
transition:all 0.7s;
}
.project_hero::after{
content:"";
position:absolute;
bottom:-650px;
width:1110px;
height:1110px;
background:#E4E866;
border-radius:750px;
transition:all 0.7s;
animation:circle_animate2 2s;
}
}
@media screen and (max-width:576px){
.hero{
border-radius:0px 0px 64px 64px;
height:720px;
transition:all 0.7s;
}
.hero:before{
content:"";
position:absolute;
bottom:-3px;
width:100%;
height:550px;
background:no-repeat bottom url("../images/Alex-Filiuk.webp");
background-size:80%;
z-index:1;
transition:all 0.7s;
}
.hero::after{
content:"";
position:absolute;
bottom:-200px;
width:550px;
height:550px;
background:#E4E866;
border-radius:750px;
transition:all 0.7s;
}
.project_hero{
position:relative;
height:740px;
background:#fff;
border-radius:0px 0px 64px 64px;
overflow:hidden;
transition:all 0.7s;
}
.project_hero::after{
content:"";
position:absolute;
bottom:-700px;
width:1110px;
height:1110px;
background:#E4E866;
border-radius:750px;
transition:all 0.7s;
animation:circle_animate2 2s;
}
.quote_statistics_testimonials{
padding:32px;
border-radius:64px;
}
.about_me_item{
box-sizing:border-box;
min-width:250px;
}
.about_me_block{
flex-direction:column;
}
.about_me_text_block{
justify-content:center;
align-items:center;
}
.about_me_text_block h5{
text-align:center;
}
.about_me_text_block p{
text-align:center;
}
.skills_section{
border-radius:64px 64px 0px 0px;
transition:all 0.7s;
}
.resume_section{
border-radius:64px 64px 0px 0px;
transition:all 0.7s;
}
.skills_block_group{
width:100%;
min-width:250px;
}
.resume_block_group{
width:100%;
min-width:250px;
}
.project_section{
border-radius:64px 64px 0px 0px;
transition:all 0.7s;
}
.contacts_section{
border-radius:64px 64px 64px 64px;
transition:all 0.7s;
}
.footer{
border-radius:0px 0px 64px 64px;
transition:all 0.7s;
}
.copyright{
flex-direction:column;
align-items:center;
justify-content:center;
padding:24px 15px 24px 15px;
transition:all 0.7s;
}
.project_view_section{
border-radius:64px 64px 0px 0px;
transition:all 0.7s;
}
}
@media screen and (max-width:506px){
.last_item_::before{
height:97px;
}
.hero{
position:relative;
height:690px;
background:#fff;
border-radius:0px 0px 64px 64px;
overflow:hidden;
transition:all 0.7s;
}
.project_hero{
position:relative;
height:720px;
background:#fff;
border-radius:0px 0px 64px 64px;
overflow:hidden;
transition:all 0.7s;
}
.project_hero::after{
content:"";
position:absolute;
bottom:-740px;
width:1110px;
height:1110px;
background:#E4E866;
border-radius:750px;
transition:all 0.7s;
animation:circle_animate2 2s;
}
}
@media screen and (max-width:460px){
.hero{
position:relative;
height:660px;
background:#fff;
border-radius:0px 0px 64px 64px;
overflow:hidden;
transition:all 0.7s;
}
}
@media screen and (max-width:402px){
.last_item_::before{
height:120px;
}
.hero{
position:relative;
height:620px;
background:#fff;
border-radius:0px 0px 64px 64px;
overflow:hidden;
transition:all 0.7s;
}
.hero::after{
content:"";
position:absolute;
bottom:-260px;
width:550px;
height:550px;
background:#E4E866;
border-radius:750px;
transition:all 0.7s;
}
.project_hero{
position:relative;
height:720px;
background:#fff;
border-radius:0px 0px 64px 64px;
overflow:hidden;
transition:all 0.7s;
}
.project_hero::after{
content:"";
position:absolute;
bottom:-780px;
width:1110px;
height:1110px;
background:#E4E866;
border-radius:750px;
transition:all 0.7s;
animation:circle_animate2 2s;
}
}
@media screen and (max-width:380px){
.hero{
border-radius:0px 0px 32px 32px;
height:680px;
transition:all 0.7s;
}
.hero:before{
content:"";
position:absolute;
bottom:-3px;
width:100%;
height:550px;
background:no-repeat bottom url("../images/Alex-Filiuk.webp");
background-size:100%;
z-index:1;
transition:all 0.7s;
}
.hero::after{
content:"";
position:absolute;
bottom:-250px;
width:550px;
height:550px;
background:#E4E866;
border-radius:750px;
transition:all 0.7s;
}
.project_hero{
border-radius:0px 0px 32px 32px;
height:720px;
transition:all 0.7s;
}
.project_hero::after{
content:"";
position:absolute;
bottom:-440px;
width:750px;
height:750px;
background:#E4E866;
border-radius:750px;
transition:all 0.7s;
}
.quote_statistics_testimonials{
padding:32px 15px;
border-radius:32px;
}
.skills_section{
border-radius:32px 32px 0px 0px;
transition:all 0.7s;
}
.resume_section{
border-radius:32px 32px 0px 0px;
transition:all 0.7s;
}
.project_section{
border-radius:32px 32px 0px 0px;
transition:all 0.7s;
}
.contacts_section{
border-radius:32px 32px 32px 32px;
transition:all 0.7s;
}
.footer{
border-radius:0px 0px 32px 32px;
transition:all 0.7s;
}
.project_view_section{
border-radius:32px 32px 0px 0px;
transition:all 0.7s;
}
}