:root {
  --primary: #2e3192;
  --secondary: #00aeef;
  --white: #fff;
  --primary-hover: #00aeef;
  --primary-dark: #101840;
  --title: #212529;
  --quote: url(../images/quote-1.html); }



 .header-links li>i {
    margin-right: 6px;
    color: var(--secondary) !important;
}

.bg-light{background: var(--bs-light);}
.bg-primary{background: var(--primary)  !important;}
.bg-primary-dark{background: var(--primary-dark)  !important;}
.text-secondary{color: var(--secondary) !important;}

.box-title {
    font-size: 16px !important;;
    line-height: 21px !important;
    font-weight: 600;
    margin-top: -0.24em;
}

.service-block:hover .box-content {
    background-color: var(--secondary) !important  ;
}

.service-block .box-icon{overflow: hidden;}
.service-block .box-icon img{width: 40px;}

.title-area1 .sub-title2{color: var(--secondary) !important;}
.sub-title2{color: var(--theme-color) !important;}

.hero-style5{padding: 300px 0 !important;}
.header-layout5 .menu-wrap:before, .header-layout5 .menu-wrap:after{top: -2px!important;height: calc(100% + 2px)!important;}
.sub-title3{color: var(--secondary);}

.title-area .sec-title {
   font-size: 33px;
}
.service-block:after, .service-block:before{display: none ;}
.why-feature:after{display: none;}


.why-feature {
    border-radius: 24px;
    padding: 24px;
    position: relative;
    z-index: 2;
    margin-bottom: 24px;
    background-color: var(--white) !important;
    box-shadow: 0 0 10px #0d6efd !important;
}

.counter-card-wrap .divider {
    width: 1px;
    height: 122px !important;
    background-color: var(--th-border-color);
}
.header-layout5 .sticky-wrapper.sticky .header-button{margin-top: 4px;}
.layer{position: relative; z-index: 0;}
.layer:before{content: ''; background: #00011c; width: 100%;height: 100%; position: absolute; left: 0;top: 0;opacity: 0.8;z-index: -1;}
.brand-card{border: 2px solid #ddd;}
.breadcumb-wrapper{margin: 0 20px !important;}
.mygallery {overflow: hidden; border: 0px dashed var(--primary); box-shadow: 0 0 10px var(--secondary);
    height: 300px !important;
    width: 100%;
    margin: 20px; }
.mygallery img{min-height: 300px !important;transition: 2s;
    width: 100%;}

.zoom img:hover{transform: scale(1.1); transition: 2s;}

.project {border: 2px solid #ddd; padding: 10px; text-align: center; background: #000; height: 100%;}
.project h5{ font-size: 21px;margin-top: 12px; line-height: 21px; }
.project p{ font-size: px;  line-height: 14px;}
.project .zoom{overflow: hidden;}

.project-left{height: 60px;overflow: hidden;display: block;}
/*.main-menu a.active{border-bottom:5px solid var(--secondary); margin-bottom: 5px;}*/
.main-menu>ul>li>a.active:before {
    content: '';
    height: 3px;
    width: 100%;
    background-color: var(--secondary);
    position: absolute;
    bottom: 0;
    right: 0;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}
.hightech-link a:hover{background-color:var(--secondary); }
.hightech-link a:hover i{color: var(--white) !important;}
.short-link a:hover,
.contact-link a:hover{color: var(--secondary) !important;}
.short-link a:hover i,
.contact-link a:hover i{color: var(--white) !important;}
.line{width: 10%; height: 3px; margin: 10px auto; background: var(--primary);display: block;}
.why-img2 {vertical-align: top !important;}
.service-block11{ padding: 10px !important; background: #000000;}
.service-block11 .box-img{border-radius: 0 !important;}
.service-block11 .box-img img{height: 400px !important; padding-bottom:20px !important;}



@media (min-width: 1299px) {
    .header-layout5 .menu-wrap{margin: 1px 100px  !important;}

}
@media (max-width: 1299px) {
    
.menu-wrap {
    margin: 17px 85px !important;
}
}

@media (max-width: 991px){
.header-logo, .header-button {
    margin-top: 0px !important;
}

}