@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');

/* Meitec | SP Page Builder Default Preset | Started */

body,.sp-preloader{background-color:#fff;color:#252525}.sp-preloader>div{background:#cac7c4}.sp-preloader>div:after{background:#fff}#sp-top-bar{background:#333;color:#aaa}#sp-top-bar a{color:#aaaaaa}#sp-header{background:#FFFFFF}#sp-menu ul.social-icons a:hover,#sp-menu ul.social-icons a:focus{color:#1a213e}a{color:#1a213e}a:hover,a:focus,a:active{color:#1a213e}.tags>li{display:inline-block}.tags>li a{background:rgb(3, 69, 191);color:#1a213e}.tags>li a:hover{background:#1a213e}.article-social-share .social-share-icon ul li a{color:#252525}.article-social-share .social-share-icon ul li a:hover,.article-social-share .social-share-icon ul li a:focus{background:#1a213e}.pager>li a{border:1px solid #ededed;color:#252525}.sp-reading-progress-bar{background-color:#1a213e}.sp-megamenu-parent>li>a{color:#252525}.sp-megamenu-parent>li:hover>a{color:#1a213e}.sp-megamenu-parent>li.active>a,.sp-megamenu-parent>li.active:hover>a{color:#1a213e}.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner{background:#FFFFFF}.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a{color:#252525}.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover{color:#1a213e}.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a{color:#1a213e}.sp-megamenu-parent .sp-mega-group>li>a{color:#252525}#offcanvas-toggler>.fa{color:#252525}#offcanvas-toggler>.fa:hover,#offcanvas-toggler>.fa:focus,#offcanvas-toggler>.fa:active{color:#1a213e}#offcanvas-toggler>.fas{color:#252525}#offcanvas-toggler>.fas:hover,#offcanvas-toggler>.fas:focus,#offcanvas-toggler>.fas:active{color:#1a213e}#offcanvas-toggler>.far{color:#252525}#offcanvas-toggler>.far:hover,#offcanvas-toggler>.far:focus,#offcanvas-toggler>.far:active{color:#1a213e}.offcanvas-menu{background-color:#FFFFFF;color:#252525}.offcanvas-menu .offcanvas-inner a{color:#252525}.offcanvas-menu .offcanvas-inner a:hover,.offcanvas-menu .offcanvas-inner a:focus,.offcanvas-menu .offcanvas-inner a:active{color:#1a213e}.offcanvas-menu .offcanvas-inner ul.menu>li a,.offcanvas-menu .offcanvas-inner ul.menu>li span{color:#252525}.offcanvas-menu .offcanvas-inner ul.menu>li a:hover,.offcanvas-menu .offcanvas-inner ul.menu>li a:focus,.offcanvas-menu .offcanvas-inner ul.menu>li span:hover,.offcanvas-menu .offcanvas-inner ul.menu>li span:focus{color:#1a213e}.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>a>.menu-toggler,.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.menu-separator>.menu-toggler{color:rgb(37, 37, 37)}.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent .menu-toggler{color:rgb(37, 37, 37)}.offcanvas-menu .offcanvas-inner ul.menu>li li a{color:rgb(37, 37, 37)}.btn-primary,.sppb-btn-primary{border-color:#1a213e;background-color:#1a213e}.btn-primary:hover,.sppb-btn-primary:hover{border-color:#1a213e;background-color:#1a213e}ul.social-icons>li a:hover{color:#1a213e}.sp-page-title{background:transparent}.layout-boxed .body-innerwrapper{background:#FFFFFF}.sp-module .latestnews>div>a{color:#252525}.sp-module .latestnews>div>a:hover{color:#1a213e}.sp-module .tagscloud .tag-name:hover{background:#1a213e}.search .btn-toolbar button{background:#1a213e}#sp-bottom .sp-module-content .latestnews>li>a>span{color:#FFFFFF}.sp-comingsoon body{background-color:#1a213e}.pagination>li>a,.pagination>li>span{color:#252525}.pagination>li>a:hover,.pagination>li>a:focus,.pagination>li>span:hover,.pagination>li>span:focus{color:#252525}.pagination>.active>a,.pagination>.active>span{border-color:#1a213e;background-color:#1a213e}.pagination>.active>a:hover,.pagination>.active>a:focus,.pagination>.active>span:hover,.pagination>.active>span:focus{border-color:#1a213e;background-color:#1a213e}.error-code,.coming-soon-number{color:#1a213e}

/* Meitec | SP Page Builder Default Preset | Ends */

/* Meitec | Fancy Scroll Bar | Started */

::-webkit-scrollbar{ width: 6px; }
::-webkit-scrollbar-track { background: #1a213e;}
::-webkit-scrollbar-thumb { background: #2bb9d5;border-radius: 5px;}

/* Meitec | Fancy Scroll Bar | Ends */

/* Meitec | Fancy Cursor | Started */

.curser {position: fixed;top: 0;left: 0;width: 50px;height: 50px;border: 2px solid #1a213e;border-radius: 50%;pointer-events: none;transform: translate(-50%, -50%);z-index: 9999;transition: .1s;}
.curser2 {position: fixed;top: 0;left: 0;width: 10px;height: 10px;background: #1a213e;border-radius: 50%;pointer-events: none;transform: translate(-50%, -50%);z-index: 9999;transition: .15s;animation: Ripple 1.6s ease-in-out infinite;-webkit-animation: Ripple 1.6s ease-in-out infinite;-moz-animation: Ripple 1.6s ease-in-out infinite;}

/* Meitec | Fancy Cursor | Ends */

/* Meitec | Master Typography | Started */

/* Change autocomplete styles in WebKit */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {border-bottom: 1px solid #2bb9d5;-webkit-text-fill-color: #2bb9d5;-webkit-box-shadow: 0 0 0 1000px #0b1b39 inset;-moz-box-shadow: 0 0 0 1000px #0b1b39 inset;box-shadow: 0 0 0 1000px #0b1b39 inset;transition: background-color 5000s ease-in-out 0s;}

body, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6,ul,ol,li,.sppb-addon-content{font-family: 'Montserrat', sans-serif}
body {margin: 0;padding: 0;color: #1a213e;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;-moz-osx-font-smoothing: grayscale;}
p{margin-bottom:0;}
body,p,div{font-size:1rem;}
.com-sppagebuilder #sp-meitec-main-body {padding: 0;}
.txt-right{text-align:right;}
.txt-left{text-align:left;}
.txt-center{text-align:center;}
.txt-justify{text-align:justify;}
.txt-italic{font-style:italic;}
.relative{position:relative;}
.absolute {position: absolute;}
.float-right{float:right;}
.block{display:block;}
.remove-item h2{display:none;}
.overflow{overflow:hidden}
.dnone{display:none;}
.pl-0{padding-left:0px;}
.pl-10{padding-left:10px;}
.pl-20{padding-left:20px;}
.pl-25{padding-left:25px;}
.pl-30{padding-left:30px;}
.pl-40{padding-left:40px;}
.pl-50{padding-left:50px;}
.pl-60{padding-left:60px;}
.pr-0{padding-right:0px;}
.pr-10{padding-right:10px;}
.pr-20{padding-right:20px;}
.pr-30{padding-right:30px;}
.pr-40{padding-right:40px;}
.pr-50{padding-right:50px;}
.pr-60{padding-right:60px;}
.pt-0{padding-top:0px;}
.pt-10{padding-top:10px;}
.pt-20{padding-top:20px;}
.pt-30{padding-top:30px;}
.pt-40{padding-top:40px;}
.pt-50{padding-top:50px;}
.pt-60{padding-top:60px;}
.pb-0{padding-bottom:0px;}
.pb-10{padding-bottom:10px;}
.pb-20{padding-bottom:20px;}
.pb-30{padding-bottom:30px;}
.pb-40{padding-bottom:40px;}
.pb-50{padding-bottom:50px;}
.pb-60{padding-bottom:60px;}
.pall{padding:125px 0!important;}

.ml-10{margin-left:10px;}
.ml-20{margin-left:20px;}
.ml-30{margin-left:30px;}
.ml-40{margin-left:40px;}
.ml-50{margin-left:50px;}
.mr-10{margin-right:10px;}
.mr-20{margin-right:20px;}
.mr-30{margin-right:30px;}
.mr-40{margin-right:40px;}
.mr-50{margin-right:50px;}
.mt-10{margin-top:10px;}
.mt-20{margin-top:20px;}
.mt-30{margin-top:30px;}
.mt-40{margin-top:40px;}
.mt-50{margin-top:50px;}
.mb-10{margin-bottom:10px;}
.mb-15{margin-bottom:15px;}
.mb-20{margin-bottom:20px;}
.mb-30{margin-bottom:30px;}
.mb-40{margin-bottom:40px;}
.mb-50{margin-bottom:50px;}
.zindex-999{z-index:999;}

/* Meitec | Master Typography | Ends */

/* Meitec | Sections Padding - Margins - Background Colors - Settings | Started */

/* #sp-meitec-top-area{line-height: 51px;height: 52px;background-color: #1e2637;} Old version of Top Area*/
#sp-meitec-top-area{height: 2px;background-color: #1e2637;}
#sp-meitec-branding{padding:5px;}
#sp-meitec-main-body{}
#meitec-marketing-banner{}
#meitec-company-introduction{padding: 100px 0;margin: 0;}
#meitec-services{padding:90px 0 0;margin:0;}
#meitec-clients{padding:110px 0; margin:0;background-color: #f8f8f8;}
#meitec-statistics{padding: 50px 0;margin: 0;z-index:9!important;}
#meitec-contact-form{padding:60px 0 0;margin:0;}
#sp-meitec-rich-footer{padding:120px 0 0px; margin:0;background:#1a213e;margin-top:-125px;}
#sp-meitec-copryrights{padding: 25px 0;margin: 0;background-color: #1a213e;border-top: 1px solid #4d4d4d;}
#meitec-service{padding:0 0;margin:0 0 60px 0;border-bottom:1px solid #2bb9d5;}
#meitec-call-to-action{padding: 200px 0 100px;margin: 0px;background: #1a213e;margin-top:-145px;}
.meitec-call-to-action:before {content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;mix-blend-mode: hard-light;background-color: #1a213e;background-image: url(https://www.edesignerzzz.com/static/discount-background.png);background-repeat: no-repeat;background-position: center center;background-size: cover;}
#meitec-projects{padding:40px 0;margin:0;}
/*#meitec-about-us{padding:90px 0;margin:0;}*/

/* Meitec | Sections Padding - Margins - Background Colors - Settings | Started */

/* Meitec | Branding | Menu | Started */

.meitec-top-area{}
.meitec-top-area-wrap{}
.meitec-top-area-contacts{text-align:left;list-style: none;margin: 0;padding: 0;font-size: 13px;display: inline-block;position: relative;float: left;line-height: 52px;}
.meitec-top-area-right{text-align:right;}
.meitec-top-area-address{}
.meitec-top-area-sociallinks{display: inline-block;line-height: 52px;}
.meitec-top-area-btn{}
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {display: inline-block;padding: 0 15px;line-height: 70px;font-size: 14px;margin: 0;font-weight: 700;text-transform: uppercase;color:#2bb9d5;}
.sp-megamenu-parent>li.active>a {font-weight: 700;font-size: 16px;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a {color: #2bb9d5;}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner{padding: 10px 25px;background:#263059;transition: .5s;-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);-ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);-o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);border-top: 3px solid #2bb9d5;}
.sp-megamenu-parent .sp-dropdown-items li.sp-menu-item>a {color:#fff;border-bottom: 1px solid #2bb9d563;display:block;}
.sp-megamenu-parent .sp-dropdown-items li:last-child.sp-menu-item>a {border-bottom: 0px;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge){padding:12px 0;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover{color: #2bb9d5!important;;}
#sp-get-qoute{display: flex;align-items: center;justify-content: flex-end;}
.theme-btn {cursor: pointer;display: inline-block;transition: all 0.3s ease;-moz-transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.btn-style-one {position: relative;display: inline-block;font-size: 15px;line-height: 30px;color: #ffffff;padding: 7px 35px;font-weight: 500;overflow: hidden;border-radius: 3px;overflow: hidden;text-transform: capitalize;background-color: #2bb9d5;margin-top:7px;}
a.btn-style-one:active,a.btn-style-one:visited{color:#fff;}
.btn-style-one:before {position: absolute;content: '';left: 92%;top: 0;width: 100%;height: 100%;z-index: 1;opacity: 1;background-color: #132144;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;transform: skewX(-25deg);}
.btn-style-one .txt {position: relative;z-index: 1;}
.btn-style-one:hover::before{left:0%;-webkit-transform: scale(1, 1);transform: scale(1, 1);}
.btn-style-one:hover{color: #ffffff;border-color:#1a213e;}
#sp-call-us-now{display: flex;align-items: center;justify-content: flex-start;}
.header-action {display: flex;align-items: center;}
.header-link-1{display: flex;align-items: center;gap: 12px;}
.header-link-1 .icon {position: relative;height: 42px;width: 42px;border-radius: 50%;background: #1a213e;color: #fff;display: flex;justify-content: center;align-items: center;font-size: 20px;}
.header-link-1 .icon:before {content: "";position: absolute;top: -5px;left: -5px;height: 52px;width: 52px;border: 1px solid #1a213e;border-radius: 50%;display: flex;justify-content: center;align-items: center;}
.header-link-1 .content span {color: #1a213e;font-size: 14px;font-style: normal;font-weight: 600;line-height: 26px;}
.header-link-1 .content h6 a{color: #1a213e!important;font-size:18px;font-weight:700;}
.header-link-1:hover .content h6 a {color: #2bb9d5!important;}


/* Meitec | Branding | Menu | Ends */

/* Meitec | Company Introduction | Started */

.meitec-introduction-title:before, .meitec-introduction-title-sm:before {content: "";position: absolute;bottom: -20px;left: 0;width: 60px;height: 2px;background: #1a213e;}
.meitec-company-introduction {overflow: hidden;}
.meitec-company-introduction [class*=col-] {padding: 0;}
.meitec-introduction-content * {color: #fff;}
.meitec-introduction-content p {margin-bottom: 25px;}

@media (min-width: 992px) {
.meitec-introduction-wrap {position: relative;}
.meitec-introduction-wrap:after {content: "";position: absolute;top: 0;right: -86%;width: 100%;height: 100%;background: #fff;-webkit-transform: skewX(-16deg);transform: skewX(-16deg);}
}

.meitec-introduction-media {display: table;height: 500px;-webkit-transform: skewX(-16deg);transform: skewX(-16deg);position: relative;width: 95%;}
.meitec-introduction-media .meitec-introduction-img:before {position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: '';background: rgba(0, 0, 0, 0.5);}
.meitec-introduction-title{position: relative;margin-bottom: 35px;}
.meitec-introduction-title span {font-weight:700;}
.meitec-introduction-title:before {content: "";position: absolute;bottom: -10px;left: 0;width: 60px;height: 2px;background: #2bb9d5;}
.meitec-introduction-title small {display: block;font-size: 20px;font-weight: 400;}
.meitec-introduction-media .meitec-introduction-title {font-size: 44px;}
.meitec-introduction-media img {position: absolute;top: 0;left: 0;width: 110%;height: 100%;-webkit-transform: skewX(16deg);transform: skewX(16deg);background-size: cover;background-position: center;}
.meitec-introduction-media .meitec-introduction-content {display: table-cell;vertical-align: middle;-webkit-transform: skewX(16deg);transform: skewX(16deg);padding: 0 120px 0 135px;position: relative;z-index: 2;}
.meitec-introduction-media .meitec-introduction-content p {padding-right: 120px;}
.meitec-introduction-media:after {content: "";position: absolute;top: 0;left: -85px;width: 102%;height: 100%;background: rgba(0, 0, 0, 0.3);z-index: 1;}
@media (min-width: 1600px) {
  .meitec-introduction-media .meitec-introduction-content {padding: 0 120px 0 424px;}
}
@media (min-width: 992px) {
.meitec-introduction-media:before {-webkit-transform: skewX(16deg);transform: skewX(16deg);}
}

.meitec-introduction2-media {display: table;-webkit-transform: skewX(-16deg);transform: skewX(-16deg);left: -175px;width: 150%;position: absolute;top: 33px;padding-left: 115px;padding-right: 235px;padding-top: 10px;padding-bottom: 10px;height: 435px;background: #f7f7f7;margin-left: -35px;}
.meitec-introduction2-media img {position: absolute;top: -70px;right: 75px;-webkit-transform: skewX(16deg);transform: skewX(16deg);height: 505px;}
/* .meitec-introduction2-media:after {content: "";position: absolute;left: 0;top: 0;background: url("../../../../static/about-meitec-bg.png");background-size: cover;background-position: center;width: 100%;height: 100%;z-index: -1;} */
.meitec-introduction2-media .meitec-introduction-title {margin-bottom: 50px;color: #101010;}
.meitec-introduction2-media .meitec-introduction-title span {color: #101010;}
.meitec-introduction2-media .meitec-introduction-title:before {background: #101010;}
.meitec-introduction2-media .meitec-introduction-content {display: table-cell;vertical-align: middle;-webkit-transform: skewX(16deg);transform: skewX(16deg);width:500px;}
.meitec-introduction2-media .meitec-introduction-content ul li,.meitec-introduction2-media .meitec-introduction-content p {color: #666666;}
.meitec-introduction2-media .list-round {margin-top: 28px;}
.meitec-introduction2-media.bg-meitec {background-color: #1a213e;border: 1px solid #2bb9d5;}
.meitec-introduction2-media.bg-meitec .meitec-introduction-title {color: #fff;}
.meitec-introduction2-media.bg-meitec .meitec-introduction-title span {color: #fff;}
.meitec-introduction2-media.bg-meitec .meitec-introduction-title:before {background: #fff;}
.meitec-introduction2-media.bg-meitec .meitec-introduction-content ul li,
.meitec-introduction2-media.bg-meitec .meitec-introduction-content p {color: #fff;}
.meitec-unstyled {padding: 0;margin: 0;list-style: none;}
.meitec-list-round li {margin-bottom: 15px;}
.meitec-list-round li:before {content: "\f10c";font-family: "Font Awesome 6 Free";padding-right: 10px;}

/* Meitec | Company Introduction | Ends */

/* Meitec | Statistics | Started */

.meitec-statistics-wraper{position: relative;margin-bottom: 30px;border: 1px solid #2bb9d5;}
.meitec-statistics-details{position: relative;padding: 50px 50px;background-size: cover;background-image: url(../../../../static/projects-in-lebanon.jpg);}
.meitec-statistics-details2{position: relative;padding: 50px 50px;background-size: cover;background-image: url(../../../../static/projects-in-ksa.jpg);}
.meitec-statistics-details:before,.meitec-statistics-details2:before {position: absolute;content: '';left: 0;top: 0;right: 0;bottom: 0;background-color: rgba(20, 29, 59, 0.70);transition: all 500ms ease;-moz-transition: all 500ms ease;-webkit-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;}
.meitec-statistics{position: relative;color: #fff;font-size: 80px;font-weight: 700;line-height: 1em;}
.meitec-statistics h4{position: relative;color: #fff;font-weight: 600;line-height: 1.3em;margin-top: 12px;margin-bottom: 15px;}
.meitec-statistics-moredetails{    position: relative;color: #fff;font-size: 16px;line-height: 1.8em;}
.meitec-statistics-details:hover::before,.meitec-statistics-details2:hover::before {background-color: #2bb9d5b3;}


/* Meitec | Statistics | Ends */

/* Meitec | Services | Started */

.meitec-services{position: relative;margin-bottom: 40px;}
.meitec-services .meitec-title-header {margin-bottom: 30px;position: relative;padding-right: 80px;margin-bottom: 0;}
.meitec-services h5 {font-weight: 700;text-transform: capitalize;font-size: 16px;line-height: 23px;margin-bottom: 5px;margin-top: -5px;color: #2bb9d5;}
.meitec-services h2.title {font-size: 34px;line-height: 44px;margin-bottom: 0;font-weight: 700;}
.featured-imagebox .featured-thumbnail{position: relative;overflow: hidden;}
.featured-imagebox-team{position: relative;overflow: hidden;}
.featured-imagebox-team:hover .featured-thumbnail img{-webkit-transform: scale(1.05);-ms-transform: scale(1.05);-moz-transform: scale(1.05);transform: scale(1.05);}
.featured-imagebox-team.style1 .featured-content{text-align: center;position: relative;z-index: 2;margin: -25px 40px 5px;padding: 18px 0 22px;background-color: #fff;border-bottom: 5px solid transparent;-webkit-transition: .5s cubic-bezier(.3,.57,.55,1);transition: .5s cubic-bezier(.3,.57,.55,1);}
.featured-imagebox-team .social-icons{position: absolute;top: 0;left: -40px;right: auto;padding: 10px;margin-top: 0;opacity: 0;z-index: 9;background-color: #000;-webkit-transition: .5s all ease;-ms-transition: .5s all ease;-moz-transition: .5s all ease;-o-transition: .5s all ease;transition: .5s all ease;}
.featured-imagebox-team ul.social-icons li{display: block;}
.featured-imagebox-team ul.social-icons a {font-size: 14px;color: #fff;position: relative;}
.featured-imagebox-team:hover .social-icons{opacity: 1;left: 0;}
.featured-imagebox-team .featured-content p.category{ margin-bottom: 0; color: inherit; }
.featured-imagebox-team.style2 .ttm-box-view-overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%;content: '';text-align: center;opacity: 0;transition: opacity .5s;background: linear-gradient(to bottom,rgba(4,62,76,0) 0%,rgba(38,48,69,.9) 100%);transition-property: top,opacity;}
.featured-imagebox-team.style2:hover .ttm-box-view-overlay{opacity: 1;}
.featured-imagebox-team.style2 .featured-content{position: absolute;transition-duration: 0.5s;transform: translateY(130px);color: #fff;text-align: center;top: 0;left: 0;right: 0;}
.featured-imagebox-team.style2:hover .featured-content{top: 50px;}
.featured-imagebox-team.style2 .featured-title h5 a{color: #fff;}
.featured-imagebox-portfolio{position: relative;overflow: hidden;} 
.featured-imagebox-portfolio .featured-thumbnail{position: relative;-webkit-transition-timing-function: linear;transition-timing-function: linear;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-property: -webkit-transform,-webkit-box-shadow;transition-property: -webkit-transform,-webkit-box-shadow;transition-property: transform,box-shadow;transition-property: transform,box-shadow,-webkit-transform,-webkit-box-shadow;}
.featured-imagebox-portfolio.style1:hover .featured-thumbnail{-webkit-transform: translateY(-20px);-ms-transform: translateY(-20px);transform: translateY(-20px);}
.featured-imagebox-portfolio .ttm-box-view-overlay{position: absolute;top: 0;opacity: 0;z-index: 1;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s;transition: all 0.5s;width: 100%;height: 100%;background-color: rgba(255,255,255,.75);}
.featured-imagebox-portfolio:hover .ttm-box-view-overlay{ opacity: 1;}
.featured-imagebox-portfolio .ttm-media-link a{display: inline-block;font-size: 17px;position: absolute;top: 42%;right: 50%;margin-top: -17px;height: 45px;width: 45px;line-height: 45px;border: 1px solid #fff;border-radius: 0;text-align: center;margin-right: 3px;transform: translateX(-20px);-webkit-transition: .5s;transition: .5s;}
.featured-imagebox-portfolio .ttm-media-link a.ttm_link{transform: translateX(20px);-webkit-transition: 1s;margin-right: -51px;}
.featured-imagebox-portfolio:hover .ttm-media-link a{-webkit-transform: translate(0);transform: translate(0);}
.featured-imagebox-portfolio .ttm-media-link a:hover{background-color: transparent;}
.featured-imagebox-portfolio .featured-content{position: absolute;bottom: 0;width: 100%;max-height: 100%;overflow: hidden;padding: 15px;-webkit-transform: translateY(100%);-moz-transform: translateY(100%);-ms-transform: translateY(100%);-o-transform: translateY(100%);transform: translateY(100%);z-index: 2;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;text-align: center;}
.featured-imagebox-portfolio:hover .featured-content{-webkit-transform: translateY(0%);-moz-transform: translateY(0%);-ms-transform: translateY(0%);-o-transform: translateY(0%);transform: translateY(0%);}
.featured-imagebox-portfolio .category p{margin-bottom: 0;color: #fff;}
.featured-imagebox-portfolio.style2 .featured-thumbnail:before{position: absolute;content: '';background-color: rgba(255,255,255,.75);left: 0;top: 0;width: 100%;height: 100%;transition: .9s ease;z-index: 1;opacity: 0;}
.featured-imagebox-portfolio.style2:hover .featured-thumbnail:before{opacity: 1;}
.featured-imagebox-portfolio.style2 .featured-content{position: absolute;bottom: 30px;left: 30px;opacity: 0;width: 84%;z-index: 1;transform: translateY(100%);-webkit-transition: all 0.9s;-moz-transition: all 0.9s;-o-transition: all 0.9s;-ms-transition: all 0.9s;transition: all 0.9s;padding: 23px 25px 24px;text-align: left;}
.featured-imagebox-portfolio.style2:hover .featured-content{opacity: 1;transform: translateY(0);}
.featured-imagebox-portfolio.style2 .featured-content{background-color: #1a213e;}

/* Meitec | Services | Ends */

/* Meitec | Clients | Started */

.meitec-clients .meitec-clients-wrapper {display: grid;grid-template-columns: repeat(2, 1fr);-webkit-align-items: center;-moz-align-items: center;-ms-align-items: center;-ms-flex-align: center;/* align-iems: center; */grid-row-gap: 40px;}
.meitec-clients .meitec-clients-wrapper .meitec-clients-logo-wrapper {display: grid;grid-template-columns: repeat(3, 1fr);-webkit-align-items: center;-moz-align-items: center;-ms-align-items: center;-ms-flex-align: center;align-items: center;grid-gap: 25px;}
@media screen and (max-width: 991px) {.meitec-clients .meitec-clients-wrapper .meitec-clients-logo-wrapper {grid-gap: 20px;}
}
@media screen and (max-width: 479px) {
  .meitec-clients .meitec-clients-wrapper .meitec-clients-logo-wrapper {grid-template-columns: repeat(2, 1fr);}
}
.meitec-clients .meitec-clients-wrapper .meitec-clients-logo-wrapper .meitec-clients-logo {padding: 25px;background-color: #ffffff;-webkit-box-shadow: 0px 0px 13px -4px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 0px 13px -4px rgba(0, 0, 0, 0.1);-ms-box-shadow: 0px 0px 13px -4px rgba(0, 0, 0, 0.1);-o-box-shadow: 0px 0px 13px -4px rgba(0, 0, 0, 0.1);box-shadow: 0px 0px 13px -4px rgba(0, 0, 0, 0.1);}
.meitec-clients .meitec-clients-wrapper .meitec-clients-logo-wrapper .meitec-clients-logo img {filter: brightness(80%) contrast(100%) saturate(100%) blur(0px) hue-rotate(0deg);}
.meitec-clients .meitec-clients-wrapper .partner-content {margin-bottom: 0;margin-left: 70px;}
@media screen and (max-width: 991px) {
  .meitec-clients .meitec-clients-wrapper .partner-content {margin-left: 30px;}
}
@media screen and (max-width: 767px) {
  .meitec-clients {padding: 65px 0;}
  .meitec-clients .meitec-clients-wrapper {grid-template-columns: auto;}
  .meitec-clients .meitec-clients-wrapper .meitec-clients-logo-wrapper {order: 2;grid-gap: 25px;}
  .meitec-clients .meitec-clients-wrapper .partner-content {text-align: center;margin-left: 0;}
}
.meitec-clients-info-wrapper{line-height: 1;margin-bottom: 0;margin-left: 50px;}
.meitec-clients-info-subtitle{line-height: 1.1;padding-left: 32px;color: #082D53;margin-bottom: 15px;position: relative;z-index: 1;font-weight: 600;display: inline-block;}
.meitec-clients-info-subtitle:before {content: "";position: absolute;z-index: -1;height: 2px;width: 20px;background-color: #082D53;top: 50%;left: 0;-webkit-transform: translate(0, -50%);-moz-transform: translate(0, -50%);-ms-transform: translate(0, -50%);-o-transform: translate(0, -50%);transform: translate(0, -50%);}
.meitec-clients-info-title{margin: 0 0 20px;font-weight: 700;line-height: 1.1;font-size: 40px;margin-bottom: 20px;}
.meitec-clients-info-details{margin-top: 0;word-wrap: break-word;margin-bottom: 15px;line-height: 1.5;}

/* Meitec | Clients | Ends */

/* Meitec | Contact Form | Started */

.meitec-contact{ position: relative; }
.meitec-contact h5{font-weight: 700;text-transform: capitalize;font-size: 16px;line-height: 23px;margin-bottom: 5px;margin-top: -5px;color: #2bb9d5;}
.meitec-contact h2.title{font-size: 34px;line-height: 44px;margin-bottom: 0;font-weight: 700;    }
.meitec-contact h2.title span{font-style: italic;  font-weight: 700; letter-spacing: 1.2px;}
.meitec-contact .title-desc{font-weight: 400;font-size: 15px;line-height: 25px;margin-bottom: 15px;color: #6e6e6e;}
.meitec-contact .meitec-title-header{ margin-bottom: 30px;position: relative;}
.meitec-contact .meitec-title-header:before{width: 52px;bottom: -5px;height: 4px;left: 0;top: auto;position: absolute;content: '';border: 4px solid transparent;border-bottom: 0;}
.meitec-contact.text-center .meitec-title-header:before{left: 0;right: 0;text-align: center;margin: 0 auto;}
.meitec-contact.text-right .meitec-title-header:before{left: 0; margin-left: 0;}
.meitec-contact {margin-bottom: 40px;}
.meitec-contact .meitec-title-header{width: 52%;padding-right: 80px;margin-bottom: 0;}
.meitec-contact .meitec-title-header,.meitec-contact .title-desc{display: table-cell;vertical-align: middle;}
.meitec-contact .meitec-title-header:before{border-top-color: #2bb9d5 !important;}
.meitec-icon-box {position: relative;}
.meitec-icon-box .featured-icon, .meitec-icon-box, .featured-icon{-webkit-transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;-ms-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s;transition: all 0.5s ease-in-out 0s;}
.meitec-icon-box.left-icon .featured-icon, .meitec-icon-box.left-icon .featured-content {display: table-cell;vertical-align: middle;}
.meitec-icon-box.left-icon .featured-content {padding-left: 24px;}
.meitec-contact-icon{margin-bottom: 35px;display: inline-block;text-align: center;border: 1px solid transparent;position: relative;transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;box-sizing: content-box;position: relative;background-color: #1a213e;height: 56px;width: 56px;line-height: 60px;border-radius: 50%;margin-bottom: 0px;}
.meitec-icon-box .meitec-contact-icon i {font-size: 24px;color:#fff;}
.featured-title h5 {font-size: 19px;line-height: 26px;margin-bottom: 0px;}
.featured-title h5 a{color:#2bb9d5;}
.meitec-icon-box .featured-title h5 {margin-bottom: 5px;}
.featured-desc p {margin-bottom: 0;}
.separator .sep-line {height: 1px;border-top: 1px solid #ebebeb;display: block;position: relative;width: 100%;margin:25px 0;}
textarea.form-control, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], select 
{font-family: inherit;-webkit-transition: border linear .2s, box-shadow linear .2s;-moz-transition: border linear .2s, box-shadow linear .2s;-o-transition: border linear .2s, box-shadow linear .2s;transition: border linear .2s, box-shadow linear .2s;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;vertical-align: middle;width: 100%;color: #8093a8;padding: 10px 15px;font-weight: 400;text-transform: inherit;border: 1px solid rgba(0, 43, 92, 0.08);font-size: 15px;outline: none;line-height: inherit;letter-spacing: 0px;background:white;}

/* Meitec | Contact Form | Ends */

/* Meitec | Rich Footer | Started */

.meitec-about-company p{color:#fff;font-size: 16px;line-height: 28px;margin-bottom: 15px;font-weight: 400;}
.meitec-logo-white{width: 180px;display: inline-block;margin-bottom: 30px;}
.meitec-logo-white img {width: 100%;}
.meitec-about-company h3 {font-size: 28px;color: #fff;position: relative;z-index: 1;padding-bottom: 20px;margin-bottom: 40px;line-height: 1;}
.meitec-about-company h3:after {position: absolute;left: 0;bottom: 0;width: 25%;height: 4px;content: "";background-color: #2bb9d5;}
.meitec-about-company p{color:#fff;font-size: 16px;line-height: 28px;margin-bottom: 15px;font-weight: 400;}
.meitec-about-company p label{cursor: pointer;font-size: 16px;    display: block;color: #fff;font-weight: 700;margin-bottom: 0px;}
.meitec-about-company p a{color:#fff;}
.meitec-about-company ul {margin: 0px;padding: 0px;}
.meitec-about-company ul li{list-style: none;display: block;}
.meitec-about-company ul li:not(:last-child) {margin-bottom: 10px;}
.meitec-about-company ul li a{color: #fff;font-size: 16px;font-weight: 500;}
.meitec-about-company-title{font-size: 22px;color: #fff;margin-top: 0px;font-weight: 700;text-transform: capitalize;margin-bottom: 15px;line-height: 1.3;}
.meitec-about-company-links a {display: inline-block;color: #fff;font-size: 18px;margin-right: 5px;width: 45px;height: 45px;background-color: #fff;text-align: center;border-radius: 3px;color: #1a213e;line-height: 45px;}

.meitec-copryrights span{margin-bottom: 0;color: #fff;font-size: 16px;}
.meitec-copryrights span a {color:#2bb9d5;}
#sp-contact ul li a{color:#fff;padding:0 15px;}
#sp-contact .navbar{padding:0;float:right;}

/* Meitec | Rich Footer | Ends */

/* Meitec | Services | Started */

.meitec-service-title{font-weight: 700;font-size: 64px;line-height: 64px;letter-spacing: 0px;color:#fff}
.meitec-service-details {font-size: 17px;line-height: 1.55;color:#fff;text-align:justify;}
.meitec-service-subtitle{font-weight: 700;font-size:26px;letter-spacing: 0px;margin-bottom:15px;color:#fff}
ul.txt-white li{color:#fff;}

/* Meitec | Services | Ends */

/* Meitec | Projects | Started */

.meitec-projects-wrapper{line-height: 1;margin-bottom: 0;}
.meitec-projects-subtitle{line-height: 1.1;padding-left: 32px;color: #082D53;margin-bottom: 15px;position: relative;z-index: 1;font-weight: 600;display: inline-block;}
.meitec-projects-subtitle:before {content: "";position: absolute;z-index: -1;height: 2px;width: 20px;background-color: #082D53;top: 50%;left: 0;-webkit-transform: translate(0, -50%);-moz-transform: translate(0, -50%);-ms-transform: translate(0, -50%);-o-transform: translate(0, -50%);transform: translate(0, -50%);}
.meitec-projects-title{margin: 0 0 20px;font-weight: 700;line-height: 1.1;font-size: 40px;margin-bottom: 20px;}
.meitec-projects-details{margin-top: 0;word-wrap: break-word;margin-bottom: 15px;line-height: 1.5;}

/* Meitec | Projects | Ends */

.meitec-about-us-content{padding:400px 20px 125px 40px;}
.meitec-about-us-content p{font-size: 17px;line-height: 1.35;color: #777f8c;text-align: justify;margin-bottom:1rem;}
.meitec-about-us-content h3{font-size:36px;color:#263059;font-weight:700;}
.meitec-about-us-content-sub{padding:250px 20px 0 40px;}
.meitec-about-us-content-sub p{font-size: 17px;line-height: 1.35;color: #fff;text-align: justify;margin-bottom:2rem;}

/* Meitec | Responsive Rules | Started */

@media only screen and (max-width: 575px){ 

    #meitec-company-introduction{padding: 25px 0;margin: 0;}
    #meitec-services{padding:45px 0 0;margin:0;}
    #meitec-clients{padding:30px 0 50px; margin:0;background-color: #f8f8f8;}
    #meitec-statistics{padding: 50px 0 20px;margin: 0;z-index:9!important;}
    #meitec-contact-form{padding:30px 0 0;margin:0;}
    #sp-meitec-rich-footer{padding:30px 0 0px; margin:0;background:#1a213e;margin-top:0px;}
    #sp-meitec-copryrights{padding: 12px 0;margin: 0;background-color: #1a213e;border-top: 1px solid #4d4d4d;}
    #meitec-service{padding:0 0;margin:0 0 60px 0;border-bottom:1px solid #2bb9d5;}
    #meitec-call-to-action{padding: 200px 0 100px;margin: 0px;background: #1a213e;margin-top:-145px;}
    .meitec-call-to-action:before {content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;mix-blend-mode: hard-light;background-color: #1a213e;background-image: url(https://www.edesignerzzz.com/static/discount-background.png);background-repeat: no-repeat;background-position: center center;background-size: cover;}
    #meitec-projects{padding:40px 0;margin:0;}
    .sp-get-qoute,.sp-call-us-now{margin-top:30px;}
    .meitec-service-title {font-size: 42px;line-height: 42px;}
    .meitec-clients-info-wrapper {margin-left: 10px;margin-top: 20px;}
    .meitec-services {margin-bottom: 35px;}
    .meitec-services .meitec-title-header {padding-right: 0;}
    .mpl-0{padding-left:0;}
    .mmb-0{margin-bottom:0;}
    .mdnone{display:none;}
    .mdblock{display:block;}
    .meitec-introduction-content{background-color: #1a213e;border: 1px solid #2bb9d5;padding:25px 15px;color:#fff;margin-bottom:25px;text-align:justify;}
    .btn-style-one:before{content:none;}
    .meitec-projects-title {line-height: 1.3;font-size: 28px;}
    .sppb-addon-table-main td {padding: 5px;}
    #sppb-addon-37487e59-25f5-4d01-a912-898ef5885627 .sppb-addon-table-main.bt tbody td:before, #sppb-addon-37487e59-25f5-4d01-a912-898ef5885627 .sppb-addon-table-main.bt tbody td:before, #sppb-addon-37487e59-25f5-4d01-a912-898ef5885627 .sppb-addon-table-main th {color: rgb(43, 185, 213);background: rgb(26, 33, 62);padding: 10px;margin-bottom: 15px;}

}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 479px) {}
.offcanvas-menu .offcanvas-inner ul.menu>li>ul li a {font-size: 17px;padding: 25px 0px;line-height: 35px;}

/* Meitec | Responsive Rules | Ends */