.our-works-section {background:#F1F1F1;position:relative;overflow:hidden;z-index:1;padding:50px 0 0;}
.our-works-section .inner {background:#fff;padding:50px 30px;}
.our-works-section .works-content h2 {font-size:clamp(20px, 2.3vw, 32px);color:#2c2c2c;margin-bottom:25px;line-height:1.3;}
.our-works-section .works-content h2 span {color:#2c2c2c;}
.our-works-section .works-content p {margin-bottom:20px;}
.our-works-section .works-content .works-item .works-item-single {display:flex;align-items:center;position:relative;padding:35px 60px;margin-bottom:15px;background:url("../img/item-bg-2.jpg") no-repeat center;background-size:cover;max-width:calc(100% - 60px);justify-content:center;}
.our-works-section .works-content .works-item .works-item-single:first-child {background:url("../img/item-bg-1.jpg") no-repeat center;background-size:cover;}
.our-works-section .works-content .works-item .works-item-single:last-child {background:url("../img/item-bg-3.jpg") no-repeat center;background-size:cover;}
.our-works-section .works-content .works-item .works-item-single::after {position:absolute;content:"";left:0;top:0;width:100%;height:100%;background:rgba(26,26,26,0.8);}
.our-works-section .works-content .works-item .works-item-single::before {position:absolute;content:"";left:50%;bottom:-30px;transform:translateX(-50%);border-left:20px solid transparent;border-right:20px solid transparent;border-top:30px solid var(--color-primary);z-index:1;}
.our-works-section .works-content .works-item .works-item-single i {width:60px;height:60px;line-height:57px;background:#ffffff;text-align:center;display:inline-block;z-index:1;}
.our-works-section .works-content .works-item .works-item-single i img {width:32px;}
.our-works-section .works-content .works-item .works-item-single .content {padding-left:16px;z-index:1;flex:1;}
.our-works-section .works-content .works-item .works-item-single .content h4 {color:#ffffff;margin-bottom:0;}
.our-works-section .works-content .works-item .works-item-single:last-child {margin-bottom:0;}
.our-works-section  .works-content  .works-item  .works-item-single:last-child::before {display:none;}
.our-works-section .works-image {height:calc(100% - 15px);background-size:cover;position:relative;z-index:1;}
.our-works-section .works-image::after {position:absolute;content:"";left:0;top:0;width:100%;height:100%;background:rgba(26,26,26,0.5);z-index:-2;}
.our-works-section .works-image::before {position:absolute;content:"";width:0;height:0;bottom:-15px;left:-15px;border-bottom:170px solid var(--color-primary);opacity:0.8;border-right:170px solid transparent;z-index:-1;}
.our-works-section .works-image img {opacity:0;}
.our-works-section .works-image .video-btn {display:flex;justify-content:center;align-items:center;width:90px;height:90px;background-color:var(--color-primary);border-radius:50%;position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);}
.our-works-section .works-image .video-btn i {color:#ffffff;font-size:22px;}
.our-works-section .works-image .video-btn::after,.our-works-section .works-image .video-btn::before {z-index:-1;content:"";position:absolute;left:0;right:0;top:0;width:100%;height:100%;animation:ripple 3s linear infinite;opacity:0;border-radius:50%;background:var(--color-primary);}
.our-works-section .works-image .video-btn::before {-webkit-animation-delay:1s;animation-delay:1s;}

@keyframes ripple {
0% {transform:scale(1);}
75% {transform:scale(1.75);opacity:0.5;}
100% {transform:scale(2);opacity:0;}
}

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
.preloader-main {display:none !important;}
}

@media screen and (max-width:1281px){
.our-works-section .inner{padding:40px 25px;}
.our-works-section .works-content .works-item .works-item-single{max-width:calc(100% - 20px);}
.our-works-section .works-image .video-btn{width:70px;height:70px;}
}

@media screen and (max-width:992px){
.our-works-section .works-content {margin-bottom:30px;text-align:center;}
.our-works-section .inner{padding:25px;}
.our-works-section .works-content h2{margin-bottom:15px;}

.our-works-section .works-content .works-item .works-item-single {max-width:100%;flex-direction:column;align-items:center;text-align:center;padding:25px 20px;}
.our-works-section .works-content .works-item .works-item-single::before {bottom:-25px;border-left:15px solid transparent;border-right:15px solid transparent;border-top:25px solid var(--color-primary);}
.our-works-section .works-content .works-item .works-item-single i {margin-bottom:20px;}
.our-works-section .works-content .works-item .works-item-single .content {padding:0;}
.our-works-section .works-content .works-item .works-item-single .content h4 {margin-bottom:-2px;}
.our-works-section    .works-content    .works-item    .works-item-single    .content    h4    br {display:none;}
.our-works-section .works-image {height:100%;overflow:hidden;}
.our-works-section .works-image::before {border-bottom:140px solid rgba(255,188,19,0.8);border-right:140px solid transparent;}
}

@media only screen and (max-width:767px) {
.our-works-section{padding:30px 0 0;}
.our-works-section .inner{padding:20px;}
.our-works-section .works-content{margin-bottom:30px;text-align:center;}
.our-works-section .works-content p {margin-bottom:30px;}
.our-works-section .works-content .works-item .works-item-single {max-width:100%;flex-direction:column;align-items:center;text-align:center;padding:25px 20px;}
.our-works-section .works-content .works-item .works-item-single::before {bottom:-25px;border-left:15px solid transparent;border-right:15px solid transparent;border-top:25px solid var(--color-primary);}
.our-works-section .works-content .works-item .works-item-single i {margin-bottom:20px;}
.our-works-section .works-content .works-item .works-item-single .content {padding:0;}
.our-works-section .works-content .works-item .works-item-single .content h4 {margin-bottom:-2px;}
.our-works-section    .works-content    .works-item    .works-item-single    .content    h4    br {display:none;}
.our-works-section .works-image {height:100%;overflow:hidden;}
.our-works-section .works-image::before {border-bottom:140px solid rgba(255,188,19,0.8);border-right:140px solid transparent;}
}

@media screen and (max-width:640px) {
.our-works-section .inner{padding:15px;}
}

@media only screen and (max-width:576px) {
.our-works-section .works-content{margin-bottom:20px;}
.our-works-section .works-content p{margin-bottom:20px;font-size:15px;}
.our-works-section .works-image .video-btn{width:50px;height:50px;}
}

@media screen and (max-width:480px) {
.our-works-section .inner{padding:10px;}
}