/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126   License: none (public domain)*/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;}
p{margin-bottom:12px;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {	list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}
table {	border-collapse: collapse;	border-spacing: 0;}
a { transition:ease 0.5s; color:#22222a;}
a:hover { text-decoration: none;}
img { max-width:100% }
body{ background-color: #fff; font-family: 'Montserrat', sans-serif; font-size:1rem; color:#22222a; line-height: 1.36!important;}

/***header Section***/
.mainHeader { width: 100%;  min-height:84px;}
.navBg {background-color: #f9fbfd;  border-bottom: 1px solid #f1f3f4; min-height:84px;}
.headerRow { display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; margin-right: -15px;margin-left: -15px;  }
.headerRow .navbar { padding: 0.5rem 0rem;}
.navBg .navbar-brand { margin-right: 4rem;}
.mainNav { padding: 1rem 0 0 0; align-items:end;}
.mainNav .dropdown-toggle::after { display: none; }
.navbar-light .mainNav .nav-link { color: #22222a; position: relative; margin: 0 1.5rem; padding:0; font-size:1rem; }
.navbar-light .navbar-nav .active>.nav-link { color: #ed3248; }
.navbar-light .mainNav .nav-link:hover { color:  #ed3248; }
.headerBtn { padding: .35rem 1rem; font-weight: 400; background:#ed3248;  border:1px solid #ed3248; color:#fff; font-size:1rem; border-radius: 6px; margin-left:1.5rem;transition: all .6s ease;  }
.btn.headerBtn:hover { color: #fff; text-decoration: none; background:#01042a; border-color:#01042a;  }
.headerRow  .navbar-light .navbar-toggler { border:1px solid rgba(0, 0, 0, .5);}

/***Banner Section***/
.mainBanner { background-image:url(../images/base01.png), linear-gradient(0deg, rgba(249,251,253,1) 0%, rgba(255,255,255,1) 100%) ; background-repeat:no-repeat; background-position:center center; border-bottom:1px solid #f1f3f4; padding:3rem 0; }
.bannerCaption { width:100%; padding:1.5rem 0;}
.lightHeading { font-size:46px; font-weight:700; color:#333;}
.strongHeading { font-size:56px; font-weight:700; color:#ed3248; text-transform:uppercase; margin:20px 0; min-height:78px; }
.strongHeading a { font-size:45px; font-weight:700; color:#ed3248; text-transform:uppercase;  }
.bannerText { font-size:24px; font-weight:500; max-width:70%; line-height:32px; }
.bannerThumbImg { width:100%; display:flex; align-items:center; justify-content: center; padding:1.5rem 0;}
.btn-brand { padding: 0.7rem 2.5rem; font-weight: 400; background:#ed3248;  border:1px solid #ed3248; color:#fff; font-size:1.3rem; border-radius: 6px; margin:1.5rem 0; text-transform:uppercase; transition: all .6s ease; position:relative; }
.btn.btn-brand:hover { color: #fff; text-decoration: none; background:#01042a; border-color:#01042a;  }
.bannerCaption .btn-brand { border-radius:60px; padding-left:50px; }
/***main Section***/
.mainContent { width: 100%; display: block;box-shadow: inset 0 7px 9px -7px rgb(0 0 0 / 40%); position: relative; }
.secSubheading {  font-size: 18px;  color: #333;   font-weight: 600;}
.secHeading  { font-size:36px; color:#333;  font-weight:700; margin:0.4rem auto; text-transform: capitalize; line-height: 45px;}
.secHeadingText { font-size:16px; color:#000;  font-weight:500;line-height:26px; margin:auto; max-width:60%; margin-bottom:2rem; }

/***Services Section***/
.serviceSection {  width:100%; display:inline-block; padding:5rem 0;  }
.shadowCard  { border:1px solid #f7f8f9; background:#fff; box-shadow:0 0.3rem 0.75rem rgb(22 28 45 / 4%);  display:inline-block; margin:15px 0;transition: all .4s ease;  cursor:pointer; height: calc(100% - 30px); }
.serviceCard01 { background-image:url(../images/Webdevelopment_5.svg); background-repeat:no-repeat;background-position: 0px 24px;background-size: 20% 85%; }
.serviceCard02 { background-image:url(../images/MobileDevelopment5.svg); background-repeat:no-repeat;background-position: 0px 24px;background-size: 20% 85%; }
.serviceCard03 { background-image:url(../images/FrontEndDevelopment.svg); background-repeat:no-repeat;background-position: 0px 24px;background-size: 20% 85%; }
.serviceCard04 { background-image:url(../images/APIDevelopment.svg); background-repeat:no-repeat;background-position: 0px 24px;background-size: 20% 85%; }
.serviceCard05 { background-image:url(../images/UI-UXDesign.svg); background-repeat:no-repeat;background-position: 0px 24px;background-size: 20% 85%; }
.serviceCard06 { background-image:url(../images/DigitalMarketing.svg); background-repeat:no-repeat;background-position: 0px 24px;background-size: 20% 85%; }
.shadowCard:hover { transform: translate3d(0,-10px,0); background-position: 15px 10px;box-shadow:0 0.75rem 1.5rem rgb(22 28 45 / 6%); border:1px solid #f4f4f4;}
.cardDetail { padding:2rem; padding-left:12rem; }
.cardDetail h3 { font-size:32px; color:#333; line-height:40px; font-weight:700;}
.cardDetail p {  margin: 0.6rem 0;  color: #000000;   font-family: "Montserrat", montserrat;   font-size: 16px;  font-weight: 500;   line-height: 30px;}
.cardDetail a { font-size: 1rem; color:#616572 }

/***Technical Section***/
.techSection {  width:100%; display:inline-block; padding:5rem 0;  border-top:1px solid #e7ebed; position:relative;  }
.techSection:before{ content:' '; display:block; position:absolute; left:0; top:0; width:100%; height:100%; opacity:0.3; background-image:url(../images/base02.svg); background-repeat:no-repeat; background-position:100% -35px; background-size:contain; }
.techCard  {   display:flex; margin-top:30px; align-items:center;  }
.techIcon { width:124px; height:124px; border:15px solid #f1f1f1; border-radius:50%; flex-shrink: 0; background:linear-gradient(0deg, rgba(1,2,48,1) 0%, rgba(237,50,72,1) 100%); display:flex; align-items:center; justify-content:center; }
.techIcon img { max-width:66px; }
.techDetail { padding:1.5rem 2rem; width:100%;  }
.techDetail h3 { font-size: 32px; color:#333; text-transform:uppercase; font-weight:700; }
.techDetail p {  font-size: 16px;  color: #000;  margin: 0.6rem 0;    line-height: 30px;    font-weight: 500;}
.techBtn {  font-size: 16px;  color: #000;  margin-top: 3rem;  display: inline-block;    font-weight: 600;}

/***Counter Section***/
.counterSection {  width:100%; display:inline-block; padding:0rem 0;  background:#01042a; position:relative;  }
.counterSection:before{ content:' '; display:block; position:absolute; left:0; top:0; width:100%; height:100%; opacity:0.2; background-image:url(../images/base03.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover; }
.counterBlock { width:100%; text-align:center; display:inline-block; padding:1rem 0;}
.counterHead { font-size: 36px; color:#fff; text-transform:uppercase; font-weight:700; }
.counterText { font-size: 16px; color:#fff; margin:1rem 0;  }

/***Portfolio Section***/
.portfolioSection {  width:100%; display:inline-block; padding:5rem 0;  border-top:1px solid #e7ebed; position:relative;   }
.portfolioSection:before{ content:' '; display:block; position:absolute; left:0; top:0; width:100%; height:100%; opacity:0.3; background-image:url(../images/base04.svg); background-repeat:no-repeat; background-position:100% -35px; background-size:100%; }
.projectItem { width:100%; display:inline-block; position:relative;  margin:0rem 0; }
.projectInfo { padding: 1.5rem 0;}
.projectHead  { font-size:32px; color:#333; line-height:40px; font-weight:700; margin:0.4rem auto; }
.projectSubHead { font-size:22px; color:#333;  font-weight:700; margin:0.4rem auto; }
.projectText {  font-size: 16px;   color: #000;   line-height: 30px;   font-weight: 500;    margin: 1rem 0 2rem 0;}
.proDetail { display:flex; width:100%; margin:1rem 0; flex-wrap:wrap;}
.proDetail li { display:flex; width:100%; margin:0.5rem 0; flex-wrap:wrap; align-items:start; font-weight:600;  } 
.detailHead { width:140px; display:inline-block; font-weight:500;  }
.projectThumb { width:100%; display:flex; align-items:center; height: 100%; justify-content: center; }
.projectItem .btn-bordered {border-radius:5px;  }
.slick-arrow  { position:absolute; bottom:0; top:45%; border:0px solid #000; z-index:99;background-color: transparent; text-indent: -999px; min-width:36px; font-size: 0; height:28px; width:36px;background-position:center center; }
.slick-prev {  background-image:url(../images/arrowLeft.png); background-repeat:no-repeat; left:-5%; }
.slick-next {  background-image:url(../images/arrowRight.png); background-repeat:no-repeat; left:100%; }

/***feedback Section***/
.feedbackSection {  width:100%; display:inline-block; padding:5rem 0;  background:#01042a; position:relative;  background-image:url(../images/base08.png); background-repeat:no-repeat; background-position:top right;color:#fff;  }
.dashBorder { border-left:2px dashed #2c3063; padding-left:3rem;}
.feedbackDetail { width:100%; display:inline-block; margin-bottom:1rem; }
h3.feedbackHead  { font-size:2.1rem; color:#fff;  font-weight:700; margin-bottom:1rem ; }
.feedbackTests { width:100%; display:flex; flex-wrap:wrap; background-image:url(/wp-content/uploads/2022/04/testIconstart.png); background-repeat:no-repeat; background-position:top left; padding-top:52px; margin:0.5rem 0 0 0; padding-left:2px; }
.reviewStars { width:auto;  display:flex; align-items:center; justify-content: start; padding:0.5rem 0; }
.ratings i {color: #cecece;font-size:1.5rem; cursor: pointer; margin-right:0.5rem;}
.rating-color {color: #fbc634 !important; }
.reviewSites { float: right; text-decoration: underline; margin-bottom: 1rem ;}
.testsText {width:100%; display:flex; flex-wrap:wrap; }
.testsAuthorInfo { width:100%; display:flex; flex-wrap:wrap; position:relative; padding-left:120px; padding-top:1rem;}
.testsAuthorThumb { width:96px; height:96px; border-radius:100%; display:inline-block; overflow:hidden; position:absolute; left:0;  }
.testsAuthor { width:90%; display:flex; flex-wrap:wrap; align-items:center; padding:1.5rem 0; }
.authorDetailquote { width: 10%;}
h4.authorName { width:100%; display:inline-block;color:#fff;}
.authorDetail { width:100%; display:inline-block; font-style:italic; }
.awardBlock { width:calc(100% + 2rem); display:flex; flex-wrap:wrap; align-items:stretch; justify-content: space-between; margin:1rem -1rem 0 -1rem; padding-top:3.5rem; position:relative; }
.awardItem { width:100%;   padding:0.75rem ; text-align:center;  }
.awardThumb { width:100%;  background:#fff; padding:1.5rem 0.5rem ; text-align:center; display:flex; align-items:center; justify-content:center;  }
.awardItem img { max-height:108px; }
.awardBlock  .slick-arrow { left:auto; right:0; top:0; bottom:auto;  border:2px solid #ffffff; border-radius:22px; height:44px; width:52px; background-repeat:no-repeat; background-position:center center; }
.awardBlock .slick-prev { right:5rem;  background-image:url(../images/arrowLeft02.png);  }
.awardBlock  .slick-next { right:0.75rem;  background-image:url(../images/arrowRight02.png);  }

/***contact Section***/
.contactSection  {  width:100%; display:inline-block; padding:5rem 0;   position:relative;  background-image:url(../images/base09.png); background-repeat:no-repeat; background-position:top left;  }
.contactCard { border-radius:8px; padding:3rem 2.5rem; background: rgb(1,2,48); background:linear-gradient(90deg, rgba(1,2,48,1) 0%, rgba(237,50,72,1) 100%); color:#fff;}
.contactCard .secHeading, .contactCard .secSubheading { color:#fff; }
.addressInfo { width:100%; position:relative; display:flex; margin:3rem 0; flex-wrap:wrap; padding-left:64px; }
.addressIcon{ width:48px; height:48px;  border-radius:50%; flex-shrink: 0;  display:flex; align-items:center; justify-content:center; background:#fff; color:#ed3248; font-size:1.6rem; line-height:48px; margin-right:1rem; position:absolute; left:0; }
.mailIcon { font-size:1.3rem; }
.addressHead { font-size:1.2rem; font-weight:700; width:100%; display:inline-block; margin: 0.1rem 0;}
.addressLink { color:#fff; }
.formBlock { padding-left:4rem;}
.getInTouchForm { width:100%; display:inline-block; margin:1rem 0 0 0;}
.getInTouchForm label{ font-weight: 500; }
.getInTouchForm .form-control { border:1px solid #d9e8ff; height:calc(2.5em + 0.75rem + 2px);margin: 0.5rem 0; }
.getInTouchForm textarea.form-control {  height:calc(9.5em + 0.75rem + 2px); }
.btn-bordered { padding: 0.7rem 2.5rem; font-weight: 500; background:#ed3248;  border:1px solid #ed3248; color:#fff; font-size:1rem; border-radius: 5px !important; margin:1rem 0;  }
.btn-bordered:hover, .btn-bordered:active { background:#ed3248; color:#fff;transition: all .6s ease;  }
/* footer css */
.mainFooter { width: 100%;  display: block; background-color: #ffffff;  color:#22222a; }
.footerTop { width: 100%;  display: block; background-color: #fafafa; padding:1rem 0; border-top:1px solid #f1f3f4; border-bottom:1px solid #f1f3f4; margin-bottom:1rem;  }
.footerTopHead { font-size:1.7rem; color:#22222a; font-weight:700;  margin: 0.6rem 0; }
.footerInlineMenu { width:100%; display: inline-block; margin:0.3rem 0 0.5rem 0;}
.footerInlineMenu li { width:auto; display: inline-block; font-size:1rem; padding:0; margin:0;  }
.footerInlineMenu li:after { content:"|"; }
.footerInlineMenu li:last-child:after { content:""; }
.footerInlineMenu li a { color:#22222a; font-size:1rem; margin:0.3rem 0.6rem;}
.footerMenuHead { margin:2rem 0 1rem 0; display: inline-block; font-size:1.5rem ; }
.footerMenu { width: 100%;  display: block; padding: 0; }
.footerMenu li { color: #22222a; width:100%; display: inline-block; padding: 0.3rem 0; font-size:1rem;}
.footerMenu li a { color: #22222a; font-size:1rem;}
.footerBottom { width: 100%;  display: flex; background-color: #fafafa; padding:0.7rem 0; margin-top:3rem;  border-top:1px solid #f1f3f4; }
.smallText { font-size: 0.8rem; align-self: center; color:rgba(34,34,42, 0.7); }
.socialBlock { display: flex; color:#fff; flex-wrap: wrap; align-self: center; justify-content:end;}
.socialBlock a  { text-decoration: none!important; text-align: center; margin:0.5rem 0.6rem; display: inline-block; font-size:1.5rem; color:rgba(34,34,42, 0.7); font-family: 'FontAwesome'; }
.socialBlock a i { font-style: normal;  }
.socialBlock a:hover { color:#ed3248; }

.shadowCard {border: 1px solid #f0f1f3; box-shadow: 0 0.3rem 0.5rem rgb(22 28 45 / 8%);}

.slick-arrow {opacity: 0;}


/* responsive css */
@media (max-width:1200px){
.secHeadingText { max-width:80%; }
}

@media (max-width:992px){
.navbar-light .mainNav .nav-link, .headerBtn { margin:0.5rem 0;}
.formBlock { padding-top:2rem; padding-left:15px;}
.secHeadingText { max-width:100%;font-size: 1rem; font-weight:400; }
.techCard { align-items:start; }
.techDetail { padding: 0.5rem 0 0.5rem 1.25rem; } 
.dashBorder { padding-left:15px; border-left:0px dashed #2c3063; border-top: 2px dashed #2c3063; padding-top: 2.5rem;  margin-top: 2.5rem;}
.mainBanner .row {flex-direction: column-reverse;  }
.projectItem {margin: 1rem 0; }
.projectItem .row { flex-direction: column-reverse;  }
.bannerText { max-width: 100%;font-size: 1.2rem; }
.awardBlock { width:100%; margin:1rem 0 0 0 ; padding-top: 0rem; }
.techSection:before { background-position: 100% 0px; }
}

@media (max-width:767px){

.mainBanner, .serviceSection, .techSection, .counterSection, .portfolioSection, .feedbackSection, .contactSection { padding:3rem 0;}
	.mainBanner .animation-on-hover:before { animation:none;}
	.bannerThumbImg { display:none; }
.strongHeading { font-size:2rem; min-height:78px;}
	.strongHeading a { font-size:30px; }
.lightHeading, .secHeading, h3.feedbackHead, .projectHead, .footerTopHead  { font-size:1.5rem;}
.projectSubHead {font-size:1.2rem; }
.techIcon { width:100px; height:100px; border: 12px solid #f1f1f1; }
.techIcon img { max-width:54px; }
.footerBottom .row { flex-direction: column-reverse; }
.smallText { text-align:center;}	
.socialBlock { justify-content:center; }
.contactCard { padding: 2rem 1.5rem; }
.contactCard .addressInfo:last-child{ margin-bottom:0; }
.authorName {font-size:1.1rem;  }
.testsAuthorInfo { min-height: 116px;}
.authorDetail { font-size:0.8rem; }
}

@media (max-width:576px){
.headerRow .navbar { padding: 1rem 0rem; }
.navBg .navbar-brand { max-width:200px; margin:0;}
.shadowCard:hover {background-position: 23px -70px; }
.cardDetail h3 { font-size:1.2rem; font-weight:600;}  
.cardDetail { padding:2rem 1rem 2rem 1.5rem; padding-left:1.5rem; margin-top: 140px; }
.techDetail h3 { font-size:1.2rem; font-weight:600;}  
.counterBlock { padding:1rem 0;}
.counterText { font-size:1rem }
.serviceCard01, .serviceCard02, .serviceCard03, .serviceCard04, .serviceCard05, .serviceCard06  { background-repeat: no-repeat; background-position: 10% -70px;background-size: 45% 75%;}
.projectText { font-size:1rem;}
.addressInfo {margin: 1.5rem 0;}
.ftr-title-hide { display: none;}
}