/* ===================== Font used ==================*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap');
body, html{margin: 0px;padding: 0px;font-size:16px;color:#2a3548;/*font-family: 'Montserrat', sans-serif;*/    font-family: 'Outfit', sans-serif;}
* {margin: 0;padding: 0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; outline:none;}
aside, details, figcaption, figure, ins, summary, mark, title, video, footer, header, hgroup, nav, section, article{display: block;}
.clear {padding: 0;margin: 0;line-height: 0;height: 0;font-size: 0;clear: both;width: 100%;display: block;}
h1, h2, h3, h4, h5, h6 {padding: 0;margin: 0;}
html, body {padding: 0;margin: 0;height:100%;}
body * {box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
ul, ul li {list-style: none;padding: 0;margin: 0;}
input, button {outline: none;border: none;box-shadow:none;}
a, a:hover, a:focus {text-decoration: none;outline: none;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;}
a:active, a:hover {outline: 0;}
button {transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;outline:none;border:none;outline:none;}
:focus {outline: none;border:none;}
button:focus{outline:none;}
img {border: none;}
p{margin:0;padding:0;}
figure{margin:0;}




/* ===================== Placeholder ==================*/
input::placeholder{opacity:1;}
input::-webkit-input-placeholder {opacity:1;}
input::-moz-placeholder {opacity:1;}
input:-ms-input-placeholder {opacity:1;}
input:-moz-placeholder {opacity:1;}

/* ===================== Header ==================*/
/*********Top Bar*************/
.page-header {position: relative;top: 0;right: 0;left: 0;padding:10px 0;z-index: 1;}
.online{ float:right;}
.online a{background:#fe0000; font-size:16px; text-transform:uppercase; color:#fff;padding:8px 20px; border-radius:5px; display:inline-block; font-weight:500; margin-top:14px;}
.online a:hover{ background:#000;}
.page-header.is-sticky {position: fixed;box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);padding: 8px 0;
backdrop-filter: blur(10px);animation: slideDown 0.35s ease-out;width: 100%;background: #fff;z-index: 10;  }
.page-header.is-sticky img {max-width: 80%;}
.page-header.is-sticky button {font-size: 14px;padding: 7px 10px;}
 @keyframes slideDown {
	from {
	  transform: translateY(-100%);
	}
	to {
	  transform: translateY(0);
	}
  }
  .page-header.is-sticky .siteMenus li a{color: #000;}
  .page-header.is-sticky .siteMenus li a.active{color: #0e59f2;}
  .logo img{width:225px;}
  .enquiryBtn a {display: inline-block;background: #ff273c;color: #fff;border-radius: 25px;padding: 5px 25px;}
/*********Navigation*************/
nav{background:#8ec549;float:left;width:100%;position:relative;}

.becomeBtn{display: flex;}
.becomeBtn li{margin-left: 10px;}
.becomeBtn li a{ display: inline-block; padding:13px 30px;font-size: 16px; font-weight:600; border-radius:25px; color: #fff; background:#ff7d08;}
.becomeBtn li a:hover{background: #000;}
.topSlider{background-image: url('../images/banner-bg.jpg');background-repeat: no-repeat;background-position: center center;
	background-size: cover;}
.sliderOverlay{background:rgba(2, 45, 98, 0.3); position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex;align-items: center; justify-content: center;}
.topSlider h1{font-size:50px; color: #fff; font-weight:500; margin-bottom: 20px;}
.topSlider p{color: #fff;font-size: 20px; font-weight:400;}
.topSlider a{padding:18px 40px; display: inline-block;margin-top: 20px; font-size: 16px; font-weight: 500; border-radius:50px; color: #fff; background:#2948ff;}
.topSlider .owl-carousel{z-index: 0;}
.procees{padding: 70px 0 0;position: relative;}
.procees::before {background-color: #183157;height: 220px;content: "";position: absolute;width: 49%;z-index: -1;bottom: 0;right: 0;}
.prTitle{text-align: center; margin-bottom: 40px;}
.prTitle h2{font-size:48px; font-weight:500; color: #000;}
.prTitle span{font-size: 16px; font-weight: 600; color: #0E5AF2; text-transform: uppercase;}

.aboutUs{clear:both; padding:70px 0;}
.aboutUs span:before{height:1px;width:50px;content:"";background:#628474;display:inline-block;vertical-align:middle;margin-right:15px;}
.aboutUs span{font-size:16px;color:#628474; margin-bottom:15px;font-weight:600;text-transform:uppercase; margin-bottom:20px; display:block;}
.aboutUs h1{font-size:45px;color:#1b1b1b; margin-bottom:20px;font-weight:600;}
.aboutUs h1 i{display:block; font-weight:400; font-style:normal;}
.aboutUs p{color:#444; margin-bottom:15px; line-height:26px; font-size:17px;}
.aboutUs img{border-radius: 25px;}
.sTitle figure{position: relative; height: 100%; overflow: hidden; }
.sTitle figure img{object-fit: cover; height: 100%; transition: all 0.5s;}
.sTitle figure figcaption{position: absolute;transition: all 0.5s; bottom: 0; left: 0;width: 100%; font-size: 25px; color: #fff; padding: 25px;font-family: 'Jost', sans-serif;}
.sTitle figure:hover figcaption{background: #fff; color: #000;}
.sTitle figure:hover img{transform: scale(1.2,1.2);}

.section-bg {background-color: #f3f5fa;}

.services{padding: 70px 0;}
.sBox{padding: 40px;background-color: #fff;box-shadow: 0px 16px 47px rgba(78, 111, 178, 0.07);border-radius: 25px;position: relative;transition: all ease 0.4s;overflow: hidden;margin: 0 0 30px 0;}
.sBox figure {display: inline-block;width:100px;height: 100px;line-height: 100px;text-align: center;background-color:#EFF1F5;border-radius: 50%;margin: 0 0 28px 0;}	
.sBox figure img{width:55px;}
.sBox h3{font-size: 20px;font-weight: 600; margin-bottom: 10px;}
.sBox p{font-size: 16px;font-weight: 400; margin-bottom: 10px;}
.sBox a{font-size: 16px;font-weight: 500;display: inline-block;font-size: 14px;font-weight: 600;background: #0E5AF2;border-radius: 5px; padding: 7px 20px; color: #fff; margin-top: 15px;}
.sBox:hover{background: #040273;}
.sBox:hover p, .sBox:hover h3{color: #fff;}
.sBox:hover a{background: #fff; color: #000;}
.sBox:hover figure{background: #fff;}

.industries{background-image: url('../images/indusBg.jpg');background-repeat: no-repeat;background-position: center center;
	background-size: cover; padding: 70px 0;}
.indusTitle h3	{font-size: 48px;line-height: 58px;font-weight: 500;margin-bottom:12px;}
.indusTitle p	{font-size: 16px;line-height: 25px;font-weight: 400;margin-bottom: 32px;}
.soluBox{background: #fff;border-radius: 5px; padding:35px; box-shadow: 0px 16px 47px rgba(78, 111, 178, 0.07); min-height: 400px;}
.soluBox figure{ margin-bottom: 20px; width: 100px; height: 100px; border-radius: 50%; background: #040273; line-height: 100px !important; text-align: center;}
.soluBox img{filter: brightness(0) invert(1);width:60px !important; height:60px; display: inline-block !important;}
.industries .item{padding: 20px;}
.soluBox h4{margin-bottom: 10px;font-size: 24px;line-height: 34px;}
.soluBox p{margin-bottom: 20px;}
.soluBox a{font-size: 16px;font-weight: 500;line-height: 20px;margin-top: 15px; display: flex;align-items: center;}
.soluBox a i{margin-left: 10px;}

.whyChoose{padding:0px; position: relative; min-height:600px;}
.bgImage {min-height: 600px;}
.bgImage::before{background-image: url('../images/slider_1.JPG'); background-repeat: no-repeat;background-position: center center;
	background-size: cover; content: "";width:48%;height:100%;position: absolute;right: 0;}

.companyStrengh{padding: 0;}	
.bgImage2 {height: 100%;}
.bgImage2::before{background-image: url('../images/col-bgimage-1.jpg'); background-repeat: no-repeat;background-position: center center;
		background-size: cover; content: "";width:80%;height:100%;position: absolute;left: 0;z-index: -1;}

.whyTitle span{font-size: 16px;font-weight: 600;color: #0E5AF2;text-transform: uppercase; margin-bottom: 20px;}
.whyTitle h4{font-weight: 400;font-size: 34px;color: #37517e; margin-bottom: 15px;}
.whyTitle p{margin-bottom: 20px;}
.whyTitle ul{padding: 0;}
.whyTitle ul li{margin-bottom: 15px;}
.whyTitle ul li i{margin-right: 10px;}
.cand{position: relative;}
.cand::before{background: url('../images/shape.png') no-repeat; content: ""; position: absolute; width:100%; height:650px;z-index: -1;top: 0;}
.right-shape {position: absolute;top: 0;right: 0;}


.companyStrengh{position: relative;}
.strenghTitle{padding:150px 50px; margin-top: 70px;}
.strenghTitle:after{background: #040273; padding: 50px; position: absolute;content: ""; right: 0; bottom: 0; height: 100%;width: 50%;z-index: -1; top: 70px;}
.strenghTitle span{font-size: 16px;font-weight: 600;color: #ff7d08;text-transform: uppercase; margin-bottom: 20px;}
.strenghTitle h4{margin-bottom: 10px;font-size: 48px;line-height: normal; color: #fff;}
.strenghTitle p{margin-bottom: 20px; color: #fff;}
.strenghTitle ul{padding: 0;}
.strenghTitle ul li{margin-bottom: 15px; color: #fff; font-size: 20px;}
.strenghTitle ul li i{margin-right: 10px;}
.getInTouch{background-image: url('../images/image.jpg'); background-repeat: no-repeat;background-position: center center;
	background-size: cover; padding:120px 0;}
.getInTouch p{font-size: 16px; text-transform: uppercase; font-weight: 500;color: #fff; margin-bottom: 20px;}
.getInTouch h5{font-size: 48px;  font-weight: 500;color: #fff;}
.getInTouch button{padding: 18px 40px;display: inline-block;margin-top: 20px;font-size: 16px;font-weight: 500;border-radius: 50px;color: #fff;
background: #2948ff;}

.blogSection{padding:150px 0 100px;}
.blogBox{padding: 15px;box-shadow: 0 0px 15px rgba(103, 103, 103, 0.15);border-radius:20px;}
.blogBox figure{margin-bottom: 15px; border-radius: 20px;}
.blogBox figure img{border-radius: 20px;}
.blogBox .date{color:#2948ff;font-size: 16px; font-weight: 500; margin-bottom: 15px;}
.blogBox h5{font-size: 25px; font-weight: 500; margin-bottom: 10px;}
.blogBox p{margin-bottom: 20px;}
.blogBox a{display: flex;align-items: center; display: inline-block;}
.blogBox a i{margin-left: 10px;}

.portfolio{padding: 70px 0;}
.portCnt{ transition: all 0.5s; margin: -25% 10% 0% 10%;position: relative; z-index: 1; text-align: center; background-color: #FFFFFF;padding: 35px 35px 35px 35px; box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.07);border-style: none;border-radius: 15px;}
.portCnt h4{margin-bottom: 10px;}
.portCnt p{margin-bottom: 15px;}
.portCnt:hover{background:#001845;transform: translateY(-8px);}
.portCnt:hover h4, .portCnt:hover p, .portCnt:hover a{color: #fff;}
.portCnt a{color:#2948ff; display: inline-block;}
.proTitle{text-align: center; margin-bottom:40px;}
.proTitle span{font-size: 16px;font-weight: 600;color: #0E5AF2;text-transform: uppercase;margin-bottom: 20px;}
.proTitle h2{margin-bottom: 10px;font-size: 48px;line-height: normal;}
.portfolio img{border-radius: 20px;}
/* == start Footer == */
footer{background:#100E2A;clear:both;padding:50px 0; font-size: 14px;}
.footerTop{width:100%;}
.linksBtm li, .footerBtm li{float:left;padding:7px 0;}
.linksBtm li + li, .footerBtm li + li{margin-left:25px;}
.linksBtm li a, .footerBtm li a{color:#cdcaca;text-transform:uppercase;}
.linksBtm li a:hover,.linksBtm li a:hover, .footerBtm li :hover, .footerBtm li a:focus,.footerMid li a:hover,.footerMid li a:focus{color:#fff;}
.socialLinks{float:right;}
.socialLinks li{float:left;text-align:center;}
.socialLinks li + li{margin-left:20px;}
.socialLinks li a{border:1px solid #f1f1f1;width:38px;height:38px;display:table;border-radius:100%;color:#ccc9c9;font-size:20px;}
.socialLinks li i{display:table-cell;vertical-align:middle;}
.socialLinks li a:hover,.socialLinks li a:focus{border-color:#fff;color:#fff;}
footer h3{font-size:18px;color:#e6e4e4;margin-bottom:15px;font-weight:600;}
.footerMid li{padding:3px 0;}
.footerMid{border-top:1px solid #4b4a4a;border-bottom:1px solid #4b4a4a;overflow:hidden;padding:30px 0;margin:25px 0;}
.footerMid li a{font-size:16px;color:#fff;font-weight: 300; }
.footerMid li a i{padding-right: 10px;transition: all 0.5s;}
.footerMid li a:hover i{padding-right: 20px;}
.footerMid li a:hover {color:#0E5AF2;}
.copyRight {clear:both;font-size:14px;color:#cdcaca;font-weight:400;}
footer p {clear:both;font-size:12px;color:#cdcaca;font-weight:300;margin-top:20px;}
footer p span,.copyRight span{color:#00bdf0;}
.ourservices li {padding: 0 8px 10px 0;}
.Contact-info .fas{font-size:16px; color: #34b8ff; position: absolute; top:7px; left: 0;}

.Contact-info li {position: relative;padding-left: 34px;}
.Contact-info li:not(:first-child) {margin-top: 25px;}

.fixContect{position:fixed; bottom:50px; left:0; z-index:99;}
.fixContect img{width:280px;}
a.connectBtn{height: 43px;line-height: 43px;padding: 0px 23px;background: #efa338;border-radius: 5px;color: #fff;font-size: 14px;font-weight: 500;text-transform: uppercase;display: inline-block;
margin-top: 20px;}
.newsletter p{color: #fff; font-size: 15px;}
.newsletter p.warn{color: #9b9fa1; font-size: 12px;}
.newsInput{position: relative; margin:30px 0 8px;}
.newsInput input{background: #fff;width: 100%; height:50px;border-radius:2px;border: 1px solid #dddddd;font-size: 12px; padding: 0 15px;}
.newsInput button{background: #0E5AF2; height: 50px;line-height: 50px; padding: 0 20px;border-radius:0 2px 2px 0px; color: #fff;font-size: 15px;font-weight: 500; position: absolute;right: 0;top: 0;}
.certi {display: flex; gap: 15px;}
.certi {display: flex;}


/* ====================== ABout Us Page =======================*/

.inHeader{position: relative;text-align: center;overflow: hidden;padding:150px 0px 150px;background-color: #000f3b;}
.inHeader .pattern-layer-one {opacity: 0.2; position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;background-repeat: no-repeat;background-size: cover;}
.inHeader h1{color: #fff; font-size:35px; font-weight: 600; margin-bottom:15px;}
.inHeader .breadcrumb{text-align: center; margin: 0 auto; display: inline-block;}
.inHeader .breadcrumb li{display: inline-block;}
.inHeader .breadcrumb li a, .inHeader .breadcrumb li{font-size: 14px; color: #fff; text-transform: uppercase; font-weight: 500;}
.inHeader .breadcrumb > li + li::before {padding: 0 10px;color: #ccc;content: "/\00a0";}

.aboutUs{padding:70px 0; position: relative;}
.aboutUs img{border-radius: 10px;}
.expData{display: flex; margin-top: 25px;}
.expData figure img{width: 50px; margin-right: 20px;filter: invert(46%) sepia(88%) saturate(1444%) hue-rotate(159deg) brightness(92%) contrast(102%);}
.expData h4{font-size: 20px; font-weight: 600; margin: 0;}

.tabs-wrapper{background-color: #eff7f8; padding: 70px 0;}
.tabs-block{background: rgb(4,25,148);background: linear-gradient(127deg, rgba(4,25,148,1) 0%, rgba(4,102,217,1) 100%);border-radius: 50px; padding: 50px;}
.entry-content h2{margin-bottom: 20px; color: #fff;}
.entry-content p{margin-bottom:20px;color: #fff;}
/* .entry-content figure {display: inline-block;width: 100px;height: 100px;line-height: 100px;text-align: center;
background-color: #EFF1F5;border-radius: 50%;margin: 0 0 28px 0;} */
.entry-content figure{width: 100%; margin-bottom: 25px;}
.entry-content figure img {height:300px; object-fit: cover; width: 100%;border-radius: 25px 25px 0 0;}
.tabs {display: flex;}
.tabs > ul {list-style-type: none;margin: 0;padding: 0;width: 30%;}
.tabs > ul li {display: block; margin-bottom: 8px;border-bottom:1px solid #004cff;}
/* .tabs > ul li:not(:last-child) {border-left: 3px solid #262626;} */
.tabs > ul li a,
.tabs > ul li a:visited {display: flex;border-bottom: none;text-decoration: none;color: #548fff;padding: 1rem 1.5rem;
transition: all 0.2s ease-in-out;word-wrap: break-word;font-size: 17px;}
.tabs > ul li a:hover,
.tabs > ul li a:focus,
.tabs > ul li a:active {border-bottom: none;outline: 0;}
.tabs > ul li a.active {background:#040273;color: #fff;}
.tabs > ul li a:hover:not(.active) {color: #0067b8;}
.tabs > ul li a > span {width: 100%;display: flex;align-items: center;justify-content: center;text-align: center;}
.tabs > ul li a > span.tab-label {display: none;}
.tabs section {width: 72%;background-color:none;padding:0 50px;display: none;word-wrap: break-word;/*border-bottom: 6px solid #0067b8;*/}
.tabs section > * {opacity: 0;transform: translateY(20px);transition: opacity 0.2s, transform 0.2s;}
.tabs section > *:nth-child(1) {transition-delay: 0.2s;}
.tabs section > *:nth-child(2) {transition-delay: 0.3s;}
.tabs section > *:nth-child(3) {transition-delay: 0.4s;}
.tabs section > *:nth-child(4) {transition-delay: 0.5s;}
.tabs section > *:nth-child(5) {transition-delay: 0.6s;}
.tabs section > *:nth-child(6) {transition-delay: 0.7s;}
.tabs section > *:nth-child(7) {transition-delay: 0.8s;}
.tabs section > *:nth-child(8) {transition-delay: 0.9s;}
.tabs section > *:nth-child(9) {transition-delay: 1s;}
.tabs section > *:nth-child(10) {transition-delay: 1.1s;}
.tabs section > *:nth-child(11) {transition-delay: 1.2s;}
.tabs section > *:nth-child(12) {transition-delay: 1.3s;}
.tabs section > *:nth-child(13) {transition-delay: 1.4s;}
.tabs section > *:nth-child(14) {transition-delay: 1.5s;}
.tabs section > *:nth-child(15) {transition-delay: 1.6s;}
.tabs section > *:nth-child(16) {transition-delay: 1.7s;}
.tabs section > *:nth-child(17) {transition-delay: 1.8s;}
.tabs section > *:nth-child(18) {transition-delay: 1.9s;}
.tabs section > *:nth-child(19) {transition-delay: 2s;}
.tabs section > *:nth-child(20) {transition-delay: 2.1s;}
.tabs section.active {display: block;}
.tabs section.active-content > * {opacity: 1;transform: translateY(0);}

@media (max-width: 992px) {
	.tabs {width: 100%; flex-wrap: wrap;}
}
@media (max-width: 768px) {
body {font-size: 1.125rem;}
.tabs-container {padding: 4rem 4rem;}
}

@media (max-width: 576px) {
	.tabs {flex-wrap: wrap;}
	.tabs > ul {width: 100%;}
	.tabs > ul li a {flex-wrap: wrap;}
	.tabs > ul li a > span {width: 100%;}
	.tabs > ul li a > span.tab-label {width: 100%;display: block;margin-top: 0.2rem;}
	.tabs section {width: calc(100% - 0px);padding: 2rem 2rem;}
}



.inServices{padding: 70px 0;}
.serBox{border: 1px solid #d9e3e4; border-radius:10px; margin-bottom: 25px;position: relative; overflow: hidden;}
.serBox figure, .serBox figure img{border-radius:10px 10px 0 0; height: 230px;object-fit: cover; width: 100%; transition: all 0.5s;}
.serBox h3{font-size: 22px; font-weight: 500; margin-bottom: 10px;min-height: 52px;}
.serBox p{margin-bottom: 20px;}
.serBox a{position: relative;display: inline-block;width:180px;height:40px;background: #eff7f8;border-radius:25px;color: #000;font-size:16px;line-height:40px;text-align: center;transition: all 0.3s ease-in-out 0.1s;}
.serBox a img{width:20px; margin-left: 15px;}
.serBox:hover a{background-color: #000; color: #fff;}
.serBox:hover img{transform: scale(1.2);mix-blend-mode: normal;}
.serBox:hover a img{filter: invert(1);}
.serBox::before{content: "";position: absolute;right: -1px;bottom: -1px;width: 60px;height: 60px;border-bottom: 60px solid #040273;
border-left: 60px solid transparent;transform: rotateY(-90deg) scaleY(1.0);transform-origin: right;transition-delay: .1s;
transition-timing-function: ease-in-out;transition-duration: .5s;transition-property: all;z-index: 1;}
.serBox:hover::before{transform: rotateY(0deg) scaleY(1.0);transition-delay: .1s;transition-timing-function: ease-in-out;transition-duration: .7s;transition-property: all;}

.keyDiffer{background: #fff;position: relative; padding: 70px 0;}
.keyDiffer::before{background:#040273; height: 100%; width:70%;content: "";position: absolute; border-radius: 0 100px 0px 0; left: 0;z-index: 0;top: 0;}
.ourKey{position: relative;}
.ourKey h2{font-size:48px; color: #fff; margin-bottom: 25px;}
.ourKey {font-size:16px; color: #fff; line-height: 28px;}

/* .keyBox{display: flex; gap:25px; flex-wrap: wrap; align-items: center; justify-content: center;}
.keyBox li{ text-align: center; background: #eff7f8; height:200px; width:300px; display: flex;align-items: center; justify-content: center;flex-direction: column;}
.keyBox li img{width:70px;}
.keyBox li h5{font-size: 20px;} */
.keyBox{display: flex; gap:25px; flex-wrap: wrap; align-items: center; justify-content: center; position: relative;}
.keyBox button{font-size: 20px; color: #000;  text-align: center; background: #eff7f8; height:200px; width:250px; display: flex;align-items: center; justify-content: center;flex-direction: column;}
.keyBox button img{width:70px;}
.keyBox button.active img{filter: invert(1);}
.keyDiffer .tab-content{box-shadow: 0 0 15px rgba(103, 103, 103, 0.15);border-radius: 100px 100px 0px 0; border-bottom: 5px solid #00bdf0; padding:50px;position: relative;z-index: 5;background: #fff;}

.keyboxCnt h2{ font-size: 20px; margin: 20px 0;}
.keyboxCnt figure{display: inline-block;width: 100px;height: 100px;line-height: 100px;text-align: center;background-color: #EFF1F5;border-radius: 50%;margin: 0 0 28px 0;}
.keyboxCnt figure img{width: 50px;}

.clientProject{background: #0067b8; padding: 70px 0;}
.techTitle h2{font-size:64px; color: #fff; margin-bottom: 20px;}
.techTitle p{color: #fff;}
.projectBox{background: #0067b8; border-radius: 25px; display: flex; flex-wrap: wrap; margin-top: 50px;}
.projectBox div{flex: 0 0 50%; text-align: start; margin-bottom:70px;}
.projectBox div h3{font-size:60px; color: #fff; font-weight:500;}
.projectBox div p{ color: #fff; font-size: 20px;}
.projectBox figure{ border: 2px solid #ccc; width: 100px; height: 100px; text-align: center; line-height: 100px; border-radius: 50%; margin:0px auto 20px; font-size:45px; background: #fff;}
.projectBox figure i{color: #0067b8;}

.ourPromis{border-bottom: 1px solid #fff; margin-bottom: 20px; padding-bottom:25px;}
.ourPromis label{color: #fff; font-size:25px; font-weight:500; margin-bottom:15px;}
.ourPromis p{color: #fff; font-size:18px; font-weight:400;}


.team{padding: 70px 0;}
.teamDtl{transition: all 0.5s;margin:-25% 4% 0% 4%;position: relative;z-index: 1;text-align: center;background-color: #FFFFFF;
padding: 35px 35px 35px 35px;box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.07);border-style: none;border-radius: 15px;}
.teamDtl h3{font-size: 22px;}
.teamDtl ul{padding: 0; display: flex; gap: 10px; justify-content: center; margin-top: 25px;}
.teamDtl ul li{padding: 0;list-style: none; }
.teamDtl ul li a{background:#eff7f8; font-size: 20px; color: #000;width: 50px;height: 50px;background: #eff7f8;color: #191825;display: block;line-height: 50px;}
.teamDtl ul li a:hover{background: #0067b8;color: #fff;}

.contactIcon{padding:120px 0 50px !important;}
.contactIcon .contBox{border:2px solid #ececec; padding:60px 20px 30px; height:175px; text-align:center; position:relative; margin-top:10px; transition:all 0.5s;}
.contactIcon .contBox:hover{margin-top:0; box-shadow:0 0 10px #e3e3e3; border-color:#00bdf0;}
.contactIcon .contBox figure{position:absolute; top:-48px; left:0; right:0; margin:0px;}
.contactIcon .contBox h3{color:#555; font-weight:300; font-size:22px; margin-bottom:10px;}
.contactIcon .contBox p{font-size:13px; margin-bottom:2px;}
.contactIcon .contBox a{color:#696969;}
.contactForm{padding-bottom: 70px;}
.contactForm h3{display:block; text-align:center;}
.contactForm label{display:block;}
.contactForm input,
.contactForm textarea{width:100%; border:1px solid #e5e5e5; height:45px; padding:0 15px; line-height:45px;}
.contactForm textarea{height:200px;}
.contactForm input[type="submit"]{display:inline-block; width:auto;border:0px; padding:8px 50px; background:#00bdf0; color:#FFF; font-size:18px; height:auto; line-height:normal; margin-top:15px; cursor:pointer;}
.iframeResp iframe{width:100%;}
.googleMap{padding: 0 !important;}
.googleMap iframe{width: 100%;height: 500px;}


.nav .nav-item button.active {background-color: transparent;color: #ff7d08;width: 100%;text-align: left;  }
.nav .nav-item button.active::after {content: "";height: 100%;position: absolute;right: -1px;top: 0;border-radius: 5px 0 0 5px;}
.tredingTech ul li{border-top: 1px solid #ccc;}
.tredingTech ul li button{padding: 20px 0; width: 100%; font-size: 20px; text-align: left; font-weight: 400;color: #000;}
.tredingTech ul li button:hover{color: #ff7d08}
.boxContent{background: #fff; border-radius:10px; padding: 50px; margin-left: 50px; box-shadow: 0 0 10px rgba(103, 103, 103, 0.15);}
.boxContent p{margin-bottom: 20px; line-height:30px;}

.timeCnt{margin-bottom: 25px;}
.timeCnt h3{color: #000; font-size: 25px; margin-bottom: 5px;}
.timeCnt p{color: #000; font-size:15px; margin-bottom: 5px;}
.whyChos{padding:70px 0 40px; font-size: 64px;}
.coose-us {background: #24272A;position: relative;margin-top:0px;color: #fff;padding-bottom:00px;overflow: hidden;  }
.data-img{background-image: url('../img/working-cq.png');background-repeat: no-repeat;background-size: cover;background-position: center;background-image: url('https://craftedq.com/wp-content/uploads/2023/03/Why-Choose.jpg');}
.ben-fixes {margin-right: calc(-100vw / 2 + 1125px / 2);width: calc(100% - 1050px + 100vw / 2);max-width: initial;flex: 1 1 100%;}
.benifit-card {background-color: #fff;padding-top: 48px !important;padding-bottom: 105px !important;}

.vission{padding: 70px 0;}
.vission img{border-radius: 15px; margin-bottom: 20px; box-shadow: 0 0 10px rgba(78, 111, 178, 0.50);}
.vission h3{font-size:30px; margin-bottom: 10px;}
.vission p{font-size:15px; margin-bottom: 10px;}


/*==================== Product Page ======================*/
.video_section {position: relative;top: 0;eft: 0;width: 100%;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.video_section video{width: 100%;}
.video_section .video_overlay { text-align: center; position: absolute;display: block;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, .7);display: flex;align-items: center;justify-content: center;}
.video_section h1{font-size: 65px;line-height: 80px;color: #fff; font-weight: bold; margin-bottom: 25px;}
.video_section p{font-size: 21px;line-height:46px;color: #fff; width: 85%; margin: 0 auto;}
.video_section a {padding: 18px 40px;display: inline-block;margin-top: 20px;font-size: 16px;font-weight: 500;border-radius: 50px;
color: #fff;background: #2948ff; margin-bottom: 150px;}

.prodSection1{padding: 70px 0;}
.bg-layer {position: absolute;width: 1005px; z-index: -1; height: 945px;top: -120px;right: 30px;background-repeat: no-repeat;background-image: url("../images/pattern-15.png");}
.bg-layer2 {position: absolute;width: 1010px;z-index: -1; height: 805px;left: 30px;top: -150px;background-repeat: no-repeat;background-image: url("../images/pattern-16-2.png");}
.prInfo h2{font-size: 30px;margin-bottom: 15px;}
.prInfo p{font-size: 18px;margin-bottom: 15px;}

.overDiv{overflow-x: hidden;}

/* ===================== Menu ==================*/
.siteMenus {position: relative;line-height: normal;float:right; }
.siteMenus ul { margin: 0; padding: 0;}
.siteMenus li {list-style: none;margin: 0; padding:0; position: relative; line-height: normal;float:left;}
.siteMenus li a {padding:6px 18px;display:block;color:#1c1c25;-webkit-transition:all .2s ease-out;-moz-transition: all .2s ease-out;transition: all .2s ease-out;font-weight:400;font-size:16px;text-transform:capitalize;}
.siteMenus li a.active{color: #0276ac;}
/* .siteMenus li a.active::after{ width:25px; height:2px; background:#fe0000; content:""; display:block; margin-top:5px;}
.siteMenus li a:hover::after{ width:25px; height:2px; background:#fe0000; content:""; display:block;margin-top:5px;} */
/* .siteMenus li + li{margin-left:20px;} */
.siteMenus ul ul { top: auto;width: 285px;padding: 15px 0;border-radius: 15px;position: absolute;z-index: 9900;text-align: left;display: none;background: rgb(255, 255, 255);}
.siteMenus li li { display: block;width:100%;margin:0 !important;/*border-top:1px solid #7daf3f;*/}
.siteMenus li li a{color:#151515;padding:15px 15px;font-size:14px;}
.siteMenus ul ul li a:hover{background:#040273;color:#fff;}
.siteMenus ul ul ul { top: 0; left: 220px; }
.siteMenus > ul > li:hover > ul > li:hover > ul { opacity: 1; visibility: visible; top: 0; }
.siteMenus > ul > li.drop-left > ul { right: 0; }
.siteMenus .menu-toggle, .siteMenus .close-menu, .siteMenus .call-btn-mobile, .siteMenus .location-btn-mobile { display: none; text-transform: uppercase; text-decoration: none; }
.siteMenus .dd-toggle { display: none; position: absolute; top: 0; right: 0; padding: 0; width: 48px; height: 48px; text-align: center; z-index: 9999; border: 0; }
.siteMenus a.dd-toggle .icon-plus { box-sizing: border-box; transition: transform 0.3s; width: 12px; height: 100%; position: relative; vertical-align: middle; display: inline-block; }
.siteMenus a.dd-toggle .icon-plus:before { content: ''; display: block; width: 12px; height: 0px; border-bottom: solid 3px #fff; position: absolute; top: 50%; transform: rotate(90deg); transition: width 0.3s; }
.siteMenus a.dd-toggle .icon-plus:after { content: ''; display: block; width: 12px; height: 0px; top: 50%; border-bottom: solid 3px #fff; position: absolute; }
.siteMenus li.open > a.dd-toggle .icon-plus { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
.siteMenus.light a.dd-toggle .icon-plus:before { border-color: #000; }
.siteMenus.light a.dd-toggle .icon-plus:after { border-color: #000; }
.siteMenus.dark a.dd-toggle .icon-plus:before { border-color: #FFF; }
.siteMenus.dark a.dd-toggle .icon-plus:after { border-color: #FFF; }
.siteMenus .icon-close { box-sizing: border-box; width: 12px; height: 12px; position: relative; display: inline-block; }
.siteMenus .icon-close:before { content: ''; display: block; width: 12px; height: 0px; border-bottom: solid 3px #fff; position: absolute; top: 50%; transform: rotate(45deg); }
.siteMenus .icon-close:after { content: ''; display: block; width: 12px; height: 0px; top: 50%; border-bottom: solid 3px #fff; position: absolute; transform: rotate(-45deg); }
/* mobile nav */
.siteMenus .menu-toggle, .siteMenus .close-menu { padding:0; box-sizing: border-box; }
.siteMenus .menu-toggle span.bars { display: inline-block;position: relative; top:0px; }
.siteMenus .menu-toggle span.bars span { display: block; width:25px; height:2px;background: #010101; margin: 0 0 4px; }
.siteMenus .menu-toggle span.bars span:nth-child(2){width: 20px;}
.siteMenus .menu-toggle span.bars span:nth-child(3){width: 15px;}
.siteMenus.mobile {position:absolute;right:10px;top:25x;}
.siteMenus.mobile.fixed { position: static;}
.siteMenus.mobile ul { position: relative; display: none;}
.siteMenus.mobile.active { padding-bottom: 0; color: #0e59f2; }
.siteMenus.mobile.active > ul { display: block; }
.siteMenus.mobile ul { text-align: left;}
.siteMenus.mobile > ul > li { display: block;}
.siteMenus.mobile > ul > li > a { padding: 15px; color: #fff;}
.siteMenus.mobile ul { background:#1b2330;}
.siteMenus.mobile ul ul { position: relative; opacity: 1; visibility: visible; width: auto; display: none; -moz-transition: none; -webkit-transition: none; -o-transition: color 0 ease-in; transition: none; }
.siteMenus.mobile ul ul ul { left: auto; top: auto; }
.siteMenus.mobile li.drop-left ul ul { right: auto; }
.siteMenus.mobile > ul { border-top: 1px solid rgba(255, 255, 255, .15); }
.siteMenus.mobile .menu-toggle, .siteMenus.mobile .dd-toggle, .siteMenus.mobile .close-menu{ display: inline-block;}
.siteMenus.mobile li.has-sub > a:after, .siteMenus.mobile li li.has-sub > a:after, .siteMenus.mobile li.drop-left li.has-sub > a:after { display: none; }
/* left and right positions */
.siteMenus.mobile.right > ul { position: fixed; top: 0; bottom: 0; width:250px; max-width: 100%; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch;z-index:11; }
.siteMenus.mobile.right > ul { right: 0; }
.siteMenus.mobile.right .close-menu{ display: inline-block; text-align: left;padding:10px;width:auto; }

.page-banner {z-index: 1;position: relative;background-color: #0E1E36;}
.page-banner::before {left: -28px;width: 486px;content: "";z-index: -1;bottom: -280px;height: 486.71px;position: absolute;background-image: url("../images/pattern.svg");}
.page-banner__media {max-height: 450px;position: relative;margin-right: calc(-50vw + 50%) !important;}
.page-banner__media::before {content: "";top: -395px;z-index: 1;left: 790px;width: 144.86px;height: 1194.97px;position: absolute;transform: rotate(-30.99deg);background: rgba(64, 105, 255, 0.5);}
.page-banner__media::after {top: 0;width: 100%;left: -1px;content: "";z-index: 1;height: 100%;position: absolute;background-size: cover;background-image: url(../images/page-banner-overly.png);}
.page-banner__media .start {z-index: 2;left: 86px;bottom: 67px;position: absolute;}
.page-banner__content {position: relative;}
.page-banner__content h1 {color: #FFF;font-weight: 700;font-size: 64px;line-height: 78px;}
.page-banner__content h1 span {font-weight: 300;}
.page-banner__content .transparent-text {left: 0;top: -34px;z-index: -1;opacity: 0.3;font-size: 128px;font-weight: 700;line-height: 100px;
position: absolute;white-space: nowrap;-webkit-text-stroke: transparent;-webkit-text-stroke-width: 1.5px;-webkit-text-fill-color: transparent;
-webkit-text-stroke-color: rgba(255, 255, 255, 0.3);}  
.page-banner .breadcrumb {padding: 0;align-items: center;background: transparent;}
.page-banner .breadcrumb .breadcrumb-item {font-size: 18px;font-weight: 500;line-height: 26px;}
.page-banner .breadcrumb .breadcrumb-item.active {color: #4069FF;}
.page-banner .breadcrumb .breadcrumb-item + .breadcrumb-item {padding-left: 15px;}
.page-banner .breadcrumb .breadcrumb-item {font-size: 18px;font-weight: 500;line-height: 26px;}
.breadcrumb-item + .breadcrumb-item::before {float: left;padding-right: var(--bs-breadcrumb-item-padding-x);color: var(--bs-breadcrumb-divider-color);
content: var(--bs-breadcrumb-divider, "/");color: #fff;}
.page-banner .breadcrumb .breadcrumb-item a {color: #FFF;font-size: 18px;font-weight: 500;line-height: 26px;}  
.bg-lighter {background-color: #f7f7f7; padding: 70px 0;}
.mission{background: #fff; border-radius: 25px; padding:50px; border: 1px solid #b5b3b3;}
.mission h2{font-size: 25px; margin-bottom:15px;}
.mission p{font-size: 16px; margin-bottom:15px;}
.mission figure{padding: 15px;display: inline-block;background: #f0f0f0;border-radius: 9px;margin-bottom: 15px;} 
.mission img{width: 50px;}
.team{padding: 70px 0;}
.team h3{text-align: center; margin-bottom: 25px; font-size: 30px;}
.teamInfo{background:#0E1E36; padding: 15px; -webkit-transform: translate(0, 100%);-moz-transform: translate(0, 100%);-ms-transform: translate(0, 100%);
-o-transform: translate(0, 100%);transform: translate(0, 100%);transition: all 0.5s;justify-content: space-between !important;}
.teamBox:hover .teamInfo{-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);-ms-transform: translate(0, 0);-o-transform: translate(0, 0);transform: translate(0, 0);}
.teamInfo h4{color: #fff; font-size: 20px;}
.teamInfo p{color: #fff; font-size:16px;}
.teamBox {position: relative;overflow: hidden; margin-bottom: 25px;}		
.text {bottom: 0;z-index: 2;width: 100%;padding: 24px 24px;position: absolute;transition: all 0.3s ease;background-color: #0E1E36;}
.contAddre{display: flex; align-items: center;}
.contAddre figure{width: 80px; border: 1px solid #ccc; text-align: center; line-height: 80px; margin-right: 25px;}
.contAddre figure img{width: 40px;}
.contAddre h3{font-size: 25px; margin-bottom: 10px;}
.contAddre p{font-size: 16px; margin-bottom: 10px;}
.conInfo{padding: 70px 0;}
.conInfo .checkBox{color: #000;}

.formCont input{width: 100%;font-size: 15px;line-height: 26px;border-radius: 4px;padding: 10.5px 20px;background-color: #FFF;
	border: 1.5px solid rgba(14, 30, 54, 0.2);}
.formCont button{background: #4069FF;color: #fff; padding:10px 30px; font-size: 18px; font-weight:400; margin-top: 15px;}	
.map iframe{width: 100%; height: 500px;}

.ser_box{border-radius: 10px; padding: 15px; border: 1px solid #ccc; margin-bottom: 25px;}
.ser_box img{margin-bottom: 15px;}
.ser_box h2{font-size:20px; margin-bottom: 15px;}
.ser_box:hover{box-shadow: 0 0 15px #ccc;}


/*--------- popup -------------*/
.star_modal .modal-content{padding:20px;}
.price_header-popup h3{color: #4C2566; font-size:30px; font-weight:700; margin-bottom: 10px;}
.price_header-popup p.price{color: #4C2566; font-size: 25px; font-weight: 700;width: 100%;}
.price_header-popup p.price span{font-weight: 400;}
.price_header-popup p{color: #000; margin-top: 10px; width: 50%;}
.price_header-popup img{width:100px;}
.inqury-form {padding:20px;background: #ff273c;border-radius: 12px; margin-top:10px;}
.inqury-form input{height: 45px; border: 1px solid #7f7f7f; border-radius: 5px;}
.inqury-form textarea{height:100px; border: 1px solid #7f7f7f; border-radius: 5px;}
.inqury-form select{height: 45px; border: 1px solid #7f7f7f; border-radius: 5px; width: 100%; background: #fff; padding: 5px 10px;}
.inqury-form button {display: inline-block;background: #4C2566;font-size: 16px;color: #fff;padding: 0px 30px;height: 45px;line-height: 45px;}
.star_modal .btn-close {position: absolute;top: 11px;right: 11px;}
.box_clr {background: #F6F3F0;padding: 27px; min-height: 250px;}
.box_clr p{width: 100%;}
.box_clr h3{font-size:25px;}
.btn-link-wrap .btn {border-radius: 50px;padding: 10px 35px;transition: .3s linear;}
.btn-link-wrap .btn:hover {background-color: rgba(75, 168, 46, .15);color: rgba(75, 168, 46, 1);border: 1px solid rgba(75, 168, 46, 1);}
.btn-link-wrap .btn i {padding-left: 7px;}
.ber_btn a{display: inline-block;  background: #4C2566;font-size: 16px;color: #fff;padding: 0px 30px;height: 45px;line-height: 45px; margin-top: 20px;}
.ber_btn a:hover{background: #007622;}
.checkBox input {width: 30px;height: 30px;margin-right:10px; flex: 0 0 auto;}
.checkBox {display: flex;font-size: 14px;color: #000; line-height: 22px;}


/*======== Media Queries for Mobile =========*/
@media all and (max-width:1199px){
	.topSlider h1{font-size: 30px;}
	.addreMpa {padding: 50px 15px;}
	.becomeBtn li a{padding: 7px 12px;font-size: 14px;font-weight: 500;}
	.siteMenus li a{padding: 6px 9px;}
	.whyTitle h4{font-size: 27px;}
	.indusTitle h3{margin-bottom: 0px; line-height: normal; font-size: 30px;}
	.getInTouch{padding: 40px 0;}
	.strenghTitle {padding:40px 13px;}
	.strenghTitle h4{font-size: 31px;}
	.strenghTitle ul li{font-size: 15px;}
	.keyBox li{width: 245px;}
	.ourKey h2{font-size: 40px;}
	

}
@media all and (max-width:991px){
.page-header.is-sticky{backdrop-filter: inherit;animation: auto;}
.siteMenus li a{ padding:6px 6px;}
.prTitle h2, .title{font-size: 30px;}
.client-say{padding: 0;}
.client-say .item{padding: 30px 0px 10px;}
.bottom_content p{font-size: 24px;}
.bottom_content p span{font-size: 26px;}
.toolList, .indList{grid-template-columns: repeat(4, 1fr);}
.blogBox{margin-bottom: 25px;}
.siteMenus li{width:100%;margin:0 !important;}
.page-header.is-sticky .siteMenus li a {color:#fff;}
.portCnt{margin-bottom: 25px;}
.inHeader{padding: 40px 0px 40px;}
.keyDiffer::before {width: 100%; height:230px;}
.keyDiffer{padding: 30px 0;}
.keyBox{margin-top:92px;}
.keyBox li{width: 245px;}
.aboutUs h1{font-size: 34px;}


}
@media all and (max-width:767px){
.topSlider h1{font-size: 27px; margin-bottom: 4px;}
.topSlider p{font-size: 14px;}
.siteMenus li + li{margin-left:5px;}
.siteMenus li a{padding:15px 10px;font-size:13px;}
.howWork{margin-bottom:35px;}
.cHeading{padding: 19px 0 25px 0px; text-align: center;}
.addreMpa{padding: 50px 15px;}
.linksBtm, .socialLinks{text-align: center; float: none;}
.linksBtm li, .socialLinks li{display: inline-block; float: none;}
.ourservices, newsletter{margin-top: 25px;}
.toolList, .indList{grid-template-columns: repeat(3, 1fr);}
.process-arrow{display: none;}

.whyTitle h4,.indusTitle h3,.proTitle h2,.strenghTitle h4{font-size: 25px;}
.services,.industries,.getInTouch,.aboutUs{padding: 40px 0;}
.bgImage{display: none;}
.whyChoose{min-height: auto;}
.indusTitle h3{margin-bottom: 15px;line-height: normal;}
.industries .item{padding: 0;}
.getInTouch h5{font-size: 35px;}
.getInTouch p{font-size: 15px;}
.portCnt{padding: 35px 15px 15px 35px;}
.strenghTitle::after{width: 100%;background-color:rgba(4,2,115,0.9);}
.strenghTitle{padding: 10px 15px;}
.strenghTitle ul li{font-size: 15px;}
.bgImage2::before{width: 100%;}
.enquiryBtn a{margin-right: 40px;padding: 5px 16px;font-size: 16px;}



}
@media all and (max-width:575px){

.logoBar img{width:180px;}
.searchBtn{position:absolute;top:62px;right:60px;padding:5px;border-radius:5px;}

.siteMenus li a:hover{background:#2a3548;color:#fff;}
 nav{position:static;}
.toolList, .indList {grid-template-columns: repeat(2, 1fr);}
.topSlider .owl-carousel .owl-item img{height: 250px;object-fit: cover;}

}
@media all and (max-width:375px){



}