@charset "utf-8";
/*----------
default css
----------*/
/*browser scroll bar hide css start*/
@media (prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: inherit !important;
    }
}
@-moz-document url-prefix() { /* Disable scrollbar Firefox */
    html{ scrollbar-width: none; }
}
body { /* remove default margin */ scrollbar-width: none; /* Also needed to disable scrollbar Firefox */ -ms-overflow-style: none;  /* Disable scrollbar IE 10+ */ overflow-y: scroll; }
body::-webkit-scrollbar { width: 0px; background: transparent; /* Disable scrollbar Chrome/Safari/Webkit */ }
body.tt-magic-cursor #magic-cursor {display: block;}
/*browser scroll bar hide css end*/

/*reset css start*/
*:focus { outline: none; border: none; }
*, *::after, *::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0;  outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body {margin: 0; background: #fff; font-family: "Poppins", sans-serif; font-size: 18px; font-weight: 400; color: #252B33; line-height: 28px; text-rendering: optimizeLegibility; -webkit-text-size-adjust: 100%;word-wrap: break-word; }
p { margin-bottom: 20px; }
b, strong { font-weight: 600;  }
small { color: #555; font-size: 14px; display: block; margin-bottom: 0px; }
svg:not(:root) { overflow: hidden; }
blockquote, q { quotes: none; }
blockquote::before, blockquote::after, q::before, q::after { content: ''; content: none; }
a { outline: 0px; border: 0px; cursor: pointer; color: #FF4100; text-decoration: none; outline: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
a:hover { color: #041B01; }
audio, canvas, progress, video { display: inline-block; vertical-align: top; }
audio:not([controls]) { display: none; height: 0; }
ul, li, ol { list-style: none; margin: 0px; padding: 0px; }
ul li, ol li { position: relative; margin: 0px; padding: 0px; }
ol { counter-reset: item; }
ol li::before { content: counters(item, ".") ". "; counter-increment: item; }
h1, h2, h3, h4, h5, h6 { font-family: "Poppins", sans-serif;color: #041B01; line-height: 1.1; word-wrap: break-word;font-weight: 600; }
h1, h2 { font-size: 60px;  margin-bottom: 30px;font-weight: 700; }
h3, .title3 { font-family: "Poppins", sans-serif; font-size: 30px; margin-bottom: 20px; }
h4, h5, h6 { font-size: 20px; margin-bottom: 20px;}
img { max-width: 100%; vertical-align: top; height: auto; }
footer { background-color: #041B01; color: #999999; width: 100%; }
footer a { color: #999999; }
footer a:hover { color: #fff; }
footer h4{color: #fff;}
input[type="text"], input[type="email"], input[type="password"], 
input[type="number"], textarea, input[type="tel"],
input[type="date"], select {box-shadow: 0px !important; -webkit-box-shadow: 0px !important; -ms-box-shadow: 0px !important; -moz-box-shadow: 0px !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0;}
/*reset css end*/

/*----------
theme css
----------*/
/*margin classes start*/
.mb-20{margin-bottom: 20px;}
.mb-25{margin-bottom: 25px;}
.mb-30 { margin-bottom: 30px; }
.mb-50 { margin-bottom: 50px; }
.mb-100 { margin-bottom: 100px; }
.mb-150 { margin-bottom: 150px; }
.mb-200 { margin-bottom: 200px; }
.mb-250 {margin-bottom: 250px;}
.m-tb-100 { margin: 100px 0px; }
/*margin classes end*/

/*padding classes start*/
.pt-200 { padding-top: 200px; }
.pt-150 { padding-top: 150px; }
.pb-150 { padding-bottom: 150px; }
.pt-170 { padding-top: 170px; }
.pb-200 { padding-bottom: 200px; }
.pt-250 {padding-top: 250px;}
.pb-250 {padding-bottom: 250px;}
.p-tb-100 { padding: 100px 0px; }
.p-tb-200 { padding: 200px 0px; }
.p-tb-250 { padding: 250px 0px; }
.p-tb-300 { padding: 300px 0px; }
.pa-40{padding: 50px;}
/*padding classes end*/

/* typo font size class */
.text-100 h1, .text-100 h2, .text-100 h3 { font-size: 100px;line-height: 1.1; }
.text-70{font-size: 70px;line-height: 1.2;}
.text-30{font-size: 30px;line-height: 1.3;}
.text-gradiant h1, .text-gradiant h2, .text-gradiant h3 {padding-bottom: 5px; background: linear-gradient(90deg, #FF4100 0%, #FFAA00 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent; }
.text-gradiant {background: linear-gradient(90deg, #FF4100 0%, #FFAA00 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent; }
.fw-500{font-weight: 500;}
.fw-600{font-weight: 600;}
.fw-700{font-weight: 700;}
.innerbannertop .text-100  h1, .innerbannertop .text-100 .innerbannertop  h2{padding-bottom: 8px;}
/* typo font size class end */

/*common classes start*/
.black-bg { background: #000; color: #999; }
.white-txt { color: #fff !important; }
.title-txt{color: #041B01;}
.page-offset { padding-top:220px; }
.z-index-1 { z-index:1; }
.bullet ul li { position:relative; margin-bottom:10px; padding-left:20px; }
.bullet ul li:before { position:absolute; content: ''; width:6px; height:6px; left:0px; top:10px; background:#FF4100; border-radius:50%; }
.border-radius-15{border-radius: 15px;}
.bottom-border-gray{border-bottom: 1px solid #ddd;}
.form-control{background-color: transparent;border: 1px solid #ddd; padding: 12px 20px;border-radius: 8px; color: #252B33; height: initial;line-height: 1;font-size: 18px;}
.form-control:focus { color: #252B33; border-color: #FF4100; background-color: transparent; outline: 0; -webkit-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; }
.form-control::-webkit-input-placeholder { color: #999999;font-weight: 400; }
.form-control::-moz-placeholder { color: #999999; opacity: 1;font-weight: 400; }
.form-control::-ms-input-placeholder { color: #999999;font-weight: 400; }
.form-control:focus::-webkit-input-placeholder { color: #252B33;font-weight: 400; }
.form-control:focus::-moz-placeholder { color: #252B33; opacity: 1;font-weight: 400; }
.form-control:focus::-ms-input-placeholder { color: #252B33;font-weight: 400; }
textarea.form-control, textarea{height: 120px;}
label{margin-bottom: 10px;color: #555;}
select.form-control, select{background-image: url(../img/select-arrow.svg);background-repeat: no-repeat;background-position: right 20px center;padding: 15px 20px 16px;}
.img-scale{overflow: hidden;position: relative;}
.img-scale img{transform: scale(1);transition: all 0.5s ease;}
.img-scale:hover > img {transform: scale(1.1);}
/*common classes end*/

/*--button css start--*/
.btn-fill{display: inline-flex;background-color: #041B01;border: 1px solid #041B01;border-radius: 7px;text-transform: uppercase; color: #fff;letter-spacing: 0.75px; padding: 15px 30px;line-height: 1;font-size: 15px;font-weight: 600;}
.btn-fill::after{content: '';width: 12px;height: 12px;position:relative;top:1px;margin-left:10px;background-image: url(../img/btn-arrow-sm.svg);background-repeat: no-repeat;background-size: 24px;background-position: top right;transition: all 0.4s ease-in-out;}
.btn-fill:hover{background-color: #FF4100;border-color: #FF4100;color: #fff;}
.btn-fill:hover::after{background-position: bottom left;}
.btn-outline{display: inline-flex;background-color: transparent;border: 1px solid #041B01;color: #041B01;letter-spacing: 0.75px;  border-radius: 7px;text-transform: uppercase; padding: 15px 30px;line-height: 1;font-size: 15px;font-weight: 600;}
.btn-outline::after{content: '';width: 12px;height: 12px;position:relative;top:1px;margin-left:10px;background-image: url(../img/btn-arrow-black.svg);background-repeat: no-repeat;background-size: 24px;background-position: top right;transition: all 0.4s ease-in-out;}
.btn-outline:hover{background-color: #041B01;color: #fff;}
.btn-outline:hover::after{background-position: bottom left;}
.btn-link-arrow{text-transform: uppercase;font-size: 15px;font-weight: 600;display: inline-flex;line-height: 1;color: #041B01;}
.btn-link-arrow::after{content: '';width: 12px;height: 12px;position:relative;top:1px;margin-left:10px;background-image: url(../img/btn-link-arrow-black.svg);background-repeat: no-repeat;background-size: 24px;background-position: top right;transition: all 0.4s ease-in-out;}
.btn-link-arrow:hover::after{background-position: bottom left;}
.btn-link-arrow:hover{color: #FF4100;}
.btn-circle{border-radius: 100%;background-color: #041B01;display: inline-flex;align-items: center;justify-content: center;width: 100px;height: 100px;position: relative;}
.btn-circle::after{content: '';width: 31px;height: 31px;background-image: url(../img/arrow-lg.svg);background-repeat:no-repeat;background-position: top right;transition: all 0.4s ease-in-out;background-size: 61px;}
.btn-circle:hover::after{background-position: bottom left;}
.btn-circle:hover{background-color: #FF4100;}
.btn-submit{position: relative;}
.btn-submit input[type="submit"]{background-color: #041B01;border: 1px solid #041B01;border-radius: 7px;text-transform: uppercase; color: #fff;letter-spacing: 0.75px; padding: 15px 50px 15px 30px;line-height: 1;font-size: 15px;font-weight: 600;}
.btn-submit::after{content: '';width: 12px;height: 12px;position:absolute;right:30px;top: 17px; background-image: url(../img/btn-arrow-sm.svg);background-repeat: no-repeat;background-size: 24px;background-position: top right;transition: all 0.4s ease-in-out;}
.btn-submit:hover input[type="submit"]{background-color: #FF4100;border-color: #FF4100;color: #fff;}
.btn-submit:hover::after{background-position: bottom left;}
/*--button css end--*/



/* header css start */
header { padding: 30px 0px; top:0; left:0; z-index:10;position: fixed;width: 100%;  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.logo, header .btn-outline{transform: translateX(0px); transition: all 0.3s ease-in-out;}
.logo a{display: block;}
header.sticky {background-color: #fff;padding: 15px 0px;}
header.sticky .logo{transform: translateX(30px);}
header.sticky .btn-outline{transform: translateX(-30px);}
a.menu-toggle {width: 24px;display: none;flex-wrap: wrap;align-items: center;justify-content: end;}
.icnline { background-color: #041B01; transition: all 0.3s ease; width: 100%; height: 2px; margin-bottom: 5px;vertical-align: middle; line-height: 1; }
.icnline:last-child{margin-bottom: 0px;}
.navmenu >ul { margin: 0px; padding: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.navmenu > ul > li { position: relative; list-style: none; padding:0px 20px; margin-bottom: 0px; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; width: initial;line-height: 1; }
.navmenu > ul > li.menu-item-has-children,.mainheader.sticky .navmenu > ul > li.menu-item-has-children {padding-right: 30px;}
.navmenu > ul > li.menu-item-has-children::before {margin-top: 10px; content: ''; width: 10px; height: 10px; display: inline-block; transition: all 0.2s ease; vertical-align: top;right: 10px; position: absolute; background-image: url(../images/chevron-down-white.svg);background-repeat: no-repeat; background-position: left center;}
.navmenu > ul > li > a {color: #041B01; display: inline-block; font-size: 15px; position: relative;text-transform: uppercase;}
.navmenu > ul > li ul { left: 0%; display: none; position: absolute; top: 100%; width: 250px; margin: 0px; background: #fff; padding:10px 20px; box-shadow: 0px 3px 7px -2px rgba(0, 0, 0, 0.2) }
.navmenu > ul > li:hover ul{display: block;}
.navmenu > ul > li ul li ul { top: 0px; left: 100%;}
.navmenu > ul > li > ul > li { padding: 15px 0px 15px 0px;margin-bottom: 0px; position: relative;border-bottom:1px solid #ddd}
.navmenu > ul > li > ul li:last-child { border: none; }
.navmenu > ul > li > ul li::before { top: 25px; }
.navmenu > ul > li > ul li a { display: block; color: #041B01; position: relative;text-transform: uppercase;font-size:15px; }
.navmenu > ul > li > a:hover,
.navmenu > ul > li > a.active,
.navmenu > ul li.current-menu-item > a,
.navmenu > ul li.current-menu-ancestor > a,
.navmenu > ul > li > ul li a:hover{ color: #FF4100; }
.closebtn { z-index: 5; position: absolute; top: 20px; right: 20px; width: 20px; height: 20px; border: none; background-color: transparent; padding: 0px; transform: rotate(45deg);display: inline-flex;align-items: center;justify-content: center; }
.closebtn::after { background-color: #fff; width: 100%; height: 2px; content: ''; display: inline-block; vertical-align: middle; transition:all 1.5s cubic-bezier(0.075, 0.82, 0.165, 1);}
.closebtn::before { background-color: #fff; height: 100%; width: 2px; position: absolute; top: 0px; content: '';transition:all 1.5s cubic-bezier(0.075, 0.82, 0.165, 1); }
.sub-menu-arrow {text-align: center; overflow: hidden;padding: 8px 10px;margin-left: 0px;display: none;vertical-align: top;line-height: 1;cursor: pointer;position: absolute;right: -20px; }
.navarrow { display: inline-block; vertical-align: top; position: relative; width: 16px; height: 16px;}
.navarrow::before { content: ''; width: 16px; height: 16px;background-size: 16px; display: inline-block; transition: all 0.2s ease;
vertical-align: top; position: absolute; background-image: url(../images/menu-down-arrow.svg);background-repeat:  no-repeat; background-position: left center; left: 0px; }
.navarup::before { transform: rotate(180deg); }
.black-overlay { z-index: 50; background-color: rgba(0, 0, 0, 0.5); content: ''; position: fixed; right: 0px; height: 100%; width: 100%; top: 0px; display: none; }
.menuinfomobile{display: none;}
/* header css end */

/* homepage css start */
.herotopbanner{height: 100vh;overflow: hidden;background: url(../img/homepage-banner-bg.jpg) no-repeat top center;background-size: cover;}
.btm-scroll{position: absolute;bottom: 30px;left: 50%;transform: translateX(-50%);z-index: 1;}
.mousericon{width: 22px;height: 32px;border: 2px solid #000;display: inline-block;position: relative;border-radius: 10px;text-align: center;}
.mwheel{background-color: #000000;height: 10px;width: 2px;margin-top: 5px; border-radius: 10px;display: inline-block;vertical-align: top;  animation: movePointer 1.5s infinite ease-in-out; }
.clinetslider .slick-slide{padding: 0px 12px;}
.clientlogo{min-height: 100%;display: flex;align-items: center; justify-content: center;}
.servicesbox{padding: 40px;min-height: 100%;}
.servicesbox h3{padding-right: 30px}
.icntopright{position: absolute;top: 40px;right:35px;}
.servcenter .servicesbox{padding: 0px 90px;}
.lastmbnone :last-child{margin-bottom: 0px;}
.nav-pills{border-bottom: 1px solid #ddd;margin-bottom: 30px;}
.nav-link, .nav-pills .nav-link{padding: 0px 40px 20px;font-size: 15px;font-weight: 600;text-transform: uppercase;color:#041B01;letter-spacing: 1px;border-bottom: 2px solid transparent;border-radius: 0px;}
.nav-link:focus, .nav-link:hover{color:#041B01;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{background-color: transparent;color:#041B01;border-bottom: 2px solid #FF4100;border-radius:0px;}
.borderbox{border: 1px solid #ddd;padding: 30px;}
.iconboxitem > img{display: inline-block;margin-bottom: 30px;filter: grayscale(1);}
.iconboxitem::before{content: '';position: absolute;}
.iconboxitem span{display: block;transition: all 0.2s ease-in-out;}
.technoslider{margin: 0px -12px;}
.technoslider .slick-slide{padding: 0px 12px;}
.arrowicn{position: absolute;bottom: 35px;left: 50%;transform: translateX(-50%);opacity: 0;transition: all 0.3s ease-in-out;}
.iconboxitem{overflow: hidden;color: #252B33;display: block;cursor: inherit;}
/* .iconboxitem:hover{border: 1px solid transparent;background:linear-gradient(white, white) padding-box, linear-gradient(90deg, #FF4100 0%, #FFAA00 100%) border-box;} */
/* .iconboxitem:hover > img{filter: grayscale(0);} */
/* .technoslider .iconboxitem:hover .arrowicn{opacity: 1;}
.technoslider .iconboxitem:hover span{opacity: 0;} */
.visionitems{display: flex;align-items: flex-start;justify-content: space-between;padding-bottom: 50px;margin-bottom: 50px;}
.visionrow .visionitems:last-child{margin-bottom: 0px;}
.workrightcontent .visionitems:last-child{margin-bottom: 100px;}
.visionitems span{min-width: 120px;margin-top:2px;}
.visionitems .icnimg{margin-top: 5px;}
.viscontent{width: 90%;padding-right: 20px;}
.proimpactrow{background-image: url(../img/counter-gradiant-bg.jpg);background-repeat: no-repeat;background-position: top center;}
.testimonislider i{position: absolute;top: -21px;left: 50%;transform: translateX(-50%);}
.testimonislider .slick-track{padding-top: 20px;}
.testimonislider .slick-slide{padding: 0px 12px 0px;text-align: center;}
.testimonislider .borderbox{border-color: #FF4100;border-width: 2px;padding: 50px;min-height: 100%;}
.datecol{display: block;margin-bottom: 5px;}
.insightworkrow .bottom-border-gray{padding-bottom: 50px;margin-bottom: 50px;}
.footercalltoaction{padding: 150px 0px;background: url(../img/footer-bg.jpg) no-repeat;background-size: cover;background-position: top center;}

/* footer css start */
.footermain{padding: 150px 0px 50px;}
.footermain a{font-size: 16px;}
.footerlogo{margin-bottom: 30px;}
.cntinfo span{display: block;font-size: 16px;}
.cntinfo a{color: #fff;}
.footerlink ul li{margin-bottom: 10px;}
.footerbottom{border-top: 1px solid #333;padding-top: 50px;}
.socialicon{display: flex;align-items: center;line-height: 1;justify-content: flex-end;}
.socialicon a{margin-left:30px;line-height: 1;}
.socialicon a svg{fill: #999999;width: 18px;}
.socialicon a:hover svg{fill: #FFFFFF;}
.socialicon a svg.storkicn{stroke: #999999;fill: none;}
.socialicon a:hover svg.storkicn{stroke: #FFFFFF;fill: none;}
 .copyright{font-size: 14px;}
 .footercalltoaction h2{padding-bottom: 5px;}
/* footer css end */

/* about page css start */
.innerbannertop{background-image: url(../img/about-top-banner-bg.jpg);background-repeat: no-repeat;background-position: top center;background-size: cover;}
.whitboxcol{background-color: #FFFFFF;padding: 40px;}
.vismivaluerow{background:url(../img/homepage-banner-bg.jpg) no-repeat top center;}
.vismivaluerow .iconcol{min-height: 50px;display: block;margin-bottom: 20px;}
.vismivaluerow .whitboxcol{min-height: 100%;}
.valueslider .servicesbox{border: 1px solid #ddd;}
.valueslider{margin: 0px -12px;}
.valueslider .slick-slide{padding: 0px 12px;}
.imgabscol{position: absolute;top:0px;left: 0px;opacity: 0;transition: all 0.3s ease-in-out;}
.imgwrapper .imgabscol:first-child{position: relative;}
.imgabscol.active{opacity: 1;}
.workrightcontent .visionitems .icnimg{margin-right: 50px;flex-shrink: 0;}
.workrightcontent .viscontent{flex: 1;padding-right: 0px;}
.workrightcontent .viscontent ul li{color: #041B01;margin-bottom: 10px;}
.workrightcontent .viscontent ul li:last-child{margin-bottom: 0px;}
.workrightcontent .visionitems{opacity: 0.30;transition: all 0.3s ease-in-out;flex-wrap: wrap;justify-content: flex-start;}
.workrightcontent .visionitems.active{opacity: 1;}
.imgstickycol{position: sticky;top: 20vh;}
.workbestcontent{display: flex;align-items: flex-start;}
.mobileimg{display: none;}
/* about page css end */

/* engagement modal css start */
.table{--bs-table-border-color:#ddd}
.table thead tr th{border-top: 1px solid #ddd;padding: 20px;color: #041B01;font-weight: 600;}
.table thead tr th:first-child, .table tbody tr td:first-child{padding-left: 0px;}
.tablecol .table tbody td{padding: 40px 20px 40px;}
.tablecol .table tbody tr td:first-child{min-width: 300px;}
.tablecol .table h3{margin-bottom: 0px;}
/* engagement modal css end */

/* services css start */
.iconsmitems{margin: 0px -5px 30px;padding-top: 10px;}
.icnsmcol{width: 64px;height: 64px;display: inline-flex;align-items: center;justify-content: center;border: 1px solid #ddd;border-radius: 8px;padding: 10px;}
.icnsmcol  img{display: inline-block;filter: grayscale(1);}
.iconlist{padding: 0px 5px;margin-bottom: 10px;}
.serviceslistrow ul{display: flex;flex-wrap: wrap;}
.serviceslistrow ul li{width: 50%;padding-right: 20px;}
.projectitem{display: flex;flex-direction: column;color: #252B33;min-height: 100%;}
.projectitem .workimg{border-radius: 15px 15px 0px 0px;}
a.projectitem img{transform: scale(1);transition: all 0.5s ease;}
a.projectitem:hover  img {transform: scale(1.1);}
.projectdetail{padding: 20px 40px 40px;border: 1px solid #ddd;border-radius: 0px 0px 15px 15px;flex: 1;}
.projectitem small{font-size: 14px;margin-bottom: 5px;display: block;color: #999;}
.tagname span{text-transform: uppercase;font-size: 14px;border: 1px solid #ddd;color: #999; border-radius: 8px;padding:5px 10px;}
/* services css end */


/*contct form css start*/
p.error{font-size: 14px;margin: 5px 0px 0px;color:#FF0000;}
.alert{margin: 20px 0px 0px;}

/* animation css start */
.maskclipleft{clip-path: inset(0 100% 0 0); -webkit-clip-path: inset(0 100% 0 0);overflow: hidden;}
.maskclipright{clip-path: inset(0 0 0 100%); -webkit-clip-path: inset(0 0 0 100%);overflow: hidden;}

 @keyframes movePointer {
    0% { transform: translate(0, 0px);opacity: 1; }
    70% { transform: translate(0px,7px);opacity: 1; }
    100% { transform: translate(0, 0);opacity: 0; }
  }

.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s }
@-webkit-keyframes fadeInUp {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes fadeInUp {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@-webkit-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn }
@-webkit-keyframes fadeInDown {
    0% { opacity: 0; -webkit-transform: translateY(-50px); transform: translateY(-50px); }
    100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes fadeInDown {
    0% { opacity: 0; -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); }
    100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown }
@-webkit-keyframes fadeInLeft {
    0% { opacity: 0; -webkit-transform: translateX(-50px); transform: translateX(-50px); }
    100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
}
@keyframes fadeInLeft {
    0% { opacity: 0; -webkit-transform: translateX(-50px); -ms-transform: translateX(-50px); transform: translateX(-50px); }
    100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
@-webkit-keyframes fadeInRight {
    0% { opacity: 0; -webkit-transform: translateX(50px); transform: translateX(50px); }
    100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
}
@keyframes fadeInRight {
    0% { opacity: 0; -webkit-transform: translateX(50px); -ms-transform: translateX(50px); transform: translateX(50px); }
    100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }
@-webkit-keyframes fadeInUp {
    0% { opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px); }
    100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes fadeInUp {
    0% { opacity: 0; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); }
    100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
@-webkit-keyframes slideInLeft {
    from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; opacity: 0; }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
@keyframes slideInLeft {
    from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; opacity: 0; }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
.slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; }
@-webkit-keyframes slideInRight {
    from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; opacity: 0; }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
@keyframes slideInRight {
    from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); opacity: 0; visibility: visible; }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
.slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; }
/* animation css start */

/*----------
media query css
----------*/
@media only screen and (min-width:1550px){
	.container {max-width: 1536px;}
}
@media only screen and (min-width:1200px){
	.menuhide{display: none;}
    .cntbtn-right{min-width: 165px;}
}

@media only screen and (max-width:1730px){
    .text-100 h1, .text-100 h2, .text-100 h3{font-size: 80px;}
    .text-100 h1, .text-100 h2, .text-100 h3{font-size: 80px;}
    .text-30{font-size: 26px;}
    h1, h2{font-size: 48px;}
    h3, .title3{font-size: 26px;}
    .mb-250{margin-bottom: 200px;}
    .pt-250{padding-top: 200px;}
    .pb-250{padding-bottom: 200px;}
    .p-tb-250{padding: 200px 0px;}
}
@media only screen and (max-width:1440px){
    .text-100 h1, .text-100 h2, .text-100 h3{font-size: 80px;}
    .text-30{font-size: 26px;}
    h1, h2{font-size: 48px;}
    h3, .title3{font-size: 26px;}
    .mb-250{margin-bottom: 170px;}
    .pt-250{padding-top: 170px;}
    .pt-170{padding-top: 130px;}
    .pb-250{padding-bottom: 170px;}
    .p-tb-250{padding: 170px 0px;}
    .pb-150{padding-bottom: 100px;}
    .mb-150{margin-bottom: 100px;}
    .mb-100{margin-bottom: 70px;}
    .testimonislider .borderbox{padding: 50px 30px 30px;}
    .tablecol .table tbody tr td:first-child {min-width: 220px;}  
    .workrightcontent .visionitems:last-child {margin-bottom: 60px;}  
}
@media only screen and (max-width:1366px){
    .text-100 h1, .text-100 h2, .text-100 h3 {font-size: 60px;}
    h1,h2{margin-bottom: 20px;font-size: 40px;}
    h3, .title3{margin-bottom: 15px;}
    .text-30, h3, .title3{font-size: 24px;}
    .text-70{font-size: 50px;}
    .mb-50{margin-bottom: 30px;}
    .clientlogo{padding: 0px 20px;}
    header.sticky .logo{transform: translateX(20px);}
    header.sticky .btn-outline {transform: translateX(-20px);}
    .servicesbox{padding: 20px;}
    .icntopright{top: 20px;right: 20px;}
    .servcenter .servicesbox {padding: 0px 50px;}
    .borderbox{padding: 20px;}
    .iconboxitem > img{margin-bottom: 20px;}
    .arrowicn {bottom: 25px;}
    .footercalltoaction{padding: 100px 0px;}
    .footermain{padding: 100px 0px 50px;}
    .btn-circle{width: 80px;height: 80px;}
    .btn-circle::after{width: 25px;height: 25px;background-size: 50px;}
    .visionitems{padding-bottom: 30px;margin-bottom: 30px}
    .workrightcontent .visionitems:last-child {margin-bottom: 50px;}  
    .imgstickycol{top: 18vh;}
    
}
@media only screen and (max-width:1280px){
    .text-100 h1, .text-100 h2, .text-100 h3 {font-size: 50px;}
    .mb-250{margin-bottom: 150px;}
    .pt-250{padding-top: 150px;}
    .pb-250{padding-bottom: 150px;}
    .p-tb-250{padding: 150px 0px;}

}
@media only screen and (max-width:1200px){
    body{font-size: 16px;line-height: 24px;}
    header.sticky .logo, header.sticky .btn-outline {transform: none;}
    header, header.sticky{padding: 15px 0px;}
    a.menu-toggle{display: inline-flex;}
    .logo{max-width: 120px;}
    
    .mb-250 {margin-bottom: 120px;}
    .pt-250 {padding-top: 120px;}
    .pt-170{padding-top: 120px;}
    .pb-250{padding-bottom: 120px;}
    .p-tb-250{padding: 120px 0px;}
    .pb-150{padding-bottom: 80px;}
    .mb-150{margin-bottom: 80px;}
    .mb-100{margin-bottom: 50px;}
    .navmenu { overflow: auto; z-index: 50;padding: 80px 30px; position: fixed; overflow: auto; height: 100%; width: 420px; background: #041B01; right: -100%; top: 0px; -webkit-transition: right 0.9s; -o-transition: right 0.9s; transition: right 0.9s;  }
    .navmenu.slide { right: 0px; }
    .navmenu > ul > li{width: 100%;margin-bottom: 40px;padding: 0px;}
    .navmenu > ul > li > a{color: #fff;font-size: 30px;font-weight: 600;}
    .servicesbox {padding: 30px;}
    .servicesbox p{margin-bottom: 0px;}
    .icntopright { top: 30px;right: 30px;}
    .servcenter .servicesbox {padding: 0px;}
    .servcenter .servicesbox h2 br{display: none;}
    .servicesrow .row{justify-content: center;}
    .nav-link, .nav-pills .nav-link{padding: 0px 20px 10px;}
    .visionitems{padding-bottom: 30px;margin-bottom: 30px;}
    .clientlogo{padding: 0px;}
    .maskclipright, .maskclipleft{clip-path: inherit;}
    .visionitems span{min-width:60px;}
    .footerlink ul li{font-size: 16px;}
    .insightworkrow .bottom-border-gray{padding-bottom: 30px;margin-bottom: 30px;}
    .footerbottom .row{align-items: flex-start;}
    .footerbottom{padding-top: 30px;}
    .imgstickycol{display: none;}
    .workrightcontent .visionitems{opacity: 1;}
    .mobileimg{display: inline-block;}
    .workrightcontent .mobileimg{width: 50%;padding-right: 30px;}
    .workrightcontent .mobileimg.mb-20{margin-bottom: 0px}
    .workbestcontent{width: 50%;padding-left: 20px;}
    .workbestcontent .mb-20{margin-bottom: 10px;}
    .workrightcontent .visionitems .icnimg{margin-right: 20px;margin-top: 0px;}
    .servicesrow .row{justify-content: center;}
    .tablecol .table tbody tr td:first-child { min-width: 200px;}
    .table thead tr th{padding: 10px;}
    .tablecol .table tbody td{padding: 20px 10px;}
    .serviceslistrow ul li{padding-right: 10px;}
    .iconsmitems{margin-bottom: 10px;padding-top: 0px;}
    .cntbtn-right .btn-outline{display: none;}
     .menuinfomobile{display: inline-block;position: absolute;bottom: 0px;left: 0px;width: 100%; padding: 0px 30px 20px;}
    .menuinfomobile a{font-size: 18px;margin-bottom: 10px;display: block;}
    .workrightcontent .visionitems:last-child{margin-bottom: 0px}
   
}
@media only screen and (max-width:992px){
    .text-30{font-size: 20px;}
    .workrightcontent .mobileimg{width: 40%;}
    .workbestcontent{width: 60%;}
    .serviceslistrow .row [class*="col-"]:first-child{margin-bottom: 30px;}
    .projectdetail{padding: 20px 30px 30px;}

}
@media only screen and (max-width:768px){
	
}
@media only screen and (max-width:767px){
    .container{padding: 0px 20px;}
    .border-radius-15{border-radius: 10px;}
    .text-100 h1, .text-100 h2, .text-100 h3{padding-bottom: 5px;}
    .text-100 h1, .text-100 h2, .text-100 h3, h1, h2 {font-size: 30px;}
    h1 br, h2 br{display: none;}
     h3, .title3 {font-size: 22px;}
    .btn-circle{width: 60px;height: 60px;}
    .btn-circle::after {width: 20px;height: 20px;background-size: 40px;}
    .navmenu{width: 100%;padding: 60px 30px;}
    .mb-250{margin-bottom: 90px;}
    .pt-250{padding-top: 90px;}
    .mb-50{margin-bottom: 20px;}
    .p-tb-250{padding: 90px 0px;}
    .pb-250{padding-bottom: 90px;}
    .pt-170{padding-top: 100px;}
    .pb-150 {padding-bottom: 80px;}
    .mb-150{margin-bottom: 80px;}
    .logo {max-width: 100px;}
    /* .clientlogo img{max-width: 100px;} */
    .innerbannertop .mb-30{margin-bottom: 20px;}
    .servcenter .servicesbox p{margin-bottom: 0px;}
    .nav-pills{flex-wrap: nowrap;overflow-x: auto;justify-content: flex-start;}
    .nav-pills li{flex-shrink: 0;}
    .visionitems{flex-wrap: wrap;padding-bottom: 20px;margin-bottom: 20px;}
    .visionitems span{margin: 0px 0px 10px;}
    .visionitems .icnimg{margin-top: 0px;}
    .proimpactrow .row [class*='col-'], 
    .dedocatedteamrow .row [class*='col-']:last-child,
    .bottom-border-gray  .row [class*='col-']:first-child,
    .vismissionrow [class*='col-']:first-child,
    .aboutwhorow  .row [class*='col-']:first-child,
    .contactfrmrow .row [class*='col-']:first-child{margin-bottom: 20px;}
    .proimpactrow .row [class*='col-']:last-child,
    .servboxrow [class*='col-']:last-child{margin-bottom: 0px;}
    .dedocatedteamrow .row{flex-direction: column-reverse;}
    .testimonislider{margin: 0px -5px;}
    .testimonislider .borderbox{padding: 30px 20px;}
    .testimonislider .slick-slide{padding: 0px 5px;}
    .footercalltoaction{padding: 50px 0px;}
    .footermain{padding: 60px 0px 30px;}
    .footerbottom .row{flex-direction: column-reverse;}
    .socialicon{justify-content: flex-start;margin-bottom: 20px;}
    .socialicon a{margin-left: 0px;margin-right: 20px}
    /*.servicesbox h3 br{display: none;}*/
    .icntopright {top: 25px;right: 25px;}
    .whitboxcol{padding: 30px;}
    .vismissionrow [class*='col-']:last-child .whitboxcol{padding-bottom: 0px;}
    .workrightcontent .mobileimg{width: 100%;padding-right: 0px;}
    .workbestcontent{width: 100%;padding-left: 0px;}
    .workrightcontent .visionitems{padding-bottom: 30px;margin-bottom: 30px;}
    .workrightcontent .visionitems:last-child{margin-bottom: 0px;}
    .workingbestrow .mb-100{margin-bottom: 30px;}
    .tablecol .table tbody tr td:first-child, .tablecol .table tbody tr td{min-width: 150px;}
    .serviceslistrow .row [class*="col-"]:first-child{margin-bottom: 20px;}
    .serviceslistrow ul li{width: 100%;}
    .serviceslistrow ul li:last-child{margin-bottom: 0px;}
    .visionrow .row [class*="col-"]:first-child,
    .aboutwhorow .row, .dedocatedteamrow .row{text-align: center;}
    .copyright{font-size: 11px;}
    .cntinfo.mb-30 {margin-bottom: 10px;}
    footer h4{margin-bottom: 15px;}
    .footermain .mb-50{margin-bottom: 30px;}
    .cntbtn-right .btn-outline{padding: 7px 12px;}
    .bullet ul li{margin-bottom: 5px;}
    .bullet ul li:before{top: 9px;}
    .herotopbanner .text-30{font-size: 18px;}
    .iconboxitem > img {margin-bottom: 15px;}
    .btn-outline, .btn-fill{padding: 12px 20px;font-size: 13px;}
    .btn-submit input[type="submit"]{font-size: 13px;padding: 12px 40px 12px 20px;}
    .btn-submit::after{top: 14px;right: 20px;}
    .form-control{padding: 9px 20px;font-size: 16px;}
    select.form-control{padding: 13px 20px;}
    textarea.form-control, textarea{height: 100px;}
    .contactfrmrow .mb-30{margin-bottom: 20px;}
    .workrightcontent .mobileimg.mb-20{margin-bottom: 20px}
    .innerbannertop .text-100  h1, .innerbannertop .text-100 .innerbannertop  h2 {padding-bottom: 5px;}

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

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

}
@media only screen and (max-width:390px){
    .navmenu > ul > li > a{font-size: 27px;}
}

.grecaptcha-badge { 
       visibility: hidden;
}