@media only screen and (min-width: 1200px) {
.zpcontainer {
    width: 95% !important;
    max-width: 1350px;
}
    
    .img_h .zpicon-container  {
    	align-items: start !important;
    }
    
    .img_h .zpicon-container span.zpicon.zpicon-common {
        padding-top: 11px;
        padding-right: 30px;
    }
    
    .bttt a {
    	border-bottom: 1px solid !important;
    	padding-bottom: 0 !important;
    }
 
/*Tech Column*/
    .techRow{
        justify-content: space-between !important;
    }
.techRow .techColumn {
    width: 24.9%;
}

}

body{
    background:#FAFDFF;
}
.zpheader-style-01 {
     box-shadow:unset; 
    border-bottom:1px solid #C9DDFF;
}
.zpheader-style-01.theme-header-fixed {
    box-shadow: none !important;
    border-bottom:unset;
}
.theme-header {
     background: transparent !important; 
}
/*Home Page*/
[data-element-id="elm_g_4Y8IHhScxaxYjxLmfQTw"].zpelem-iconheading h4.zpicon-heading {
    text-align: left;
}

/*Tech section*/
.techRow .techColumn {
    background:#003DA5 !important;
    height:280px;
    transition:all 0.3s;
        margin-top:2px !important;
}
    .techRow .techColumn img{
    filter: grayscale(100%) invert(1) brightness(1000%) contrast(100%);
}
.techRow .techColumn:hover {
    background:#FAFDFF !important;
}
    .techRow .techColumn:hover img{
    filter: unset;
}
.featuredProjects{
    background-color: #003DA5;
}
.featuredProjects h2:nth-child(1) span, .featuredProjects .zpbutton-container.zpbutton-align-center:nth-child(1){
    background-color: #003DA5 !important;
    padding: 8px !important;
}

.sec_bg_color{
    background-color: #003DA5;
    background-size: contain;
}

.row_box .zpelem-box {
	height: 300px;
}

/*Image Hover zoom*/
.imgHover img{
    transition:all 0.4s;
}
.imgHover:hover img{
    transform:scale(1.05) !important;
}
/*Footer*/
.theme-footer-area .zpsocialprofile-container{
    flex-direction: column !important;
}
.footerBox  .zpbox-container {
    background-color: unset !important;
    backdrop-filter: blur(50px);
    border-radius:3px;
}

/*Tab REsponsive*/
@media only screen and (max-width: 991px) {
/*Tech Column*/
    .techRow{
        justify-content: space-between !important;
    }
.techRow .techColumn {
    height:230px;
    width: 49.8% ;
}
}