.cta-section{
position: relative;
}
.cta-section .inner-box{
position: relative;
display: block;
overflow: hidden;
background: #06194b;
border-radius: 20px;
padding: 146px 100px 100px 100px;
clip-path: polygon(0% 0%, 100% 15%, 100% 100%, 0% 100%, 0% 0%);
z-index: 1;
margin-bottom: -150px;
}
.cta-section .inner-box .text h2{
font-size: 42px;
line-height: 48px;
color: #fff;
font-weight: 700;
}
.cta-section .inner-box .btn-box{
position: relative;
margin-top: 15px;
}
.cta-section .inner-box .btn-box .theme-btn-one{
padding: 19px 56px 20px 56px;
}
.cta-section .pattern-layer .pattern-1{
position: absolute;
left: 0px;
bottom: 0px;
height: 100%;
width: 445px;
background-size: cover;
background-repeat: no-repeat;
}
.cta-section .pattern-layer .pattern-2{
position: absolute;
bottom: 0px;
right: 0px;
height: 100%;
width: 556px;
background-size: cover;
background-repeat: no-repeat;
} .cta-style-two{
position: relative;
padding: 95px 0px 100px 0px;
}
.cta-style-two .text h2{
display: block;
font-size: 42px;
line-height: 48px;
color: #fff;
font-weight: 700;
}
.cta-style-two .btn-box{
position: relative;
margin-top: 21px;
}
.cta-style-two .btn-box .banner-btn-two{
padding: 19px 51px 20px 51px;
border-radius: 35px;
}
.cta-style-two .pattern-layer .pattern-1{
position: absolute;
left: 125px;
bottom: 0px;
height: 100%;
width: 616px;
background-size: cover;
background-repeat: no-repeat;
}
.cta-style-two .pattern-layer .pattern-2{
position: absolute;
top: 0px;
right: 200px;
width: 532px;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
} .project-section{
position: relative;
background: #fff;
padding: 20px 20px 0px 20px;
}
.project-block-one .inner-box{
position: relative;
display: block;
overflow: hidden;
border-radius: 20px;
}
.project-block-one .inner-box .image-box{
position: relative;
display: block;
overflow: hidden;
border-radius: 20px;
}
.project-block-one .inner-box .image-box:before{
position: absolute;
content: '';
background: #000;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
right: 0px;
transform: scale(0,0);
opacity: 0.4;
z-index: 1;
transition: all 500ms ease;
}
.project-block-one .inner-box:hover .image-box:before{
transform: scale(1,1);
}
.project-block-one .inner-box .image-box img{
width: 100%;
border-radius: 20px;
transition: all 500ms ease
}
.project-block-one .inner-box:hover .image-box img{
transform: scale(1.05);
}
.project-block-one .inner-box .content-box{
position: absolute;
display: flex;
align-items: center;
justify-content: center;
left: 30px;
top: 30px;
width: calc(100% - 60px);
height: calc(100% - 60px);
background: #fff;
border-radius: 20px;
padding: 30px 20px 30px 20px;
z-index: 2;
transform: scale(0,0);
text-align: center;
transition: all 500ms ease;
}
.project-block-one .inner-box:hover .content-box{
transform: scale(1,1);
}
.project-block-one .inner-box .content-box .view-btn a{
position: relative;
display: inline-block;
width: 90px;
height: 90px;
line-height: 90px;
border: 2px solid #e5e5e5;
text-align: center;
border-radius: 50%;
font-size: 30px;
margin-bottom: 25px;
}
.project-block-one .inner-box .content-box .view-btn a:hover{
color: #fff;
}
.project-block-one .inner-box .content-box h4{
margin-bottom: 18px;
}
.gallery-page-section{
position: relative;
padding: 143px 0px;
}
.gallery-page-section .outer-container{
position: relative;
margin: 0px 5px;
padding: 0px 20px;
}
.gallery-page-section .outer-container .masonry-item{
position: relative;
padding: 0px 10px;
}
.gallery-page-section .outer-container .project-block-one .inner-box{
margin-bottom: 20px;
}
.gallery-page-section .more-btn{
position: relative;
display: block;
margin-top: 40px;
}
.gallery-page-section .more-btn .theme-btn-one{
padding: 14px 56px 15px 56px;
}
.gallery-page-section .filters{
position: relative;
display: block;
margin-bottom: 50px;
}
.gallery-page-section .filters .filter-tabs li{
position: relative;
display: inline-block;
font-size: 18px;
line-height: 26px;
font-family: 'Barlow', sans-serif;
color: #808080;
font-weight: 500;
cursor: pointer;
margin: 0px 10px;
transition: all 500ms ease;
text-transform: capitalize;
}
.gallery-page-section .filters .filter-tabs li:before{
position: absolute;
content: '';
width: 0%;
height: 2px;
left: 0px;
bottom: -1px;
transition: all 500ms ease;
}
.gallery-page-section .filters .filter-tabs li.active:before,
.gallery-page-section .filters .filter-tabs li:hover:before{
width: 100%;
}
.gallery-page-2 .project-block-one .inner-box{
margin-bottom: 30px;
}