/* Subscribe area start */

.taskoit-subsribe{padding:140px 0;background-size:cover;position:relative;z-index:1;}
.taskoit-subsribe .container{display:flex;justify-content:flex-end;}
.taskoit-subsribe .box{background:rgba(0, 0, 0, .5);width:550px;padding:30px 35px 50px;border-radius:10px;}
.taskoit-subsribe h3{color:#fff;font-size:37px;line-height:1;text-align:center;}
.taskoit-subsribe p{margin:15px 0;text-align:center;color:#fff;}
.taskoit-subsribe form{position:relative;}
.taskoit-subsribe input{width:100%;font-size:16px;line-height:28px;border-radius:5px;padding:15px 160px 15px 20px;height:60px;color:#b0afaf;background: #fff;}
.taskoit-subsribe button{width:140px;border-radius:0 5px 5px 0;position:absolute;right:0;top:0;bottom:0;font-size:18px;text-align:center;z-index:2;cursor:pointer;transition:0.5s;background:var(--btn-bg);color:#fff;}
.taskoit-subsribe .crmFormVali-error{
	right: 156px !important;
}

@media screen and (max-width:1680px){
.taskoit-subsribe{padding:110px 0;}
.taskoit-subsribe h3{font-size:35px;}
}
                         
@media screen and (max-width:1441px) {
.taskoit-subsribe{padding:100px 0;}
.taskoit-subsribe h3{font-size:34px;}
}

@media screen and (max-width:1367px) {
.taskoit-subsribe{padding:90px 0;}
.taskoit-subsribe h3{font-size:32px;}
}

@media screen and (max-width:1281px){
.taskoit-subsribe{padding:80px 0;}
.taskoit-subsribe h3{font-size:30px;}
}                         
                    
                    
@media screen and (max-width:1171px){
.taskoit-subsribe h3{font-size:29px;}
}

@media screen and (max-width:992px){
.taskoit-subsribe h3{font-size:28px;}
}

@media screen and (max-width:768px){
.taskoit-subsribe{padding:60px 0;}
.taskoit-subsribe h3{font-size:26px;}
.taskoit-subsribe .box{width:100%;padding:30px 35px;}
.taskoit-subsribe input{font-size:15px;line-height:22px;padding:12px 160px 12px 15px;height:50px;}
.taskoit-subsribe button{width:120px;font-size:17px;}  
}

@media screen and (max-width:576px) {
.taskoit-subsribe h3{font-size:25px;}
.taskoit-subsribe p{margin:10px 0;font-size:15px;}
}



@media screen and (max-width:480px) {
.taskoit-subsribe{padding:40px 0;}
.taskoit-subsribe .box{padding:30px 15px;}
.taskoit-subsribe h3{font-size:24px;}  
.taskoit-subsribe button{width:80px;font-size:16px;}  
  
}	


@media screen and (max-width:420px) {
.taskoit-subsribe h3{font-size:22px;}  
.taskoit-subsribe p{font-size:14px;}
}                    
                    
                    

.brickit-features {padding:85px 0;position:relative;z-index: 2;}
.brickit-features .tit{text-align: center;    margin-bottom: 25px;}
.brickit-features .tit h3 {font-size: 40px;font-weight: 700;line-height: 1;color: #212121;}
.brickit-features .tit p {color: #888;margin: 10px 0 0;}
.brickit-features ul {display:flex;flex-wrap:wrap;margin:0 -15px;}
.brickit-features ul li {width:33.3333%;padding:0 15px;}
.brickit-features ul li .box {height:100%;background:#fff;border:1px solid #f4f4f4;box-shadow:0 0px 0px 0px rgba(0,0,0,0.03);padding:40px 13px 50px;text-align:center;position:relative;transition:0.5s;}
.brickit-features ul li .box:after {position:absolute;width:100%;height:2px;left:0;bottom:0;right:0;margin:auto;content:"";z-index:2;transition:all 0.4s ease-out;background:#fff;}
.brickit-features ul li .box:before {background:var(--color-primary);}
.brickit-features ul li .box:before {position:absolute;width:0;height:2px;left:0;bottom:0;right:0;margin:auto;content:"";z-index:3;transition:all 0.4s ease-out;}
.brickit-features ul li h3 {margin:12px 0 20px;font-size:22px;color:#0b2c3d;line-height:26px;font-weight:700;transition:0.5s;height:52px;overflow:hidden;}
.brickit-features ul li p {color:#5c727d;font-size:16px;line-height:28px;}
.brickit-features ul li:hover .box {box-shadow:5px 0px 32px 0px rgba(0,0,0,0.09);}
.brickit-features ul li:hover .box:before {width:100%;}
                           
                           
@media screen and (max-width:1441px) {                          
.brickit-features .tit h3 {font-size: 38px;}
}
 
@media screen and (max-width:1367px) {                          
.brickit-features .tit h3 {font-size: 36px;}
} 
 
@media screen and (max-width:1280px) {                          
.brickit-features {padding:60px 0;}       
.brickit-features .tit h3 {font-size: 34px;}
  
} 
                              
@media screen and (max-width: 1171px) {
 .brickit-features .tit h3 {font-size: 32px;}
}                              
                              

@media screen and (max-width:992px) {
.brickit-features {padding:30px 0;}       
.brickit-features ul li{width:50%;padding:10px;}
.brickit-features .tit h3 {font-size: 30px;}
  
}                     
 
@media screen and (max-width:768px) {
.brickit-features ul li .box{padding:30px 13px;}
.brickit-features ul li .box img{height:100px;}
.brickit-features ul li h3{margin:12px 0;font-size:20px;height: auto;}
.brickit-features ul li p{line-height:26px;}
.brickit-features .tit h3 {font-size: 28px;}  
}   
 
@media screen and (max-width:576px) { 
.brickit-features ul{margin:0;}
.brickit-features ul li{width:100%;padding:10px 0;} 
.brickit-features ul li .box img{height:70px;} 
.brickit-features ul li h3{margin:10px 0;font-size:18px;}
.brickit-features ul li p{line-height:24px;}
.brickit-features .tit h3 {font-size: 26px;}  
}         
 
@media screen and (max-width:480px) {  
.brickit-features ul li{padding:6px 0;}
.brickit-features ul li .box{padding:18px 13px;}
.brickit-features ul li p {line-height:22px;font-size:15px;}
.brickit-features ul li h3{margin:8px 0;font-size:16px;line-height:1;} 
.brickit-features .tit p {font-size: 15px;line-height: 20px;}  
.brickit-features .tit h3 {font-size: 24px;}
  
}
                     
@media screen and (max-width: 420px) {
.brickit-features .tit h3 {font-size: 22px;}
}