@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 */ }

/*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: "DM Sans", sans-serif; font-size: 18px; font-weight: 400; color: #555555; line-height: 26px; text-rendering: optimizeLegibility; -webkit-text-size-adjust: 100%;word-wrap: break-word; }
p { margin-bottom: 20px; }
b, strong { font-weight: 700;  }
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: #F15B2D; text-decoration: none; outline: none; -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; }
a:hover { color: #00A69C; }
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 { color: #000000; line-height: 1.1; word-wrap: break-word;font-weight: 600;}
h1, h2 { font-size: 80px;  margin-bottom: 30px;font-weight: 700;letter-spacing: -1px; }
h3 {  font-size: 25px; margin-bottom: 20px; }
h4, h5 { font-size: 25px; margin-bottom: 20px;}
img { max-width: 100%; vertical-align: top; height: auto; }
footer { background-color: #000000; color: #DDDDDD; width: 100%; }
footer a { color: #DDDDDD; }
footer a:hover { color: #00A69C; }
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-10{margin-bottom: 10px;}
.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;}
.mb-300 {margin-bottom: 300px;}
.m-tb-100 { margin: 100px 0px; }
.mt-300{margin-top: 300px;}
/*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;}
.pb-300 {padding-bottom: 300px;}
.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;}
.pb-30{padding-bottom: 30px;}
/*padding classes end*/

/* typo font size class */
.youngserif{font-family: "Young Serif", serif;font-weight: 400;}
.text-120 h1, .text-120 h2, .text-120 h3, .text-120 { font-size: 120px;line-height: 1;}
.text-35{font-size: 35px;line-height: 1.3;letter-spacing: -0.5px;}
.text-25{font-size: 25px;line-height: 1.3;letter-spacing: -0.5px;}
.fw-500{font-weight: 500;}
.fw-600{font-weight: 600;}
.fw-700{font-weight: 700;}
.text-orange{color: #F15B2D;}
.text-green {color: #00A69C;}
.text-16{font-size: 16px;}
.let-space-1{letter-spacing: 1px;}
.lastmbnone :last-child{margin-bottom: 0px;}
/* typo font size class end */

/*common classes start*/
.black-bg { background: #000; color: #fff; }
.black-bg h1, .black-bg h2, .black-bg h3, .black-bg h4, .black-bg h5{ color: #fff; }
.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{border-bottom: 1px solid #ddd;}
.form-control{background-color: transparent;border: 1px solid #555555; padding:20px;border-radius: 0px; color: #fff; height: initial;}
.form-control:focus { color: #fff; border-color: #00A69C; 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: #555555;font-weight: 400; }
.form-control::-moz-placeholder { color: #555555; opacity: 1;font-weight: 400; }
.form-control::-ms-input-placeholder { color: #555555;font-weight: 400; }
.form-control:focus::-webkit-input-placeholder { color: #fff;font-weight: 400; }
.form-control:focus::-moz-placeholder { color: #fff; opacity: 1;font-weight: 400; }
.form-control:focus::-ms-input-placeholder { color: #fff;font-weight: 400; }
textarea.form-control, textarea{height: 100px;resize: none;}
label{margin-bottom: 10px;color: #fff;}
select.form-control, select{background-image: url(../img/select-arrow.svg);background-repeat: no-repeat;background-position: right 20px center;}
.left-border-gr{border-left: 1px solid #00A69C;padding-left: 20px;}
.border-bottom-gr{border-bottom: 1px solid #00A69C;}
/*common classes end*/

/*--button css start--*/
.btn-fill{display: inline-flex;align-items: center; background-color: #F15B2D;border-radius: 100px;text-transform: uppercase; color: #fff;letter-spacing: 1px; padding: 17px 30px;line-height: 1;font-size: 16px;font-weight: 700;position: relative; -webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);overflow: hidden;}
.btn-fill:hover{color: #fff;}
.btn-fill::after{content: '';background-image: url(../img/btn-arrow-white.svg);background-repeat: no-repeat; width: 19px;height: 10px;margin-left: 10px;margin-top: -2px;}
.btn-fill::before {width: 110%;height: 0;padding-bottom: 110%;top: 50%;left: 50%;border-radius: 50%;transform: translate3d(-50%,-50%,0) scale3d(0,0,1);background-color: #00A69C;   content: '';   position: absolute;opacity: 0;transition: all 0.3s cubic-bezier(0.1, 0, 0.3, 1);z-index: -1;}
.btn-fill:hover::before {opacity: 1;transform: translate3d(-50%,-50%,0) scale3d(1,1,1);}
.btn-circle{height: 200px;width: 200px;font-size: 16px; transition: all 0.5s ease;text-transform: uppercase;letter-spacing:2px; display:inline-flex;align-items: center;justify-content: center;background-color: #F15B2D;text-align: center;color: #fff;border-radius: 100%; -webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);overflow: hidden;}
.btn-circle:hover{color: #fff; }
.btn-circle::before {width: 110%;height: 0;padding-bottom: 110%;top: 50%;left: 50%;border-radius: 50%;transform: translate3d(-50%,-50%,0) scale3d(0,0,1);background-color: #00A69C;content: '';position: absolute;opacity: 0;transition: all 0.3s cubic-bezier(0.1, 0, 0.3, 1);z-index: -1;}
.btn-circle:hover::before {opacity: 1;transform: translate3d(-50%,-50%,0) scale3d(1,1,1);}

.btn-submit{transition: all 0.5s ease;background-color: #F15B2D;border-radius: 100%; -webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);display: inline-block;position: relative;}
.btn-submit input[type="submit"]{font-size: 16px;font-weight: 700; text-transform: uppercase;letter-spacing:2px;height: 200px;width: 200px;border-radius: 100%;display: inline-block;vertical-align:middle ;background-color: transparent;border: none;color: #fff;padding: 0px; }
.btn-submit::before {content: '';background-color: #00A69C;width: 100%;height: 0;padding-bottom: 100%;top: 50%;left: 50%;border-radius: 50%;transform: translate3d(-50%,-50%,0) scale3d(0,0,1);position: absolute;opacity: 0;transition: all 0.3s cubic-bezier(0.1, 0, 0.3, 1);z-index: -1;}
.btn-submit:hover::before {opacity: 1;transform: translate3d(-50%,-50%,0) scale3d(1,1,1);}

.btn-link-white{display: inline-flex;align-items: center;text-transform: uppercase; color: #F15B2D;letter-spacing: 1px; line-height: 1;font-size: 16px;font-weight: 700;}
.btn-link-white:hover{color: #00A69C;}
.btn-link-white::after{content: '';background-image: url(../img/btn-arrow-white.svg);background-repeat: no-repeat; width: 19px;height: 10px;margin-left: 10px;margin-top: -2px;}

.btn-outline{display: inline-block;text-align: center;border-radius: 100px;border: 1px solid #ddd;color: #000;font-size: 16px;padding: 8px 20px;}
/*--button css end--*/



/* header css start */

header {padding:15px 0px;background-color: #fff; 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; }
header.sticky{padding: 10px 0px;}
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 25px; 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: 16px; position: relative;text-transform: uppercase;font-weight: 600;}
.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: #00A69C; }
.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; }
.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); }
.menubottom{display: none;position: absolute;left: 0px;bottom: 50px;right: 0px;padding: 0px 30px;}
.menuifo{margin-bottom: 15px;font-size: 18px;}
.menuifo span{display: block;color: #ffff;margin-bottom: 5px;}
.menuifo a{color: #F15B2D;}
.menuifo a:hover{color: #00A69C;}
/* header css end */

/* homepage css start */
.herotopbanner{height: 100vh;overflow: hidden;position: relative;display: flex;align-items: center;}
.btn-scroll{position: absolute;right: 12px;bottom: 0px;}
.btn-scroll a{color: #F15B2D;text-transform: uppercase;font-weight: 700;font-size: 16px;letter-spacing: 3px;text-align: center;}
.btn-scroll a span{display: block;margin-top: 15px;}
.btn-scroll a:hover{color: #00A69C;}
.clinetslider .slick-slide{padding: 0px 12px;}
/* .clientlogo{min-height: 100%;display: flex;align-items: center; justify-content: center;} */
.serviceitem h2{font-size: 40px;margin-bottom: 0px;position: absolute;top: 50%;left: 0px;transform: translateY(-50%);padding:0px 20px;letter-spacing: 0px;}
.servimg{position: relative;opacity: 0;transition: all 0.3s ease;}
.servimg::before{content: '';position: absolute;top: 0px;left: 0px;right:0px;bottom: 0px;background: rgba(0,0,0,0.15);}
.serviceitem:hover .servimg{opacity: 1;}
.casestudyrow{padding: 0px 30px;}
.casestudyitem a{color: #555555;}
.casestudyitem{color: #555555;margin-bottom: 100px;}
.casestudyitem .bottom-border{padding-bottom: 20px;}
.caseimg{margin-bottom: 20px;position: relative;overflow: hidden;}
.casestudyitem img{transition: all 0.4s ease;}
.casestudyitem a:hover img{transform: scale(1.1);}
.workbestcontent{display: flex;align-items: flex-start;}
.visionitems{opacity: 0.30;transition: all 0.3s ease;flex-wrap: wrap;justify-content: flex-start;margin-bottom: 100px;transition: all 0.3s ease;}
.visionitems.active{opacity: 1;}
.numberword{flex-shrink: 0;margin-right: 20px;font-weight: 600;color: #F15B2D;}
.viscontent{flex: 1;padding-left: 30px;}
.imgabscol{position: absolute;top:0px;left: 0px;opacity: 0;transition: all 0.3s ease;}
.imgwrapper .imgabscol:first-child{position: relative;}
.imgabscol.active{opacity: 1;}
.imgstickycol{position: sticky;top: 30vh;}
.mobileimg{display: none;}
.reviewname span{color: #F15B2D;font-weight: 600;}
.testimonislider{margin: 0px -12px;padding-bottom: 40px;}
.testimonislider .slick-slide{padding: 0px 12px;}
.testimonislider .slick-arrow{top: auto;transform: none;bottom: 0px;}
.testimonislider .slick-prev { left:calc(50% - 50px); }
.testimonislider .slick-next { right:calc(50% - 50px) }
/* homepage css end */

/* footer css start */
.footermain{padding: 300px 0px 50px;}
.footermain h2{color: #fff;}
.footerlink {margin-bottom: 150px;}
.footerlink ul {display: flex;justify-content: center;width: 100%;flex-wrap: wrap;}
.footerlink ul li{margin: 0px 75px;}
.footerlink ul li a{font-size: 40px;font-weight: 700;}
.footcalltoaction{border-bottom: 1px solid #333;padding-bottom: 150px;}
.footcalltoaction h2{margin-bottom: 50px;}
.socialicon{display: flex;align-items: center;line-height: 1;}
.socialicon a{margin-right:30px;line-height: 1;}
.socialicon a svg{fill: #DDDDDD;height: 18px;width: 18px;}
.socialicon a:hover svg{fill: #00A69C;}
.socialicon a svg.storkicn{stroke: #DDDDDD;fill: none;}
.socialicon a:hover svg.storkicn{stroke: #00A69C;fill: none;}
.copyright{text-align: right;font-size: 14px;}
/* footer css end */

/* about page css start */
.countertxt{font-size: 80px;line-height: 1; color: #F15B2D;font-weight: 700;margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #DDDDDD;}
.teamslider{margin: 0px -12px;}
.teamslider .slick-slide{padding: 0px 12px;}
.teamslider img{margin-bottom: 20px;width: 100%;}
.teamslider .slick-arrow{top: -120px;transform: none;}
.teamslider .slick-prev{left: auto;right: 80px;}
.teamslider .slick-next{right: 12px;}
.instaslider{margin: 0px -12px;}
.instaslider .slick-slide{padding: 0px 12px;}
.instasection h2{margin-bottom: 0px;}
/* about page css end */
.serviceslistrow .serviceitem .bottom-border{border-color: #333;}
.serviceslistrow .serviceitem  h2{position: relative;top: 0px;left: 0px;padding: 0px;transform: none;margin-bottom: 30px;}
.serviceslistrow .serviceitem{margin-bottom: 150px;}
.serviceslistrow .serviceitem:nth-last-child(1), .serviceslistrow .serviceitem:nth-last-child(2){margin-bottom: 0px;}
.serviceslistrow img, .serviceslistrow p{margin-bottom: 30px;}
.contactfrmrow h2{font-size: 40px;}
.contactinfo a{color: #fff;}
.contactinfo a:hover{color: #00A69C;}
.joinusnowrow p{margin-bottom: 30px;}

/* case study detail css */
.textcolumnrow h2{font-size: 40px;}
.textcolumnrow .btn-outline{margin-right: 8px;margin-bottom: 10px;}
.casestudydetail img{width: 100%;}
.fullwidthimgrow{overflow: hidden; display: inline-block; vertical-align: top;}
.fullwidthimgrow img{transform: scale(1.05);}

/* 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;}
.CenterClipMask, .TopCenterMask{clip-path: polygon(50% 0%, 50% 0, 50% 100%, 50% 100%);overflow: hidden;}
.arrowmove{animation: movePointer 0.7s infinite ease; }
 @keyframes movePointer {
    0% { transform: translateY(0);}
    50% { transform: translateY(5px);}
    100% { transform: translateY(0); }
  }
/* text animation css */
.cd-headline{overflow: hidden;}
.cd-words-wrapper {display: inline-block; position: relative; text-align: left;vertical-align: top;padding-bottom: 8px;}
.cd-words-wrapper b {display: inline-block; position: absolute; white-space: nowrap; left: 0; top: 0;font-weight: 400; }
.cd-words-wrapper b.is-visible {position: relative; }
.no-js .cd-words-wrapper b {opacity: 0; }
.no-js .cd-words-wrapper b.is-visible {opacity: 1; }
.cd-headline.push b {opacity: 0; }
.cd-headline.push b.is-visible {opacity: 1; -webkit-animation: push-in 0.6s; -moz-animation: push-in 0.6s; animation: push-in 0.6s; }
.cd-headline.push b.is-hidden {-webkit-animation: push-out 0.6s; -moz-animation: push-out 0.6s; animation: push-out 0.6s; }


/*contact form css*/
.wpcf7-spinner{vertical-align: top;position: absolute !important;right: -60px;top: 50%;
    transform: translateY(-50%);}
.wpcf7 form.sent .wpcf7-response-output {line-height: 24px; background: #dff0d8; border: 1px solid #c3e6cb !important; margin: 20px 0 0; padding: 7px 12px; color: #155724;position: relative; z-index: 1;border-radius: 5px; font-size: 16px; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {line-height: 24px; background: #f8d7da; border: 1px solid #f5c6cb !important; margin: 20px 0 0; padding: 7px 15px; color: #721c24; position: relative; z-index: 1;border-radius: 5px; font-size: 16px; }
span.wpcf7-not-valid-tip { position: relative; text-align: left; font-size: 14px;}
.vc_row{margin: 0px !important;}
.vc_column_container>.vc_column-inner{padding: 0px !important;}
.joinusnowrow .btn-fill{display: none;}
/*contact form css end*/

.bgChange{transition: background-color 0.3s ease;}
.clientlogo{text-align: center;flex-shrink: 0;margin-right:120px;}
.marquee-logo {width: fit-content;display: flex;position: relative;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 0px 20px;
}
@-webkit-keyframes push-in {
  0% {opacity: 0; -webkit-transform: translateX(-100%); }
  60% {opacity: 1; -webkit-transform: translateX(10%); }
  100% {opacity: 1; -webkit-transform: translateX(0); }
}
@-moz-keyframes push-in {
  0% {opacity: 0; -moz-transform: translateX(-100%);  }
  60% {opacity: 1; -moz-transform: translateX(10%); }
  100% {opacity: 1; -moz-transform: translateX(0); }
}
@keyframes push-in {
  0% {opacity: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); }
  60% {opacity: 1; -webkit-transform: translateX(10%); -moz-transform: translateX(10%); -ms-transform: translateX(10%); -o-transform: translateX(10%); transform: translateX(10%); }
  100% {opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
}
@-webkit-keyframes push-out {
  0% {opacity: 1; -webkit-transform: translateX(0); }
  60% {opacity: 0; -webkit-transform: translateX(110%); }
  100% {opacity: 0; -webkit-transform: translateX(100%); }
}
@-moz-keyframes push-out {
  0% {opacity: 1; -moz-transform: translateX(0); }
  60% {opacity: 0; -moz-transform: translateX(110%); }
  100% {opacity: 0; -moz-transform: translateX(100%); }
}
@keyframes push-out {
  0% {opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
  60% {opacity: 0; -webkit-transform: translateX(110%); -moz-transform: translateX(110%); -ms-transform: translateX(110%); -o-transform: translateX(110%); transform: translateX(110%); }
  100% {opacity: 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); }
}
/* text animation css end */
.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 (max-width:1790px){
    .text-120 h1, .text-120 h2, .text-120 h3, .text-120{font-size: 100px;}
    h1, h2, .countertxt{font-size: 70px;}
    .mb-300{margin-bottom: 250px;}
    .mt-300{margin-top: 250px;}
    .p-tb-300{padding: 250px 0px;}
    .pb-300{padding-bottom: 250px;}
    .mb-200{margin-bottom: 150px;}
    .text-25{font-size: 20px;}
    .serviceitem h2, .textcolumnrow h2{font-size: 36px;}
    .footermain{padding: 250px 0px 50px;}
    .footerlink ul li a{font-size: 36px;}
     .serviceslistrow .serviceitem{margin-bottom: 120px;}
     
}
@media only screen and (max-width:1440px){
    body{font-size: 16px;line-height: 24px;}
   .text-120 h1, .text-120 h2, .text-120 h3, .text-120{font-size: 90px;}
    h1, h2, .countertxt{font-size: 50px;}
    .mt-300{margin-top: 200px;}
    .mb-300{margin-bottom: 200px;}
    .p-tb-300{padding: 200px 0px;}
    .pb-300{padding-bottom: 200px;}
    .mb-200{margin-bottom: 100px;}
    .mb-150{margin-bottom: 100px;}
    .text-25{font-size: 20px;}
    .serviceitem h2, .textcolumnrow h2{font-size: 30px;}
    .footermain{padding: 200px 0px 50px;}
    .footerlink{margin-bottom: 100px;}
    .mb-100{margin-bottom: 60px;}
    .casestudyitem{margin-bottom: 50px;}
    .btn-circle, .btn-submit input[type="submit"]{height: 170px;width: 170px;font-size: 14px;}
    .clinetslider .slick-slide{padding: 0px 30px;}
    .casestudyrow{padding: 0px 20px;}
    .imgabscol img{max-width: 300px;}
    .footerlink ul li{margin: 0px 50px;}
    .footerlink ul li a{font-size:30px;}
    .footcalltoaction{padding-bottom: 100px;}
    .btn-scroll img{width: 60px;}
    .btn-scroll a{letter-spacing: 2px;font-size: 14px;}
   .serviceslistrow .serviceitem{margin-bottom: 100px;}
}
@media only screen and (max-width:1366px){
    
}
@media only screen and (max-width:1280px){
    .mb-300{margin-bottom: 150px;}
    .mt-300{margin-top: 150px;}
    .p-tb-300{padding: 150px 0px;}
    .footermain{padding: 150px 0px 50px;}
    .pb-300{padding-bottom: 150px;}
    .mb-200{margin-bottom: 50px;}

}
@media only screen and (max-width:1200px){
    .text-120 h1, .text-120 h2, .text-120 h3, .text-120{font-size: 80px;}
    h1, h2 {font-size: 40px;margin-bottom: 20px;}
    h3{font-size: 20px;}
    .btn-circle, .btn-submit input[type="submit"]{width: 150px;height: 150px;}
    .p-tb-300{padding: 100px 0px;}
    .mb-300{margin-bottom: 100px;}
	.mt-300{margin-top:120px;}
    .pb-300{padding-bottom: 100px;}
    .mb-150{margin-bottom: 75px;}
    .mb-100{margin-bottom: 50px;}
    header{padding: 10px 0px;}
    a.menu-toggle{display: inline-flex;}
    .menubottom{display: block;}
    .navmenu { overflow: auto; border-radius: 0px; z-index: 50;padding: 70px 30px 50px; position: fixed; overflow: auto; height: 100%; width: 400px; background: #000000; right: -100%; top: 0px; -webkit-transition: right 0.4s; -o-transition: right 0.4s; transition: right 0.4s; }
    .navmenu.slide { right: 0px; }
    .navmenu > ul > li{width: 100%;margin-bottom: 40px;padding: 0px;opacity: 0;transition: all 0.5s ease;transform: translateX(50px);}
    .navmenu > ul > li > a{color: #fff;font-size: 36px;}
    .navmenu > ul > li > a:hover, .navmenu > ul > li > a.active{color: #00A69C;}
    .navmenu > ul > li:nth-child(1){transition-delay: 0.2s;}
    .navmenu > ul > li:nth-child(2){transition-delay: 0.3s;}
    .navmenu > ul > li:nth-child(3){transition-delay: 0.4s;}
    .navmenu > ul > li:nth-child(4){transition-delay: 0.5s;}
    .navmenu.slide > ul > li{opacity: 1;transform: translateX(0px);}
    .menuifo{opacity: 0;transition: all 0.5s ease 0.6s;transform: translateX(50px);}
    .navmenu.slide .menuifo{opacity: 1;transform: translateX(0px);} 
    .mobileimg{display: inline-block;}
    .servimg{opacity: 1;}
    .imgstickycol{display: none;}
    .visionitems{opacity: 1;width: 50%;padding: 0px 12px; margin-bottom: 50px;}
    .workrightcontent{display: flex;align-items: flex-start;flex-wrap: wrap;padding: 0px;}
    .workrightcontent .mobileimg{width: 100%;text-align: center;}
    .workrightcontent .mobileimg img{max-width: 220px;}
    .maskclipleft, .CenterClipMask{clip-path: inherit;-webkit-clip-path: inherit;}
    .workbestcontent{flex-direction: column;text-align: center;align-items: center;}
    .numberword{margin-bottom: 15px;margin-right: 0px;font-size: 20px;}
    .viscontent.left-border-gr{border-left: none;border-top:1px solid #00A69C;padding-left: 0px;padding-top: 15px;}
    .workingbestrow{margin-bottom: 50px;}
    .testimonislider{padding-bottom: 0px;}
    .testimonislider .mb-30.pb-30{margin-bottom: 20px;padding-bottom: 20px;}
    .footermain{padding: 100px 0px 50px;}
    .footerlink ul li{margin: 0px 30px;}
    .footerlink ul li a{font-size: 28px;}
    .clinetslider .slick-slide {padding: 0px 20px;}
    .countertxt{font-size: 50px;}
    .vismissionrow p{margin-bottom: 0px;}
    .serviceslistrow .serviceitem{margin-bottom: 70px;}
    .textleftsection .mb-50{margin-bottom: 30px;}
    .form-control{padding: 12px;}
    .fourcolumnrow .row [class*="col-"]{margin-bottom: 30px;}
    .clientlogo{margin-right: 50px;}
    .teamsectionrow {background-color: #000000;}
    .teamsectionrow h2, .teamsectionrow h3{color:#fff}
}
@media only screen and (max-width:992px){
    .text-120 h1, .text-120 h2, .text-120 h3, .text-120{font-size: 60px;}
    .footerlink ul li {margin: 0px 20px;}
     h1, h2, .countertxt{font-size: 36px;}

}
@media only screen and (max-width:768px){
    
}
@media only screen and (max-width:767px){
    .container{padding: 0px 20px;}
    .text-120 h1, .text-120 h2, .text-120 h3, .text-120{font-size: 40px;}
    h1, h2{font-size: 30px;}
    h3{font-size: 20px;margin-bottom: 10px;}
    .text-25 {font-size: 20px;}
    .p-tb-300{padding: 80px 0px;}
    .mb-150{margin-bottom: 60px;}
    .mb-300{margin-bottom: 80px;}
    .mb-100{margin-bottom: 30px;}
    .mt-300{margin-top: 100px;}
    .mb-50{margin-bottom: 20px;}
    .pb-300{padding-bottom: 80px;}
    .btn-fill{padding: 12px 20px;font-size: 14px;}
    .btn-circle, .btn-submit input[type="submit"]{width: 130px;height: 130px;letter-spacing: 1px;}
    .btn-scroll{bottom: -10px;}
    .navmenu{width: 100%;}
    .compintrow{text-align: center;}
    .compintrow .left-border-gr{border: none;padding-left: 0px;padding-top: 20px;}
    .casestudyrow{padding: 0px 8px;}
    .casestudyitem {margin-bottom: 30px;text-align: center;}
    .workrightcontent .mobileimg img {max-width: 150px;}
    .visionitems{width: 100%;margin-bottom: 40px;}
    .visionitems:last-child{margin-bottom: 0px;}
    .testimonislider .slick-slide img{display: inline-block;height: 50px;}
    .testimonislider .slick-slide{text-align: center;}
    .footcalltoaction h2{margin-bottom: 30px;}
    .footcalltoaction{padding-bottom: 60px;}
    .footermain .mb-150{margin-bottom: 60px;}
    .footerlink ul li{width: 100%;text-align: center;margin: 0px 0px 25px;}
    .footerlink ul li a{font-size: 24px;}
    .footerlink{margin-bottom: 40px;}
    .socialicon{justify-content: center;margin-bottom: 20px;}
    .socialicon a{margin: 0px 15px;}
    .copyright{text-align: center;font-size: 12px;}
    .footermain{padding: 80px 0px 50px;}
    .navmenu > ul > li{margin-bottom: 30px;}
    .navmenu > ul > li > a{font-size: 40px;text-transform: none;}
    .btn-scroll{position: relative;bottom: 0px;right: 0px;margin-top: 70px;}
    .text-16{font-size: 14px;}
    .serviceitem h2{font-size: 40px;}
    .serviceslistrow .serviceitem h2{font-size: 26px;}
    .textcolumnrow h2{font-size: 24px;}
    span.mb-20.text-16{margin-bottom: 10px;}
    .teamslider, .instaslider {margin: 0px -5px;}
    .teamslider .slick-slide, .instaslider .slick-slide{padding: 0px 5px;}
    .countertxt{margin-bottom: 10px;padding-bottom: 10px;}
    .vismissionrow .row [class*="col-"],
    .joinusnowrow .row [class*="col-"]{margin-bottom: 30px;}
    .textleftsection{text-align: center;}
     .serviceslistrow .serviceitem{text-align: center;}
    .serviceslistrow .serviceitem,
    .serviceslistrow .serviceitem:nth-last-child(2){margin-bottom: 50px;}
    .serviceslistrow .serviceitem:last-child,
    .vismissionrow .row [class*="col-"]:last-child{margin-bottom: 0px;}
    .serviceslistrow .serviceitem h2{margin-bottom: 20px;}
    .textleftsection .mb-50{margin-bottom: 20px;}
    .mb-100.textleftsection{margin-bottom: 50px;}
    .contacfrmcol{margin-bottom: 30px;}
    .contactfrmrow, .joinusnowrow {text-align: center;}
    .contacfrmcol{text-align: left;}
    .addresscol{margin-bottom: 50px;}
    .addresscol br{display: none;}
    .contactfrmrow .socialicon{margin-bottom: 0px;}
    .joinusnowrow p{margin-bottom: 20px;}
    .instasection{text-align: center;}
    .instasection h2{margin-bottom: 20px;}
    .countersection [class*="col-"],
    .casestudydetail .row [class*="col-"]{margin-bottom: 30px;}
    .countersection [class*="col-"]:nth-last-child(1),
    .countersection [class*="col-"]:nth-last-child(2),
    .casestudydetail [class*="col-"]:last-child{margin-bottom: 0px;}
    .serviceslistrow img, .serviceslistrow p{margin-bottom: 20px;}
    .btn-scroll img{width: 40px;}
    .innertopsection, .vismissionrow, .teamsectionrow, .textcolumnrow {text-align: center;}
    .clientlogo{margin-right: 30px;}
    .clientlogo img{height:50px;}
}
@media only screen and (max-width:580px){
    .cd-words-wrapper{padding-bottom: 2px;}
    
}
@media only screen and (max-width:360px){
 .text-120 h1, .text-120 h2, .text-120 h3{font-size: 30px;}
 .text-120{font-size: 30px;}
}