/*------------------------------------------------------------------
[Table of contents]

1. Heading
2. Navigation
3. Section & Row
5. Button
6. Font
-------------------------------------------------------------------*/
.w-layout-grid { display: -ms-grid; display: grid; grid-auto-columns: 1fr; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; grid-row-gap: 16px; grid-column-gap: 16px; }
body { font-family:'Rubik', sans-serif !important; color: #333; font-size: 18px; line-height: 1.15;font-weight: 500; }

/*------------------------------------------------------------------

HEADING

-------------------------------------------------------------------*/
h1 { margin-top: 20px; margin-bottom: 10px; font-size: 52px; line-height: 1.15; font-weight: 600; }
h2 { margin-top: 20px; margin-bottom: 10px; font-size: 36px; line-height: 1.15; font-weight: 600; }
h3 { margin-top: 20px; margin-bottom: 10px; color: #000; font-size: 24px; line-height: 1.15; font-weight: 600; }
h4 { margin-top: 10px; margin-bottom: 10px; color: #333; font-size: 18px; line-height: 24px; font-weight: 600; }
h5 { margin-top: 10px; margin-bottom: 10px; color: #7c7c7c; font-size: 14px; line-height: 20px; font-weight: 600; }
p { margin-bottom: 20px; font-size: 16px; line-height: 1.5; }
ul li { font-size: 16px; line-height: 1.9; }
a { color: #926000; text-decoration: underline; }
img { display: inline-block; max-width: 100%; margin-top: 0px; margin-bottom: 0px; }
blockquote { margin-top: 32px; margin-bottom: 32px; padding: 10px 20px; border-style: solid; border-width: 1px; border-color: #7c6b09; font-family: Merriweather, serif; font-size: 18px; line-height: 1.5; }
figcaption { margin-top: 5px; color: rgba(0, 0, 0, 0.54); font-size: 12px; text-align: center; }
.nav-menu-2 { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -webkit-flex: 0 auto; -ms-flex: 0 auto; flex: 0 auto; }
.dropdown-link { padding-top: 20px; padding-bottom: 20px; opacity: 0.6; color: #096ad0; font-size: 15px; }
.dropdown-link:hover { opacity: 1; }
.dropdown-link.w--current { opacity: 1; }
.dropdown-chevron { margin-right: -1px; }
.wrapper { position: relative; left: 0px; top: 0px; right: 0px; z-index: 2; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; max-width: 1230px; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.wrapper1 { position: relative; left: 0px; top: 0px; right: 0px; z-index: 2; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; max-width: 1230px; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.copyright { position: relative; left: 0px; top: 0px; right: 0px; z-index: 2; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; max-width: 1230px; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: left; -webkit-justify-content: left; -ms-flex-pack: left; justify-content: left; -webkit-box-align: left; -webkit-align-items: left; -ms-flex-align: left; align-items: left; }
.copyright p{color: #979797;margin-bottom: 0px !important;}
.wrapper1.navbar-2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 10px; padding-bottom: 20px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.wrapper.margin-top { margin-top: 80px; }
.wrapper.left-aligned { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }
.wrapper.related-title { margin-bottom: 40px; padding-right: 0px; padding-left: 0px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; font-family: Rubik, sans-serif; }

/*------------------------------------------------------------------

NAVIGATION

-------------------------------------------------------------------*/
.nav-link-2 { position: relative; padding: 16px 20px 18px; -webkit-transition: opacity 150ms ease; transition: opacity 150ms ease; color: #096ad0; font-size: 15px; line-height: 24px; cursor: pointer; }
.nav-link-2:hover { opacity: 1; color: #096ad0; }
.nav-link-2.w--current { -webkit-transition-property: none; transition-property: none; color: #096ad0; font-weight: 700; }
.nav-link-2.full-opacity { opacity: 1; }
.nav-link-2.dropdown { margin-right: 20px; margin-left: 20px; padding-right: 0px; padding-left: 0px; opacity: 1; }
.nav-link-2.border { padding-top: 6px; padding-bottom: 6px; border: 1px solid #096ad0; border-radius: 50px; opacity: 1; -webkit-transition: background-color 200ms ease; transition: background-color 200ms ease; }
.nav-link-2.border:hover { background-color: #096ad0; color: #fff; }
.nav-link-2.border.cta { border-style: none; background-color: #926000; color: #fff; }
.dropdown-link-text { margin-right: 20px; text-decoration: none; }
.nav-cta-button-container { margin-left: 16px; }
.dropdown-list-2 { border: 1px solid #000; }
.dropdown-list-2.w--open { margin-top: 0px; border-style: none; border-color: #096ad0; border-radius: 5px; background-color: #fff; box-shadow: 4px 0 8px 2px rgba(0, 0, 0, 0.07); opacity: 1; }
.menu-button-2.w--open { background-color: #fff; color: rgba(9, 106, 208, 0.2); }
.nav-bar { position: fixed; box-shadow: 0px 10px 20px 0px #1e1e1e8a; left: 0px; top: 0px; right: 0px; z-index: 200; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-right: 20px; padding-left: 24px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #fff;  /*height: 85px;*/ }
.nav-link:hover { color: #1a6a74; }
.nav-bar.sample-website { position: absolute; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.div-block-8 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

/*------------------------------------------------------------------

SECTION

-------------------------------------------------------------------*/
.section { position: relative; display: block; overflow: hidden; margin-right: auto; margin-left: auto; padding-top: 40px; padding-bottom: 40px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: transparent; }
.section.full-screen { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.section.full-screen.background-image-side { background-position: 100% 100%; background-size: cover; background-repeat: no-repeat; }
.section.full-screen.background-image-side.hero { background: linear-gradient(to bottom, #147b82 0%, #283246 100%); background-attachment: fixed; background-size: cover; padding-top: 0; padding-bottom: 0; }
.section.background-accent { background: linear-gradient(to bottom, #147b82 0%, #283246 100%); }
.section.background-accent.section-w-divider { padding-top: 70px; padding-bottom: 60px; }
.section.services { padding-right: 40px; padding-left: 40px; }
.section.services .text-white{font-family: Rubik, sans-serif;}
.section.services.bgaccent-color { margin-top: 0px; margin-bottom: 0px; padding-right: 0px; padding-left: 50px; background-color: #f3d940; }
.section.no-bottom-padding { padding-bottom: 0px; }
.section.no-top-padding { padding-top: 0px; }
.section.section-footer { background-color: #101010; }
.section.bgaccent-color { background-color: #207782; }
.section.bgaccent-color.section-large { z-index: 20; overflow: visible; padding-top: 0px; padding-bottom: 80px; }
.section.bgaccent-color.section-triangle { overflow: hidden; padding-top: 115px; }
.section.bgaccent { overflow: visible; margin-bottom: 0px; background-color: #fbf9f5; }
.bgaccent-color { overflow: visible; margin-bottom: 0px; background-color: #207782; }
.section.bg-article-1 { min-height: 600px; background-image: url("../images/plush-design-studio-483666-unsplash.jpg"); background-position: 50% 100%; background-size: cover; background-repeat: repeat-x; }
.section.no-padding { padding-top: 0px; padding-bottom: 0px; }
.section.wider-padding { padding-top: 160px; padding-bottom: 160px; }
.short-paragraph { width: 75%; }
.short-paragraph.margin-bottom { margin-top: 42px; }
.row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; margin-right: -15px; margin-left: -15px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; }
.row.centre-align { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.row.align-centre { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }
.row.align-centre.flex-vertical-align { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.row.left-aligned { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }
@media (min-width:992px) {
  .navbar-expand-lg .navbar-nav { flex-direction: row; justify-content: flex-end; width: 100%; }
}
.slider-center{
  text-align: center;
}
.process-image-lg{
	text-align: center;
}
.process-image-lg img{
	width: 65%;
}
.process-image-sm{
	display: none;
}
.main-section-banner{
	padding: 50px 0px 80px;
	margin-top: 170px;
}
.main-section-banner h3{
	font-size: 26px;
	padding: 20px 0px;
	font-weight: 400;
}
.cmn-btn{
	min-width: 235px;
}
.main-banner{
	background: url('../images/main-banner.jpg') !important;
	background-size: cover !important;
	background-position: center !important;
}
/*------------------------------------------------------------------

BUTTON

-------------------------------------------------------------------*/
.button { padding: 16px 25px; border: 1px none #096ad0; border-radius: 40px; background-color: #147b82;  /* box-shadow: 0 4px 11px 0 rgba(146, 96, 0, 0.35); */ -webkit-transition: all 200ms ease; transition: all 200ms ease; font-family: Rubik, sans-serif; font-size: 11px; font-weight: 500; letter-spacing: 2px; text-transform: uppercase; }
.button:hover { border: 1px none #096ad0; background-color: #147b82; box-shadow: 0 6px 20px 0 rgba(1, 58, 117, 0.33); -webkit-transform: translate(0px, -4px); -ms-transform: translate(0px, -4px); transform: translate(0px, -4px); color: #fff; }
.button.ghost { padding-top: 16px; padding-bottom: 16px; border-style: solid; border-width: 1px; border-color: #3f3700; background-color: transparent; box-shadow: none; -webkit-transition-duration: 700ms; transition-duration: 700ms; font-family: Rubik, sans-serif; color: #3f3700; font-size: 11px; font-weight: 500; letter-spacing: 2px; text-transform: uppercase; }
.button.ghost:hover { border-style: solid; background-color: #926000; background-image: none; -webkit-transform: none; -ms-transform: none; transform: none; color: #fff; }
.button.margin-left { margin-right: 20px; padding-top: 16px; padding-bottom: 16px; border-style: none; border-color: #926000; background-color: #926000; box-shadow: 0 4px 11px 0 rgba(117, 69, 1, 0.33); -webkit-transition-duration: 700ms; transition-duration: 700ms; -webkit-transition-timing-function: ease; transition-timing-function: ease; font-family: Rubik, sans-serif; font-size: 11px; font-weight: 500; text-align: center; letter-spacing: 2px; text-transform: uppercase; }
.button.margin-right { margin-right: 20px; }
.col { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; padding-right: 15px; padding-left: 15px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-flex: 0; -webkit-flex: 0 auto; -ms-flex: 0 auto; flex: 0 auto; text-align: left; }
.col.lg-6 { width: 50%; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-flex: 0; -webkit-flex: 0 auto; -ms-flex: 0 auto; flex: 0 auto; }
.col.lg-6.sm-12 { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; }
.col.awards-cols { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.value-proposition-buttons { margin-top: 24px; text-align: center; }
.div-block-9 { text-align: left; }
.hero-content { width: 100%; font-size: 25px; text-align: left; margin-top: 200px; }
.nav-link { margin-right: 16px; margin-left: 16px; padding: 16px 0px; font-size: 16px; }
.nav-link.w--current { padding-right: 0px; padding-left: 0px; border-bottom: 4px solid #1a6a74; color: #1a6a74; }
.hero-title { font-family: Rubik, sans-serif; font-size: 60px; line-height: 1.1; font-weight: 500; text-transform: uppercase; }
.hero-title.right-aligned { text-align: right; }
.hero-title.right-aligned.margin-bottom { width: auto; max-width: 330px; margin-right: 100px; }
.hero-description { max-width: 700px; margin-right: auto; margin-bottom: 0px; margin-left: auto; font-size: 22px; line-height: 1.4; font-weight: 400; }
.image { margin-top: 24px; }
.hero-image { max-width: 700px; margin-top: 64px; margin-right: auto; margin-left: auto; width: 100%; }
.col-2 { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-right: 15px; padding-left: 15px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-flex: 0; -webkit-flex: 0 auto; -ms-flex: 0 auto; flex: 0 auto; }
.col-2.lg-8 { width: 66.66%; }
.col-2.lg-8.md-4.centre-align { text-align: center; }
.col-2.lg-5 { width: 41.66%; }
.col-2.lg-5.align-vertically { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.col-2.lg-1 { width: 8.33%; -webkit-box-flex: 0; -webkit-flex: 0 auto; -ms-flex: 0 auto; flex: 0 auto; }
.col-2.lg-6 { width: 50%; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-flex: 0; -webkit-flex: 0 auto; -ms-flex: 0 auto; flex: 0 auto; color: #b41b1b; }
.col-2.lg-6.md-3.xs-2 { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.col-2.lg-6.md-3.xs-2.left-aligned { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }
.col-2.lg-6.centre-align { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.col-2.lg-4 { width: 33.33%; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 0; -webkit-flex: 0 auto; -ms-flex: 0 auto; flex: 0 auto; }
.col-2.lg-4.sm-2.lg-vertical-align { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.col-2.lg-3 { width: 25%; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }
.col-2.lg-2 { width: 16.66%; }
.col-2.lg-6 { width: 50%; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-flex: 0; -webkit-flex: 0 auto; -ms-flex: 0 auto; flex: 0 auto; color: #333; }
.centre-align { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; }
.margin-bottom { margin-bottom: 40px; }
.section-title { font-family: "Rubik", sans-serif; font-size: 25px; line-height: 1.3; font-weight: 300; text-transform: none; }
.section-title.fullwidth-grid { margin-top: 0px; }
.section-title.fullwidth-grid.margin-bottom { font-size: 30px; }
.columns { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; }
.columns.col-narrow { width: 80%; }
.sub-title.margin-bottom.margin-top { margin-top: 16px; font-family:Rubik, sans-serif; color: #949494; font-size: 18px; font-weight: 400; text-transform: none; }
.section-heading { font-family: Rubik, sans-serif; font-size: 36px; line-height: 1.15; }
.section-heading.left-aligned { text-align: left; }
.section-heading.left-aligned.no-margin-top { margin-top: 0px; font-size: 35px; font-weight: 500; color: #fff; line-height: 1.1; }
.section-heading.align-centre { text-align: center; }
.section-heading.align-centre.short-paragraph { margin-right: auto; margin-left: auto; }
.section-heading.align-centre.short-paragraph.no-margin-top { margin-top: 0px; }
.value-proposition-hero-image { position: relative; }
.heading { font-family: Rubik, sans-serif; }
.heading.short-heading { width: 75%; }
.paragraph-small { font-size: 16px; font-weight: 400;text-align: justify;}
.side-image.map { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-image: none; }
.step-container { position: relative; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 80px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; }
.step-container.low-z-index { z-index: 0; }
.section-header { display: block; margin: 0px auto 30px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; /*font-family: Rubik, sans-serif;*/ line-height: 1.15; text-align: center; }
.section-header.left-aligned { text-align: left; }
.section-header.left-aligned.short-paragraph { margin-left: 0px; }
.section-header.align-right { text-align: right; }
.h3 { font-family: Rubik, sans-serif; color: #263047; font-size: 27px; line-height: 1.2; font-weight: 900; }
.award-cards { padding: 30px 15px 30px; -webkit-box-flex: 0; -webkit-flex: 0 270px; -ms-flex: 0 270px; flex: 0 270px; border-radius: 5px; background-color: #fff; box-shadow: 1px 1px 7px 0 rgba(0, 0, 0, 0.13); text-align: center; }
.award-cards.margin-bottom.movedown50 { position: relative; top: 50px; }
.award-cards.margin-bottom.movedown100 { position: relative; top: 100px; bottom: 0px; }
.award-cards.movedown150 { position: relative; top: 150px; }
.award-image { max-width: 250px; }
.award-image.margin-bottom { padding: 7px; }
.award-title { margin-bottom: 8px; font-family: Rubik, sans-serif; font-size: 11px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; }
.link { font-family: "Rubik", sans-serif; color: #926000; font-size: 12px; font-weight: 500; letter-spacing: 1px; text-decoration: underline; text-transform: uppercase; }
.section-2 { position: relative; display: block; overflow: hidden; margin-right: auto; margin-left: auto; padding-top: 80px; padding-bottom: 80px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.section-2.page-header { padding-top: 160px; padding-bottom: 80px; }
.section-2.page-header.image.bg-methodology { margin-top: 0px; padding-bottom: 160px; background-image: url("../images/m-banner.jpg"); background-position: 50% 50%; background-size: cover; }
.section-2.page-header.image.bg-contact-us { margin-top: 0px; padding-bottom: 160px; background-image: url("../images/contact-banner.jpg"); background-position: 50% 50%; background-size: cover; }
.section-2.page-header.image { margin-top: 0px; padding-bottom: 160px; background-image: url("../images/about-us-banner.jpg"); background-position: 50% 50%; background-size: cover; }
/*.section-2.page-header.image.bgcontact { background-image: url("../images/contact.jpg"); background-size: cover; }*/
.section-2.page-header.image.header-team { background-image: url("../images/alex-kotliarskyi-361081-unsplash.jpg"); background-size: cover; }
.section-2.page-header.image.header-single-portfolio { background-image: url("../images/matt-saling-212458-unsplash.jpg");background-position: 50% 0%;background-size: cover; }
.section-2.page-header.image.header-work { background-image: url("../images/starwars.jpg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; }
.section-2.page-header.image.retail-banner { background-image: url("../images/retail-banner.jpg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat;}
.section-2.background-image { height: 600px; background-image: url("../images/cinematic---big.svg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; }
.section-2.wider-padding { padding-top: 160px; padding-bottom: 160px; }
.no-bottom-margins { margin-bottom: 0px; font-family: Rubik, sans-serif; color: #333; }
.works-link { text-decoration: none; }
.column-image { margin-bottom: 20px; -webkit-transition: -webkit-transform 200ms ease; transition: -webkit-transform 200ms ease; transition: transform 200ms ease; transition: transform 200ms ease, -webkit-transform 200ms ease; }
.column-image:hover { -webkit-transform: translate(0px, -5px); -ms-transform: translate(0px, -5px); transform: translate(0px, -5px); }
.low-opacity { font-family: "Rubik", sans-serif; color: rgba(124, 124, 124, 0.6); font-size: 12px; line-height: 2; font-weight: 400; letter-spacing: 0px; text-transform: uppercase; }
.big-blog-thumbnail-container { margin-bottom: 80px; -webkit-transition: -webkit-transform 200ms ease-in-out; transition: -webkit-transform 200ms ease-in-out; transition: transform 200ms ease-in-out; transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out; }
.column { padding-right: 22px; padding-left: 22px; }
.awards-column { padding-right: 16px; padding-left: 16px; }
.awards-column.movedown1 { margin-top: 50px; }
.awards-column.movedown2 { margin-top: 100px; }
.awards-column.movedown4 { margin-top: 150px; }
.icon { margin-bottom: 20px; color: #fff; font-size: 24px; }
.paragraph-small-2 { color: #000; font-size: 15px; font-weight: 300; }
.paragraph-small-2.short-paragraph { width: 75%; }
.paragraph-small-2.no-top-margins { margin-top: 0px; }
.paragraph-small-2.no-bottom-margins { font-family: "Rubik", sans-serif; color: #000; font-size: 16px; }
.paragraph-small-2.divider-line { margin-right: 8px; margin-left: 8px; }
.grid { -webkit-box-pack: stretch; -webkit-justify-content: stretch; -ms-flex-pack: stretch; justify-content: stretch; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-content: end; -ms-flex-line-pack: end; align-content: end; -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; }
.div-block-10 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-right: 40px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }
.micro-heading { font-family: Rubik, sans-serif; color: #000; font-size: 11px; font-weight: 500; letter-spacing: 2px; text-transform: uppercase; }
.micro-heading.left-aligned { margin-bottom: 8px; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; color: #333; font-size: 11px; font-weight: 500; text-align: left; }
.small-margin-bottom { margin-bottom: 16px; }
.top-separator { position: absolute; left: auto; top: 0%; right: 0%; bottom: auto; width: 100%; }
.bottom-separator { position: absolute; left: 0%; top: auto; right: auto; bottom: 0%; width: 100%; }
.dashed-line { position: absolute; left: 50%; top: 260px; right: auto; bottom: auto; -webkit-transform: translate(-50%, 0px); -ms-transform: translate(-50%, 0px); transform: translate(-50%, 0px); }
.grid-2 { display: -ms-grid; display: grid; grid-auto-columns: 1fr; grid-column-gap: 16px; grid-row-gap: 16px; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; }
.blog-card { position: relative; display: block; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; background-color: #000; background-image: url("../images/photo-1526570207772-784d36084510.jpeg"); background-position: 0px 0px; background-size: cover; }
.blog-card.img1 { background-image: url("../images/bench-accounting-49027-unsplash.jpg"); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; }
.blog-card.img2 { background-image: url("../images/art-art-materials-bright-743986.jpg"); background-position: 100% 50%; background-size: cover; background-repeat: no-repeat; }
.blog-card.img3 { background-image: url("../images/ecology.jpg"); background-position: 50% 0%; background-size: cover; background-repeat: no-repeat; }
.blog-card.img4 { background-image: url("../images/art-asian-blue.jpg"); background-position: 100% 50%; background-size: cover; background-repeat: no-repeat; }
.blog-card.img5 { background-image: url("../images/art-artsy-.jpg"); background-position: 50% 0%; background-size: cover; background-repeat: no-repeat; }
.blog-card-category { font-family: Rubik, sans-serif; color: #333; font-size: 11px; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; }
.grid-3 { -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: minmax(400px, 1fr) minmax(400px, 1fr); grid-template-rows: minmax(400px, 1fr) minmax(400px, 1fr); }
.grid-3.img3 { grid-column-gap: 32px; grid-row-gap: 32px; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: minmax(400px, 1fr) minmax(400px, 1fr) minmax(400px, 1fr); grid-template-rows: minmax(400px, 1fr) minmax(400px, 1fr) minmax(400px, 1fr); }
.blog-card-title { margin-top: 8px; font-family: Rubik, sans-serif; color: #333; line-height: 1.15; text-decoration: none; }
.blog-card-overlay { position: relative; left: 0%; top: 0%; right: auto; bottom: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 100%; padding: 40px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-flex: 0; -webkit-flex: 0 0 0px; -ms-flex: 0 0 0px; flex: 0 0 0px; background-color: hsla(0, 0%, 100%, 0); }
.meta-date { color: #000; font-size: 14px; }
.row-2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: -15px; margin-left: -15px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; }
.row-2.align-centre { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }
.row-2.flex-horizontal { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
.row-2.centre-align { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.no-underline { font-family: Rubik, sans-serif; color: #fff; text-decoration: none; }
.negative-margin { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: -15px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; }
.footer-heading { margin-bottom: 20px; text-decoration: none; }
.footer-logo-2 { margin-bottom: 40px; }
.footer-link { margin-bottom: 0px; padding-top: 10px; padding-bottom: 10px; opacity: 0.5; -webkit-transition: opacity 200ms ease-in-out; transition: opacity 200ms ease-in-out; color: #3f3600; font-size: 15px; font-weight: 400; text-decoration: none; cursor: pointer;font-family: Rubik, sans-serif;}
.footer-link:hover { opacity: 1; }
.footer-link.w--current { opacity: 1; font-weight: 500; }
.footer-link.ondark { color: #fff; }
.social-media-icon { padding: 8px; }
.footer-links-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; color: #fff; }
.contact-letters { position: absolute; left: auto; top: 0%; right: 0%; bottom: auto; }
.contact-letters.letter-c { top: auto; right: 50%; bottom: 211px; z-index: 15; -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); }
.contact-letters.letter-o { top: auto; right: 50%; bottom: 218px; z-index: 13; -webkit-transform: translate(80px, 0px); -ms-transform: translate(80px, 0px); transform: translate(80px, 0px); }
.contact-letters.letter-n { top: auto; right: 50%; bottom: 226px; z-index: 12; -webkit-transform: translate(200px, 0px); -ms-transform: translate(200px, 0px); transform: translate(200px, 0px); }
.contact-letters.letter-c2 { top: auto; right: 50%; bottom: 331px; z-index: 1; display: block; -webkit-transform: translate(470px, 0px); -ms-transform: translate(470px, 0px); transform: translate(470px, 0px); }
.contact-letters.letter-a { top: auto; right: 50%; bottom: 294px; z-index: 9; -webkit-transform: translate(410px, 0px); -ms-transform: translate(410px, 0px); transform: translate(410px, 0px); }
.contact-letters.letter-t { top: auto; right: 50%; bottom: 263px; z-index: 10; display: block; overflow: visible; -webkit-transform: translate(320px, 0px); -ms-transform: translate(320px, 0px); transform: translate(320px, 0px); }
.contact-letters.letter-t2 { top: auto; right: 50%; bottom: 339px; z-index: 1; -webkit-transform: translate(580px, 0px); -ms-transform: translate(580px, 0px); transform: translate(580px, 0px); }
.div-block-11 { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; }
.contact-container { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; }
.letters-container { position: absolute; left: 0%; top: auto; right: 0%; bottom: 0%; z-index: 0; display: block; overflow: visible; width: 100%; height: 100%; margin-bottom: 0px; padding-bottom: 0px; }
.ondark { color: #979797; }
.fa-icon { padding: 10px 0px; font-family: "Fa brands 400", sans-serif; color: #7c7c7c; font-size: 20px; text-decoration: none; }
.fa-icon.ondark { color: #fff; }
.wrapper-2 { left: 0px; top: 0px; right: 0px; display: block; width: 100%; height: 100%; max-width: 1230px; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.wrapper-2.space-around { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.no-margins { margin-top: 0px; margin-bottom: 0px; }
.no-margins.page-title { color: #fff; }
.no-bottom-margins-2 { margin-bottom: 0px; }
.social-link { display: inline; margin-right: 6px; margin-left: 6px; padding: 8px; border: 1px solid #096ad0; border-radius: 50px; background-color: #096ad0; }
.portrait-container { position: relative; overflow: hidden; margin-bottom: 30px; border-radius: 5px;padding: 5px;}
.portrait-container h3{color:#606060;font-size: 12px;margin:5px 0px;font-weight: 500;margin-bottom: 10px}
/*.hover.hover-on-image { position: absolute; left: 0%; top: auto; right: 0%; bottom: 0%; display: block; width: auto; height: 100%; padding: 30px; border-radius: 5px; background-color: rgb(0 0 0 / 59%); opacity: 1; }*/
.portrait-container img{border-radius: 50%;width: 200px;height:200px;margin: 0px auto;display: block;transition: all 500ms ease;border-radius: 50%;}
.circle {display: block; width: 210px;height: 210px;border-radius: 50%;position: absolute;top: -5px;left:-5px;}
.success {border: 2px dashed #fff;}
.success:hover{animation: spin 10s linear infinite;}
@keyframes spin { 
  100% { 
    transform: rotateZ(360deg);
  }
}
.team-images{position: relative;width:150px;height:150px;margin:10px auto 20px;}
/*.portrait-container img:hover{box-shadow: 0 0px 2px px #137f87;border-radius: 50%;width: 150px;height: 150px;}*/
.portrait-container h4{color: #000;text-align: center;font-size:18px;font-weight: 500}
.portrait-container p { color: #e2e2e2;text-align: center;margin-top: 10px;font-size: 14px;font-weight: 500; }
.about-tusker h2{font-weight: 500;color: #147b82 !important;text-align: center;margin-bottom: 20px;}
.aboutus-title{font-weight: 500;}
.team-title{color: #fff !important;font-weight: 500;}
.f-w-600{font-weight: 500;}
.custom-shape-bg .portrait-container{background: #fff;border-radius: 10px;box-shadow:0px 0px 15px #c7c7c7;}
.custom-shape-bg .portrait-container img{border-radius: 50%;width: 150px;height:150px;margin: 0px auto;display: block;transition: all 500ms ease;border-radius: 50%;box-shadow: 0px 0px 10px #b9b2b2;}

.social-media-icons-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.section-header-2 { display: block; margin: 0px auto 80px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-family: Rubik, sans-serif; text-align: center; }
.section-header-3 { display: block; margin: 0px auto 80px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; }
.partner-logo-container { position: relative; }
.partner-logo-container.logo1 { bottom: -84px; }
.partner-logo { width: 100px; }
.partner-logo.logo5 { position: relative; top: 30px; }
.partner-logo.logo4 { position: relative; top: 60px; }
.partner-logo.logo3 { position: relative; top: 90px; }
.partner-logo.logo2 { position: relative; top: 120px; }
.partner-logo.logo1 { position: relative; top: 150px; }
.paragraph { color: #97978b; }
.footer-paragraph { color: #97978f; }
.image-2 { width: 100%; }
.image-3 { width: auto; }
.bg-divider { width: 100%; height: auto; margin: -60px auto -50px; }
.section-3 { position: relative; z-index: 0; }
.section-divider { position: static; width: auto; background-color: #f3d940; text-align: left; }
.banner-overlay { position: absolute; left: 0%; top: 0%; right: auto; bottom: auto; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); }
.navbg { height: 85px; }
.text-area { min-height: 140px; margin-bottom: 20px; padding-top: 16px; padding-left: 16px; border-style: none; border-radius: 3px; background-color: #dddddd54; color: #000; }
.text-area::-webkit-input-placeholder { color: #33333396; }
.text-area:-ms-input-placeholder { color: #33333396; }
.text-area::-ms-input-placeholder { color: #33333396; }
.text-area::placeholder { color: #33333396; }
.form { width: 100%; }
.contact-form-container { width: 100%; border-radius: 6px; }
.contact-form-container.card { padding: 60px; border-style: none; border-width: 1px; border-color: rgba(9, 106, 208, 0.2); background-color: #fff; box-shadow: 10px 0 80px 0 rgba(31, 44, 61, 0.1); }
.wrapper-3 { left: 0px; top: 0px; right: 0px; display: block; width: 100%; max-width: 1230px; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.button-2 { padding: 10px 25px; border: 1px solid #096ad0; border-radius: 40px; background-color: #096ad0; box-shadow: 0 4px 11px 0 rgba(1, 58, 117, 0.33); -webkit-transition: all 200ms ease; transition: all 200ms ease; font-size: 16px; font-weight: 300; }
.button-2:hover { border: 1px solid #096ad0; background-color: #096ad0; box-shadow: 0 6px 20px 0 rgba(1, 58, 117, 0.33); -webkit-transform: translate(0px, -4px); -ms-transform: translate(0px, -4px); transform: translate(0px, -4px); color: #fff; }
.form-field { min-width: 200px; margin-bottom: 20px; padding: 26px 16px; border-style: none; border-radius: 3px; background-color: #dddddd54; background-image: none; color: #000; }
.form-field::-webkit-input-placeholder { color: #33333396; }
.form-field:-ms-input-placeholder { color: #33333396; }
.form-field::-ms-input-placeholder { color: #33333396; }
.form-field::placeholder { color: #33333396; }
.map { overflow: hidden; border-radius: 6px; background-image: url("../images/example-bg.png"); background-position: 0px 0px; background-size: 125px; }
.pin { position: absolute; }
.social-media-link { padding-right: 16px; padding-left: 16px; color: #fff; text-decoration: none; }
.social-media-link .fa-icon:hover { color: #147b82; }
.padding { padding: 20px; }
.padding.no-horizontal-padding { padding-right: 0px; padding-left: 0px; }
.blog-thumbnail-container { overflow: hidden; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; border-style: solid; border-width: 1px; border-color: rgba(9, 106, 208, 0.2); /*border-radius: 6px;*/ -webkit-transition: all 200ms ease; transition: all 200ms ease; text-decoration: none; }
.blog-thumbnail-container:hover { -webkit-transform: translate(0px, -5px); -ms-transform: translate(0px, -5px); transform: translate(0px, -5px); }
.blog-thumbnail-container.no-border { border-style: none; }
.blog-thumbnail-container.no-border:hover { -webkit-transform: none; -ms-transform: none; transform: none; }
.date-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-family: "Rubik", sans-serif; color: #7c7c7c; font-size: 16px; }
.flex-horizontal { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 18px; }
.blog-item-heading { font-family: Rubik, sans-serif; color: #333; line-height: 1.15; }
.blog-card-link { color: #333; text-decoration: none; }
.no-margins-2 { margin-top: 0px; margin-bottom: 0px; }
.rich-text-block { text-align: left; }
.rich-text-block img { margin-top: 20px; margin-bottom: 20px; }
.rich-text-block blockquote { border-style: none none none solid; border-left-width: 5px; border-left-color: #f3d940; }
.full-width-image { width: 100%; margin-top: 80px; margin-bottom: 80px; }
.low-opacity-2 { font-family: "Rubik", sans-serif; color: rgba(139, 139, 139, 0.6); }
.logo-area { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.left-aligned { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; }
.no-margin { margin-top: 0px; margin-bottom: 0px; line-height: 1.15; }
.blog-intro { color: #333;font-family: Rubik, sans-serif; }
.grid-4 { -ms-grid-rows: auto; grid-template-rows: auto; }
.container { display: block; height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }
.grid2x1 { margin-right: 0px; margin-left: 0px; padding-top: 80px; padding-bottom: 80px; grid-column-gap: 30px; grid-row-gap: 30px; -ms-grid-rows: auto; grid-template-rows: auto; }
.media-link { padding-right: 8px; padding-left: 8px; text-decoration: none; }
.grid-5 { -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; -ms-grid-rows: auto auto auto auto; grid-template-rows: auto auto auto auto; }
.grid-logo { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; justify-items: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; grid-column-gap: 40px; grid-row-gap: 40px; -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; -ms-grid-rows: auto auto auto auto; grid-template-rows: auto auto auto auto; }
.client-logo { max-width: 100px; }
.columns-2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; }
.brand-title { text-align: right; }
.column-2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.flex-horizontal-2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.low-opacity-3 { color: rgba(9, 106, 208, 0.6); }
.image-portfolio-main { margin-bottom: 40px; }
.link-2 { text-decoration: none; }
.slider { width: 100%; height: 100%; background-color: transparent; }
.slider-arrow { color: #fff; }
.slide-nav { color: #096ad0; }
.team-bio { display: none; }
.flexbox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-right: 40px; padding-left: 40px; }
.brand-text { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; -webkit-box-flex: 0; -webkit-flex: 0 50%; -ms-flex: 0 50%; flex: 0 50%; text-align: left; }
.brand-col { -webkit-box-flex: 50%; -webkit-flex: 50%; -ms-flex: 50%; flex: 50%; }
.auto-serve-sub-title{color: #fff;margin-top: -15px;font-weight: 500;}
.light-black{color: #1e1e1e;}
.bullete{color: #fff;}
.contact-link{color: #979797;}
.contact-link:hover{color: #147b82;}
.text-justify{text-align: justify;}
.f-s-15{font-size:15px;}
.lg-vertical-align{align-self: center;}
.tabcontent { padding: 0px 42px; width: 100%; }

/*Title*/
.title-fashion-box { margin-bottom:60px; margin-top: 30px; }
.title-fashion-box .sub-title { margin-bottom: 0px; color: #46c894; text-transform: uppercase; }
.title-fashion-box .title-content { margin-bottom: 0px; }
.content h5 { font-size: 18px !important; font-weight: normal; color: #333333; margin: 0; -ms-word-wrap: break-word; word-wrap: break-word; line-height: 1.5em; font-weight: 500; }
.iq-box-icon img { height: 150px; }
.iq-box-icon1 img { height: 100px; }
.section-product { position: relative; box-sizing: border-box; width: 1903px; padding-left: 366.5px; padding-right: 366.5px; background: #207782; padding-bottom: 30px; }
.section-product h4 { margin-bottom: 20px; font-size: 35px; font-weight: 500; color: #147b82 !important; line-height: 1.1; }
.service-box-bgimage1 { position: relative;/* z-index: 0; padding: 25px; margin-bottom: 30px;  box-shadow: 0px 0px 5px 1px #1e1e1e26;background: #fff;*/}
.service-box-bgimage1 .iq-box-icon { margin-bottom: 25px; }
/*.service-box-bgimage1:hover { transform: translate(0px, -4px); }*/
.iq-box-icon1 img { height: 100px;width: auto !important;margin: 0px auto;}
.service-box-bgimage1 .iq-box-icon i { position: absolute; left: 0; right: 0; margin: 0 auto; display: inline-block; text-align: center; color: #ffffff; }
.service-box-bgimage1 .iq-box-icon .flaticon::before { font-size: 45px; line-height: 95px; }
.service-box-bgimage1.content .sub-content { margin-bottom: 0px; margin-top: 10px; }
.service-box-bgimage1 .bg-image { position: absolute; top: 0; left: 0; right: 0; z-index: -1; margin: 0 auto; display: block; text-align: center; transition: all 0.5s ease-in-out; 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; -webkit-transition: all 0.3s ease-in-out; }
.slider-features .owl-stage{display: flex;}
.slider-features .owl-carousel .owl-item{background:#fff;padding: 25px; box-shadow: 0px 0px 5px 1px #1e1e1e26;margin-bottom: 30px;}
/*.slider-features .owl-carousel .owl-item:hover{transform: translate(0px, -4px);}*/

/* .service-box-bgimage1:hover .bg-image{box-shadow: 0px 10px 20px 0px #1e1e1e8a;} */
.section-usecase { position: relative; box-sizing: border-box; width: 1903px; padding-left: 366.5px; padding-right: 366.5px; }
.service-box-bgimage1 h5 { font-size: 18px !important;color: #333333; margin: 0; -ms-word-wrap: break-word; word-wrap: break-word; line-height: 1.5em; font-weight: 500; margin-top: 15px; margin-bottom: 15px; }
.service-box-bgimage-product2 .iq-box-icon { margin-bottom: 25px; }
.service-box-bgimage-product2 .iq-box-icon i { position: absolute; left: 0; right: 0; margin: 0 auto; display: inline-block; text-align: center; color: #ffffff; }
.service-box-bgimage-product2 .iq-box-icon .flaticon::before { font-size: 45px; line-height: 95px; }
.service-box-bgimage-product2.content .sub-content { margin-bottom: 0px; margin-top: 10px; }
.service-box-bgimage-product2 .bg-image-product2 { position: absolute; top: 0; left: 0; right: 0; z-index: -1; margin: 0 auto; display: block; text-align: center; transition: all 0.5s ease-in-out; 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; -webkit-transition: all 0.3s ease-in-out; }
.service-box-bgimage-product2:hover { box-shadow: 0px 10px 20px 0px #1e1e1e8a; }
/* .service-box-bgimage-product2{position: relative;z-index: 0;padding: 55px 30px;margin-bottom: 50px;min-height:469px;background:#fff;} */
.service-box-bgimage-product2 { position: relative; z-index: 0; padding: 36px; margin-bottom: 48px; min-height: 330px; background: #fff; height: 330px !important; }
.more ul li { font-size: 19px; line-height: 1.9; margin-left: 30px; }
.approach h4 { color: #000; margin-bottom: 20px; font-size: 35px; font-weight: 500; line-height: 1.1; }
.mt30 { margin-top: 30px; }
.mb100 { margin-bottom: 100px; }
.ml-200 { margin-left: 200px; }
.mb30 { margin-bottom: 30px; }
.use h5 { font-size: 18px; color: #000; }
.ai img { margin-bottom: 30px; }
#myVideo { right: 0; bottom: 0; min-width: 100%; width: 1903px; }
.section-footer h5{font-size: 1.25rem;font-weight: 500;}
.section-footer h4{font-size: 1.5rem;font-weight: 500;}
.section-footer p{margin-bottom: 1rem;font-family:Rubik, sans-serif;}

.service-box-bgimage-product1 { position: relative; z-index: 0; padding: 36px; margin-bottom: 48px; min-height: 325px; background: #fff; }

.usecasebox .about h4 { margin-bottom: 20px; font-size: 40px; font-weight: 500;line-height: 1.1; }
.usecasebox .about h5{color: #fff;font-size: 22px;font-weight: 500;font-family: Rubik, sans-serif;}
.usecasebox .card .catalog-center .new-tab1 h4{font-weight: 500;font-size: 22px;}
.usecasebox .card .catalog-center .row{align-items: inherit;width: auto;}
.usecasebox .card .catalog-center ul{justify-content: center;margin-bottom: 20px;}
.usecasebox .card .catalog-center ul li a{padding: 5px 15px !important;color:#1d5d69;border-radius: 30px;-webkit-border-radius: 30px;-moz-border-radius: 30px;-ms-border-radius: 30px;}
.usecasebox .card .catalog-center ul li a.active{background-color: #147b82;color: #fff;border-radius: 30px;-webkit-border-radius: 30px;-moz-border-radius: 30px;-ms-border-radius: 30px;}
.catalog_card .more-link { text-align: right;margin-bottom: 10px;}
.more-link a{color: #147b82; font-size: 18px; font-weight: 500;}
.more-link a:hover, .more-link a:focus{color: #000;}
.methodology-subtitle { color: #000; font-size: 18px; font-weight: 700; font-family: Rubik, sans-serif;text-align: center;}

@media (max-width:1050px) {
  .item-1, .item-2, .item-3 {/*margin-left: -106px !important;*/}
}
@media (max-width:991px) {  
  .navbg{height: 75px;}
  .item-1, .item-2, .item-3 {top: 198px !important;/*margin-left: -98px !important;*/}
  .burger-icon { color: #333; }
  .nav-menu-2 { overflow: scroll; width: 100%; max-height: 100vh; padding-bottom: 30px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; background-color: #fff; }
  .dropdown-chevron { -webkit-box-flex: 0; -webkit-flex: 0 auto; -ms-flex: 0 auto; flex: 0 auto; }
  .wrapper { padding-right: 30px; padding-left: 30px; }
  .nav-link-2 { display: block; padding-top: 24px; padding-bottom: 24px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; background-color: #fff; text-align: center; }
  .nav-link-2.dropdown { display: block; width: 200px; margin-right: auto; margin-left: auto; }
  .nav-link-2.dropdown:hover { padding-bottom: 24px; border-bottom-style: none; border-bottom-width: 0px; }
  .nav-link-2.border { -webkit-box-flex: 0; -webkit-flex: 0 auto; -ms-flex: 0 auto; flex: 0 auto; }
  .dropdown-link-text { margin-right: 0px; }
  .nav-cta-button-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .dropdown-list-2.w--open { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .menu-button-2 { position: relative; display: block; color: #2e323c; }
  .menu-button-2.w--open { background-color: transparent; color: #096ad0; }
  .nav-bar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-right: 0px; padding-left: 0px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #fff; }
  .nav-logo-2 { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
  .dropdown { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: block; padding-right: 0; padding-left: 0; -webkit-box-flex: 0; -webkit-flex: 0 auto; -ms-flex: 0 auto; flex: 0 auto; }
  .section { padding-top: 50px; padding-bottom: 50px; }
  /*.section.full-screen { min-height: 800px; }*/
  .section.services.bgaccent-color { padding-right: 30px; padding-left: 30px; }
  .short-paragraph { width: 100%; }
  .row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .row.align-centre { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .row.no-bottom-margins { margin-bottom: 0px; }
  .row.without-wrapper { margin-right: 30px; margin-left: 30px; }
  .col { width: 100%; margin-bottom: 0px; padding-right: 15px; padding-left: 15px; }
  .col.lg-6.md-3 { width: 75%; }
  .col.lg-6.sm-12 { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .col.awards-cols { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .value-proposition-container { display: block; margin-right: auto; margin-left: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .hero-title.right-aligned.margin-bottom { width: 100%; max-width: 100%; margin-right: 0px; font-size: 36px; text-align: left; }
  .col-2 { width: 50%; margin-bottom: 0px; padding-right: 15px; padding-left: 15px; }
  .col-2.lg-8.md-4 { width: 100%; }
  .col-2.lg-5 { width: 50%; }
  .col-2.lg-5.md-3 { width: 75%; }
  .col-2.lg-1 { display: none; }
  .col-2.lg-1.hidden-lg-down { display: none; }
  .col-2.lg-6.md-4 { width: 100%; }
  .col-2.lg-6.md-3 { width: 75%; }
  .col-2.lg-4 { width: 50%; }
  .col-2.lg-3 { width: 33.33%; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
  .col-2.lg-3.md-1 { width: 25%; }
  .col-2.lg-3.md-4 { width: 100%; }
  .col-2.lg-3.md-6 { width: 50%; }
  .col-2.lg-2.md-4 { width: 100%; }
  .col-2.lg-2.md-1 { width: 25%; }
  .col-2.lg-12 { width: 100%; }
  .col-2.md-12 { width: 100%; }
  .margin-bottom { margin-bottom: 40px; }
  .value-proposition-hero-image { display: block; margin-right: auto; margin-bottom: 40px; margin-left: auto; }
  .step-container { margin-bottom: 80px; }
  .section-header { margin-bottom: 40px; }
  .section-header.left-aligned.short-paragraph { width: 100%; }
  .award-cards { margin-right: 8px; margin-left: 8px; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: 21%; -ms-flex-preferred-size: 21%; flex-basis: 21%; border: 1px none #000; }
  .section-2 { padding-top: 50px; padding-bottom: 50px; }
  .section-2.wider-padding { padding-top: 120px; padding-bottom: 120px; }
  .paragraph-small-2.short-paragraph { width: 100%; }
  .grid { -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; }
  .row-2 { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .row-2.align-centre { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .row-2.no-bottom-margins { margin-bottom: 0px; }
  .negative-margin { margin-left: -19px; }
  .footer-logo-2 { margin-bottom: 40px; }
  .footer-links-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }
  .letters-container { display: none; }
  .wrapper-2 { padding-right: 30px; padding-left: 30px; }
  .wrapper-2.space-around { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .custom-shape-bg .portrait-container{-webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
  .portrait-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
  .hover.hover-on-image { position: relative; left: 0px; right: 0px; bottom: 0px; height: auto; padding-left: 0px; background-color: transparent; opacity: 1; }
  .section-header-2 { margin-bottom: 40px; }
  .section-header-3 { margin-bottom: 40px; }
  .partner-logo-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 50%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .partner-logo { margin-top: 0px; margin-bottom: 0px; }
  .partner-logo.logo5 { top: 0px; }
  .partner-logo.logo4 { top: 0px; }
  .partner-logo.logo3 { top: 0px; }
  .partner-logo.logo2 { top: 0px; }
  .partner-logo.logo1 { top: 0px; }
  .contact-form-container.card { padding: 40px; }
  .wrapper-3 { padding-right: 30px; padding-left: 30px; }
  .blog-thumbnail-container { margin-bottom: 30px; }
  .date-container { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .grid-logo { grid-column-gap: 16px; grid-row-gap: 16px; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; }
  .flexbox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .brand-text{-webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start;-webkit-flex-basis: 100%;-ms-flex-preferred-size: 100%; flex-basis: 100%;}
  .title-fashion-box{margin-bottom: 60px;margin-top: 30px;}
  .process-image-lg img{width: 100%;}
  .usecasebox .about h4{font-size: 30px;}
  .usecasebox .card .catalog-center .new-tab1 h4{font-size: 20px;}
}
@media (max-width:950px) {
  .item-1, .item-2, .item-3 {top: 198px !important;/*margin-left: -85px !important;*/}
}
@media (max-width:880px) {
  .item-1, .item-2, .item-3 {top: 198px !important;}
}
@media (max-width:850px) {
  .item-1, .item-2, .item-3 {top: 227px !important;/*margin-left:-77px !important;*/}
  .hero-title{font-size:56px;}
}
@media (max-width:768px) {
  .section.services { margin-top: 0; margin-bottom: 0; padding-right: 40px; padding-left: 40px; }
  .section.background-accent.section-w-divider { padding-top: 112px !important; padding-bottom: 212px !important; }
  .navbar-toggler { position: absolute; top: 0; right: 0; }
  .section-title { font-size: 17px !important; }
  .methodology h4 { font-size: 21px !important; }
  .way-design1 { padding: 163px 30px; }
  .hero-content { width: 100%; font-size: 25px; text-align: left; margin-top: 0px;}
  p.text-white.mt60 { margin-top: 15px; }
  
}
@media (max-width:767px) {
  .menu-button-2 { width: 56px; height: 56px; margin-right: 4px; }
  /*.section.full-screen { min-height: 600px; }*/
  .section.services.bgaccent-color { padding-right: 20px; padding-left: 20px; }
  .row { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .row.centre-align { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .row.margin-bottom.sm-reverse-layout { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .col.lg-6 { width: 50%; }
  .col.lg-6.md-3.sm-2 { width: 100%; }
  .col.lg-6.sm-12 { width: 100%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .col.awards-cols { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
  .value-proposition-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; }
  .hero-title.right-aligned { font-size: 40px; }
  .hero-image { width: 450px; }
  .col-2.lg-5 { width: 100%; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; }
  .col-2.lg-6 { width: 100%; }
  .col-2.lg-6.md-3.xs-2 { width: 100%; }
  .col-2.lg-6.md-3.sm-2 { width: 100%; }
  .col-2.lg-6.centre-align { width: 75%; }
  .col-2.lg-4.sm-2 { width: 100%; }
  .col-2.lg-3.md-2 { width: 50%; }
  .col-2.lg-3.sm-6 { width: 50%; }
  .col-2.lg-2.md-1 { width: 50%; }
  .col-2.lg-2.sm-6 { width: 50%; }
  .col-2.lg-6 { width: 100%; }
  .sm-align-centre { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; }
  .side-image { margin-bottom: 20px; }
  .step-container { -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; }
  .award-cards { -webkit-flex-basis: 200px; -ms-flex-preferred-size: 200px; flex-basis: 200px; }
  .paragraph-small-2.short-paragraph { width: 100%; }
  .grid { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; }
  .dashed-line { display: none; }
  .grid-3.img3 { -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: minmax(400px, 1fr) minmax(400px, 1fr) minmax(400px, 1fr)
    minmax(400px, 1fr) minmax(400px, 1fr) minmax(400px, 1fr)
    minmax(400px, 1fr); grid-template-rows: minmax(400px, 1fr) minmax(400px, 1fr) minmax(400px, 1fr) minmax(400px, 1fr)
  minmax(400px, 1fr) minmax(400px, 1fr) minmax(400px, 1fr); }
  .row-2 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .row-2.flex-horizontal { margin-bottom: 0px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .footer-logo-2 { padding-left: 0px; }
  .footer-links-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }
  .wrapper-2.space-around { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; }
  .partner-logo { margin-top: 0px; margin-bottom: 0px; -webkit-box-flex: 0; -webkit-flex: 0 auto; -ms-flex: 0 auto; flex: 0 auto; }
  .contact-form-container.card { padding: 40px; }
  .image-4 { margin-bottom: 40px; }
  .grid2x1 { grid-row-gap: 30px; -ms-grid-columns: 1fr; grid-template-columns: 1fr; }
  .slider-arrow { font-size: 28px; }
  .slide-nav { font-size: 10px; }
  .team-bio { position: static; left: 0%; top: auto; right: 0%; bottom: 0%; z-index: 100; display: block; }
  .gmap iframe{width: 100%;}
  .wrapper{padding-right: 15px;padding-left:15px;}
  .process-image-lg{display: none;}
  .process-image-sm{display: block;text-align: center;}
  .process-image-sm img{width: 70%;}
  .usecasebox .about h4{font-size: 26px;}
  .section.background-accent.section-w-divider {padding-top: 36px !important;padding-bottom: 30px !important;}
  .col.awards-cols{flex-direction: column;}
  .award-cards{margin: auto auto 20px !important;min-height: 300px !important;}
  .usecasebox .about h5{font-size: 18px;}
  .methodology-subtitle{font-size: 14px;}
}
@media (max-width:479px) {
  .burger-icon { color: #000; }
  .menu-button-2 { margin-right: 0px; -webkit-box-flex: 0; -webkit-flex: 0 auto; -ms-flex: 0 auto; flex: 0 auto; }
  .nav-bar { position: absolute; }
  .short-paragraph { width: 100%; }
  .col { margin-bottom: 0px; }
  .col.lg-6 { width: 100%; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }
  .col.lg-6.sm-12 { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; }
  .col-2 { margin-bottom: 0px; }
  .col-2.lg-5 { width: 100%; }
  .col-2.lg-5.md-3.xs-2 { width: 100%; }
  .col-2.lg-6 { width: 100%; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }
  .col-2.lg-6.md-3.xs-2 { width: 100%; }
  .col-2.lg-6.centre-align { width: 100%; }
  .col-2.lg-4 { width: 100%; }
  .col-2.lg-3 { width: 100%; }
  .col-2.lg-3.md-2.xs-1 { width: 100%; }
  .col-2.lg-3.sm-6.xs-12 { width: 100%; }
  .col-2.lg-3.md-6.xs-12 { width: 100%; }
  .col-2.lg-6 { width: 100%; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }
  .section-title.fullwidth-grid.margin-bottom { font-size: 24px; }
  .value-proposition-hero-image { display: block; }
  .side-image { margin-bottom: 20px; }
  .section-2.page-header { padding-top: 80px; }
  .section-2.page-header.image { padding-bottom: 80px; }
  .grid { grid-auto-flow: row; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto; grid-template-rows: auto; }
  .div-block-10 { display: block; padding-right: 0px; }
  .grid-3.img3 { -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: minmax(400px, 1fr) minmax(400px, 1fr) minmax(400px, 1fr)
    minmax(400px, 1fr) minmax(400px, 1fr) minmax(400px, 1fr); grid-template-rows: minmax(400px, 1fr) minmax(400px, 1fr) minmax(400px, 1fr) minmax(400px, 1fr)
  minmax(400px, 1fr) minmax(400px, 1fr); }
  .blog-card-overlay { background-color: hsla(0, 0%, 100%, 0.51); }
  .row-2.flex-horizontal { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
  .negative-margin { margin-left: -10px; }
  .social-media-icon { padding: 0px; }
  .wrapper-2.space-around { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .no-margins.page-title { font-size: 36px; }
  .partner-logo { width: 90px; margin-top: 20px; margin-bottom: 20px; }
  .contact-form-container { padding: 0px; }
  .contact-form-container.card { padding: 20px; }
  .blog-thumbnail-container { margin-bottom: 30px; }
  .no-margin { margin-top: 0px; margin-bottom: 0px; font-size: 24px; line-height: 1.15; }
  .grid2x1 { -ms-grid-columns: 1fr; grid-template-columns: 1fr; }
  .grid-wedo { -ms-grid-columns: 1fr; grid-template-columns: 1fr; }
  .left-arrow { width: 60px; }
  .slider-arrow { margin-right: 20px; margin-left: 20px; font-size: 22px; }
  .right-arrow { width: 60px; }
  .slide-nav { height: 32px; font-size: 8px; }  
}
#w-node-a90a4bea48e4-1508a948 { -ms-grid-row: span 2; grid-row-start: span 2; -ms-grid-row-span: 2; grid-row-end: span 2; -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-column-align: center; justify-self: center; -ms-grid-row-align: start; align-self: start; }
@media screen and (max-width:991px) {
  #w-node-a90a4bea48e4-1508a948 { -ms-grid-row: span 2; grid-row-start: span 2; -ms-grid-row-span: 2; grid-row-end: span 2; -ms-grid-column: span 3; grid-column-start: span 3; -ms-grid-column-span: 3; grid-column-end: span 3; -ms-grid-column-align: center; justify-self: center; -ms-grid-row-align: auto; align-self: auto; }
}
@media screen and (max-width:767px) {
  #w-node-a90a4bea48e4-1508a948 { -ms-grid-row: span 2; grid-row-start: span 2; -ms-grid-row-span: 2; grid-row-end: span 2; -ms-grid-column: span 3; grid-column-start: span 3; -ms-grid-column-span: 3; grid-column-end: span 3; -ms-grid-column-align: center; justify-self: center; -ms-grid-row-align: auto; align-self: auto; }
}
@media screen and (max-width:479px) {
  #w-node-a90a4bea48e4-1508a948 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; }
}
@media screen and (max-width:767px) {
  #w-node-6ad91524b8c2-1508a948 { -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; }
}
@media screen and (max-width:767px) {
  #w-node-f3c27ee0b5e0-1508a948 { -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; }
}
@media screen and (max-width:991px) {
  #w-node-1baae99ab2f1-1508a948 { -ms-grid-column-span: 1; grid-column-end: 3; -ms-grid-column: 2; grid-column-start: 2; -ms-grid-row-span: 1; grid-row-end: 4; -ms-grid-row: 3; grid-row-start: 3; }
}
@media screen and (max-width:479px) {
  #w-node-1baae99ab2f1-1508a948 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; }
}
@media screen and (max-width:991px) {
  #w-node-ab1a4db733ac-1508a948 { -ms-grid-column-span: 1; grid-column-end: 4; -ms-grid-column: 3; grid-column-start: 3; -ms-grid-row-span: 1; grid-row-end: 4; -ms-grid-row: 3; grid-row-start: 3; }
}
@media screen and (max-width:479px) {
  #w-node-ab1a4db733ac-1508a948 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; }
}
#w-node-d75b0073f77d-1508a948 { -ms-grid-row-align: auto; align-self: auto; -ms-grid-column: span 2; grid-column-start: span 2; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-column-span: 2; grid-column-end: span 2; -ms-grid-row-span: 1; grid-row-end: span 1; }
@media screen and (max-width:767px) {
  #w-node-d75b0073f77d-1508a948 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; }
}
@media screen and (max-width:479px) {
  #w-node-d75b0073f77d-1508a948 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; }
}
#w-node-49fde485019b-1508a948 { -webkit-align-self: auto; -ms-flex-item-align: auto; -ms-grid-row-align: auto; align-self: auto; }
@media screen and (max-width:767px) {
  #w-node-49fde485019b-1508a948 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; }
}
#w-node-0d0eb932376f-1508a948 { -ms-grid-row-align: auto; align-self: auto; -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-row: span 2; grid-row-start: span 2; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row-span: 2; grid-row-end: span 2; }
@media screen and (max-width:479px) {
  #w-node-0d0eb932376f-1508a948 { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; }
}
#w-node-c63cbf48a240-1508a948 { -ms-grid-row-align: auto; align-self: auto; -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; }
#w-node-28539235ddc8-1508a948 { -ms-grid-row-align: auto; align-self: auto; -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; }
#w-node-e0b0d11052f3-1508a948 { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 2; grid-column-start: span 2; -ms-grid-column-span: 2; grid-column-end: span 2; }
@media screen and (max-width:767px) {
  #w-node-e0b0d11052f3-1508a948 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; }
}
#w-node-9176933f05c3-0fac79c2 { -webkit-align-self: auto; -ms-flex-item-align: auto; -ms-grid-row-align: auto; align-self: auto; }
#w-node-f3bc66ccbd90-0fac79c2 { -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; }
@media screen and (max-width:767px) {
  #w-node-40f2f5616994-0fac79c2 { -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; }
}
@media screen and (max-width:991px) {
  #w-node-dffb643a2535-0fac79c2 { -ms-grid-column-span: 1; grid-column-end: 2; -ms-grid-column: 1; grid-column-start: 1; -ms-grid-row-span: 1; grid-row-end: 2; -ms-grid-row: 1; grid-row-start: 1; }
}
@media screen and (max-width:479px) {
  #w-node-dffb643a2535-0fac79c2 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; }
}

/*------------------------------------------------------------------

FONT

------------------------------------------------------------------*/
@font-face { font-family: "Fa brands 400"; src: url("../fonts/fa-brands-400.woff2") format("woff2"), url("../fonts/fa-brands-400.eot") format("embedded-opentype"), url("../fonts/fa-brands-400.woff") format("woff"), url("../fonts/fa-brands-400.ttf") format("truetype"), url("../fonts/fa-brands-400.svg") format("svg"); font-weight: 400; font-style: normal; }
.item-1, .item-2, .item-3 { margin-right: auto; margin-bottom: 0px; margin-left: -134px; font-size: 15px; line-height: 1.4; font-weight: 400; position: absolute; display: block; top: 355px; width: 100%; animation-duration: 20s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; }
.item-1 { animation-name: anim-1; }
.item-2 { animation-name: anim-2; }
.item-3 { animation-name: anim-3; }
@keyframes anim-1 {
  0%, 8.3% { left: -100%; opacity: 0; }
  8.3%, 25% { left: 25%; opacity: 1; }
  33.33%, 100% { left: 110%; opacity: 0; }
}
@keyframes anim-2 {
  0%, 33.33% { left: -100%; opacity: 0; }
  41.63%, 58.29% { left: 25%; opacity: 1; }
  66.66%, 100% { left: 110%; opacity: 0; }
}
@keyframes anim-3 {
  0%, 66.66% { left: -100%; opacity: 0; }
  74.96%, 91.62% { left: 25%; opacity: 1; }
  100% { left: 110%; opacity: 0; }
}
.text-white { color: #fff !important; }
.mt50 { margin-top: 50px; }
.mt60 { margin-top: 60px; }
.text-left { text-align: left; }
.main-title { color: #2d2d2d; text-align: center; text-transform: capitalize; padding: 0.7em 0; }
.container .title { color: #1a1a1a; text-align: center; margin-bottom: 10px; }
.award-cards { position: relative; width: 90%; max-width: 400px; margin: auto; min-height: 250px; overflow: hidden; }
.award-cards .award-cards-overlay { background: rgba(0, 0, 0, 0.7); position: absolute; height: 100%; width: 100%; left: 0; top: 0; bottom: 0; right: 0; opacity: 0; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; }
.award-cards:hover .award-cards-overlay { opacity: 1; }
.award-cards-image { width: 100%; }
.award-cards-details { position: absolute; text-align: center; padding-left: 1em; padding-right: 1em; width: 100%; top: 50%; left: 50%; opacity: 0; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }
.award-cards:hover .award-cards-details { top: 50%; left: 50%; opacity: 1; }
.award-cards h3 { color: #fff; font-size: 20px; font-weight: 500; letter-spacing: 0.15em; margin-bottom: 0.5em; text-transform: uppercase; }
.award-cards p { color: #fff; font-size: 0.8em; }
.fadeIn-bottom { top: 80%; }
.fadeIn-top { top: 20%; }
.fadeIn-left { left: 20%; }
.fadeIn-right { left: 80%; }
.text1 { color: #000; margin-top: 40px; }
a {  /* color: #926000; */
text-decoration: none; }
#comparison { width: 800px;  /* padding-bottom: 100%; */ overflow: hidden; margin-bottom: 25px; height: 500px; position: relative; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }
figure { position: absolute; background-image: url(../images/comp1.jpg); background-size: cover; font-size: 0; width: 100%; height: 100%; margin: 0; }
#divisor { background-image: url(../images/comp2.jpg); background-size: cover; position: absolute; width: 50%; box-shadow: 0 5px 10px -2px rgba(0, 0, 0, 0.3); bottom: 0; height: 100%;
  &::before, &::after { content: ""; position: absolute; right: -2px; width: 4px; height: calc(50% - 25px); background: white; z-index: 3; }
  &::before { top: 0; box-shadow: 0 -3px 8px 1px rgba(0, 0, 0, 0.3); }
  &::after { bottom: 0; box-shadow: 0 3px 8px 1px rgba(0, 0, 0, 0.3); }
}
#handle { position: absolute; height: 50px; width: 50px; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); z-index: 1;
  &::before, &::after { content: ""; width: 0; height: 0; border: 6px inset transparent; position: absolute; top: 50%; margin-top: -6px; }
  &::before { border-right: 6px solid white; left: 50%; margin-left: -17px; }
  &::after { border-left: 6px solid white; right: 50%; margin-right: -17px; }
}
input[type="range"] { -webkit-appearance: none; -moz-appearance: none; position: absolute; top: 50%; left: -25px; transform: translateY(-50%); background-color: transparent; width: calc(100% + 50px); z-index: 2;
  &:focus, &:active { border: none; outline: none; }
}
input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 50px; width: 50px; border-radius: 50%; background: transparent; border: 4px solid white; box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.3); }
input[type="range"]::-moz-range-track { -moz-appearance: none; height: 15px; width: 100%; background-color: transparent; position: relative; outline: none; }
.who-we-contant { text-align: center; }
.our-product{padding-top: 60px;}
.who-we-contant h4 { margin-bottom: 20px; font-size: 30px; font-weight: 500; color: #fff !important; line-height: 1.1; }
.methodology { margin-bottom: 20px; }
.methodology h4 { margin-bottom: 20px; font-size: 35px; font-weight: 500; color: #147b82 !important; line-height: 1.1; text-align: center; }
.contant { margin-bottom: 20px; text-align: center; }
.contant h4 { margin-bottom: 20px; font-size: 35px; font-weight: 500; color: #fff !important; line-height: 1.1; text-align: center; }
.carousel-indicators { bottom: -15px !important; }
.carousel-indicators li { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; margin-top: 20px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #147b82 !important; background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: 0.5; transition: opacity 0.6s ease; }
.service_single_content { background: linear-gradient(to bottom, #147b82 0%, #283246 100%); background-image: url(../images/cards-bg.png); background-repeat: no-repeat; background-position: center; background-size: cover; -webkit-box-shadow: 0 0px 1px 2px rgb(0 0 0 / 2%); box-shadow: 0 0px 1px 2px rgb(0 0 0 / 2%); border: none; padding: 40px 20px; margin-bottom: 30px !important; min-height: 320px; }
.service_single_content { background: linear-gradient(to bottom, #147b82 0%, #283246 100%); background-image: url(../images/cards-bg.png); background-repeat: no-repeat; background-position: center; background-size: cover; -webkit-box-shadow: 0 0px 1px 2px rgb(0 0 0 / 2%); box-shadow: 0 0px 1px 2px rgb(0 0 0 / 2%); border: none; padding: 40px 20px; margin-bottom: 30px !important; min-height: 345px; }
.service_single_content h6 { margin-bottom: 15px; font-size: 20px; color: #fff !important; }
.service_single_content p { color: #fff; }
.service_icon img { height: 60px; margin-top: 20px; margin-bottom: 15px; }
.section-2.page-header.image.bg-start-trial { margin-top: 0px; padding-bottom: 160px; background-image: url("../images/case2.jpg"); background-position: 50% 7%; background-size: cover; }
@media (max-width:1024px) {
  .section-product { position: relative; box-sizing: border-box; width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; background: #207782; }
  .about-section-in { background: url(../images/about-us.jpg); height: 81vh; }
  .section.services { margin-top: 0; margin-bottom: 0; padding-right: 40px; padding-left: 40px; }
  .way-design1 { padding: 170px 30px !important; }
  p.text-white.mt60 { margin-top: 60px !important; }
  .hero-content { width: 100%; font-size: 25px; text-align: left; margin-top: 50px; }  
}
a { text-decoration: none !important; }
.nav-link { display: block; padding: 10px !important; text-decoration: none; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; }
@media (max-width:1440px) {
  .way-design1 { padding: 172px 30px !important; }
}
@media (max-width:1400px) {
  .section-product { position: relative; box-sizing: border-box; width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; background: #207782; }
  .fixed-bg { min-height: 1198px !important; }
  .way-design1 { padding: 150px 30px !important; }
  .service-box-bgimage-product1{min-height: 350px}
}
@media (max-width:1366px) {
  .way-design1 { padding: 100px 30px !important; }
  .service-box-bgimage-product2{min-height:370px;height: 370px !important;}
  .service-box-bgimage-product1{min-height: 350px}
}
@media (max-width:1300px) {
  .way-design1 { padding: 93px 30px !important; }
  .service-box-bgimage-product1{min-height: 375px}
}
@media (max-width:1280px) {
	.service-box-bgimage-product1{min-height:calc(100% - 48px)}
}
@media (max-width:1208px) {
  .hero-image { max-width: 500px; }
  .way-design1 { padding: 141px 0 0 30px !important; }
}
@media (max-width:1199px) {
  .nav-link{margin-left:5px;margin-right:5px;}
  .service-box-bgimage-product2{height: 90% !important;}
  .item-1, .item-2, .item-3{margin-left: -129px;}
}
@media (max-width:1150px) {
  .item-1, .item-2, .item-3{margin-left: -122px;} 
}
@media (max-width:1100px) {
  .active .nav-link { width: 50px !important; }
  .custom-shape-bg .portrait-container h4{color: #000 !important;}
  .portrait-container h4, .portrait-container p { color: #000 !important; }
  .way-design1 { padding: 30px 30px !important; }
  .award-cards { position: relative; width: 90%; max-width: 400px; margin: auto 10px 10px; overflow: hidden; }
  .new-award-cards { max-width: 400px; margin-left: 60px; margin-top: 20px !important; }
  .service_single_content { background: linear-gradient(to bottom, #147b82 0%, #283246 100%); background-image: url(../images/cards-bg.png); background-repeat: no-repeat; background-position: center; background-size: cover; -webkit-box-shadow: 0 0px 1px 2px rgb(0 0 0 / 2%); box-shadow: 0 0px 1px 2px rgb(0 0 0 / 2%); border: none; padding: 40px 20px; margin-bottom: 30px !important; min-height: 360px; }
  .nav-link.w--current { padding-right: 0px; padding-left: 0px; border-bottom: 4px solid #1a6a74; color: #1a6a74; border: none; }
  .item-1, .item-2, .item-3{margin-left: -117px;}
  .section-title{font-size: 21px;}
}
@media (max-width:1024px) {
  .section.full-screen.background-image-side.hero{padding-top:140px;}
  .item-1, .item-2, .item-3 {margin-left:-106px;top:204px;}
}
@media (max-width:991px) {
  .navbar-toggler { position: absolute; top:-32px; right: 0; }
  .wrapper1{margin-right:15px;}
  .wrapper1.navbar-2{padding-left: 0px;padding-right:0px;padding-bottom:10px;}
  .navbar-light .navbar-toggler{border-color: transparent !important;box-shadow: none !important;margin:0px;}
  .active .nav-link{width: 100% !important;}  
  .hero-image{margin-top: 0px;}
  .row { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .header .row{-webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }
  .section.full-screen.background-image-side.hero{padding-top: 0px;}
  h1.no-margins.page-title{font-size: 2.0rem;}
  .service-box-bgimage1{margin-bottom: 40px;}  
  .tabcontent{padding:0px 15px;}
  .item-1, .item-2, .item-3 {margin-left:-101px;}
}
@media (max-width:950px) {
  .item-1, .item-2, .item-3 {margin-left:-93px;}
  .section-title{font-size: 20px;}
}
@media (max-width:900px) {
  .item-1, .item-2, .item-3 {margin-left:-86px;}
  .section-title{font-size: 19px;}
}
@media (max-width:850px) {
  .item-1, .item-2, .item-3 {margin-left:-84px;}
}
@media (max-width:800px) {
  .service_single_content { background: linear-gradient(to bottom, #147b82 0%, #283246 100%); background-image: url(../images/cards-bg.png); background-repeat: no-repeat; background-position: center; background-size: cover; -webkit-box-shadow: 0 0px 1px 2px rgb(0 0 0 / 2%); box-shadow: 0 0px 1px 2px rgb(0 0 0 / 2%); border: none; padding: 10px; margin-bottom: 30px !important; min-height: 340px; }
  .who-we-contant h4 { margin-bottom: 20px; font-size: 30px; font-weight: 500; color: #fff !important; line-height: 1.1; }
  .item-1, .item-2, .item-3 {margin-left:-77px;}
}
@media (max-width:768px) {
  .hero-content { text-align: center; }
  .box-inner { border-right: 0; }
  .section-heading.left-aligned.no-margin-top { font-size: 26px; text-align: center; }
  .sub-title.margin-bottom.margin-top { font-size: 15px; text-align: center; }
  .quick-links { margin-left: 17px; }
  .service-box-bgimage-product2 { width: 460px;margin-left: auto;margin-right: auto;}
  .benifits { display: flex; flex-direction: column-reverse; }
  .new-tab { margin-top: 20px; }
  .contact-form-container h2 { font-size: 30px; text-align: center; }
  .contact-form-container p { text-align: center; margin: 25px; }
  .contact-form-container input { width: 100%; }
  /*.contact-form-container .form { display: flex; justify-content: center; }*/
  .service-box-bgimage-product1 { width: 460px;margin:0px auto 48px; }
  .item-1, .item-2, .item-3 {margin-left:-77px;top: 173px !important; }
}
@media (max-width:767px) {
  .item-1, .item-2, .item-3{width: 500px;top: 170px !important;}
  /*.section.full-screen.background-image-side.hero{padding-top: 120px;}*/
  .row{margin:0px auto !important;}
  .wrapper1{margin-right:0px;padding-right: 15px;padding-left: 15px;}
  .wrapper1.navbar-2{padding-bottom:30px;}
  .navbar-toggler{top:15px;}
  .section-footer .col-2.lg-4{width: 100%;}
  .copyright{padding-left:15px;}
  .negative-margin{margin-left:-15px;} 
  .title-fashion-box {margin-bottom: 30px;margin-top:10px;}   
  .service-box-bgimage1{margin-bottom: 30px;}
  .sm-center{text-align: center !important;}
  .wrapper.left-aligned.sm-center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  h1.no-margins.page-title {font-size: 1.5rem;}
  .hover.hover-on-image{padding:0px;}
}
@media (max-width:600px) {
  .section-product { position: relative; box-sizing: border-box; width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; background: #207782; }
  .portrait-container { position: relative; overflow: hidden; margin-bottom: 0; border-radius: 5px; }
  .about-section-in { background: none; height: auto; }
  .form-field { min-width: auto; }

  .hero-content { width: 100%; font-size: 25px; margin-top: 80px; }
  .item-1, .item-2, .item-3 { margin-left: -70px !important;top: 300px; }
  .hero-image { width: 250px; }
  .hero-title { font-size: 26px; }
  .section-title { font-size: 18px; }
  #comparison { width: 100%; }
  .section-heading { font-size: 20px; }
  .who-we-contant h4 { font-size: 20px; }
}
@media (max-width:575px) {
  .navbar-toggler{top: -32px;}
  .wrapper1.navbar-2{padding-bottom: 10px;}
  .main-section-banner{margin-top:140px;}
  .section-2.page-header.image.p-banner{padding-bottom: 100px;}
}
@media (max-width:540px) {
  .navbar-toggler { position: absolute; top: -34px; right: 0; }
  .hero-content { margin-top: 30px;}
  .item-1, .item-2, .item-3 { top: 120px !important;width: 350px;}
  .service-box-bgimage-product1{width: 100%;}
  .service-box-bgimage-product2{width: 100%;}
}
@media (max-width:425px) {
  p.text-white.mt60 { margin-top: 60px !important; }
  .hero-content { width: 100%; font-size: 25px; margin-top: 40px !important; }
  .item-1, .item-2, .item-3 {top: 318px !important; width: 320px;}
}
@media (max-width:414px) {
  .navbar-toggler { position: absolute; top: -33px; right: 0px; }
  .item-1, .item-2, .item-3 { top: 203px !important; }
}
@media (max-width:411px) {
  .navbar-toggler { position: absolute; top: -32px; right: 0; }
  .item-1, .item-2, .item-3 { top: 150px !important;}
}
@media (max-width:400px) {
  p.text-white.mt60 { margin-top: 60px !important; }
}
@media (max-width:360px) {
  .item-1, .item-2, .item-3 { top: 150px !important;width: 310px;}
}
@media (max-width:320px) {
  .navbar-toggler { position: absolute; top: -32px; right: 0; }
  .w-inline-block { max-width: 100%; display: inline-block; }
  p.text-white.mt60 { margin-top: 60px !important; }
  .item-1, .item-2, .item-3 { margin-left: -55px !important; top:140px !important;width: 255px;}
  .hero-content { width: 100%; font-size: 25px; margin-top: 30px !important; }
}
.way-design1 { padding: 200px 30px 0px; }
.fixed-bg { background-image: url(../images/new-bg.jpg); min-height: 1000px; background-attachment: fixed; background-position: left; background-repeat: no-repeat; background-size: contain; margin-left: -29px; }
.color-blue { color: #147b82; }
.about h4 { margin-bottom: 20px; font-size: 35px; font-weight: 500; color: #147b82 !important; line-height: 1.1; }
.mt120 { margin-top: 120px; }
.service_single_content a { color: #fff; border-bottom: #fff solid 1px; }
.service_single_content a:hover { color: #fff; }
.service::-webkit-input-placeholder {  /* Edge */
color: #ffffff !important; }
.service:-ms-input-placeholder {  /* Internet Explorer 10-11 */
color: #ffffff !important; }
.service::placeholder { color: #ffffff !important; }

/*Background*/
.iq-fashion-bg-one { background-position: right center !important; }

/*Service-Box*/
.service-box-bgimage { position: relative; z-index: 0; padding: 55px 30px; margin-bottom: 50px; }
.service-box-bgimage .iq-box-icon { margin-bottom: 25px; }
.service-box-bgimage .iq-box-icon i { position: absolute; left: 0; right: 0; margin: 0 auto; display: inline-block; text-align: center; color: #ffffff; }
.service-box-bgimage .iq-box-icon .flaticon::before { font-size: 45px; line-height: 95px; }
.service-box-bgimage .content .sub-content { margin-bottom: 0px; margin-top: 10px; }
.service-box-bgimage .bg-image { position: absolute; top: 0; left: 0; right: 0; z-index: -1; margin: 0 auto; display: block; text-align: center; transition: all 0.5s ease-in-out; 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; -webkit-transition: all 0.3s ease-in-out; }
.service-box-bgimage:hover .bg-image { box-shadow: 0px 10px 20px 0px #1e1e1e8a; }
.vizion-recentblog.fashion-blog .iq-blog-box { padding: 0px 15px 0px 30px; }
.vizion-recentblog.fashion-blog .owl-carousel .iq-blog-box .iq-blog-detail { padding: 25px 0px 25px; }
.vizion-recentblog.fashion-blog .iq-blog-box .iq-blog-image .iq-date { position: absolute; top: 15px; right: 0; }
.vizion-recentblog.fashion-blog
.iq-blog-box
.iq-blog-image
.iq-date
.iq-blog-date { position: absolute; top: 6%; right: 24%; color: #ffffff; }
.vizion-recentblog.fashion-blog
.iq-blog-box
.iq-blog-detail
.iq-blog-meta
a
> h6 { color: #46c894; }
.vizion-recentblog.fashion-blog .iq-blog-box .iq-blog-detail .blog-title { margin-top: 10px; }

/* .fashion-bottom-shape:after {
    transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    opacity: 1;
    z-index: 1;
    height: 140px;
    width: 100%;
    position: absolute;
    top: -27px;
    left: 0;

    display: block !important;
    background-image: url(../images/fashion-banner-shap-top.png);
    background-repeat: no-repeat;
} */

/* .fashion-bottom-shape:before {
    transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;opacity: 1;z-index: 1;height: 90px;width: 100%;position: absolute;bottom: -27px;left: 0;display: block !important;background-image: url(../images/fashion-banner-shap2.png);background-repeat: no-repeat;} */
.iq-bgimage-btn a.button-bgimage { padding: 20px 22px; color: #ffffff; text-decoration: none; background-repeat: no-repeat; }



/* Add some content at the bottom of the video/page */
.content-video { bottom: 0;  /* background: rgba(0, 0, 0, 0.5); */ color: #f1f1f1; width: 100%; padding: 20px; position: absolute; }

/* Style the button used to pause/play the video */
.section-use { position: relative; display: block; overflow: hidden; margin-right: auto; margin-left: auto; padding-top: 20px; padding-bottom: 20px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: transparent; }
.word ul li { list-style: square; }
.word ul li { font-size: 20px; line-height: 1.9; }
.two-columns-section:first-child { padding: 172px 0 90px; }
.two-columns-section aside { width: 221px; margin: 0 180px 0 0; }
.tab1.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: #212529; text-align: left; list-style: none;  /* background-color: #fff; */  /* background-clip: padding-box; */

  /* border: 1px solid rgba(0,0,0,.15); */

  /* border-radius: .25rem; */
border: none !important; margin-left: 30px; }
.tab { float: left; width: 100%; }

/* Style the buttons inside the tab */
.tab button { display: block; background-color: inherit; color: black; padding: 10px; width: 100%; border: none; outline: none; text-align: left; cursor: pointer; transition: 0.3s; font-size: 17px; }

/* Change background color of buttons on hover */
.tab button:hover { background-color: #ddd; }

/* Create an active/current "tab button" class */
.tab button.active { background-color: #207782; color: #fff; font-size: 20px; font-weight: 500; padding: 10px; }

/* Style the tab content */

.new-tab { min-height: 575px; box-shadow: 0px 10px 20px 0px #1e1e1e26;border-radius: 10px;}
sidenav { height: 100%; width: 200px; position: fixed; z-index: 1; top: 0; left: 0; background-color: #111; overflow-x: hidden; padding-top: 20px; }

/* Style the sidenav links and the dropdown button */
.sidenav a, .dropdown-btn { background: #000 !important; margin-top: 10px; color: #fff !important; padding: 6px 8px 6px 16px; text-decoration: none; font-size: 20px; color: #818181; display: block; border: none; background: none; width: 100%; text-align: left; cursor: pointer; outline: none; }

/* On mouse-over */
.sidenav a:hover, .dropdown-btn:hover { color: #f1f1f1; }

/* Main content */
.main { margin-left: 200px; /* Same as the width of the sidenav */ font-size: 20px; /* Increased text to enable scrolling */ padding: 0px 10px; }

/* Add an active class to the active dropdown button */
/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdown-container { display: none; padding-left: 8px; }
.dropdown-btn::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; }
.blog-thumbnail-container img { height: 160px; width: 100%;border-radius: 10px;border-bottom-left-radius: 0px;-webkit-border-bottom-left-radius: 0px;-moz-border-bottom-left-radius: 0px;-o-border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;-webkit-border-bottom-right-radius: 0px;-moz-border-bottom-right-radius: 0px;-ms-border-bottom-right-radius: 0px;-o-border-bottom-right-radius: 0px;}
#loading { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #ffffff; z-index: 9999; }
#loading-center { position: relative; }
.spinner { animation: rotate 1s linear infinite; background: #46c894; border-radius: 50%; height: 160px; width: 160px; position: relative; }
.loading-img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 50%; margin-top: 32px; }
.spinner:before { border-radius: 50%; background: linear-gradient(0deg, hsla(0, 0%, 100%, 1) 50%, hsla(0, 0%, 100%, 0.9) 100%)
  0% 0%, linear-gradient(90deg, hsla(0, 0%, 100%, 0.9) 0%, hsla(0, 0%, 100%, 0.6) 100%)
  100% 0%, linear-gradient(180deg, hsla(0, 0%, 100%, 0.6) 0%, hsla(0, 0%, 100%, 0.3) 100%)
  100% 100%, linear-gradient(360deg, hsla(0, 0%, 100%, 0.3) 0%, hsla(0, 0%, 100%, 0) 100%)
0% 100%; background-repeat: no-repeat; background-size: 50% 50%; top: -1px; bottom: -1px; left: -1px; right: -1px; }
.spinner:after { background: #ffffff; border-radius: 50%; top: 1%; bottom: 1%; left: 2%; right: 1%; }
.padding .button { min-height: 20px; }
.new-img img { min-height: 430px; }
.blog-thumbnail-container1 { overflow: hidden; margin-bottom: 30px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-transition: all 200ms ease; transition: all 200ms ease; text-decoration: none; }
.blog-thumbnail-container1 h4 { font-size: 20px; }
.contact-container img { margin-top: 30px; margin-bottom: 30px; }
.contact-container a { color: #207782; font-weight: 400; }
.policy p { margin-left: 20px; }

.works ul li { margin-left: 25px; }
.works ul { margin-top: 20px; }
.works h5 { font-size: 17px !important; margin-bottom: 20px !important; font-weight: bold;min-height: 52px;}

.new-tab1 { min-height: 475px; box-shadow: 0px 10px 20px 0px #1e1e1e26; }
@media (max-width:1598px) {
  .word ul li { font-size: 17px; line-height: 1.9; }
  .tab button.active { background-color: #207782; color: #fff; font-size: 15px; font-weight: 500; padding: 10px; }
  .new-tab { min-height: 545px; }
}
.service-box-bgimage-product1 h5 { margin-top: 20px; }
.service-box-bgimage-product1:hover { box-shadow: 0px 10px 20px 0px #1e1e1e8a; }
.iq-box-icon1:hover {  /* transform: translate(0px, -4px); */ }
.footer-heading > a:hover { color: #fff; cursor: auto; }
.dropdown-item:focus { color: #147b82 !important; }
.fa-refresh:hover { color: #096ad0; }
/* @media (min-width: 0px) and (max-width: 320px) {
.dropdown-item {width: 100px !important;}
.dropdown-menu a {width: 200px !important;}
} */
.under-construction { display: flex; justify-content: center; margin-top: 45px; }
.under-construction h2 { font-size: 45px; }
.under-construction p { color: #096ad0; font-weight: 400; margin-top: 25px; }
.info{color:#fff;background: #147b82;padding: 0px 3px;font-size: 10px;font-weight: bold;font-style: italic;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;width: 14px;height: 14px;text-align: center;display: inline-block;cursor: pointer;}
.worksInfo{font-weight: 500;}